JupyterLab-Broccoli の履歴(No.2)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• JupyterLab-Broccoli へ行く。
  • 1 (2023-12-11 (月) 21:38:22)
  • 2 (2024-03-10 (日) 17:26:25)
  • 3 (2024-03-10 (日) 18:12:58)
  • 4 (2024-03-10 (日) 19:58:17)

---

JupyterLab-Broccoli†[edit]

• Fork of JupyterLab-Blockly

Version†[edit]

• 0.3.x (PyPI, npm)
  • JupyterLab 3.6.x, Blockly 9.3.3
• 0.4.x (PyPI, npm)
  • JupyterLab 4.0.x, Blockly 9.3.3
• 0.5.x (npm)
  • JupyterLab 4.0.x, Blockly 10.2.2

github†[edit]

• https://github.com/FumiHax/jupyterlab-broccoli

PyPI†[edit]

• https://pypi.org/project/jupyterlab-broccoli/

npm†[edit]

• https://www.npmjs.com/package/jupyterlab-broccoli

Development†[edit]

npm†[edit]

• npm install を実行すると package.json から package-lock.json ができる？
• jupyterlab-blockly (broccoli) は yarn を使用する

yarn†[edit]

• yarn install を実行すると package.json から yarn.lock ができる？

  rm -r node_modules  yarn.lock 
  yarn install
  jlpm build

jupyter†[edit]

• jupyter labextension list
• jupyter labextension uninstall ......

jlpm†[edit]

• jlpm clean
• jlpm cache clean

実際のCommand†[edit]

\rm -r node_modules/ yarn.lock packages/*/node_modules/ */labextension
yarn install
jlpm build

for JupyterLab v4†[edit]

• ソースコードの表示には InputArea クラスを使用する．
• メニューの追加が大幅（?）変更

Source Code†[edit]

HTMLElememt†[edit]

• http://alphasis.info/javascript/dom/styleobject/
• https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement

highlight.js†[edit]

• https://www.npmjs.com/package/highlight.js?activeTab=readme#basic-usage

Development of Blocks†[edit]

• https://github.com/QuantStack/jupyterlab-blockly
• https://github.com/wolfv/jupyterlab-blockly
• Devel

Upload†[edit]

PIP (PyPI)†[edit]

\rm -r dist
python -m build
twine upload --repository pypi dist/*

NPM†[edit]

jlpm build
cd packages/blockly
npm publish --access public

Blockly†[edit]

Blockly 9.3.3†[edit]

• 対応バージョン

Blockly 10.2.2†[edit]

• generator の登録に変更があった模様．
• jupyterlab-broccoli 0.5.0 で関数の上書きができない．

Trouble Shooting†[edit]

jlpm build†[edit]

Class 'RenderedCommon' incorrectly implements interface 'IRenderer'†[edit]

• tsconfig.json に "skipLibCheck": true を追加．

error TS2320: Interface 'ElementClass' cannot simultaneously extend types†[edit]

• package.json で react 18.2.0 ではなく，@types/react 18.0.26 を指定．

blocks†[edit]

BlocklyPy.statementToCode(block, 'Do')
BlocklyPy.valueToCode

'check': 'Boolean',
'check': 'Number',
'check': 'String',
'check': 'Array',
'check': ['String', 'Array']

• https://developers.google.com/blockly/reference/js/blockly.codegenerator_class.md?hl=ja
• https://developers.google.com/blockly/reference/js/blockly.block_class.md?hl=ja