In extension development, how can I include non-typescript static resources?

[tanaga9]

I am developing jupyterlab-box-drive.
An extension that adds Box cloud storage as a drive to jupyterlab.

there are at least two non-typescript static resources

• BoxSdk.js: by box-javascript-sdk
• auth.html

I (forced) put these two in a visible place and created a state that works with docker compose

Is there a better way to do it?

[tanaga9]

@tanaga9

I (forced) put these two in a visible place and created a state that works with docker compose

• BoxSdk.js
  • https://github.com/tanaga9/jupyterlab-box-drive/blob/15c18f05af371ad35175029ce431dcc0cdcc81fc/Dockerfile#L25
  • https://github.com/tanaga9/jupyterlab-box-drive/blob/15c18f05af371ad35175029ce431dcc0cdcc81fc/src/index.ts#L42

[tanaga9]

@tanaga9

I (forced) put these two in a visible place and created a state that works with docker compose

• auth.html
  • https://github.com/tanaga9/jupyterlab-box-drive/blob/15c18f05af371ad35175029ce431dcc0cdcc81fc/Dockerfile#L26
  • https://github.com/tanaga9/jupyterlab-box-drive/blob/15c18f05af371ad35175029ce431dcc0cdcc81fc/src/index.ts#L59

[tanaga9]

@tanaga9

I (forced) put these two in a visible place and created a state that works with docker compose

I had to load BoxSdk.js, so I forced a script tag into the body tag

tanaga9/jupyterlab-box-drive/blob/15c18f05af371ad35175029ce431dcc0cdcc81fc/src/index.ts#L17-L20

[tanaga9]

I solved it by below way

[question] How do I include static resources other than typescript ?

writing the cp command in the build script.
48c220b

One way could be to use a custom webpack.config.js when building the JupyterLab extension and use the webpack asset modules. An example would be the jupyterlite-pyodide-kernel extension which ships .whl files in the extension:

https://github.com/jupyterlite/pyodide-kernel/blob/11bf328e746794ff535f98f3c25c3a98d8f94d1c/packages/pyodide-kernel-extension/webpack.config.js

The CopyWebpackPlugin might also work: CopyWebpackPlugin | webpack