@jseeio/jsee 0.2.8 → 0.3.1

package/jest.config.js

@@ -1,6 +1,7 @@
 const config = {
   preset: 'jest-puppeteer',
   verbose: true,
+  testTimeout: 30000
 }
 
 module.exports = config

package/package.json

@@ -1,19 +1,24 @@
 {
   "name": "@jseeio/jsee",
-  "version": "0.2.8",
-  "description": "",
+  "version": "0.3.1",
+  "description": "JavaScript Execution Environment",
   "main": "dist/jsee.js",
   "unpkg": "dist/jsee.js",
   "jsdelivr": "dist/jsee.js",
   "private": false,
   "scripts": {
     "build-dev": "webpack --mode=development --progress --stats-children --env DEVELOPMENT",
-    "build": "webpack --mode=production --progress && webpack --mode=production --progress --env RUNTIME",
-    "watch": "nodemon --watch . --ignore dist --ext vue,js,css,html --exec 'npm run build-dev && npm test'",
+    "build": "webpack --mode=production --progress && webpack --mode=production --progress --env RUNTIME && npm test",
+    "watch": "nodemon --watch . --ignore dist,.git --ext vue,js,css,html --exec 'npm run build-dev && npm run test:basic'",
     "prepublishOnly": "npm run build && npm test",
-    "test": "jest test.js --detectOpenHandles",
+    "test": "npm run test:basic && npm run test:python",
+    "test:basic": "jest test/test-basic.test.js --detectOpenHandles",
+    "test:python": "jest test/test-python.test.js --detectOpenHandles",
     "test-head": "HEADLESS=false npm test"
   },
+  "bin": {
+    "jsee": "bin/cmd.js"
+  },
   "author": "Anton Zemlyansky",
   "license": "MIT",
   "repository": {
@@ -28,36 +33,41 @@
     "@mdi/font": "^6.5.95",
     "bulma": "^0.9.3",
     "csv-parse": "^4.6.1",
+    "element-plus": "^1.3.0-beta.1",
+    "express": "^4.19.2",
     "file-saver": "^2.0.2",
     "filtrex": "^2.2.3",
+    "jsdoc-to-markdown": "^8.0.1",
+    "minimist": "^1.2.8",
     "notyf": "^3.10.0",
-    "vue": "^3.2.23",
+    "showdown": "^2.1.0",
+    "vue": "^3.2.47",
     "vue-style-loader": "^4.1.3",
-    "vue3-json-viewer": "^1.0.4",
+    "vue3-json-viewer": "^2.2.2",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.5",
+    "@babel/core": "^7.21.4",
     "@babel/plugin-transform-runtime": "^7.4.4",
     "@babel/preset-env": "^7.16.5",
-    "babel-loader": "^8.2.3",
-    "css-loader": "^6.5.1",
-    "http-server": "^14.0.0",
-    "jest": "^27.4.5",
-    "jest-puppeteer": "^6.0.3",
-    "node-sass": "^7.0.0",
-    "nodemon": "^2.0.15",
-    "puppeteer": "^1.20.0",
-    "sass-loader": "^12.4.0",
-    "source-map-loader": "^3.0.0",
-    "style-loader": "^3.3.1",
-    "tape": "^4.9.1",
-    "terser-webpack-plugin": "^5.3.0",
+    "babel-loader": "^9.1.2",
+    "css-loader": "^6.7.3",
+    "expect-puppeteer": "^8.0.5",
+    "http-server": "^14.1.1",
+    "jest": "^29.5.0",
+    "jest-puppeteer": "^8.0.6",
+    "node-sass": "^8.0.0",
+    "nodemon": "^2.0.22",
+    "puppeteer": "^19.8.5",
+    "sass-loader": "^13.2.2",
+    "source-map-loader": "^4.0.1",
+    "style-loader": "^3.3.2",
+    "terser-webpack-plugin": "^5.3.7",
     "uglify-es": "^3.3.9",
-    "vue-loader": "^17.0.0",
-    "vue-template-compiler": "^2.6.14",
-    "webpack": "^5.65.0",
-    "webpack-cli": "^4.9.1",
+    "vue-loader": "^17.0.1",
+    "vue-template-compiler": "^2.7.14",
+    "webpack": "^5.78.0",
+    "webpack-cli": "^5.0.1",
     "worker-loader": "^3.0.8"
   },
   "resolutions": {

package/src/app.js

@@ -20,10 +20,16 @@ const components = {
 const filtrex = require('filtrex')
 const JsonViewer = require('vue3-json-viewer').default
 
-function resetInputs (inputs) {
-  inputs.forEach(input => {
-    if (input.default) { 
-      input.value = input.default 
+function resetInputs (inputs, example) {
+  inputs.forEach((input, index) => {
+    if (example && input.name && example[input.name]) {
+      // Object
+      input.value = example[input.name]
+    } else if (example && example[index]) {
+      // Array
+      input.value = example[index]
+    } else if (input.default) {
+      input.value = input.default
     } else {
       switch (input.type) {
         case 'int':
@@ -107,10 +113,10 @@ function createVueApp (env, mountedCallback, logMain) {
   })
 
   // Determine a container for Vue app
-  const container = env.params.container
-    ? (typeof env.params.container === 'string')
-      ? document.querySelector(env.params.container)
-      : env.params.container
+  const container = env.container
+    ? (typeof env.container === 'string')
+      ? document.querySelector(env.container)
+      : env.container
     : document.body
 
   // Determine a template and GUI framework
@@ -122,7 +128,7 @@ function createVueApp (env, mountedCallback, logMain) {
   let render
   if (
     env.schema.design
-    && env.schema.design.template 
+    && env.schema.design.template
     && (
       typeof env.schema.design.template === 'string'
       || env.schema.design.template === false
@@ -151,7 +157,7 @@ function createVueApp (env, mountedCallback, logMain) {
         handler (v) {
           this.dataChanged = true // Used in the reset button
           if (this.model.autorun) {
-            this.run()
+            this.run('autorun')
           }
         }
       }
@@ -161,18 +167,22 @@ function createVueApp (env, mountedCallback, logMain) {
     },
     methods: {
       display (index) {
-        const res = displayFunctions[index](this.$data)
+        const res = index < displayFunctions.length
+          ? displayFunctions[index](this.$data)
+          : true
         return res
       },
-      reset () {
-        resetInputs(this.inputs)
+      reset (example) {
+        // Reset input values to default ones
+        // If example is provided, use it as a new default
+        resetInputs(this.inputs, example)
         this.$nextTick(() => {
           this.dataChanged = false
         })
       },
-      run () {
+      run (caller) {
         this.clickRun = true
-        env.run()
+        env.run(caller)
         setTimeout(() => {
           this.clickRun = false
         }, 150)
@@ -180,7 +190,7 @@ function createVueApp (env, mountedCallback, logMain) {
       notify (msg) {
         env.notify(msg)
       }
-    },
+    }
   })
 
   if (framework !== false) {