@es-joy/jsoe 0.10.0 → 0.11.0

package/src/fundamentalTypes/domrectType.js

@@ -0,0 +1,103 @@
+import {$e} from '../utils/templateUtils.js';
+
+/**
+ * @type {import('../types.js').TypeObject}
+ */
+const domrectType = {
+  option: ['DOMRect'],
+  stringRegex: /^DOMRect\((.*)\)$/u,
+  toValue (s) {
+    const {x, y, width, height} = JSON.parse(s);
+    return {value: new DOMRect(x, y, width, height)};
+  },
+  getInput ({root}) {
+    return /** @type {HTMLInputElement} */ ($e(root, 'input'));
+  },
+  setValue ({root, value}) {
+    /** @type {HTMLInputElement} */ (
+      $e(root, '.x')
+    ).value = String(value.x);
+    /** @type {HTMLInputElement} */ (
+      $e(root, '.y')
+    ).value = String(value.y);
+    /** @type {HTMLInputElement} */ (
+      $e(root, '.width')
+    ).value = String(value.width);
+    /** @type {HTMLInputElement} */ (
+      $e(root, '.height')
+    ).value = String(value.height);
+  },
+  getValue ({root}) {
+    const x = Number(/** @type {HTMLInputElement} */ (
+      $e(root, '.x')
+    ).value);
+    const y = Number(/** @type {HTMLInputElement} */ (
+      $e(root, '.y')
+    ).value);
+    const width = Number(/** @type {HTMLInputElement} */ (
+      $e(root, '.width')
+    ).value);
+    const height = Number(/** @type {HTMLInputElement} */ (
+      $e(root, '.height')
+    ).value);
+    return new DOMRect(x, y, width, height);
+  },
+  viewUI ({value}) {
+    return ['div', {dataset: {type: 'domrect'}}, [
+      ['b', ['x ']],
+      value.x,
+      ['br'],
+      ['b', ['y ']],
+      value.y,
+      ['br'],
+      ['b', ['width ']],
+      value.width,
+      ['br'],
+      ['b', ['height ']],
+      value.height
+    ]];
+  },
+  editUI ({typeNamespace, value = {
+    x: '',
+    y: '',
+    width: '',
+    height: ''
+  }}) {
+    // eslint-disable-next-line @stylistic/max-len -- Long
+    return ['div', {dataset: {type: 'domrect'}}, /** @type {import('jamilih').JamilihChildren} */ ([
+      ['label', [
+        'x: ',
+        ['input', {
+          class: 'x',
+          name: `${typeNamespace}-domrect-x`, value: value.x
+        }]
+      ]],
+      ['br'],
+      ['label', [
+        'y: ',
+        ['input', {
+          class: 'y',
+          name: `${typeNamespace}-domrect-y`, value: value.y
+        }]
+      ]],
+      ['br'],
+      ['label', [
+        'width: ',
+        ['input', {
+          class: 'width',
+          name: `${typeNamespace}-domrect-width`, value: value.width
+        }]
+      ]],
+      ['br'],
+      ['label', [
+        'height: ',
+        ['input', {
+          class: 'height',
+          name: `${typeNamespace}-domrect-height`, value: value.height
+        }]
+      ]]
+    ])];
+  }
+};
+
+export default domrectType;

package/src/types.js

@@ -37,6 +37,10 @@ import errorsSpecialType from './superTypes/errorsSpecialType.js';
 import fileType from './fundamentalTypes/fileType.js';
 import filelistType from './fundamentalTypes/filelistType.js';
 import blobType from './fundamentalTypes/blobType.js';
+import domexceptionType from './fundamentalTypes/domexceptionType.js';
+import domrectType from './fundamentalTypes/domrectType.js';
+import dompointType from './fundamentalTypes/dompointType.js';
+import dommatrixType from './fundamentalTypes/dommatrixType.js';
 
 /**
  * Utility to retrieve the property value given a legend element.
@@ -392,6 +396,12 @@ Types.availableTypes = {
   filelist: filelistType,
   blob: blobType,
   blobHTML: blobHTMLType,
+
+  domexception: domexceptionType,
+  domrect: domrectType,
+  dompoint: dompointType,
+  dommatrix: dommatrixType,
+
   arraybuffer: {
     option: ['ArrayBuffer']
   },
@@ -437,17 +447,6 @@ Types.availableTypes = {
     option: ['Float64Array']
   },
 
-  // Intl (imperfect)
-  IntlCollator: {
-    option: ['Intl.Collator']
-  },
-  IntlDateTimeFormat: {
-    option: ['Intl.DateTimeFormat']
-  },
-  IntlNumberFormat: {
-    option: ['Intl.NumberFormat']
-  },
-
   // We're catching this instead of using this
   // sparseUndefined: sparseUndefinedType,
 
@@ -471,9 +470,9 @@ Types.availableTypes = {
 *   "NumberObject"|"StringObject"|"map"|"set"|"file"|"filelist"|"blobHTML"|
 *   "arraybuffer"|"arraybufferview"|"dataview"|"imagedata"|"imagebitmap"|
 *   "int8array"|"uint8array"|"uint8clampedarray"|"int16array"|"uint16array"|
-*   "int32array"|"uint32array"|"float32array"|"float64array"|"IntlCollator"|
-*   "IntlDateTimeFormat"|"IntlNumberFormat"|"ValidDate"|
-*   "arrayNonindexKeys"|"error"|"errors"|"blob"} AvailableType
+*   "int32array"|"uint32array"|"float32array"|"float64array"|"ValidDate"|
+*   "arrayNonindexKeys"|"error"|"errors"|"blob"|"domexception"|"domrect"|
+*   "dompoint"|"dommatrix"} AvailableType
 */
 
 /**