差分

このページの2つのバージョン間の差分を表示します。

--- python:jupyterlab:extension_dev [2025/04/25 05:20] – [テンプレートで新しい extension プロジェクトを作成] ともやん
+++ python:jupyterlab:extension_dev [2025/04/27 06:49] (現在) – [error: subprocess-exited-with-error エラーでビルドが失敗する🤔] ともやん
@@ 行 766: / 行 766: @@
 <WRAP color_term>
 <WRAP color_command><html><pre>
-(jupyterlab-ext) <font color="#26A269">mkdir</font> jupyterlab-monster-extension <font color="#2A7BDE"><b>&amp;&amp;</b></font> <font color="#26A269">cd</font> jupyterlab-monster-extension</pre>
+(jupyterlab-ext) <font color="#26A269">mkdir</font> jupyterlab-monster-extension <font color="#2A7BDE"><b>&amp;&amp;</b></font> <font color="#26A269">cd</font> jupyterlab-monster-extension
 (jupyterlab-ext) <font color="#0087FF"><b>$</b></font> <font color="#26A269">copier</font> copy <font color="#A347BA">--trust</font> https://github.com/jupyterlab/extension-template <u style="text-decoration-style:single">.</u>
 </pre></html></WRAP>
@@ 行 908: / 行 908: @@
 <WRAP color_term>
 <WRAP color_command><html><pre>
+(jupyterlab-ext) <font color="#0087FF"><b>$</b></font> <font color="#26A269">git</font> config <font color="#A347BA">--global</font> user.email tomoyan596@tomoyan.net
 (jupyterlab-ext) <font color="#0087FF"><b>$</b></font> <font color="#26A269">git</font> init
 </pre></html></WRAP>
@@ 行 921: / 行 922: @@
 <font color="#A2734C">hint:</font>
 <font color="#A2734C">hint: </font>	<font color="#A2734C">git branch -m &lt;name&gt;</font>
-Initialized empty Git repository in /home/tomoyan/my_projects/jupyter_tomoyan_extension/.git/
+Initialized empty Git repository in /home/tomoyan/my_projects/jupyter-src/jupyterlab-monster-extension/.git/
 </pre></html></WRAP>
 <WRAP color_command><html><pre>
+(jupyterlab-ext) <font color="#0087FF"><b>$</b></font> <font color="#26A269">git</font> br<font color="#999999">anch </font><font color="#A347BA">-m</font><font color="#999999"> main</font>
 (jupyterlab-ext) <font color="#0087FF"><b>$</b></font> <font color="#26A269">git</font> add <u style="text-decoration-style:solid">.</u>
 </pre></html></WRAP>
 <WRAP color_command><html><pre>
-(jupyterlab-ext) <font color="#0087FF"><b>$</b></font> <font color="#26A269">git</font> status
+(jupyterlab-ext) <font color="#0087FF"><b>$</b></font> <font color="#26A269">git</font> s<font color="#999999">tatus</font>
 </pre></html></WRAP>
 <WRAP color_result_hlong><html><pre>
-On branch master
+On branch main
 No commits yet
@@ 行 956: / 行 958: @@
 	<font color="#26A269">new file:   install.json</font>
 	<font color="#26A269">new file:   jest.config.js</font>
-	<font color="#26A269">new file:   jupyter_tomoyan_extension/__init__.py</font>
+	<font color="#26A269">new file:   jupyterlab-monster-extension/__init__.py</font>
 	<font color="#26A269">new file:   package.json</font>
 	<font color="#26A269">new file:   pyproject.toml</font>
+	<font color="#26A269">new file:   schema/plugin.json</font>
 	<font color="#26A269">new file:   setup.py</font>
-	<font color="#26A269">new file:   src/__tests__/jupyter_tomoyan_extension.spec.ts</font>
+	<font color="#26A269">new file:   src/__tests__/jupyterlab-monster-extension.spec.ts</font>
 	<font color="#26A269">new file:   src/index.ts</font>
 	<font color="#26A269">new file:   style/index.css</font>
@@ 行 970: / 行 973: @@
 	<font color="#26A269">new file:   ui-tests/package.json</font>
 	<font color="#26A269">new file:   ui-tests/playwright.config.js</font>
-	<font color="#26A269">new file:   ui-tests/tests/jupyter_tomoyan_extension.spec.ts</font>
+	<font color="#26A269">new file:   ui-tests/tests/jupyterlab-monster-extension.spec.ts</font>
 	<font color="#26A269">new file:   ui-tests/yarn.lock</font>
@@ 行 978: / 行 981: @@
 </pre></html></WRAP>
 <WRAP color_result_hlong><html><pre>
