@es-joy/jsoe 0.26.1 → 0.28.0

package/eslint.config.js

@@ -1,12 +1,15 @@
 import ashNazg from 'eslint-config-ash-nazg';
-// import {
-//   parser as typescriptEslintParser
-// } from 'typescript-eslint';
+import {
+  parser as typescriptEslintParser
+} from 'typescript-eslint';
+
+const typescriptEslintEnabled = false;
 
 export default [
   {
     name: 'JSOE/Ignores',
     ignores: [
+      '.agents',
       'coverage',
       'instrumented',
       'ignore',
@@ -17,21 +20,23 @@ export default [
       'docs'
     ]
   },
-  // {
-  //   languageOptions: {
-  //     parser: typescriptEslintParser,
-  //     parserOptions: {
-  //       projectService: {
-  //         // eslint-disable-next-line camelcase -- API
-  //         maximumDefaultProjectFileMatchCount_THIS_WILL_SLOW_DOWN_LINTING: 500,
-  //         allowDefaultProject: [
-  //           '*.js', '.ncurc.cjs', 'demo/*.js'
-  //         ]
-  //       },
-  //       tsconfigRootDir: import.meta.dirname
-  //     }
-  //   }
-  // },
+  ...(typescriptEslintEnabled
+    ? [{
+      languageOptions: {
+        parser: typescriptEslintParser,
+        parserOptions: {
+          projectService: {
+            // eslint-disable-next-line camelcase -- API
+            maximumDefaultProjectFileMatchCount_THIS_WILL_SLOW_DOWN_LINTING: 500,
+            allowDefaultProject: [
+              '*.js', '.ncurc.cjs', 'demo/*.js'
+            ]
+          },
+          tsconfigRootDir: import.meta.dirname
+        }
+      }
+    }]
+    : []),
   ...ashNazg(['sauron', 'browser']),
   {
     name: 'JSOE/Coverage',
@@ -106,17 +111,21 @@ export default [
 
       // Disable in ash-nazg?
       'unicorn/no-top-level-assignment-in-function': 0,
-      'unicorn/no-top-level-side-effects': 0
+      'unicorn/no-top-level-side-effects': 0,
 
       // Good but slow
-      // 'jsdoc/no-unnecessary-type-assertion': ['error', {
-      //   checkLiteralConstAssertions: true,
-      //   preferConstToLiteralTuples: true,
-      //   treatAnyAsRedundant: false,
-      //   typesToIgnore: [
-      //     `import('../types.js').SuperTypeObject`
-      //   ]
-      // }]
+      ...(typescriptEslintEnabled
+        ? {
+          'jsdoc/no-unnecessary-type-assertion': ['error', {
+            checkLiteralConstAssertions: true,
+            preferConstToLiteralTuples: true,
+            treatAnyAsRedundant: false,
+            typesToIgnore: [
+              `import('../types.js').SuperTypeObject`
+            ]
+          }]
+        }
+        : {})
     }
   }
 ];

package/mmr.json

@@ -0,0 +1,6 @@
+{
+  "mochaBadgeGeneratorReporterOptions": {
+    "badge_output": "badges/tests-badge.svg"
+  },
+  "reporterEnabled": "spec, mocha-badge-generator"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@es-joy/jsoe",
-  "version": "0.26.1",
+  "version": "0.28.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./src/index.js",
@@ -28,14 +28,19 @@
     ]
   },
   "dependencies": {
-    "@node-static/node-static": "^0.9.1",
+    "@codemirror/lang-javascript": "^6.2.5",
+    "@codemirror/state": "^6.7.4",
+    "@marijn/find-cluster-break": "^1.0.4",
+    "@node-static/node-static": "^0.9.2",
     "acorn": "^8.18.0",
-    "jamilih": "0.69.0",
+    "codemirror": "^6.0.2",
+    "jamilih": "0.69.1",
+    "json-6": "^1.1.4",
     "mime": "^4.1.0",
     "sceditor": "3.2.1",
-    "typeson-registry": "14.5.0",
-    "zod": "^4.5.4",
-    "zodexy": "^0.30.1"
+    "typeson-registry": "14.6.1",
+    "zod": "^4.6.1",
+    "zodexy": "^0.31.0"
   },
   "devDependencies": {
     "@babel/core": "^8.0.1",
@@ -55,11 +60,13 @@
     "cypress": "^16.0.0",
     "cypress-axe": "^1.7.0",
     "cypress-terminal-report": "^7.3.3",
-    "eslint": "^10.9.1",
-    "eslint-config-ash-nazg": "^43.1.6",
+    "eslint": "^10.10.0",
+    "eslint-config-ash-nazg": "^43.1.8",
     "fast-deep-equal": "^3.1.3",
     "jsdom": "^30.0.1",
     "license-badger": "^0.23.0",
+    "mocha-badge-generator": "^0.13.0",
+    "mocha-multi-reporters": "^1.5.2",
     "npm-run-all": "^4.1.5",
     "nyc": "^18.0.0",
     "open-cli": "^9.0.0",
@@ -68,7 +75,7 @@
     "rollup-plugin-istanbul": "^5.0.0",
     "rollup-plugin-node-builtins": "^2.1.2",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.69.0",
+    "typescript-eslint": "^8.70.0",
     "typeson": "^10.3.0",
     "webappfind-demos-samples": "^0.7.0"
   },
