@basthon/console-react 0.1.2 → 0.2.0

package/README.md

@@ -1,3 +1,9 @@
 # Basthon Console React Component
 
 This contains the main React component used to build [Basthon-Console](https://forge.apps.education.fr/basthon/basthon-console).
+
+## Install
+
+```bash
+npm install @basthon/console-react
+```

package/lib/components/app.d.ts

@@ -1,5 +1,5 @@
 import { FC, PropsWithChildren } from "react";
-import { type BasthonContextProps } from "../hooks/basthon";
+import { type BasthonContextProps } from "@basthon/gui-react";
 import { type Theme } from "../state-manager";
 interface InnerAppProps {
     forceTheme?: Theme;

package/lib/components/app.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { BasthonContext } from "../hooks/basthon";
+import { BasthonContext } from "@basthon/gui-react";
 import GUI from "../gui/gui";
 import { useGUI } from "../hooks/gui";
 import stateManager from "../state-manager";

package/lib/hooks/gui.js

@@ -1,3 +1,3 @@
-import { useGUI as useGUIBase } from "./basthon";
+import { useGUI as useGUIBase } from "@basthon/gui-react";
 const useGUI = () => useGUIBase();
 export { useGUI };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basthon/console-react",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Basthon - Console React Component",
   "homepage": "https://basthon.fr",
   "bugs": {
@@ -20,6 +20,24 @@
   "files": [
     "lib"
   ],
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./components/*": {
+      "types": "./lib/components/*.d.ts",
+      "default": "./lib/components/*.js"
+    },
+    "./gui/*": {
+      "types": "./lib/gui/*.d.ts",
+      "default": "./lib/gui/*.js"
+    },
+    "./hooks/*": {
+      "types": "./lib/hooks/*.d.ts",
+      "default": "./lib/hooks/*.js"
+    }
+  },
   "devDependencies": {
     "@types/react": "^18.0.30",
     "@types/react-dom": "^18.0.11",
@@ -34,7 +52,7 @@
     "clean": "rimraf lib/"
   },
   "dependencies": {
-    "@basthon/gui-base": "0.72.8",
+    "@basthon/gui-react": "0.73.0",
     "@fontsource/open-sans": "^5.1.0",
     "@fortawesome/fontawesome-svg-core": "^6.7.1",
     "@fortawesome/free-regular-svg-icons": "^6.7.1",
@@ -45,13 +63,15 @@
     "jquery": "^3.6.4",
     "jquery.terminal": "^2.44.1",
     "notie": "^4.3.1",
-    "react": "^18.2.0",
     "react-ace": "^13.0.0",
-    "react-dom": "^18.2.0",
     "tty-browserify": "^0.0.1",
     "use-immer": "^0.11.0",
     "vm-browserify": "^1.1.2"
   },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
   "publishConfig": {
     "access": "public"
   }

package/lib/hooks/basthon.d.ts

@@ -1,16 +0,0 @@
-import { FC, PropsWithChildren } from "react";
-import { GUIBase } from "@basthon/gui-base";
-declare const useGUI: () => GUIBase;
-interface BasthonContextProps {
-    GUI?: typeof GUIBase;
-    rootPath?: string;
-    kernel?: string;
-    pyodideURLs?: string[];
-    noCheckpointsInit?: boolean;
-}
-/**
- * This (pseudo) context is in charge of basthon
- * kernel loading.
- */
-declare const BasthonContext: FC<PropsWithChildren<BasthonContextProps>>;
-export { BasthonContext, useGUI, type BasthonContextProps };

package/lib/hooks/basthon.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-const GUIContext = createContext(null);
-const useGUI = () => useContext(GUIContext);
-let gui;
-/**
- * This (pseudo) context is in charge of basthon
- * kernel loading.
- */
-const BasthonContext = (props) => {
-    if (props.GUI == null)
-        throw Error("Basthon GUI class not set");
-    const rootPath = props.rootPath ?? "assets";
-    const pyodideURLs = props.pyodideURLs;
-    const noCheckpointsInit = props.noCheckpointsInit ?? false;
-    let kernel = props.kernel;
-    // set kernel
-    if (kernel == null) {
-        const url = new URL(window.location.href);
-        const params = url.searchParams;
-        kernel = params.get("kernel")?.toLowerCase() ?? "python3";
-    }
-    // set legacy
-    let legacy = false;
-    if (kernel.endsWith("-legacy")) {
-        kernel = kernel.slice(0, -"-legacy".length);
-        legacy = true;
-    }
-    // set language
-    kernel =
-        {
-            // shortcuts
-            py: "python3",
-            python: "python3",
-            "python3-old": "python3", // for backward compatibility
-            js: "javascript",
-        }[kernel] ?? kernel;
-    const language = kernel;
-    // transition phase: we force legacy mode for pyhton3 kernel
-    legacy = legacy === true || language === "python3";
-    if (gui == null) {
-        gui = new props.GUI({
-            kernelOptions: {
-                rootPath,
-                language,
-                legacy,
-                pyodideURLs,
-            },
-            noCheckpointsInit,
-        });
-        gui.init();
-    }
-    return (_jsx(GUIContext.Provider, { value: gui, children: props.children }));
-};
-export { BasthonContext, useGUI };