-[master (root-commit) e628056] テンプレートよりプロジェクトを作成
+[main (root-commit) d04260d] テンプレートよりプロジェクトを作成
- Committer: TomoYan &lt;tomoyan@highway-x.fireball.local&gt;
+ files changed, 1885 insertions(+)
-Your name and email address were configured automatically based
-on your username and hostname. Please check that they are accurate.
-You can suppress this message by setting them explicitly. Run the
-following command and follow the instructions in your editor to edit
-your configuration file:
-    git config --global --edit
-After doing this, you may fix the identity used for this commit with:
-    git commit --amend --reset-author
- files changed, 1860 insertions(+)
  create mode 100644 .copier-answers.yml
  create mode 100644 .github/workflows/binder-on-pr.yml
@@ 行 1013: / 行 1003: @@
  create mode 100644 install.json
  create mode 100644 jest.config.js
- create mode 100644 jupyter_tomoyan_extension/__init__.py
+ create mode 100644 jupyterlab-monster-extension/__init__.py
  create mode 100644 package.json
  create mode 100644 pyproject.toml
+ create mode 100644 schema/plugin.json
  create mode 100644 setup.py
- create mode 100644 src/__tests__/jupyter_tomoyan_extension.spec.ts
+ create mode 100644 src/__tests__/jupyterlab-monster-extension.spec.ts
  create mode 100644 src/index.ts
  create mode 100644 style/index.css
@@ 行 1027: / 行 1018: @@
  create mode 100644 ui-tests/package.json
  create mode 100644 ui-tests/playwright.config.js
- create mode 100644 ui-tests/tests/jupyter_tomoyan_extension.spec.ts
+ create mode 100644 ui-tests/tests/jupyterlab-monster-extension.spec.ts
  create mode 100644 ui-tests/yarn.lock
 </pre></html></WRAP>
@@ 行 6372: / 行 6363: @@
 ===== JupyterLab の拡張機能の実装方法...🤔 =====
-ソースコード: [[git>tomoyan596/jupyter_tomoyan_extension|tomoyan596/jupyter_tomoyan_extension]]\\
+ソースコード: [[git>tomoyan596/jupyterlab-monsters-extension|tomoyan596/jupyterlab-monsters-extension]]\\
-テーマには JupyterLab のテーマと、JupyterLab のコードエディタである CodeMirror のテーマがある🤔\\
+JupyterLab の Extension として実装可能なテーマは、UI のテーマ、コードエディタの CodeMirror のテーマ、ターミナルの xterm のテーマの 3 つに分けることができる🤔\\
-ここでは CodeMirror のテーマ (monokai) と構文色分け (Astro) を追加する方法を示す😉\\
+ここでは CodeMirror のテーマ (monokai) と、構文色分け (Astro) を追加する方法を示す😉\\
 <WRAP group>
 <WRAP column zoomimg w400 x1_2>
@@ 行 6415: / 行 6406: @@
 JupyterLab のソースコードは公開されているので、古いドキュメントやネットの文献に惑わされることなく、最新のソースコードから推測で実装可能である😉\\
 [[git>jupyterlab/extension-examples/|jupyterlab/extension-examples: JupyterLab Extensions by Examples]]\\
-[[git>jupyterlab/jupyterlab/tree/4.3.x/packages|jupyterlab/packages at 4.3.x · jupyterlab/jupyterlab]]\\
+[[git>jupyterlab/jupyterlab/tree/4.4.x/packages|jupyterlab/packages at 4.4.x · jupyterlab/jupyterlab]]\\
-[[git>jupyterlab/jupyterlab/tree/4.3.x/packages/codemirror|jupyterlab/packages/codemirror at 4.3.x · jupyterlab/jupyterlab]]\\
+[[git>jupyterlab/jupyterlab/tree/4.4.x/packages/codemirror|jupyterlab/packages/codemirror at 4.4.x · jupyterlab/jupyterlab]]\\
-[[git>jupyterlab/jupyterlab/blob/4.3.x/packages/codemirror/src/theme.ts|jupyterlab/packages/codemirror/src/theme.ts at 4.3.x · jupyterlab/jupyterlab]]\\
+[[git>jupyterlab/jupyterlab/blob/4.4.x/packages/codemirror/src/theme.ts|jupyterlab/packages/codemirror/src/theme.ts at 4.4.x · jupyterlab/jupyterlab]]\\
-[[git>jupyterlab/jupyterlab/blob/4.3.x/packages/codemirror/src/language.ts|jupyterlab/packages/codemirror/src/language.ts at 4.3.x · jupyterlab/jupyterlab]]\\
+[[git>jupyterlab/jupyterlab/blob/4.4.x/packages/codemirror/src/language.ts|jupyterlab/packages/codemirror/src/language.ts at 4.4.x · jupyterlab/jupyterlab]]\\
+[[git>jupyterlab/jupyterlab/tree/4.4.x/packages/codemirror-extension/|jupyterlab/packages/codemirror-extension at 4.4.x · jupyterlab/jupyterlab]]\\
+==== JupyterLab Extension サンプルの探し方 ====
 ==== CodeMirror テーマの実装...🤔 ====
