whitphx · whitphx · Dec 11, 2024
diff --git a/Makefile b/Makefile
@@ -8,7 +8,7 @@ desktop := packages/desktop/build/*
 kernel := packages/kernel/dist/*
 stlite-lib-wheel := packages/kernel/py/stlite-lib/dist/stlite_lib-0.1.0-py3-none-any.whl
 streamlit_proto := streamlit/frontend/lib/src/proto.d.ts
-streamlit_wheel := packages/kernel/py/streamlit/lib/dist/streamlit-1.40.1-cp312-none-any.whl
+streamlit_wheel := packages/kernel/py/streamlit/lib/dist/streamlit-1.41.0-cp312-none-any.whl
 streamlit_frontend_lib_prod := streamlit/frontend/lib/dist/*
 
 export USE_CONSTRAINTS_FILE := false  # https://github.com/streamlit/streamlit/blob/1.27.0/.github/workflows/release.yml#L67-L68
@@ -138,7 +138,7 @@ $(streamlit_wheel): venv $(streamlit_proto) streamlit/lib/streamlit/**/*.py stre
 	SNOWPARK_CONDA_BUILD=true $(MAKE) -C streamlit distribution && \
 	mv $$TEMP_DIR/*.pyi ./streamlit/lib/streamlit/proto/ && \
 	rmdir $$TEMP_DIR && \
-	pyodide py-compile --keep streamlit/lib/dist/streamlit-1.40.1-py2.py3-none-any.whl && \
+	pyodide py-compile --keep streamlit/lib/dist/streamlit-1.41.0-py2.py3-none-any.whl && \
 	mkdir -p $(dir $(streamlit_wheel)) && \
 	cp streamlit/lib/dist/$(notdir $(streamlit_wheel)) $(streamlit_wheel)
 

diff --git a/packages/common-react/package.json b/packages/common-react/package.json
@@ -14,7 +14,7 @@
     "check:prettier": "prettier --check ."
   },
   "dependencies": {
-    "@streamlit/lib": "1.40.1"
+    "@streamlit/lib": "1.41.0"
   },
   "devDependencies": {
     "react": "^18.2.0",

diff --git a/packages/common-react/tsconfig.json b/packages/common-react/tsconfig.json
@@ -31,7 +31,7 @@
     // "paths": {} /* Specify a set of entries that re-map imports to additional lookup locations. */,
     // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
     // "typeRoots": [],                                  /* Specify multiple folders that act like `./node_modules/@types`. */
-    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
+    "types": ["vite/client"],                                      /* Specify type package names to be included without being referenced in a source file. */
     // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
     // "resolveJsonModule": true,                        /* Enable importing .json files */
     // "noResolve": true,                                /* Disallow `import`s, `require`s or `<reference>`s from expanding the number of files TypeScript should add to a project. */

