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