@@ -115,12 +122,15 @@
     "copy-zodexy": "cp -R node_modules/zodexy/dist/esm vendor/zodexy/dist && cp node_modules/zodexy/dist/schema.zodexy.json vendor/zodexy/dist/schema.zodexy.json",
     "copy-acorn": "cp -R node_modules/acorn/dist vendor/acorn",
     "copy-mime": "mkdir -p vendor/mime/dist/types && cp node_modules/mime/dist/types/standard.js vendor/mime/dist/types/standard.js && cp node_modules/mime/dist/types/other.js vendor/mime/dist/types/other.js",
-    "copy": "run-p copy-jamilih copy-typeson-registry copy-zod copy-zodexy copy-acorn copy-mime",
+    "copy-json6": "mkdir -p vendor/json-6/dist && cp node_modules/json-6/dist/index.mjs vendor/json-6/dist/index.mjs",
+    "copy-codemirror": "mkdir -p vendor/codemirror/dist vendor/@codemirror/lang-javascript/dist vendor/@codemirror/state/dist vendor/@codemirror/view/dist vendor/@codemirror/language/dist vendor/@codemirror/commands/dist vendor/@codemirror/search/dist vendor/@codemirror/autocomplete/dist vendor/@codemirror/lint/dist vendor/@lezer/common/dist vendor/@lezer/highlight/dist vendor/@lezer/lr/dist vendor/@lezer/javascript/dist vendor/@marijn/find-cluster-break/src vendor/crelt vendor/style-mod/src vendor/w3c-keyname && cp node_modules/codemirror/dist/index.js vendor/codemirror/dist/index.js && cp node_modules/@codemirror/lang-javascript/dist/index.js vendor/@codemirror/lang-javascript/dist/index.js && cp node_modules/@codemirror/state/dist/index.js vendor/@codemirror/state/dist/index.js && cp node_modules/@codemirror/view/dist/index.js vendor/@codemirror/view/dist/index.js && cp node_modules/@codemirror/language/dist/index.js vendor/@codemirror/language/dist/index.js && cp node_modules/@codemirror/commands/dist/index.js vendor/@codemirror/commands/dist/index.js && cp node_modules/@codemirror/search/dist/index.js vendor/@codemirror/search/dist/index.js && cp node_modules/@codemirror/autocomplete/dist/index.js vendor/@codemirror/autocomplete/dist/index.js && cp node_modules/@codemirror/lint/dist/index.js vendor/@codemirror/lint/dist/index.js && cp node_modules/@lezer/common/dist/index.js vendor/@lezer/common/dist/index.js && cp node_modules/@lezer/highlight/dist/index.js vendor/@lezer/highlight/dist/index.js && cp node_modules/@lezer/lr/dist/index.js vendor/@lezer/lr/dist/index.js && cp node_modules/@lezer/javascript/dist/index.js vendor/@lezer/javascript/dist/index.js && cp node_modules/@marijn/find-cluster-break/src/index.js vendor/@marijn/find-cluster-break/src/index.js && cp node_modules/crelt/index.js vendor/crelt/index.js && cp node_modules/style-mod/src/style-mod.js vendor/style-mod/src/style-mod.js && cp node_modules/w3c-keyname/index.js vendor/w3c-keyname/index.js",
+    "copy": "run-p copy-jamilih copy-typeson-registry copy-zod copy-zodexy copy-acorn copy-mime copy-json6 copy-codemirror",
     "instrument": "NODE_OPTIONS=--max-old-space-size=8192 run-s -c instrument-remove instrument-add copy-index rollup",
     "coveradge": "coveradge badges/coverage-badge.svg",
     "cypress:log": "ELECTRON_ENABLE_LOGGING=1 cypress run; npm run report",
