hyperclayjs 1.3.1 → 1.4.0

package/module-dependency-graph.json

@@ -47,7 +47,12 @@
       "core/adminOnClick.js",
       "core/adminResources.js"
     ],
-    "core/autosave.js": [],
+    "core/autosave.js": [
+      "core/isAdminOfCurrentResource.js",
+      "core/savePage.js",
+      "ui/toast.js",
+      "utilities/mutation.js"
+    ],
     "core/editmode.js": [
       "core/isAdminOfCurrentResource.js"
     ],
@@ -59,6 +64,7 @@
     "core/enablePersistentFormInputValues.js": [
       "core/savePage.js"
     ],
+    "core/exportToWindow.js": [],
     "core/isAdminOfCurrentResource.js": [
       "string-utilities/query.js",
       "utilities/cookie.js"
@@ -66,7 +72,12 @@
     "core/optionVisibilityRuleGenerator.js": [
       "utilities/mutation.js"
     ],
-    "core/savePage.js": [],
+    "core/savePage.js": [
+      "core/isAdminOfCurrentResource.js",
+      "core/savePageCore.js",
+      "ui/toast.js",
+      "utilities/throttle.js"
+    ],
     "core/savePageCore.js": [
       "core/isAdminOfCurrentResource.js",
       "utilities/cookie.js"
@@ -109,8 +120,8 @@
     "custom-attributes/preventEnter.js": [],
     "custom-attributes/sortable.js": [
       "core/isAdminOfCurrentResource.js",
-      "utilities/mutation.js",
-      "vendor/Sortable.js"
+      "utilities/loadVendorScript.js",
+      "utilities/mutation.js"
     ],
     "dom-utilities/All.js": [],
     "dom-utilities/getDataFromForm.js": [],
@@ -120,17 +131,11 @@
     "hyperclay.js": [],
     "jest.config.js": [],
     "string-utilities/copy-to-clipboard.js": [],
-    "string-utilities/emmet-html.js": [],
     "string-utilities/query.js": [],
     "string-utilities/slugify.js": [],
-    "ui/info.js": [
-      "dom-utilities/onDomReady.js",
-      "ui/theModal.js"
-    ],
     "ui/prompts.js": [
       "dom-utilities/onDomReady.js",
       "string-utilities/copy-to-clipboard.js",
-      "ui/info.js",
       "ui/theModal.js",
       "ui/toast.js"
     ],
@@ -141,13 +146,18 @@
     "ui/toast.js": [],
     "utilities/cookie.js": [],
     "utilities/debounce.js": [],
+    "utilities/loadVendorScript.js": [],
     "utilities/mutation.js": [],
     "utilities/nearest.js": [],
     "utilities/pipe.js": [],
     "utilities/throttle.js": [],
-    "vendor/Sortable.js": [],
+    "vendor/Sortable.vendor.js": [],
     "vendor/idiomorph.min.js": [],
     "vendor/tailwind-play.js": [
+      "core/isAdminOfCurrentResource.js",
+      "utilities/loadVendorScript.js"
+    ],
+    "vendor/tailwind-play.vendor.js": [
       "dom-utilities/insertStyleTag.js"
     ]
   },
@@ -155,7 +165,7 @@
     "save-core": {
       "name": "save-core",
       "category": "core",
-      "size": 5.8,
+      "size": 5.9,
       "files": [
         "core/savePageCore.js"
       ],
@@ -169,7 +179,7 @@
     "save-system": {
       "name": "save-system",
       "category": "core",
-      "size": 4.1,
+      "size": 4.9,
       "files": [
         "core/savePage.js"
       ],
@@ -181,13 +191,10 @@
         "savePage": [
           "hyperclay"
         ],
-        "replacePageWith": [
-          "hyperclay"
-        ],
-        "initHyperclaySaveButton": [
+        "savePageThrottled": [
           "hyperclay"
         ],
-        "initSaveKeyboardShortcut": [
+        "replacePageWith": [
           "hyperclay"
         ]
       }
@@ -195,22 +202,15 @@
     "autosave": {
       "name": "autosave",
       "category": "core",
-      "size": 2.4,
+      "size": 1.2,
       "files": [
         "core/autosave.js"
       ],
       "description": "Auto-save on DOM changes, unsaved changes warning",
-      "exports": {
-        "savePageThrottled": [
-          "hyperclay"
-        ],
-        "initSavePageOnChange": [
-          "hyperclay"
-        ]
-      }
+      "exports": {}
     },
-    "admin": {
-      "name": "admin",
+    "edit-mode-helpers": {
+      "name": "edit-mode-helpers",
       "category": "core",
       "size": 5.4,
       "files": [
@@ -220,22 +220,18 @@
         "core/adminOnClick.js",
         "core/adminResources.js"
       ],
-      "description": "Hides admin inputs, scripts, contenteditable, onclick for regular viewers",
+      "description": "Admin-only functionality: [edit-mode-input], [edit-mode-resource], [edit-mode-onclick]",
       "exports": {}
     },
     "persist": {
       "name": "persist",
       "category": "core",
-      "size": 2.4,
+      "size": 2.5,
       "files": [
         "core/enablePersistentFormInputValues.js"
       ],
-      "description": "Persist form values to the DOM with [persist] attribute",
-      "exports": {
-        "enablePersistentFormInputValues": [
-          "hyperclay"
-        ]
-      }
+      "description": "Persist input/select/textarea values to the DOM with [persist] attribute",
+      "exports": {}
     },
     "option-visibility": {
       "name": "option-visibility",
@@ -245,23 +241,18 @@
         "core/optionVisibilityRuleGenerator.js"
       ],
       "description": "Dynamic show/hide based on ancestor state with option:attribute=\"value\"",
-      "exports": {
-        "optionVisibilityRuleGenerator": [
-          "window",
-          "hyperclay"
-        ]
-      }
+      "exports": {}
     },
     "edit-mode": {
       "name": "edit-mode",
       "category": "core",
-      "size": 1.7,
+      "size": 1.8,
       "files": [
         "core/editmodeSystem.js",
         "core/editmode.js",
         "core/setPageTypeOnDocumentElement.js"
       ],
-      "description": "Toggle edit mode on/off",
+      "description": "Toggle edit mode on hyperclay on/off",
       "exports": {
         "toggleEditMode": [
           "hyperclay"
@@ -301,33 +292,22 @@
     "sortable": {
       "name": "sortable",
       "category": "custom-attributes",
-      "size": 118.1,
+      "size": 2.8,
       "files": [
-        "custom-attributes/sortable.js",
-        "vendor/Sortable.js"
+        "custom-attributes/sortable.js"
       ],
-      "description": "Drag-drop sorting with [sortable] - includes Sortable.js vendor library",
-      "exports": {
-        "Sortable": [
-          "window",
-          "hyperclay"
-        ]
-      }
+      "description": "Drag-drop sorting with [sortable], lazy-loads ~118KB Sortable.js in edit mode",
+      "exports": {}
     },
     "dom-helpers": {
       "name": "dom-helpers",
       "category": "custom-attributes",
-      "size": 5.6,
+      "size": 5.7,
       "files": [
         "custom-attributes/domHelpers.js"
       ],
       "description": "el.nearest, el.val, el.text, el.exec, el.cycle",
-      "exports": {
-        "initCustomAttributes": [
-          "window",
-          "hyperclay"
-        ]
-      }
+      "exports": {}
     },
     "input-helpers": {
       "name": "input-helpers",
@@ -344,12 +324,11 @@
     "dialogs": {
       "name": "dialogs",
       "category": "ui",
-      "size": 11.2,
+      "size": 8.4,
       "files": [
-        "ui/prompts.js",
-        "ui/info.js"
+        "ui/prompts.js"
       ],
-      "description": "ask(), consent(), tell(), info(), snippet() functions",
+      "description": "ask(), consent(), tell(), snippet() dialog functions",
       "exports": {
         "ask": [
           "window",
@@ -363,26 +342,19 @@
           "window",
           "hyperclay"
         ],
-        "info": [
-          "window",
-          "hyperclay"
-        ],
         "snippet": [
           "hyperclay"
-        ],
-        "showApiKey": [
-          "hyperclay"
         ]
       }
     },
     "toast": {
       "name": "toast",
       "category": "ui",
-      "size": 7.3,
+      "size": 7.7,
       "files": [
         "ui/toast.js"
       ],
-      "description": "Success/error message notifications - toast(msg, msgType)",
+      "description": "Success/error message notifications, toast(msg, msgType)",
       "exports": {
         "toast": [
           "window",
@@ -393,23 +365,22 @@
     "toast-hyperclay": {
       "name": "toast-hyperclay",
       "category": "ui",
-      "size": 7.8999999999999995,
+      "size": 1,
       "files": [
-        "ui/toast-hyperclay.js",
-        "ui/toast.js"
+        "ui/toast-hyperclay.js"
       ],
-      "description": "Toast with legacy Hyperclay platform styling (hidden feature)",
+      "description": "toastHyperclay() with legacy Hyperclay platform styling (hidden feature)",
       "exports": {
-        "toast": [
+        "toastHyperclay": [
           "window",
           "hyperclay"
         ]
       }
     },
-    "modal": {
-      "name": "modal",
+    "the-modal": {
+      "name": "the-modal",
       "category": "ui",
-      "size": 18.5,
+      "size": 19.8,
       "files": [
         "ui/theModal.js"
       ],
@@ -424,17 +395,17 @@
     "tailwind-play": {
       "name": "tailwind-play",
       "category": "ui",
-      "size": 362.3,
+      "size": 0.7,
       "files": [
         "vendor/tailwind-play.js"
       ],
-      "description": "Live Tailwind CSS editing - no need for a build system",
+      "description": "Live Tailwind CSS editing, lazy-loads ~370KB script in edit mode only",
       "exports": {}
     },
     "mutation": {
       "name": "mutation",
       "category": "utilities",
-      "size": 12.9,
+      "size": 13,
       "files": [
         "utilities/mutation.js"
       ],
@@ -449,7 +420,7 @@
     "nearest": {
       "name": "nearest",
       "category": "utilities",
-      "size": 3.3,
+      "size": 3.4,
       "files": [
         "utilities/nearest.js"
       ],
@@ -464,7 +435,7 @@
     "cookie": {
       "name": "cookie",
       "category": "utilities",
-      "size": 1.3,
+      "size": 1.4,
       "files": [
         "utilities/cookie.js"
       ],
@@ -479,7 +450,7 @@
     "throttle": {
       "name": "throttle",
       "category": "utilities",
-      "size": 0.7,
+      "size": 0.8,
       "files": [
         "utilities/throttle.js"
       ],
@@ -507,7 +478,7 @@
     "dom-ready": {
       "name": "dom-ready",
       "category": "dom-utilities",
-      "size": 0.3,
+      "size": 0.4,
       "files": [
         "dom-utilities/onDomReady.js"
       ],
@@ -521,7 +492,7 @@
     "window-load": {
       "name": "window-load",
       "category": "dom-utilities",
-      "size": 0.3,
+      "size": 0.4,
       "files": [
         "dom-utilities/onLoad.js"
       ],
@@ -535,7 +506,7 @@
     "all-js": {
       "name": "all-js",
       "category": "dom-utilities",
-      "size": 13.9,
+      "size": 14,
       "files": [
         "dom-utilities/All.js"
       ],
@@ -550,7 +521,7 @@
     "style-injection": {
       "name": "style-injection",
       "category": "dom-utilities",
-      "size": 1,
+      "size": 1.1,
       "files": [
         "dom-utilities/insertStyleTag.js"
       ],
@@ -565,7 +536,7 @@
     "form-data": {
       "name": "form-data",
       "category": "dom-utilities",
-      "size": 1.9,
+      "size": 2,
       "files": [
         "dom-utilities/getDataFromForm.js"
       ],
@@ -580,7 +551,7 @@
     "idiomorph": {
       "name": "idiomorph",
       "category": "vendor",
-      "size": 8.1,
+      "size": 8.2,
       "files": [
         "vendor/idiomorph.min.js"
       ],
@@ -594,7 +565,7 @@
     "slugify": {
       "name": "slugify",
       "category": "string-utilities",
-      "size": 0.6,
+      "size": 0.7,
       "files": [
         "string-utilities/slugify.js"
       ],
@@ -606,24 +577,10 @@
         ]
       }
     },
-    "emmet": {
-      "name": "emmet",
+    "copy-to-clipboard": {
+      "name": "copy-to-clipboard",
       "category": "string-utilities",
-      "size": 1.5,
-      "files": [
-        "string-utilities/emmet-html.js"
-      ],
-      "description": "Emmet-like HTML generation",
-      "exports": {
-        "emmet": [
-          "hyperclay"
-        ]
-      }
-    },
-    "clipboard": {
-      "name": "clipboard",
-      "category": "string-utilities",
-      "size": 0.8,
+      "size": 0.9,
       "files": [
         "string-utilities/copy-to-clipboard.js"
       ],
@@ -637,7 +594,7 @@
     "query-params": {
       "name": "query-params",
       "category": "string-utilities",
-      "size": 0.2,
+      "size": 0.3,
       "files": [
         "string-utilities/query.js"
       ],
@@ -652,7 +609,7 @@
     "behavior-collector": {
       "name": "behavior-collector",
       "category": "communication",
-      "size": 5.4,
+      "size": 5.5,
       "files": [
         "communication/behaviorCollector.js"
       ],
@@ -666,7 +623,7 @@
     "send-message": {
       "name": "send-message",
       "category": "communication",
-      "size": 1.3,
+      "size": 1.4,
       "files": [
         "communication/sendMessage.js"
       ],
@@ -680,7 +637,7 @@
     "file-upload": {
       "name": "file-upload",
       "category": "communication",
-      "size": 10.6,
+      "size": 10.7,
       "files": [
         "communication/uploadFile.js"
       ],
@@ -696,13 +653,23 @@
           "hyperclay"
         ]
       }
+    },
+    "export-to-window": {
+      "name": "export-to-window",
+      "category": "core",
+      "size": 0.4,
+      "files": [
+        "core/exportToWindow.js"
+      ],
+      "description": "Export all modules to window.hyperclay and window globals",
+      "exports": {}
     }
   },
   "modulePaths": {
     "save-core": "./core/savePageCore.js",
     "save-system": "./core/savePage.js",
     "autosave": "./core/autosave.js",
-    "admin": "./core/adminSystem.js",
+    "edit-mode-helpers": "./core/adminSystem.js",
     "persist": "./core/enablePersistentFormInputValues.js",
     "option-visibility": "./core/optionVisibilityRuleGenerator.js",
     "edit-mode": "./core/editmodeSystem.js",
@@ -714,7 +681,7 @@
     "dialogs": "./ui/prompts.js",
     "toast": "./ui/toast.js",
     "toast-hyperclay": "./ui/toast-hyperclay.js",
-    "modal": "./ui/theModal.js",
+    "the-modal": "./ui/theModal.js",
     "tailwind-play": "./vendor/tailwind-play.js",
     "mutation": "./utilities/mutation.js",
     "nearest": "./utilities/nearest.js",
@@ -728,12 +695,12 @@
     "form-data": "./dom-utilities/getDataFromForm.js",
     "idiomorph": "./vendor/idiomorph.min.js",
     "slugify": "./string-utilities/slugify.js",
-    "emmet": "./string-utilities/emmet-html.js",
-    "clipboard": "./string-utilities/copy-to-clipboard.js",
+    "copy-to-clipboard": "./string-utilities/copy-to-clipboard.js",
     "query-params": "./string-utilities/query.js",
     "behavior-collector": "./communication/behaviorCollector.js",
     "send-message": "./communication/sendMessage.js",
-    "file-upload": "./communication/uploadFile.js"
+    "file-upload": "./communication/uploadFile.js",
+    "export-to-window": "./core/exportToWindow.js"
   },
   "categories": {
     "core": {
@@ -743,7 +710,7 @@
         "save-core",
         "save-system",
         "autosave",
-        "admin",
+        "edit-mode-helpers",
         "persist",
         "option-visibility",
         "edit-mode"
@@ -766,7 +733,7 @@
       "modules": [
         "dialogs",
         "toast",
-        "modal",
+        "the-modal",
         "tailwind-play"
       ]
     },
@@ -796,8 +763,7 @@
       "description": "String manipulation helpers",
       "modules": [
         "slugify",
-        "emmet",
-        "clipboard",
+        "copy-to-clipboard",
         "query-params"
       ]
     },
@@ -824,8 +790,9 @@
       "modules": [
         "save-core",
         "save-system",
-        "admin",
-        "toast"
+        "edit-mode-helpers",
+        "toast",
+        "export-to-window"
       ]
     },
     "standard": {
@@ -834,12 +801,13 @@
       "modules": [
         "save-core",
         "save-system",
-        "admin",
+        "edit-mode-helpers",
         "persist",
         "option-visibility",
         "event-attrs",
         "dom-helpers",
-        "toast"
+        "toast",
+        "export-to-window"
       ]
     },
     "everything": {
@@ -849,7 +817,7 @@
         "save-core",
         "save-system",
         "autosave",
-        "admin",
+        "edit-mode-helpers",
         "persist",
         "option-visibility",
         "edit-mode",
@@ -861,7 +829,7 @@
         "dialogs",
         "toast",
         "toast-hyperclay",
-        "modal",
+        "the-modal",
         "tailwind-play",
         "mutation",
         "nearest",
@@ -875,12 +843,12 @@
         "form-data",
         "idiomorph",
         "slugify",
-        "emmet",
-        "clipboard",
+        "copy-to-clipboard",
         "query-params",
         "behavior-collector",
         "send-message",
-        "file-upload"
+        "file-upload",
+        "export-to-window"
       ]
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperclayjs",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Modular JavaScript library for building interactive HTML applications with Hyperclay",
   "type": "module",
   "main": "hyperclay.js",

package/string-utilities/copy-to-clipboard.js

@@ -24,8 +24,11 @@ function copyToClipboard(text) {
   document.body.removeChild(textarea);
 }
 
-// Self-export to hyperclay only
-window.hyperclay = window.hyperclay || {};
-window.hyperclay.copyToClipboard = copyToClipboard;
+// Auto-export to window unless suppressed by loader
+if (!window.__hyperclayNoAutoExport) {
+  window.hyperclay = window.hyperclay || {};
+  window.hyperclay.copyToClipboard = copyToClipboard;
+  window.h = window.hyperclay;
+}
 
-export default copyToClipboard;
+export default copyToClipboard;

package/string-utilities/query.js

@@ -1,8 +1,11 @@
 const query = Object.fromEntries(new URLSearchParams(window.location.search));
 
-// Self-export to window and hyperclay
-window.query = query;
-window.hyperclay = window.hyperclay || {};
-window.hyperclay.query = query;
+// Auto-export to window unless suppressed by loader
+if (!window.__hyperclayNoAutoExport) {
+  window.query = query;
+  window.hyperclay = window.hyperclay || {};
+  window.hyperclay.query = query;
+  window.h = window.hyperclay;
+}
 
-export default query;
+export default query;

package/string-utilities/slugify.js

@@ -10,9 +10,12 @@ function slugify (text) {
     .replace(/-+$/, ''); // trim - from end of text
 }
 
-// Self-export to window and hyperclay
-window.slugify = slugify;
-window.hyperclay = window.hyperclay || {};
-window.hyperclay.slugify = slugify;
+// Auto-export to window unless suppressed by loader
+if (!window.__hyperclayNoAutoExport) {
+  window.slugify = slugify;
+  window.hyperclay = window.hyperclay || {};
+  window.hyperclay.slugify = slugify;
+  window.h = window.hyperclay;
+}
 
-export default slugify;
+export default slugify;