@@ 行 6433: / 行 6427: @@
 <WRAP color_mincode><html><pre>
 <font color="#2A7BDE">➤</font> <font color="#666666">YN0000</font>: ┌ Resolution step
-<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D75F00">@jupyterlab/</font><font color="#D7875F">services</font><font color="#87AFFF">@npm:7.4.0</font> doesn&apos;t provide <font color="#D7875F">react</font> (<font color="#87AFFF">p4977b</font>), requested by <font color="#D75F00">@jupyterlab/</font><font color="#D7875F">settingregistry</font>
+<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D75F00">@jupyterlab/</font><font color="#D7875F">services</font><font color="#87AFFF">@npm:7.4.1</font> doesn&apos;t provide <font color="#D7875F">react</font> (<font color="#87AFFF">p54672</font>), requested by <font color="#D75F00">@jupyterlab/</font><font color="#D7875F">settingregistry</font>
-<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D75F00">@jupyterlab/</font><font color="#D7875F">testutils</font><font color="#87AFFF">@npm:4.4.0</font> doesn&apos;t provide <font color="#D7875F">typescript</font> (<font color="#87AFFF">pb40ed</font>), requested by <font color="#D75F00">@jupyterlab/</font><font color="#D7875F">testing</font>
+<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D75F00">@jupyterlab/</font><font color="#D7875F">testutils</font><font color="#87AFFF">@npm:4.4.1</font> doesn&apos;t provide <font color="#D7875F">typescript</font> (<font color="#87AFFF">pdc910</font>), requested by <font color="#D75F00">@jupyterlab/</font><font color="#D7875F">testing</font>
-<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyter_tomoyan_extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D75F00">@codemirror/</font><font color="#D7875F">language</font> (<font color="#87AFFF">pccaec</font>), requested by <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-bundle</font>
+<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyterlab-monster-extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D75F00">@codemirror/</font><font color="#D7875F">language</font> (<font color="#87AFFF">pa9791</font>), requested by <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-bundle</font>
-<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyter_tomoyan_extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D75F00">@codemirror/</font><font color="#D7875F">state</font> (<font color="#87AFFF">p24bf8</font>), requested by <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-bundle</font>
+<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyterlab-monster-extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D75F00">@codemirror/</font><font color="#D7875F">state</font> (<font color="#87AFFF">p0fc0e</font>), requested by <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-bundle</font>
-<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyter_tomoyan_extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D75F00">@codemirror/</font><font color="#D7875F">view</font> (<font color="#87AFFF">p00fa6</font>), requested by <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-bundle</font>
+<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyterlab-monster-extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D75F00">@codemirror/</font><font color="#D7875F">view</font> (<font color="#87AFFF">pe162a</font>), requested by <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-bundle</font>
-<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyter_tomoyan_extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D75F00">@lezer/</font><font color="#D7875F">highlight</font> (<font color="#87AFFF">p52a63</font>), requested by <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-bundle</font>
+<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyterlab-monster-extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D75F00">@lezer/</font><font color="#D7875F">highlight</font> (<font color="#87AFFF">p8f76a</font>), requested by <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-bundle</font>
-<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyter_tomoyan_extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D7875F">webpack</font> (<font color="#87AFFF">p7544c</font>), requested by <font color="#D7875F">source-map-loader</font>
+<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyterlab-monster-extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D7875F">react</font> (<font color="#87AFFF">p46bba</font>), requested by <font color="#D75F00">@jupyterlab/</font><font color="#D7875F">settingregistry</font>
-<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyter_tomoyan_extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D7875F">webpack</font> (<font color="#87AFFF">pbfbbb</font>), requested by <font color="#D7875F">style-loader</font>
+<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyterlab-monster-extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D7875F">webpack</font> (<font color="#87AFFF">p5b72e</font>), requested by <font color="#D7875F">source-map-loader</font>
+<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyterlab-monster-extension</font><font color="#87AFFF">@workspace:.</font> doesn&apos;t provide <font color="#D7875F">webpack</font> (<font color="#87AFFF">pfe613</font>), requested by <font color="#D7875F">style-loader</font>
+<font color="#E9AD0C">➤</font> YN0002: │ <font color="#D7875F">jupyterlab-rspack</font><font color="#87AFFF">@npm:0.1.0</font> doesn&apos;t provide <font color="#D7875F">webpack</font> (<font color="#87AFFF">pd80ca</font>), requested by <font color="#D7875F">source-map-loader</font>
 <font color="#E9AD0C">➤</font> YN0000: │ Some peer dependencies are incorrectly met; run <font color="#87AFFF">yarn explain peer-requirements &lt;hash&gt;</font> for details, where <font color="#87AFFF">&lt;hash&gt;</font> is the six-letter p-prefixed code