diff --git a/packages/desktop/bin-src/dump_artifacts/index.ts b/packages/desktop/bin-src/dump_artifacts/index.ts
@@ -148,7 +148,7 @@ async function installPackages(
   requirements.push(stliteLibWheel);
   const streamlitWheel = await prepareLocalWheel(
     pyodide,
-    path.join(wheelsDir, "streamlit-1.40.1-cp312-none-any.whl"),
+    path.join(wheelsDir, "streamlit-1.41.0-cp312-none-any.whl"),
   );
   requirements.push(streamlitWheel);
 

diff --git a/packages/desktop/package.json b/packages/desktop/package.json
@@ -72,7 +72,7 @@
     "@stlite/common": "^0.73.1",
     "@stlite/common-react": "^0.73.1",
     "@stlite/kernel": "^0.73.1",
-    "@streamlit/app": "1.40.1",
+    "@streamlit/app": "1.41.0",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.0.0",
     "@types/jest": "^27.4.3",

diff --git a/packages/desktop/scripts/copy_wheels.js b/packages/desktop/scripts/copy_wheels.js
@@ -22,7 +22,7 @@ async function main() {
   );
   const streamlitWheelPath = path.join(
     stliteKernelPyDir,
-    "streamlit/lib/dist/streamlit-1.40.1-cp312-none-any.whl",
+    "streamlit/lib/dist/streamlit-1.41.0-cp312-none-any.whl",
   );
 
   // Create the `wheels` directory

diff --git a/packages/kernel/package.json b/packages/kernel/package.json
@@ -29,7 +29,7 @@
   "dependencies": {
     "@jupyterlab/coreutils": "^5.4.2",
     "@stlite/common": "^0.73.1",
-    "@streamlit/lib": "1.40.1",
+    "@streamlit/lib": "1.41.0",
     "@tinyhttp/content-disposition": "^2.2.2",
     "path-browserify": "^1.0.1",
     "react": "^18.2.0"

diff --git a/packages/kernel/src/kernel.ts b/packages/kernel/src/kernel.ts
@@ -32,7 +32,7 @@
 // https://github.com/pyodide/pyodide/pull/1859
 // https://pyodide.org/en/stable/project/changelog.html#micropip
 import STLITE_LIB_WHEEL from "!!file-loader?name=pypi/[name].[ext]&context=.!../py/stlite-lib/dist/stlite_lib-0.1.0-py3-none-any.whl"; // TODO: Extract the import statement to an auto-generated file like `_pypi.ts` in JupyterLite: https://github.com/jupyterlite/jupyterlite/blob/f2ecc9cf7189cb19722bec2f0fc7ff5dfd233d47/packages/pyolite-kernel/src/_pypi.ts
-import STREAMLIT_WHEEL from "!!file-loader?name=pypi/[name].[ext]&context=.!../py/streamlit/lib/dist/streamlit-1.40.1-cp312-none-any.whl";
+import STREAMLIT_WHEEL from "!!file-loader?name=pypi/[name].[ext]&context=.!../py/streamlit/lib/dist/streamlit-1.41.0-cp312-none-any.whl";
 
 // Ref: https://github.com/streamlit/streamlit/blob/1.12.2/frontend/src/lib/UriUtil.ts#L32-L33
 const FINAL_SLASH_RE = /\/+$/;
@@ -290,7 +290,7 @@

  public readFile(
    path: string,
    opts?: Record<string, any>,
  ): Promise<string | Uint8Array> {
    return this._asyncPostMessage(
      {

diff --git a/packages/kernel/src/pyodide-loader.ts b/packages/kernel/src/pyodide-loader.ts
@@ -1,3 +1,5 @@
+/// <reference lib="WebWorker" />
+
 import type Pyodide from "pyodide";
 
 interface ResolvePyodideUrlResult {
@@ -63,7 +65,7 @@
    loadPyodide = pyodideModule.loadPyodide;
  } else {
    importScripts(scriptURL);
    loadPyodide = (self as any).loadPyodide;
  }
  return loadPyodide({ ...loadPyodideOptions, indexURL: pyodideIndexURL });
 }
diff --git a/packages/kernel/src/react-helpers/CustomComponentIFrame/index.spec.tsx b/packages/kernel/src/react-helpers/CustomComponentIFrame/index.spec.tsx
@@ -76,9 +76,12 @@ describe("<CustomComponentIFrame />", () => {
       requirements: [],
       prebuiltPackageNames: [],
     });
+    function CustomIframe(props: JSX.IntrinsicElements["iframe"]) {
+      return <iframe {...props} />;
+    }
     const { container } = render(
       <StliteKernelProvider kernel={kernel}>
-        <CustomComponentIFrame src={src} />
+        <CustomComponentIFrame src={src} IframeComponent={CustomIframe} />
       </StliteKernelProvider>,
     );
 

diff --git a/packages/kernel/src/react-helpers/CustomComponentIFrame/index.tsx b/packages/kernel/src/react-helpers/CustomComponentIFrame/index.tsx
@@ -6,12 +6,13 @@ import { manipulateIFrameDocument } from "./iframe-manipulation";
 type IFrameProps = JSX.IntrinsicElements["iframe"];
 interface CustomComponentIFrameProps extends IFrameProps {
   src: string;
+  IframeComponent: React.ComponentType<IFrameProps>;
 }
 
 const InnerIFrame = React.forwardRef<
   HTMLIFrameElement,
   CustomComponentIFrameProps
->(({ src: path, ...props }, ref) => {
+>(({ src: path, IframeComponent, ...props }, ref) => {
   const kernel = useStliteKernel();
 
   const [srcdoc, setSrcdoc] = useState<string>();
@@ -74,7 +75,12 @@ const InnerIFrame = React.forwardRef<
   );
 
   return (
-    <iframe {...props} srcDoc={srcdoc} onLoad={handleIFrameLoad} ref={ref} />
+    <IframeComponent
+      {...props}
+      srcDoc={srcdoc}
+      onLoad={handleIFrameLoad}
+      ref={ref}
+    />
   );
 });
 InnerIFrame.displayName = "InnerIFrame";

diff --git a/packages/kernel/src/worker-runtime.ts b/packages/kernel/src/worker-runtime.ts
@@ -1,3 +1,5 @@
+/// <reference lib="WebWorker" />
+
 import type Pyodide from "pyodide";
 import type { PyProxy, PyBuffer } from "pyodide/ffi";
 import { PromiseDelegate } from "@stlite/common";

diff --git a/packages/kernel/src/worker.ts b/packages/kernel/src/worker.ts
@@ -1,7 +1,9 @@
+/// <reference lib="WebWorker" />
+
 import { startWorkerEnv } from "./worker-runtime";
 
 const postMessage = (self as DedicatedWorkerGlobalScope).postMessage;
 self.onmessage = startWorkerEnv(
   "https://cdn.jsdelivr.net/pyodide/v0.26.2/full/pyodide.js",
-  (event, port) => postMessage(event, port ? [port] : undefined),
+  (event, port) => (port ? postMessage(event, [port]) : postMessage(event)),
 );
diff --git a/packages/kernel/tsconfig.json b/packages/kernel/tsconfig.json
@@ -12,7 +12,7 @@
 
     /* Language and Environment */
     "target": "ESNext",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
-    // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
     "jsx": "react-jsx",                                /* Specify what JSX code is generated. */
     // "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
     // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
@@ -31,7 +31,7 @@
     // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */,
     // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
     // "typeRoots": [],                                  /* Specify multiple folders that act like `./node_modules/@types`. */
-    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
+    "types": ["vite/client"],                                      /* Specify type package names to be included without being referenced in a source file. */
     // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
     // "resolveJsonModule": true,                        /* Enable importing .json files */
     // "noResolve": true,                                /* Disallow `import`s, `require`s or `<reference>`s from expanding the number of files TypeScript should add to a project. */

diff --git a/packages/kernel/vitest.config.ts b/packages/kernel/vitest.config.ts
@@ -17,7 +17,7 @@ export default defineConfig({
       ),
       "streamlit.whl": path.resolve(
         __dirname,
-        "./py/streamlit/lib/dist/streamlit-1.40.1-cp312-none-any.whl",
+        "./py/streamlit/lib/dist/streamlit-1.41.0-cp312-none-any.whl",
       ),
     },
   },

diff --git a/packages/mountable/package.json b/packages/mountable/package.json
@@ -32,7 +32,7 @@
     "@stlite/common": "^0.73.1",
     "@stlite/common-react": "^0.73.1",
     "@stlite/kernel": "^0.73.1",
-    "@streamlit/app": "1.40.1",
+    "@streamlit/app": "1.41.0",
     "@svgr/webpack": "^8.1.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.1.2",

diff --git a/packages/sharing/package.json b/packages/sharing/package.json
@@ -8,7 +8,7 @@
     "@stlite/common-react": "^0.73.1",
     "@stlite/kernel": "^0.73.1",
     "@stlite/sharing-common": "^0.73.1",
-    "@streamlit/app": "1.40.1",
+    "@streamlit/app": "1.41.0",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.0.0",
     "@types/jest": "^27.4.3",

diff --git a/streamlit b/streamlit