@es-joy/jsoe 0.6.1 → 0.7.0

package/CHANGES.md

@@ -1,5 +1,10 @@
 # CHANGES TO `@es-joy/jsoe`
 
+## 0.7.0
+
+- feat: add `file` type including video, audio, photo, and
+   screen sharing recording
+
 ## 0.6.1
 
 - refactor: avoid problems for instrumenter

package/README.md

@@ -32,6 +32,7 @@ Supported types include:
 - `Error`
 - `TypeError`, `RangeError`, `SyntaxError`, `ReferenceError`, `EvalError`,
     `URIError`, `AggregateError`, `InternalError`
+- `File`
 - `Map`
 - `null`
 - `Number` object
@@ -102,10 +103,21 @@ Supported supertypes include:
                     1. bigint64arrayconstructor
                     1. biguint64arrayconstructor
             1. Web/API types
-                1. blob (besides HTML), file, filelist
+                1. blob (besides HTML, including SVG), filelist
                 1. imagedata, imagebitmap
+            1. Our own custom derivative types (e.g., MIDI using TypedArray)
 1. Expand subtypes
-    1. As supported by Zod, JSON Schema, etc. (e.g., email addresses as
-        subtype of `string`, color as a subtype of string)
+    1. String
+        1. As supported by Zod, JSON Schema, etc. (e.g., email addresses as
+            subtype of `string`, color as a subtype of string)
+    1. `File`
+        1. Drawing image for `image/png`, etc. `File`'s
+        1. Drawing SVG program for `application/svg` `File`
+        1. JS/CSS/HTML/XML/Markdown/JSON/CSV/text text editor (including
+            syntax highlighting in view mode); with text-to-speech
+        1. OCR (`TextDetector` API if implemented) added as image pop-up
+            utility
 1. Might put views and data into separate repos
 1. Implement as Custom Elements?
+1. Add drag-and-drop support for `File` type
+1. Import CSV as array

package/demo/index.js

@@ -333,7 +333,11 @@ setTimeout(async function () {
           error2,
           error3,
           typeError,
-          errAggregate
+          errAggregate,
+          new File(['abc'], 'someName', {
+            lastModified: 1231231230,
+            type: 'text/plain'
+          })
         ],
         typeNamespace: 'demo-type-choices-only-initial-value'
       });
@@ -385,13 +389,24 @@ setTimeout(async function () {
         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'
+      });
+
       return ['form', [
         ...typeSelection.domArray,
         ...typeSelectionBlob.domArray,
         ...typeSelectionErrorWithCause.domArray,
         ...typeSelectionIndexedDBKey.domArray,
         ...typeSelectionTypeErrorWithCause.domArray,
-        ...typeSelectionTypeErrorWithAggregate.domArray
+        ...typeSelectionTypeErrorWithAggregate.domArray,
+        ...typeSelectionFile.domArray
       ]];
     })(),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@es-joy/jsoe",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./src/index.js",
@@ -95,7 +95,8 @@
     "rollup": "4.5.0",
     "rollup-plugin-istanbul": "^5.0.0",
     "rollup-plugin-node-builtins": "^2.1.2",
-    "typescript": "^5.2.2"
+    "typescript": "^5.2.2",
+    "webappfind-demos-samples": "^0.7.0"
   },
   "repository": {
     "type": "git",

package/src/formats/structuredCloning.js

@@ -458,10 +458,11 @@ const structuredCloning = {
       'error',
       'errors',
       'blobHTML',
+      'file',
       'set',
       'map'
       // Ok, but will need some work
-      //     'blob', 'file', 'filelist',
+      //     'blob', 'filelist',
       //     'arraybuffer',
       //     'dataview', 'imagedata', 'imagebitmap',
       /*

package/src/fundamentalTypes/errorType.js

@@ -173,6 +173,7 @@ const errorType = {
   ) {
     return /** @type {import('jamilih').JamilihArray} */ ([
       'div', {dataset: {type: 'error'}}, [
+        ['b', {class: 'emphasis'}, ['Error']],
         typeof o.message === 'string'
           ? ['div', [['b', ['Message: ']], ['span', [o.message]]]]
           : [],