@es-joy/jsoe 0.13.8 → 0.15.0

package/src/fundamentalTypes/fileType.js

@@ -132,7 +132,7 @@ function binaryButton (value, editable) {
                 ['textarea', {
                   class: 'view-binary'
                 }, [
-                  /* c8 ignore next */
+                  /* istanbul ignore next */
                   /** @type {string|null} */ (reader.result) ?? ''
                 ]]
               ])]
@@ -140,12 +140,13 @@ function binaryButton (value, editable) {
           });
         });
         // Seems not feasible to accurately simulate
-        /* c8 ignore next 10 */
         reader.addEventListener(
           'error',
-          /* c8 ignore next 6 */
+          /* istanbul ignore next */
           async function () {
+            /* istanbul ignore next */
             console.error(reader.error);
+            /* istanbul ignore next */
             await dialogs.alert(/** @type {string} */ (
               /** @type {DOMException} */ (reader.error).message
             ));
@@ -224,18 +225,19 @@ const fileType = {
               'Text source',
               ['br'],
               ['textarea', {class: 'view-text'}, [
-                /* c8 ignore next */
+                /* istanbul ignore next */
                 /** @type {string|null} */ (reader.result) ?? ''
               ]]
             ]));
           });
           // Seems not feasible to accurately simulate
