@es-joy/jsoe 0.15.0 → 0.16.0

package/demo/index.js

@@ -9,26 +9,6 @@ import {
 
 const types = new Types();
 
-/**
- *
- */
-const makeNoneditableType = () => {
-  /**
-   *
-   */
-  class NonEditableType {
-    /* eslint-disable class-methods-use-this -- `this` not needed */
-    /**
-     * @returns {string}
-     */
-    get [Symbol.toStringTag] () {
-      /* eslint-enable class-methods-use-this -- `this` not needed */
-      return 'NonEditableType';
-    }
-  }
-  return new NonEditableType();
-};
-
 const keyPathNotExpectedTypeChoices = formatAndTypeChoices({
   hasKeyPath: false,
   typeNamespace: 'demo-keypath-not-expected'
@@ -85,9 +65,7 @@ setTimeout(async function () {
             // eslint-disable-next-line @stylistic/max-len -- Long
             await keyPathNotExpectedTypeChoices.formats.getControlsForFormatAndValue(
               keyPathNotExpectedTypeChoices.types,
-              $('#useIndexedDBKey').checked
-                ? 'indexedDBKey'
-                : 'structuredCloning',
+              'structuredCloning',
               keyPathNotExpectedTypeChoices.getValue(),
               {
                 readonly: true
@@ -110,134 +88,6 @@ setTimeout(async function () {
       }
     }, ['Initialize with a value']],
 
-    ['button', {
-      id: 'initializeWithComplexValue',
-      $on: {
-        async click () {
-          const a = {
-            bbb: {},
-            xxx: {yyy: []}
-          };
-          a.bbb.ccc = a;
-          a.zzz = a.xxx.yyy;
-          await keyPathNotExpectedTypeChoices.setValue(a);
-        }
-      }
-    }, ['Initialize with a complex value']],
-
-    ['button', {
-      id: 'initializeWithNoneditableValue',
-      $on: {
-        click () {
-          const a = makeNoneditableType();
-          const root = $(
-            '#formatAndTypeChoices div[data-type="resurrectable"]'
-          );
-          keyPathNotExpectedTypeChoices.types.setValue({
-            type: 'resurrectable',
-            root,
-            value: a
-          });
-          keyPathNotExpectedTypeChoices.types.validate({
-            type: 'resurrectable',
-            root
-          });
-
-          setTimeout(() => {
-            keyPathNotExpectedTypeChoices.types.setValue({
-              type: 'resurrectable',
-              root,
-              value: undefined
-            });
-            keyPathNotExpectedTypeChoices.types.validate({
-              type: 'resurrectable',
-              root
-            });
-          }, 3000);
-          // await keyPathNotExpectedTypeChoices.setValue(a);
-        }
-      }
-    }, ['Initialize with noneditable value then change']],
-
-    ['button', {
-      id: 'programmaticallySetFormatToJSON',
-      $on: {
-        click () {
-          keyPathNotExpectedTypeChoices.formatChoices.$setFormat('json');
-        }
-      }
-    }, [
-      'Programmatically set format (to JSON)'
-    ]],
-
-    ['button', {
-      id: 'setCustomValidateAllReferences',
-      $on: {
-        click () {
-          keyPathNotExpectedTypeChoices.types.customValidateAllReferences =
-            () => {
-              // eslint-disable-next-line no-alert -- Simple demo
-              alert('customValidateAllReferences set');
-            };
-        }
-      }
-    }, [
-      'Set custom all reference validation'
-    ]],
-
-    ['button', {
-      id: 'showRootFormControl',
-      $on: {
-        click () {
-          const root = $(
-            '#formatAndTypeChoices > .typesHolder > ' +
-              '.typeContainer > div[data-type]'
-          );
-          const formControl =
-            keyPathNotExpectedTypeChoices.types.getFormControlForRoot(root);
-          formControl.style.backgroundColor = 'red';
-          setTimeout(() => {
-            formControl.style.backgroundColor = 'white';
-          }, 3000);
-        }
-      }
-    }, ['Show root form control']],
-
-    ['button', {
-      id: 'getValueFromRootAncestor',
-      $on: {
-        click () {
-          const val =
-            keyPathNotExpectedTypeChoices.types.getValueFromRootAncestor(
-              '#formatAndTypeChoices > .typesHolder > ' +
-                '.typeContainer'
-            );
-          console.log(val);
-        }
-      }
-    }, [
-      'Get value from root ancestor'
-    ]],
-
-    ['button', {
-      id: 'showFormControlFromRootAncestor',
-      $on: {
-        click () {
-          const formControl =
-            keyPathNotExpectedTypeChoices.types.getFormControlFromRootAncestor(
-              '#formatAndTypeChoices > .typesHolder > ' +
-                '.typeContainer'
-            );
-          formControl.style.backgroundColor = 'red';
-          setTimeout(() => {
-            formControl.style.backgroundColor = 'initial';
-          }, 3000);
-        }
-      }
-    }, [
-      'Show form control from root ancestor'
-    ]],
-
     ['h2', [
       'Format and type choices: Key path expected (object required at root)'
     ]],
@@ -325,215 +175,6 @@ setTimeout(async function () {
       ]];
     })(),
 
-    ['h2', [
-      'Type choices with initial value set'
-    ]],
-
-    (() => {
-      const badDate = new Date('Bad date');
-      const cause = new Error('some cause');
-      const error = new Error('msg');
-      error.cause = cause;
-
-      // eslint-disable-next-line unicorn/error-message -- Testing empty
-      const error2 = new Error();
-      error2.message = undefined; // Needed to force (at least in Chrome)
-      error2.fileName = 'abc';
-      error2.name = undefined;
-      error2.stack = undefined;
-      error2.lineNumber = 10;
-      error2.columnNumber = 20;
-
-      const typeError = new TypeError('msg');
-      const typeCause = new RangeError('some cause');
-      typeError.cause = typeCause;
-
-      // eslint-disable-next-line unicorn/error-message -- Testing empty
-      const error3 = new TypeError();
-      error3.message = undefined; // Needed to force (at least in Chrome)
-      error3.fileName = 'abc';
-      error3.name = undefined;
-      error3.stack = undefined;
-      error3.lineNumber = 10;
-      error3.columnNumber = 20;
-
-      const aggregate1 = new RangeError('agg err1');
-      const aggregate2 = new TypeError('agg err2');
-      const aggregate3 = new Error('agg err3');
-      const errAggregate = new AggregateError(
-        [aggregate1, aggregate2, aggregate3], 'agg msg'
-      );
-
-      const typeSelection = typeChoices({
-        format: 'structuredCloning',
-        setValue: true,
-        value: [
-          42, 123n, 'test123', new Date('1999-01-01'), badDate,
-          // eslint-disable-next-line require-unicode-regexp -- Testing
-          /.*?/,
-          // eslint-disable-next-line @stylistic/max-len -- Long
-          // eslint-disable-next-line no-new-wrappers, unicorn/new-for-builtins -- Testing
-          new Boolean(false),
-          // eslint-disable-next-line @stylistic/max-len -- Long
-          // eslint-disable-next-line no-new-wrappers, unicorn/new-for-builtins -- Testing
-          new Boolean(true),
-          // eslint-disable-next-line @stylistic/max-len -- Long
-          // eslint-disable-next-line no-new-wrappers, unicorn/new-for-builtins -- Testing
-          new Number(42),
-          // eslint-disable-next-line @stylistic/max-len -- Long
-          // eslint-disable-next-line no-new-wrappers, unicorn/new-for-builtins -- Testing
-          new String('test123'),
-          Number.NaN,
-          -0,
-          new Blob(['<b>Testing</b>'], {type: 'text/html'}),
-          new Map([
-            [null, 3],
-            [true, new Map([[false, 5]])],
-            [new Map([[6, 4]]), 7]
-          ]),
-          error,
-          error2,
-          error3,
-          typeError,
-          errAggregate,
-          new File(['abc'], 'someName', {
-            lastModified: 1231231230,
-            type: 'text/plain'
-          }),
-          new Blob(['abc'], {
-            type: 'text/plain'
-          }),
-          new DOMException('some message', 'someName'),
-          new DOMRect(1, 2, 3, 4),
-          new DOMRectReadOnly(1, 2, 3, 4),
-          new DOMPoint(1, 2, 3, 4),
-          new DOMPointReadOnly(1, 2, 3, 4),
-          new DOMMatrix([1, 2, 3, 4, 5, 6]),
-          new DOMMatrixReadOnly([1, 2, 3, 4, 5, 6]),
-          new DOMMatrix([
-            1, 2, 3, 4,
-            5, 6, 7, 8,
-            9, 10, 11, 12,
-            13, 14, 15, 16
-          ]),
-          new ArrayBuffer(8),
-          new DataView(new ArrayBuffer(8), 2, 4),
-          new Uint8Array(new ArrayBuffer(8), 2, 4),
-          makeNoneditableType()
-        ],
-        typeNamespace: 'demo-type-choices-only-initial-value'
-      });
-
-      const typeSelectionBlobHTML = typeChoices({
-        format: 'structuredCloning',
-        setValue: true,
-        value: new Blob(['<b>Testing</b>'], {type: 'text/html'}),
-        typeNamespace: 'demo-type-choices-only-initial-value'
-      });
-
-      const error4 = new Error('msg2');
-      const cause4 = new Error('some cause2');
-      error4.cause = cause4;
-      const typeSelectionErrorWithCause = typeChoices({
-        format: 'structuredCloning',
-        setValue: true,
-        value: error4,
-        typeNamespace: 'demo-type-choices-only-initial-value-ErrorCause'
-      });
-
-      const error5 = new TypeError('msg2');
-      const cause5 = new RangeError('some cause2');
-      error5.cause = cause5;
-      const typeSelectionTypeErrorWithCause = typeChoices({
-        format: 'structuredCloning',
-        setValue: true,
-        value: error5,
-        typeNamespace: 'demo-type-choices-only-initial-value-ErrorsCause'
-      });
-
-      const typeSelectionIndexedDBKey = typeChoices({
-        format: 'indexedDBKey',
-        setValue: true,
-        value: [-0, Number.NEGATIVE_INFINITY],
-        typeNamespace: 'demo-type-choices-only-initial-value',
-        keySelectClass: 'only-initial'
-      });
-
-      const agg1 = new RangeError('some err1');
-      const agg2 = new TypeError('some err2');
-      const agg3 = new Error('some err3');
-      const errorAggregate = new AggregateError([agg1, agg2, agg3], 'msg2');
-      errorAggregate.stack = undefined; // For coverage
-      const typeSelectionTypeErrorWithAggregate = typeChoices({
-        format: 'structuredCloning',
-        setValue: true,
-        value: errorAggregate,
-        typeNamespace: 'demo-type-choices-only-initial-value-ErrorsAggregate'
-      });
-
-      const typeSelectionFile = typeChoices({
-        format: 'structuredCloning',
-        setValue: true,
-        value: new File(['abc'], 'anotherName', {
-          lastModified: 1231231230,
-          type: 'text/plain'
-        }),
-        typeNamespace: 'demo-type-choices-only-initial-value'
-      });
-
-      const typeSelectionBlob = typeChoices({
-        format: 'structuredCloning',
-        setValue: true,
-        value: new Blob(['abc'], {
-          type: 'text/plain'
-        }),
-        typeNamespace: 'demo-type-choices-only-initial-value'
-      });
-
-      const typeSelectionNoneditable = typeChoices({
-        format: 'structuredCloning',
-        setValue: true,
-        value: makeNoneditableType(),
-        typeNamespace: 'demo-type-choices-only-initial-value'
-      });
-
-      const typeSelectionArrayBuffer = typeChoices({
-        format: 'structuredCloning',
-        setValue: true,
-        value: new ArrayBuffer(8),
-        typeNamespace: 'demo-type-choices-only-initial-value'
-      });
-
-      return ['form', [
-        ...typeSelection.domArray,
-        ...typeSelectionBlobHTML.domArray,
-        ...typeSelectionErrorWithCause.domArray,
-        ...typeSelectionIndexedDBKey.domArray,
-        ...typeSelectionTypeErrorWithCause.domArray,
-        ...typeSelectionTypeErrorWithAggregate.domArray,
-        ...typeSelectionFile.domArray,
-        ...typeSelectionBlob.domArray,
-        ...typeSelectionNoneditable.domArray,
-        ...typeSelectionArrayBuffer.domArray
-      ]];
-    })(),
-
-    ['button', {
-      id: 'validValuesSet',
-      $on: {
-        click () {
-          // eslint-disable-next-line no-alert -- Simple demo
-          alert(Types.validValuesSet({
-            form: this.previousElementSibling,
-            typeNamespace: 'demo-type-choices-only-initial-value',
-            keySelectClass: 'only-initial'
-          }));
-        }
-      }
-    }, [
-      'Valid values set?'
-    ]],
-
     ['h2', [
       'Convert arbitrary value to an editable menu'
     ]],
@@ -564,81 +205,11 @@ setTimeout(async function () {
         change () {
           const types = new Types();
           const value = types.getValueForString(this.value, {
-            format: $('#useIndexedDBKey').checked
-              ? 'indexedDBKey'
-              : 'structuredCloning'
+            format: 'structuredCloning'
           })[0];
           console.log(value);
         }
       }
-    }],
-
-    (() => {
-      return ['form', {
-        $on: {
-          submit (e) {
-            e.preventDefault();
-          }
-        }
-      }, [
-        ['button', {
-          id: 'attemptBadIndexedDBKey',
-          $on: {
-            click () {
-              const badDate = new Date('Bad date');
-              typeChoices({
-                format: 'indexedDBKey',
-                setValue: true,
-                value: [badDate],
-                typeNamespace: 'demo-type-choices-only-initial-value'
-              });
-            }
-          }
-        }, [
-          'Attempt bad indexedDBKey (invalid Date)'
-        ]],
-        ['button', {
-          id: 'attemptBadIndexedDBKeyStringObject',
-          $on: {
-            click () {
-              typeChoices({
-                format: 'indexedDBKey',
-                setValue: true,
-                // eslint-disable-next-line @stylistic/max-len -- Long
-                // eslint-disable-next-line no-new-wrappers, unicorn/new-for-builtins -- Testing
-                value: [new String('Bad value')],
-                typeNamespace: 'demo-type-choices-only-initial-value'
-              });
-            }
-          }
-        }, [
-          'Attempt bad indexedDBKey (String object)'
-        ]],
-        ['button', {
-          id: 'attemptBadJSON',
-          $on: {
-            click () {
-              typeChoices({
-                format: 'json',
-                setValue: true,
-                // eslint-disable-next-line no-sparse-arrays -- Testing
-                value: [,],
-                typeNamespace: 'demo-type-choices-only-initial-value'
-              });
-            }
-          }
-        }, [
-          'Attempt bad JSON (sparse array)'
-        ]]
-      ]];
-    })(),
-
-    ['label', [
-      'Use indexedDBKey (valid dates only)',
-      ['input', {
-        id: 'useIndexedDBKey',
-        type: 'checkbox'
-      }]
-    ]]
+    }]
   ], body);
 }, 500);