-    "cypress": "cypress run --spec cypress/e2e/all.cy.js; npm run report && npm run coveradge",
-    "cypress:record": "cypress run --record --parallel",
+    "cypress": "rm -Rf .nyc_output && cypress run --browser chrome --reporter=mocha-multi-reporters --reporter-options configFile=mmr.json --spec cypress/e2e/all.cy.js; npm run report && npm run coveradge",
+    "cypress:record": "cypress run --browser chrome --record --parallel",
+    "cypress:sample-spec": "rm -Rf .nyc_output && cypress run --browser chrome --reporter=mocha-multi-reporters --reporter-options configFile=mmr.json --spec cypress/e2e/subTypes/true.cy.js; npm run report && npm run coveradge",
     "report": "nyc report",
     "test": "npm run eslint && npm run rollup && npm run cypress"
   }

package/pnpm-workspace.yaml

@@ -13,7 +13,7 @@ minimumReleaseAgeExclude:
   - eslint-config-ash-nazg@42.3.0 || 42.5.0 || 43.0.1 || 43.1.0 || 43.1.2 || 43.1.5 || 43.1.6
   - eslint-plugin-jsdoc@64.1.0 || 64.2.1 || 64.3.0 || 64.3.2 || 64.3.3
   - jsdoc-type-pratt-parser@9.1.1 || 9.1.2
-  - zodexy@0.21.1 || 0.21.2 || 0.22.0 || 0.23.0 || 0.24.0 || 0.24.1 || 0.25.0 || 0.26.0 || 0.26.1 || 0.27.0 || 0.30.0 || 0.30.1
+  - zodexy@0.21.1 || 0.21.2 || 0.22.0 || 0.23.0 || 0.24.0 || 0.24.1 || 0.25.0 || 0.26.0 || 0.26.1 || 0.27.0 || 0.30.0 || 0.30.1 || 0.31.0
   - typeson-registry@13.0.1 || 13.1.0 || 14.4.0 || 14.5.0
   - typeson@10.1.1 || 10.2.0 || 10.3.0
   - '@rollup/rollup-android-arm-eabi@4.63.1'
@@ -43,7 +43,7 @@ minimumReleaseAgeExclude:
   - '@rollup/rollup-win32-x64-msvc@4.63.1'
   - eslint-plugin-escompat@3.11.6 || 3.12.0
   - rollup@4.63.1
-  - zod@4.5.2 || 4.5.4
+  - zod@4.5.2 || 4.5.4 || 4.6.1
   - '@typescript-eslint/eslint-plugin@8.69.0'
   - '@typescript-eslint/parser@8.69.0'
   - '@typescript-eslint/project-service@8.69.0'
@@ -55,3 +55,5 @@ minimumReleaseAgeExclude:
   - '@typescript-eslint/visitor-keys@8.69.0'
   - typescript-eslint@8.69.0
   - '@types/node@26.4.1'
+  - '@node-static/node-static@0.9.2'
+  - mocha-multi-reporters@1.5.2

package/src/formats/schema.js