-          /* c8 ignore next 10 */
           reader.addEventListener(
             'error',
-            /* c8 ignore next 6 */
+            /* istanbul ignore next */
             function () {
+              /* istanbul ignore next */
               console.error(reader.error);
+              /* istanbul ignore next */
               div.append(
                 /** @type {DOMException} */ (reader.error).message
               );
@@ -548,7 +550,7 @@ const fileType = {
                * @this {HTMLInputElement}
                */
               change () {
-                /* c8 ignore next 3 -- TS */
+                /* istanbul ignore if -- TS */
                 if (!this.files) {
                   return;
                 }
@@ -696,7 +698,7 @@ const fileType = {
 
                   if (constraints) {
                     const mediaStream = await getUserMedia(constraints);
-                    /* c8 ignore next 4 */
+                    /* istanbul ignore if */
                     if (!mediaStream) {
                       await dialogs.alert('Error getting user media');
                       return;
@@ -744,7 +746,7 @@ const fileType = {
                     const mediaStream = await startScreenCapture(
                       screenShareConstraints
                     );
-                    /* c8 ignore next 4 */
+                    /* istanbul ignore if */
                     if (!mediaStream) {
                       await dialogs.alert('Error getting user media');
                       return;
@@ -829,7 +831,7 @@ const fileType = {
                     'video.previewMedia'
                   ));
 
-                /* c8 ignore next 4 */
+                /* istanbul ignore if */
                 if (!previewMedia.srcObject) {
                   dialogs.alert('No stream found to record');
                   return;
@@ -862,7 +864,7 @@ const fileType = {
 
                 try {
                   mediaRecorder.start();
-                /* c8 ignore next 4 */
+                /* istanbul ignore if */
                 } catch (err) {
                   dialogs.alert('Error starting media recorder');
                   return;
@@ -1002,7 +1004,7 @@ const fileType = {
                   ($e(videoContainer, 'img.photo'));
 
                 canvas.toBlob((blob) => {
-                  /* c8 ignore next 4 */
+                  /* istanbul ignore if */
                   if (!blob) {
                     dialogs.alert('Error converting canvas to Blob');
                     return;

package/src/fundamentalTypes/filelistType.js

@@ -12,7 +12,9 @@ const filelistType = {
   stringRegexEnd: /^\)/u,
 
   toValue (...args) {
-    return arrayType.toValue.apply(this, args);
+    return /** @type {import('../types.js').ToValue} */ (
+      arrayType.toValue
+    ).apply(this, args);
   },
   getValue (...args) {
     return arrayType.getValue.apply(this, args);

package/src/fundamentalTypes/mapType.js

@@ -11,7 +11,9 @@ const mapType = {
   stringRegexBegin: /^Map\(/u,
   stringRegexEnd: /^\)/u,
   toValue (...args) {
-    return arrayType.toValue.apply(this, args);
+    return /** @type {import('../types.js').ToValue} */ (
+      arrayType.toValue
+    ).apply(this, args);
   },
   getValue (...args) {
     return arrayType.getValue.apply(this, args);

package/src/fundamentalTypes/noneditableType.js

@@ -0,0 +1,87 @@
+import {toStringTag} from '../vendor-imports.js';
+import {$e} from '../utils/templateUtils.js';
+
+/**
+ * @type {import('../types.js').TypeObject}
+ */
+const noneditableType = {
+  // Ideally, we would remove the option,
+  //   but edit forms currently need a pull-down option
+  option: ['Non-editable'],
+  getInput ({root}) {
+    return /** @type {HTMLButtonElement} */ ($e(root, 'button'));
+  },
+  setValue ({root, value}) {
+    /** @type {HTMLButtonElement & {$value: any}} */ (
+      this.getInput({root})
+    ).$value = value;
+    /** @type {HTMLSpanElement} */ (
+      $e(root, '.stringTag')
+    ).textContent = value === undefined
+      ? '(None)'
+      : toStringTag(value);
+  },
+  getValue ({root}) {
+    return /** @type {HTMLButtonElement & {$value: any}} */ (
+      this.getInput({root})
+    ).$value;
+  },
+  validate ({root}) {
+    const val = /** @type {HTMLButtonElement & {$value: any}} */ (
+      this.getInput({root})
+    ).$value;
+    return {
+      message: 'The non-editable type is only for passing on ' +
+        'pre-existing content that is unknown or currently unsupported',
+      valid: val !== undefined
+    };
+  },
+  viewUI ({value}) {
+    return ['div', {dataset: {type: 'resurrectable'}}, [
+      ['b', {class: 'emphasis'}, ['Non-editable']],
+      ['span', {
+        title: 'There is no current support for editing this element\'s ' +
+          'type, but its contents will be passed on transparently.'
+      }, ['?']],
+      ['b', ['String tag: ']],
+      toStringTag(value)
+    ]];
+  },
+  editUI ({typeNamespace, value}) {
+    return ['div', {dataset: {type: 'resurrectable'}}, [
+      ['a', {
+        // eslint-disable-next-line no-script-url -- Safe
+        href: 'javascript:void(0)',
+        $on: {
+          click (e) {
+            e.preventDefault();
+          }
+        },
+        title: 'There is no current support for editing this element\'s ' +
+          'type, but its contents will be passed on transparently.'
+      }, ['?']],
+      ' ',
+      ['button', {
+        $on: {
+          click (e) {
+            e.preventDefault();
+            console.log(/** @type {HTMLButtonElement & {$value: any}} */ (
+              this
+            ).$value);
+          }
+        },
+        name: `${typeNamespace}-resurrectable`,
+        $custom: {
+          $value: value
+        }
+      }, [
+        'Non-editable'
+      ]],
+      ['br'],
+      ['b', ['String tag: ']],
+      ['span', {class: 'stringTag'}, [value ? toStringTag(value) : '(None)']]
+    ]];
+  }
+};
+
+export default noneditableType;

package/src/fundamentalTypes/objectReferenceType.js

@@ -8,7 +8,9 @@ const objectReferenceType = {
   type: 'object',
   stringRegex: /^objectRef\((?:|\/[^)]*)\)$/u,
   toValue (...args) {
-    return arrayReferenceType.toValue.apply(this, args);
+    return /** @type {import('../types.js').ToValue} */ (
+      arrayReferenceType.toValue
+    ).apply(this, args);
   },
   resolveReference (...args) {
     return arrayReferenceType.resolveReference?.apply(

package/src/fundamentalTypes/objectType.js

@@ -9,7 +9,9 @@ const objectType = {
   stringRegexBegin: /^\{/u,
   stringRegexEnd: /^\}/u,
   toValue (...args) {
-    return arrayType.toValue.apply(this, args);
+    return /** @type {import('../types.js').ToValue} */ (
+      arrayType.toValue
+    ).apply(this, args);
   },
   getValue (...args) {
     return arrayType.getValue.apply(this, args);

package/src/fundamentalTypes/setType.js

@@ -11,7 +11,9 @@ const setType = {
   stringRegexBegin: /^Set\(/u,
   stringRegexEnd: /^\)/u,
   toValue (...args) {
-    return arrayType.toValue.apply(this, args);
+    return /** @type {import('../types.js').ToValue} */ (
+      arrayType.toValue
+    ).apply(this, args);
   },
   getValue (...args) {
     return arrayType.getValue.apply(this, args);

package/src/fundamentalTypes/sparseUndefinedType.js

@@ -18,7 +18,9 @@ const sparseUndefinedType = {
     return {value: undefined};
   },
   getValue () {
-    return this.toValue('').value;
+    return /** @type {import('../types.js').ToValue} */ (
+      this.toValue
+    )('').value;
   },
   /* istanbul ignore next -- Catching instead of this placeholder */
   viewUI (/* {value} */) {

package/src/fundamentalTypes/undefinedType.js

@@ -10,7 +10,9 @@ const undefinedType = {
     return {value: undefined};
   },
   getValue () {
-    return this.toValue('').value;
+    return /** @type {import('../types.js').ToValue} */ (
+      this.toValue
+    )('').value;
   },
   viewUI (/* {value} */) {
     return ['i', {dataset: {type: 'undef'}}, ['undefined']];

package/src/jsoe.css

@@ -105,6 +105,70 @@ video.recordedMedia {
   background-color: lightgray;
 }
 
+[data-type="buffersource"] {
+  background-color: beige;
+}
+
 [class^="propertyName-"] {
   background-color: yellow;
 }
+
+.typedArrayArea {
+  overflow: auto;
+  max-height: 250px;
+}
+
+/* -128 to 127 */
+.typedArray-Int8Array {
+  width: 45px;
+}
+
+/* 0 to 255 */
+.typedArray-Uint8Array {
+  width: 45px;
+}
+
+/* 0 to 255 */
+.typedArray-Uint8ClampedArray {
+  width: 45px;
+}
+
+/* -32768 to 32767 */
+.typedArray-Int16Array {
+  width: 65px;
+}
+
+/* 0 to 65535 */
+.typedArray-Uint16Array {
+  width: 65px;
+}
+
+/* -2147483648 to 2147483647 */
+.typedArray-Int32Array {
+  width: 100px;
+}
+
+/* 0 to 4294967295 */
+.typedArray-Uint32Array {
+  width: 100px;
+}
+
+/* -3.4e38 to 3.4e38 */
+.typedArray-Float32Array {
+  width: 120px;
+}
+
+/* -1.8e308 to 1.8e308 */
+.typedArray-Float64Array {
+  width: 120px;
+}
+
+/* -2^63 to 2^63 - 1 */
+.typedArray-BigInt64Array {
+  width: 120px;
+}
+
+/* 0 to 2^64 - 1 */
+.typedArray-BigUint64Array {
+  width: 120px;
+}

package/src/subTypes/blobHTMLType.js

@@ -58,7 +58,7 @@ const blobHTMLType = {
     );
   },
   getValue ({root}) {
-    return this.toValue(
+    return /** @type {import('../types.js').ToValue} */ (this.toValue)(
       'data:text/html,' + /** @type {SCEditorTextarea} */ (
         this.getInput({root})
       ).sceditorInstance.val()

package/src/superTypes/SpecialNumberType.js

@@ -1,13 +1,7 @@
 import {$e} from '../utils/templateUtils.js';
 
 /**
- * @typedef {import('../types.js').TypeObject & {
- *   childTypes: string[]
- * }} SuperTypeObject
- */
-
-/**
- * @type {SuperTypeObject}
+ * @type {import('../types.js').SuperTypeObject}
  */
 const SpecialNumberSuperType = {
   option: ['Special Number', {title: '`NaN`, `Infinity`, `-Infinity`, `-0`'}],
@@ -32,7 +26,7 @@ const SpecialNumberSuperType = {
     return /** @type {HTMLSelectElement} */ ($e(root, 'select'));
   },
   getValue ({root}) {
-    return this.toValue(
+    return /** @type {import('../types.js').ToValue} */ (this.toValue)(
       /** @type {Required<import('../types.js').TypeObject>} */ (
         this
       ).getSelect({root}).value

package/src/superTypes/SpecialRealNumberType.js

@@ -1,7 +1,7 @@
 import {$e} from '../utils/templateUtils.js';
 
 /**
- * @type {import('./SpecialNumberType.js').SuperTypeObject}
+ * @type {import('../types.js').SuperTypeObject}
  */
 const SpecialRealNumberSuperType = {
   option: ['Special Real Number', {title: '`Infinity`, `-Infinity`, `-0`'}],
@@ -20,7 +20,7 @@ const SpecialRealNumberSuperType = {
     return /** @type {HTMLSelectElement} */ ($e(root, 'select'));
   },
   getValue ({root}) {
-    return this.toValue(
+    return /** @type {import('../types.js').ToValue} */ (this.toValue)(
       /** @type {Required<import('../types.js').TypeObject>} */ (
         this
       ).getSelect({root}).value