package/dist/index.js

@@ -6603,7 +6603,7 @@ const regexpType = {
       }, '')
     );
   },
-  allowedFlags: ['g', 'i', 'm', 'u', 'y', 's'],
+  allowedFlags: ['g', 'i', 'm', 'u', 'y', 's', 'v'],
   viewUI ({value}) {
     return ['i', {dataset: {type: 'regexp'}}, [String(value)]];
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@es-joy/jsoe",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./src/index.js",
@@ -11,32 +11,6 @@
     }
   },
   "description": "Editing of arbitrary JavaScript objects",
-  "scripts": {
-    "tsc": "tsc",
-    "tsc-cypress": "tsc -p cypress/tsconfig.json",
-    "prepublishOnly": "run-p tsc rollup",
-    "eslint": "eslint .",
-    "lint": "npm run eslint --",
-    "coverage": "open-cli http://localhost:8087/coverage/lcov-report/",
-    "open": "open-cli http://localhost:8087/demo/",
-    "start": "node server 8087",
-    "start-instrumented": "node server 8087 instrumented",
-    "cypress:open": "cypress open",
-    "rollup": "rollup -c",
-    "instrument-add": "nyc instrument src instrumented",
-    "instrument-remove-cache": "rimraf node_modules/.cache",
-    "instrument-remove-instrumented": "rimraf instrumented",
-    "instrument-remove": "run-p -c instrument-remove-cache instrument-remove-instrumented",
-    "copy-pages": "cp node_modules/sceditor/minified/themes/default.min.css vendor/sceditor/minified/themes/default.min.css && cp node_modules/sceditor/minified/sceditor.min.js vendor/sceditor/minified/sceditor.min.js && cp node_modules/sceditor/minified/formats/bbcode.js vendor/sceditor/minified/formats/bbcode.js && cp node_modules/sceditor/minified/formats/xhtml.js vendor/sceditor/minified/formats/xhtml.js",
-    "copy-index": "echo \"Copy our index.html file too? \"",
-    "copy-jamilih": "cp node_modules/jamilih/dist/jml-es.js vendor/jamilih/dist/jml-es.js",
-    "copy-typeson-registry": "cp node_modules/typeson-registry/dist/index.js vendor/typeson-registry/dist/index.js",
-    "copy": "run-p copy-jamilih copy-typeson-registry",
-    "instrument": "run-s -c instrument-remove instrument-add copy-index rollup",
-    "cypress:log": "ELECTRON_ENABLE_LOGGING=1 cypress run; nyc report",
-    "cypress": "cypress run; nyc report",
-    "test": "npm run eslint && npm run rollup && npm run cypress"
-  },
   "browserslist": [
     "cover 100%"
   ],