@@ -43,6 +43,10 @@ const zodexToStructuredCloningTypeMap = new Map([
   ['array', 'arrayNonindexKeys'],
 
   ['object', 'object'],
+  // `z.properties()` (Zod 4.5+) is a bare named-property shape: like `object`
+  //   but with no `catchall`/`symbols` and, in Zod, no unknown-key stripping.
+  //   jsoe edits it through the same `object` UI, keyed off the schema `type`.
+  ['properties', 'object'],
 
   ['tuple', 'array'],
   ['record', 'object'],
@@ -190,13 +194,15 @@ const dezerializerCodecs = {
 };
 
 /**
+ * Exported for reuse by `src/utils/rawTypesonEditor.js`, which must enforce
+ *   the same schema conformance check before accepting a raw-edited value.
  * @param {InstanceType<typeof import('../types.js').default>} types
  * @param {ZodexSchema} schemaObject
  * @param {ZodexSchema} originalShape
  * @param {unknown} value
  * @returns {ReturnType<ReturnType<typeof dezerialize>['safeParse']>}
  */
-function parseValue (types, schemaObject, originalShape, value) {
+export function parseValue (types, schemaObject, originalShape, value) {
   return dezerialize(schemaObject, {
     checks: getChecks(types),
     codecs: dezerializerCodecs,
@@ -380,6 +386,17 @@ function mergeMeta (target, source) {
   return merged;
 }
 
+/**
+ * Whether a schema node carries a fixed bag of named property schemas under
+ * `properties` - `object` and `z.properties()`. Both are merged the same way
+ * across an intersection and both drive the `object` editor UI.
+ * @param {ZodexSchema['type']|undefined} type
+ * @returns {boolean}
+ */
+function isPropertyBagType (type) {
+  return type === 'object' || type === 'properties';
+}
+
 /**
  * @param {ZodexSchema} leftItem
  * @param {ZodexSchema} rightItem
@@ -412,7 +429,7 @@ function mergeSchema (leftItem, rightItem) {
         );
       } else if (Object.hasOwn(newLeftObj, prop)) {
         if (newLeftObj[prop] !== val && !deepEqual(newLeftObj[prop], val)) {
-          if (leftItem.type === 'object') {
+          if (isPropertyBagType(leftItem.type)) {
             throw new Error(
               'Duplicate property ' + prop + ' of value ' +
               JSON.stringify(val) + ' and ' +
@@ -450,12 +467,14 @@ function mergeSchema (leftItem, rightItem) {
     }
   }
 
-  if (leftItem.type !== 'object' || rightItem.type !== 'object') {
+  if (!isPropertyBagType(leftItem.type) || !isPropertyBagType(rightItem.type)) {
     delete newLeftObj.error;
     return newLeftObj;
   }
 
-  for (const [prop, val] of Object.entries(rightItem.properties)) {
+  for (const [prop, val] of Object.entries(
+    /** @type {import('zodexy').SzObject} */ (rightItem).properties
+  )) {
     if (typeof newLeftObj.properties !== 'string' &&
         Object.hasOwn(newLeftObj.properties, prop)) {
       if (deepEqual(newLeftObj.properties[prop], val)) {
@@ -594,6 +613,7 @@ export function getTypesForSchema (schemaObject, originalJSON) {
         originalJSON
       );
     }
+    case 'properties':
     case 'object': {
       const set = new Set();
       // const {properties} = schemaObject;
@@ -859,7 +879,9 @@ const schema = {
     if (['record', 'looseRecord', 'tuple'].includes(schemaObject.type)) {
       return true;
     }
-    return schemaObject.type !== 'object' &&
+    // `properties` is a named-property shape like `object`: the per-property
+    //   controls carry their own schemas, so no value-level reparse is needed.
+    return !isPropertyBagType(schemaObject.type) &&
       intersectionSchemas.has(schemaObject);
   },
   validateValue (types, schemaObject, value) {
@@ -914,16 +936,25 @@ const schema = {
 
     switch (parentSchema?.type) {
     case 'object':
+    case 'properties':
+      // A key outside the declared shape: an `object` pins it to its
+      //   `catchall` if it has one; otherwise (and always for `properties`,
+      //   which has no `catchall`) its control is offered the unconstrained
+      //   type choice - as a `looseRecord`'s non-conforming entry is - rather
+      //   than the bare "unschema'd" fallback. A strict `object` will still
+      //   strip the key on parse; this only governs how it is edited.
       currentSchema = /** @type {import('zodexy').SzObject} */ (
         parentSchema
       ).properties[
         /** @type {string} */ (arrayOrObjectPropertyName)
       ];
       if (!currentSchema) {
+        mustBeOptional = true;
         currentSchema = /** @type {import('zodexy').SzObject} */ (
           parentSchema
-        ).catchall;
-        mustBeOptional = true;
+        ).catchall ?? /** @type {import('zodexy').SzType} */ (
+          {type: 'unknown'}
+        );
       }
       break;
     case 'array':

package/src/formats/structuredCloning.js

@@ -274,23 +274,30 @@ const encapsulateObserver = (stateObj) => {
     // console.log('but could set to', schema);
     // console.log('arrayOrObjectPropertyName', arrayOrObjectPropertyName);
 
-    if (!stateObj.rootUI) {
-      // console.log('vvvv0', newType, newValue);
-      stateObj.rootUI = types?.getUIForModeAndType({
-        readonly,
-        typeNamespace,
-        type: newType,
-        bringIntoFocus: false,
-        buildTypeChoices,
-        format,
-        specificSchemaObject: schema,
-        schemaContent,
-        value: newValue,
-        hasValue: true,
-        // Not currently in use but may be convenient for a
-        //     type wanting the serialized data
-        replaced
-      });
+    if (!parents['']) {
+      // A caller repopulating an *existing* container in place (e.g. the raw
+      //   Typeson/JSON6 editor replacing one control's children after a
+      //   bulk edit, `src/utils/rawTypesonEditor.js`) pre-seeds
+      //   `stateObj.rootUI` with that container so it is reused here instead
+      //   of a fresh one being built.
+      if (!stateObj.rootUI) {
+        // console.log('vvvv0', newType, newValue);
+        stateObj.rootUI = types?.getUIForModeAndType({
+          readonly,
+          typeNamespace,
+          type: newType,
+          bringIntoFocus: false,
+          buildTypeChoices,
+          format,
+          specificSchemaObject: schema,
+          schemaContent,
+          value: newValue,
+          hasValue: true,
+          // Not currently in use but may be convenient for a
+          //     type wanting the serialized data
+          replaced
+        });
+      }
       parents[''] = /**
                      * @type {HTMLElement &
                      *   {$addAndSetArrayElement: AddAndSetArrayElement}}

package/src/fundamentalTypes/arrayType.js

@@ -7,6 +7,7 @@ import {
   schemaLabel, lastTypeChild, deprecatedClassSuffix
 } from '../utils/schemaMeta.js';
 import dialogs from '../utils/dialogs.js';
+import {openRawEditorDialog} from '../utils/rawTypesonEditor.js';
 import {
   resolveJSONPointer, getJSONPointerParts, reduceJSONPointerParts
 } from '../utils/jsonPointer.js';
@@ -428,6 +429,13 @@ const arrayType = {
       specificSchemaObject?.type === 'looseRecord';
     const tupleMode = specificSchemaObject?.type === 'tuple';
 
+    // See `docs/proposals/raw-typeson-edit-view.md` §1 for the scope
+    //   rationale (why `filelist` is included, why record/tuple count).
+    const isRawEditable = types.showRawTypesonControls &&
+      ((type === 'object' || type === 'array' ||
+        type === 'set' || type === 'map' || type === 'filelist') ||
+        recordMode || tupleMode);
+
     /**
      * @param {{
      *   itemIndex: number,
@@ -660,6 +668,31 @@ const arrayType = {
           target
         ).textContent = arrayContents.hidden ? '+' : '-';
       }}}, ['-']],
+      ...(isRawEditable
+        ? /** @type {import('jamilih').JamilihArray[]} */ ([
+          nbsp.repeat(2),
+          ['button', {
+            class: 'viewRawTypeson',
+            $on: {click (/** @type {Event} */ e) {
+              e.preventDefault();
+              openRawEditorDialog({
+                types,
+                format: /** @type {import('../formats.js').AvailableFormat} */ (
+                  format
+                ),
+                type: /** @type {import('../types.js').AvailableArbitraryType} */ (
+                  type
+                ),
+                root: /** @type {HTMLDivElement} */ (div),
+                topRoot: /** @type {HTMLDivElement} */ (topRoot),
+                typeNamespace,
+                specificSchemaObject,
+                readonly: true
+              });
+            }}
+          }, ['View raw']]
+        ])
+        : []),
       ['div', {class: 'arrayContents'}, [
         !recordMode && this.array
           ? ['div', {
@@ -724,6 +757,13 @@ const arrayType = {
       specificSchemaObject?.type === 'looseRecord';
     const tupleMode = specificSchemaObject?.type === 'tuple';
 
+    // See `docs/proposals/raw-typeson-edit-view.md` §1 for the scope
+    //   rationale (why `filelist` is included, why record/tuple count).
+    const isRawEditable = types.showRawTypesonControls &&
+      ((type === 'object' || type === 'array' ||
+        type === 'set' || type === 'map' || type === 'filelist') ||
+        recordMode || tupleMode);
+
     // A `record` refines `object` but, for legend numbering/reordering, behaves
     //   like the array-based types did when it was its own (`array: true`) type.
     const parentIsArrayLike = parentTypeObject.array || recordMode;
@@ -1628,9 +1668,27 @@ const arrayType = {
           specificSchemaObject
         )?.element;
       }
-      return /** @type {import('zodexy').SzObject} */ (
+      const objectSchema = /** @type {import('zodexy').SzObject} */ (
         specificSchemaObject
-      )?.properties?.[/** @type {string} */ (propName)];
+      );
+      const schemaType = specificSchemaObject?.type;
+      const propSchema = objectSchema?.properties?.[/** @type {string} */ (
+        propName
+      )];
+      if (
+        !propSchema &&
+        (schemaType === 'properties' ||
+          (schemaType === 'object' && !objectSchema.catchall))
+      ) {
+        // A key outside the declared shape of a `z.properties()` (which keeps
+        //   it) or a `catchall`-less `z.object()` (which strips it on parse but
+        //   still shows it while editing): offer the unconstrained type choice
+        //   rather than an unschema'd control, as a `looseRecord`'s
+        //   non-conforming entry gets. An `object` `catchall` takes precedence
+        //   (handled where the per-property schema is chosen elsewhere).
+        return /** @type {import('zodexy').SzType} */ ({type: 'unknown'});
+      }
+      return propSchema;
     };
 
     /**
@@ -2340,6 +2398,34 @@ const arrayType = {
       ).textContent = arrayContents.hidden ? '+' : '-';
     }}}, ['-']];
 
+    const rawEditButton = isRawEditable
+      ? [
+        nbsp.repeat(2),
+        ['button', {
+          class: 'editRawTypeson',
+          $on: {click (/** @type {Event} */ e) {
+            e.preventDefault();
+            openRawEditorDialog({
+              types,
+              format: /** @type {import('../formats.js').AvailableFormat} */ (
+                format
+              ),
+              type: /** @type {import('../types.js').AvailableArbitraryType} */ (
+                type
+              ),
+              root: /** @type {HTMLDivElement} */ (div),
+              // By click time `topRoot ||= div` below has already run if
+              //   this control is itself the root.
+              topRoot: /** @type {HTMLDivElement} */ (topRoot),
+              typeNamespace,
+              specificSchemaObject,
+              readonly: false
+            });
+          }}
+        }, ['Edit raw']]
+      ]
+      : [];
+
     const arrayContents = /** @type {import('jamilih').JamilihArray} */ (
       ['div', {class: 'arrayContents'}, [
         arrayContentsFirstChild,
@@ -2415,7 +2501,8 @@ const arrayType = {
      *   $getTypeChoices: () => HTMLSelectElement & {
      *     $setType: import('../typeChoices.js').SetType,
      *     $getTypeRoot: import('../formatAndTypeChoices.js').TypeRootGetter
-     *   }
+     *   },
+     *   $resetItemIndex: () => void
      * }} DivArrayOrObjectHolder
      */
 
@@ -2567,6 +2654,40 @@ const arrayType = {
                 this.$getAddArrayElement().previousElementSibling
               );
             },
+            /**
+             * Resets the `itemIndex`/legend-numbering counter back to its
+             *   empty-container baseline (`itemAdjust - 1`, the same value
+             *   it's initialized to before any item is ever added — *not*
+             *   the `-1` the "x All" button below hardcodes, which is only
+             *   correct for arrays; an object's baseline is `0`). Exposed so
+             *   a caller that repopulates this container's children from
+             *   outside this closure (bypassing the normal per-item
+             *   add/remove handlers that keep `itemIndex` in sync as they
+             *   go) — currently only
+             *   `src/utils/rawTypesonEditor.js`'s `commitValueToContainer`,
+             *   after a raw-value edit replaces every child — ends up with
+             *   exactly the same numbering a fresh container holding the
+             *   same new items would have, rather than continuing from
+             *   wherever the replaced content had left off (or, using the
+             *   wrong baseline, starting one lower than a fresh container
+             *   would: a single-property object's only property would be
+             *   renumbered from "1" to "0" by a bulk edit that didn't even
+             *   change its key, for example).
+             * @this {DivArrayOrObjectHolder}
+             * @returns {void}
+             */
+            $resetItemIndex () {
+              if (sparse) {
+                decrementItemIndex(
+                  /**
+                   * @type {HTMLDivElement & {
+                   *   $getPropertyInputs: GetPropertyInputs
+                    }} */ (this.$getArrayItems())
+                );
+              } else {
+                itemIndex = itemAdjust - 1;
+              }
+            },
             /**
              * @this {DivArrayOrObjectHolder}
              * @returns {HTMLSelectElement & {
@@ -2612,10 +2733,16 @@ const arrayType = {
           }
         }, /** @type {import('jamilih').JamilihChildren} */ ([
           [specificSchemaObject ? 'span' : 'b', {
-            title: schemaLabel(specificSchemaObject) ?? (DOM.initialCaps(
-              /** @type {import('../types.js').AvailableType} */
-              (itemType)
-            ).replace(/s$/u, ''))
+            title: schemaLabel(specificSchemaObject) ?? (
+              // `z.properties()` renders through the `object` UI; without a
+              //   `meta` label of its own, name it "Properties" rather than an
+              //   indistinguishable "Object".
+              specificSchemaObject?.type === 'properties'
+                ? 'Properties'
+                : DOM.initialCaps(
+                  /** @type {import('../types.js').AvailableType} */
+                  (itemType)
+                ).replace(/s$/u, ''))
           }, [
             specificSchemaObject
               ? '—'
@@ -2660,6 +2787,7 @@ const arrayType = {
             }]
             : '',
           minusButton,
+          ...rawEditButton,
           arrayContents
         ]))
       );

package/src/fundamentalTypes/stringType.js

@@ -133,6 +133,11 @@ const stringType = {
             return `Value doesn't match credit card pattern.`;
           }
           break;
+        case 'iban':
+          if (!regexes.iban.test(value)) {
+            return `Value doesn't match iban pattern.`;
+          }
+          break;
         case 'ip':
           switch ('version' in stringSchemaObject &&
               stringSchemaObject.version) {

package/src/jsoe.css

@@ -139,6 +139,18 @@ video.recordedMedia {
   height: 300px;
 }
 
+.jsoe-raw-editor {
+  width: 500px;
+  max-width: 100%;
+  height: 300px;
+  overflow: auto;
+  border: 1px solid;
+}
+
+.jsoe-raw-editor-error:not(:empty) {
+  color: #b00;
+}
+
 .visualizer {
   height: 60px;
 }