@r-universe/webr 2023.6.21 → 2023.9.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@r-universe/webr",
-  "version": "2023.06.21",
+  "version": "2023.09.18",
   "description": "The statistical programming langauge R compiled into WASM for use in a web browser and node.",
   "keywords": [
     "webR",
@@ -35,7 +35,6 @@
     }
   ],
   "files": [
-    "templates",
     "dist"
   ],
   "main": "dist/webr.mjs",
@@ -45,32 +44,31 @@
       "node": "./dist/webr.cjs",
       "default": "./dist/webr.mjs"
     },
-    "./chan/serviceworker": "./dist/webr-serviceworker.mjs",
-    "./repl": "./dist/repl.mjs"
+    "./chan/serviceworker": "./dist/webr-serviceworker.mjs"
   },
   "typesVersions": {
     "*": {
-      "repl": [
-        "dist/repl/repl"
-      ],
-      "repl/*": [
-        "dist/repl/*"
-      ],
       "*": [
         "dist/webR/*"
       ]
     }
   },
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=17.0.0"
   },
   "dependencies": {
+    "@codemirror/autocomplete": "^6.8.1",
+    "@codemirror/commands": "^6.2.4",
+    "@codemirror/state": "^6.2.1",
+    "@codemirror/view": "^6.15.0",
     "@msgpack/msgpack": "^2.8.0",
-    "@types/emscripten": "^1.39.6",
-    "esbuild": "^0.17.19",
-    "eslint-plugin-jsdoc": "^46.2.4",
-    "jquery": "^3.6.0",
-    "jstree": "^3.3.12",
+    "codemirror": "^6.0.1",
+    "codemirror-lang-r": "^0.1.0-2",
+    "lightningcss": "^1.21.5",
+    "react": "^18.2.0",
+    "react-accessible-treeview": "^2.6.1",
+    "react-dom": "^18.2.0",
+    "react-icons": "^4.10.1",
     "tsx": "^3.12.7",
     "xmlhttprequest-ssl": "^2.1.0",
     "xterm": "^5.1.0",
@@ -78,17 +76,21 @@
     "xterm-readline": "^1.1.1"
   },
   "devDependencies": {
+    "@types/emscripten": "^1.39.6",
     "@types/jest": "^28.1.8",
-    "@types/jquery": "^3.5.14",
-    "@types/jstree": "^3.3.41",
     "@types/node": "^17.0.35",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
     "@typescript-eslint/eslint-plugin": "^5.51.0",
     "@typescript-eslint/parser": "^5.51.0",
     "c8": "^7.12.0",
+    "esbuild": "^0.17.19",
     "esbuild-css-modules-plugin": "^2.2.16",
     "eslint": "^8.33.0",
     "eslint-config-google": "^0.14.0",
     "eslint-plugin-jest": "^26.8.7",
+    "eslint-plugin-jsdoc": "^46.2.4",
+    "eslint-plugin-react": "^7.32.2",
     "gts": "^3.1.0",
     "jest": "^28.1.3",
     "ts-jest": "^28.0.8",

package/dist/repl/fstree.d.ts

@@ -1,57 +0,0 @@
-/// <reference types="jquery" />
-/// <reference types="jquery" />
-/// <reference types="jstree" />
-import { FSNode } from '../webR/webr-main';
-import 'jstree/dist/themes/default/style.css';
-interface JQueryJSTreeElement extends Omit<JQuery, 'on'> {
-    jstree(options?: {}): JSTree;
-    on(eventName: string, callback: (event: Event, data: {
-        node: JSTreeNode;
-        action: any;
-        selected: string[];
-        event: Event;
-    }) => void): this;
-}
-export type JSTreeNode = {
-    text: string;
-    icon?: string;
-    state?: {
-        opened?: boolean;
-        disabled?: boolean;
-        selected?: boolean;
-    };
-    parents?: JSTreeNode[];
-    children?: JSTreeNode[];
-    original?: {
-        [key: string]: any;
-    };
-    isFolder?: boolean;
-};
-type FSTreeOptions = {
-    selector: string;
-    core?: {
-        check_callback: boolean;
-        data: (obj: {
-            id: string;
-        }, cb: {
-            call: (FSTree: FSTreeInterface, jsTreeNode: JSTreeNode) => any;
-        }) => void;
-        multiple: boolean;
-    };
-};
-export interface FSTreeInterface {
-    getSelectedNodes: typeof getSelectedNodes;
-    getSelectedNode: typeof getSelectedNode;
-    refresh: typeof refresh;
-    createJSTreeNodefromFSNode: typeof createJSTreeNodefromFSNode;
-    getJSTreeElement: typeof getJSTreeElement;
-    getNodeFileName: typeof getNodeFileName;
-}
-export declare function initFSTree(options: FSTreeOptions): FSTreeInterface;
-export declare function getJSTreeElement(): JQueryJSTreeElement;
-export declare function getSelectedNodes(): JSTreeNode[];
-export declare function getSelectedNode(): JSTreeNode | undefined;
-export declare function getNodeFileName(node: JSTreeNode): string;
-export declare function refresh(): void;
-export declare function createJSTreeNodefromFSNode(fsNode: FSNode): JSTreeNode;
-export {};

package/dist/repl/repl.d.ts

@@ -1 +0,0 @@
-import 'xterm/css/xterm.css';

package/templates/repl.html

@@ -1,134 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <link href="repl.css" rel="stylesheet"/>
-    <style>
-        body {
-            margin: 0;
-            font-family: sans-serif;
-            overflow:hidden;
-        }
-        .tabs {
-            display: flex;
-            flex-wrap: wrap;
-            background: #eee;
-            height: 100%;
-            min-height: 100%;
-            align-items: flex-start;
-            align-content: flex-start;
-        }
-        .tabs label {
-            order: 1;
-            display: block;
-            padding: 6px 25px;
-            margin-right: 0.2rem;
-            cursor: pointer;
-            background: #ccc;
-            font-weight: bold;
-            transition: background ease 0.2s;
-        }
-        .tabs .tab {
-            order: 99;
-            flex-grow: 1;
-            width: 100%;
-            display: none;
-            background: #fff;
-            padding-top: 5px;
-            height: calc(100% - 30px);
-        }
-        .tabs input[type="radio"] {
-            display: none;
-        }
-        .tabs input[type="radio"]:checked + label {
-            background: #fff;
-        }
-        .tabs input[type="radio"]:checked + label + .tab {
-            display: block;
-        }
-        .dispbox {
-            display: flex;
-            justify-content: center;
-        }
-        .main {
-            height: 100vh;
-        }
-        .box {
-            position: relative;
-            width: 50vw;
-            height: 100vh;
-            background-color: #191919;
-        }
-        #plot {
-            background-color: #727272;
-            align-items: center;
-            height: 100%;
-            position: relative;
-        }
-        #plot-canvas {
-            background-color: #FFFFFF;
-            width: 40vw;
-            height: 40vw;
-            max-height: 80vh;
-            max-width: 80vh;
-        }
-        #plot-save {
-            position: absolute;
-            top: 5px;
-            right: 5px;
-        }
-        #files-bar {
-            display: flex;
-            flex-wrap: wrap;
-            flex-direction: row;
-            align-items: stretch;
-            width: 100%;
-        }
-        @media (orientation: portrait) {
-            .dispbox {
-                flex-flow: column;
-            }
-            .box {
-                width: 100vw;
-                height: 50vh;
-            }
-            #plot-canvas {
-                width: 40vh;
-                height: 40vh;
-                max-height: 80vw;
-                max-width: 80vw;
-            }
-        }
-    </style>
-</head>
-<body>
-    <div class="main dispbox">
-        <div id='term' class="box"></div>
-        <div class="box">
-            <div class="tabs">
-                <input type="radio" id="plots-tab" name="tab-group-1" checked="checked">
-                <label for="plots-tab">Plotting</label>
-                <div class="tab">
-                    <div id='plot' class="dispbox">
-                        <button id="plot-save">Save Plot</button>
-                        <canvas id='plot-canvas' class="box" width="1008" height="1008"></canvas>
-                    </div>
-                </div>
-                <input type="radio" id="files-tab" name="tab-group-1">
-                <label for="files-tab">Files</label>
-                <div class="tab">
-                    <div>
-                        <div id="files-bar">
-                            <button id="upload-file" disabled onclick="document.getElementById('input-upload').click();" style="flex: 1">Upload File</button>
-                            <input id="input-upload" type="file" style="display: none"/>
-                            <button id="download-file" disabled style="flex: 1">Download File</button>
-                        </div>
-                    </div>
-                    <div id="jstree_fs">
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</body>
-<script type="module" src="repl.mjs"></script>
-</html>