@@ -116,5 +90,30 @@
   },
   "bugs": "https://github.com/es-joy/jsoe/issues",
   "license": "MIT",
-  "homepage": "https://github.com/es-joy/jsoe#readme"
-}
+  "homepage": "https://github.com/es-joy/jsoe#readme",
+  "scripts": {
+    "tsc": "tsc",
+    "tsc-cypress": "tsc -p cypress/tsconfig.json",
+    "eslint": "eslint .",
+    "lint": "npm run eslint --",
+    "coverage": "open-cli http://localhost:8087/coverage/lcov-report/",
+    "open": "open-cli http://localhost:8087/demo/",
+    "start": "node server 8087",
+    "start-instrumented": "node server 8087 instrumented",
+    "cypress:open": "cypress open",
+    "rollup": "rollup -c",
+    "instrument-add": "nyc instrument src instrumented",
+    "instrument-remove-cache": "rimraf node_modules/.cache",
+    "instrument-remove-instrumented": "rimraf instrumented",
+    "instrument-remove": "run-p -c instrument-remove-cache instrument-remove-instrumented",
+    "copy-pages": "cp node_modules/sceditor/minified/themes/default.min.css vendor/sceditor/minified/themes/default.min.css && cp node_modules/sceditor/minified/sceditor.min.js vendor/sceditor/minified/sceditor.min.js && cp node_modules/sceditor/minified/formats/bbcode.js vendor/sceditor/minified/formats/bbcode.js && cp node_modules/sceditor/minified/formats/xhtml.js vendor/sceditor/minified/formats/xhtml.js",
+    "copy-index": "echo \"Copy our index.html file too? \"",
+    "copy-jamilih": "cp node_modules/jamilih/dist/jml-es.js vendor/jamilih/dist/jml-es.js",
+    "copy-typeson-registry": "cp node_modules/typeson-registry/dist/index.js vendor/typeson-registry/dist/index.js",
+    "copy": "run-p copy-jamilih copy-typeson-registry",
+    "instrument": "run-s -c instrument-remove instrument-add copy-index rollup",
+    "cypress:log": "ELECTRON_ENABLE_LOGGING=1 cypress run; nyc report",
+    "cypress": "cypress run; nyc report",
+    "test": "npm run eslint && npm run rollup && npm run cypress"
+  }
+}

package/rollup.config.js

@@ -16,7 +16,7 @@ export default [{
     commonjs()
   ]
 }, {
-  input: 'demo/index.js',
+  input: 'demo/index-instrumented.js',
   output: {
     file: 'instrumented/demo/index.js',
     format: 'es'

package/src/fundamentalTypes/regexpType.js

@@ -60,7 +60,7 @@ const regexpType = {
       }, '')
     );
   },
-  allowedFlags: ['g', 'i', 'm', 'u', 'y', 's'],
+  allowedFlags: ['g', 'i', 'm', 'u', 'y', 's', 'v'],
   viewUI ({value}) {
     return ['i', {dataset: {type: 'regexp'}}, [String(value)]];
   },