-<font color="#2A7BDE">➤</font> <font color="#666666">YN0000</font>: └ Completed in 3s 872ms
+<font color="#2A7BDE">➤</font> <font color="#666666">YN0000</font>: └ Completed in 3s 253ms
 <font color="#2A7BDE">➤</font> <font color="#666666">YN0000</font>: ┌ Fetch step
-<font color="#2A7BDE">➤</font> YN0013: │ <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-tokyo-night-day</font><font color="#87AFFF">@npm:6.1.2</font> can&apos;t be found in the cache and will be fetched
+<font color="#2A7BDE">➤</font> <font color="#666666">YN0000</font>: └ Completed in 2s 6ms
-<font color="#2A7BDE">➤</font> YN0013: │ <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-tokyo-night-storm</font><font color="#87AFFF">@npm:6.1.2</font> can&apos;t be found in the cache and will be fetche
-<font color="#2A7BDE">➤</font> YN0013: │ <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-volcano</font><font color="#87AFFF">@npm:6.1.2</font> can&apos;t be found in the cache and will be fetched from the
-<font color="#2A7BDE">➤</font> YN0013: │ <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-vscode-dark</font><font color="#87AFFF">@npm:6.1.2</font> can&apos;t be found in the cache and will be fetched from
-<font color="#2A7BDE">➤</font> YN0013: │ <font color="#D75F00">@fsegurai/</font><font color="#D7875F">codemirror-theme-vscode-light</font><font color="#87AFFF">@npm:6.1.2</font> can&apos;t be found in the cache and will be fetched fro
-<font color="#2A7BDE">➤</font> <font color="#666666">YN0000</font>: └ Completed in 3s 495ms
 <font color="#2A7BDE">➤</font> <font color="#666666">YN0000</font>: ┌ Link step
-<font color="#2A7BDE">➤</font> <font color="#666666">YN0000</font>: └ Completed in 1s 474ms
+<font color="#2A7BDE">➤</font> <font color="#666666">YN0000</font>: └ Completed in 2s 299ms
-<font color="#E9AD0C">➤</font> YN0000: Done with warnings in 9s 178ms
+<font color="#E9AD0C">➤</font> YN0000: Done with warnings in 7s 953ms
 </pre></html></WRAP>
 </WRAP>
@@ 行 6776: / 行 6767: @@
 ==== ビルドの高速化😍 ====
+<wrap em>※ビルド結果がおかしいので調査中...😅</wrap>\\
 deno でビルドすると少し高速化されます🤔\\
@@ 行 9285: / 行 9277: @@
 </pre></html></WRAP>
-<WRAP color_result><html><pre>
+<WRAP color_result_hlong><html><pre>
   <b>$ </b>yarn install [--json] [--immutable] [--immutable-cache] [--check-cache] [--inline-builds] [--mode #0]
   Traceback (most recent call last):
@@ 行 9383: / 行 9375: @@
 ===== 参考文献 =====
+<WRAP scroll_area_long fsize14>
 [[rtd>jupyterlab.readthedocs.io/en/latest/index.html|JupyterLab Documentation — JupyterLab latest documentation]]\\
 [[git>jupyterlab/extension-examples/|jupyterlab/extension-examples: JupyterLab Extensions by Examples]]\\
@@ 行 9407: / 行 9400: @@
 [[git>telamonian/tree-finder|telamonian/tree-finder: Versatile tree-viewer/filebrowser widget, built on top of regular-table]]\\
-[[https://deno.com/blog/your-new-js-package-manager|Introducing your new JavaScript package manager: Deno]]\\
+[[deno>blog/your-new-js-package-manager|Introducing your new JavaScript package manager: Deno]]\\
+[[https://github.com/jupyterlab/lumino|jupyterlab/lumino: Lumino is a library for building interactive web applications]]\\
+</WRAP>
 ==== 付録 ====