hyperclayjs 1.0.0

package/module-dependency-graph.json

@@ -0,0 +1,612 @@
+{
+  "rawDependencies": {
+    "__tests__/All.test.js": [
+      "dom-utilities/All.js"
+    ],
+    "babel.config.js": [],
+    "build/build-loader.js": [],
+    "build/generate-dependency-graph.js": [],
+    "build/generate-readme.js": [],
+    "build/hyperclay.template.js": [],
+    "communication/behaviorCollector.js": [],
+    "communication/sendMessage.js": [
+      "communication/behaviorCollector.js",
+      "dom-utilities/getDataFromForm.js",
+      "ui/toast.js"
+    ],
+    "communication/uploadFile.js": [
+      "string-utilities/copy-to-clipboard.js",
+      "ui/toast.js",
+      "utilities/debounce.js"
+    ],
+    "core/adminContenteditable.js": [
+      "core/isAdminOfCurrentResource.js",
+      "core/savePage.js",
+      "dom-utilities/onDomReady.js"
+    ],
+    "core/adminInputs.js": [
+      "core/isAdminOfCurrentResource.js",
+      "core/savePage.js",
+      "dom-utilities/onDomReady.js"
+    ],
+    "core/adminOnClick.js": [
+      "core/isAdminOfCurrentResource.js",
+      "core/savePage.js",
+      "dom-utilities/onDomReady.js"
+    ],
+    "core/adminResources.js": [
+      "core/isAdminOfCurrentResource.js",
+      "core/savePage.js",
+      "dom-utilities/onDomReady.js"
+    ],
+    "core/adminSystem.js": [
+      "core/adminContenteditable.js",
+      "core/adminInputs.js",
+      "core/adminOnClick.js",
+      "core/adminResources.js"
+    ],
+    "core/editmode.js": [
+      "core/isAdminOfCurrentResource.js"
+    ],
+    "core/editmodeSystem.js": [
+      "core/editmode.js",
+      "core/setPageTypeOnDocumentElement.js"
+    ],
+    "core/enablePersistentFormInputValues.js": [
+      "core/savePage.js"
+    ],
+    "core/isAdminOfCurrentResource.js": [
+      "string-utilities/query.js",
+      "utilities/cookie.js"
+    ],
+    "core/optionVisibilityRuleGenerator.js": [
+      "utilities/mutation.js"
+    ],
+    "core/savePage.js": [
+      "core/isAdminOfCurrentResource.js",
+      "core/savePageCore.js",
+      "ui/toast.js",
+      "utilities/mutation.js",
+      "utilities/throttle.js"
+    ],
+    "core/savePageCore.js": [
+      "core/isAdminOfCurrentResource.js",
+      "utilities/cookie.js"
+    ],
+    "core/setPageTypeOnDocumentElement.js": [
+      "core/isAdminOfCurrentResource.js",
+      "core/savePage.js",
+      "dom-utilities/onDomReady.js"
+    ],
+    "coverage/lcov-report/block-navigation.js": [],
+    "coverage/lcov-report/prettify.js": [],
+    "coverage/lcov-report/sorter.js": [],
+    "custom-attributes/ajaxElements.js": [
+      "dom-utilities/getDataFromForm.js"
+    ],
+    "custom-attributes/autosize.js": [],
+    "custom-attributes/domHelpers.js": [
+      "utilities/nearest.js",
+      "utilities/pipe.js"
+    ],
+    "custom-attributes/events.js": [
+      "custom-attributes/onclickaway.js",
+      "custom-attributes/onclone.js",
+      "custom-attributes/onpagemutation.js",
+      "custom-attributes/onrender.js"
+    ],
+    "custom-attributes/inputHelpers.js": [
+      "custom-attributes/autosize.js",
+      "custom-attributes/preventEnter.js"
+    ],
+    "custom-attributes/onclickaway.js": [],
+    "custom-attributes/onclone.js": [],
+    "custom-attributes/onpagemutation.js": [
+      "utilities/mutation.js"
+    ],
+    "custom-attributes/onrender.js": [
+      "dom-utilities/onLoad.js",
+      "utilities/mutation.js"
+    ],
+    "custom-attributes/preventEnter.js": [],
+    "custom-attributes/sortable.js": [
+      "core/isAdminOfCurrentResource.js",
+      "utilities/mutation.js",
+      "vendor/Sortable.js"
+    ],
+    "dom-utilities/All.js": [],
+    "dom-utilities/getDataFromForm.js": [],
+    "dom-utilities/insertStyleTag.js": [],
+    "dom-utilities/onDomReady.js": [],
+    "dom-utilities/onLoad.js": [],
+    "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/theModal.js",
+      "ui/toast.js"
+    ],
+    "ui/theModal.js": [],
+    "ui/toast.js": [],
+    "utilities/cookie.js": [],
+    "utilities/debounce.js": [],
+    "utilities/mutation.js": [],
+    "utilities/nearest.js": [],
+    "utilities/pipe.js": [],
+    "utilities/throttle.js": [],
+    "vendor/Sortable.js": [],
+    "vendor/idiomorph.min.js": [],
+    "vendor/tailwind-play.js": [
+      "dom-utilities/insertStyleTag.js"
+    ]
+  },
+  "modules": {
+    "save-core": {
+      "name": "Save Core",
+      "category": "core",
+      "size": 5.9,
+      "files": [
+        "core/savePageCore.js"
+      ],
+      "description": "Basic save function only - hyperclay.savePage()"
+    },
+    "save": {
+      "name": "Save System",
+      "category": "core",
+      "size": 4.9,
+      "files": [
+        "core/savePage.js"
+      ],
+      "description": "Full save: save button, keyboard shortcut, auto-save, change tracking"
+    },
+    "admin": {
+      "name": "Admin Features",
+      "category": "core",
+      "size": 5.300000000000001,
+      "files": [
+        "core/adminSystem.js",
+        "core/adminContenteditable.js",
+        "core/adminInputs.js",
+        "core/adminOnClick.js",
+        "core/adminResources.js"
+      ],
+      "description": "Hides admin inputs, scripts, contenteditable, onclick for regular viewers"
+    },
+    "persist": {
+      "name": "Form Persistence",
+      "category": "core",
+      "size": 2.2,
+      "files": [
+        "core/enablePersistentFormInputValues.js"
+      ],
+      "description": "Persist form values to the DOM with [persist] attribute"
+    },
+    "options": {
+      "name": "Option Visibility",
+      "category": "core",
+      "size": 4.4,
+      "files": [
+        "core/optionVisibilityRuleGenerator.js"
+      ],
+      "description": "Dynamic show/hide based on page state with option:attribute=\"value\""
+    },
+    "editmode": {
+      "name": "Edit Mode",
+      "category": "core",
+      "size": 1.4,
+      "files": [
+        "core/editmodeSystem.js",
+        "core/editmode.js",
+        "core/setPageTypeOnDocumentElement.js"
+      ],
+      "description": "Toggle edit mode on/off"
+    },
+    "events": {
+      "name": "Event Attributes",
+      "category": "custom-attributes",
+      "size": 3.5,
+      "files": [
+        "custom-attributes/events.js",
+        "custom-attributes/onclickaway.js",
+        "custom-attributes/onclone.js",
+        "custom-attributes/onpagemutation.js",
+        "custom-attributes/onrender.js"
+      ],
+      "description": "[onclickaway], [onclone], [onpagemutation], [onrender]"
+    },
+    "ajax": {
+      "name": "AJAX Elements",
+      "category": "custom-attributes",
+      "size": 2.7,
+      "files": [
+        "custom-attributes/ajaxElements.js"
+      ],
+      "description": "[ajax-form], [ajax-button] for async form submissions"
+    },
+    "sortable": {
+      "name": "Sortable",
+      "category": "custom-attributes",
+      "size": 117.89999999999999,
+      "files": [
+        "custom-attributes/sortable.js",
+        "vendor/Sortable.js"
+      ],
+      "description": "Drag-drop sorting with [sortable] - includes Sortable.js vendor library"
+    },
+    "helpers": {
+      "name": "DOM Helpers",
+      "category": "custom-attributes",
+      "size": 5.4,
+      "files": [
+        "custom-attributes/domHelpers.js"
+      ],
+      "description": "el.nearest, el.val, el.text, el.exec, el.cycle"
+    },
+    "inputs": {
+      "name": "Input Helpers",
+      "category": "custom-attributes",
+      "size": 1.2,
+      "files": [
+        "custom-attributes/inputHelpers.js",
+        "custom-attributes/preventEnter.js",
+        "custom-attributes/autosize.js"
+      ],
+      "description": "[prevent-enter], [autosize] for textareas"
+    },
+    "prompts": {
+      "name": "Dialog Functions",
+      "category": "ui",
+      "size": 7.7,
+      "files": [
+        "ui/prompts.js"
+      ],
+      "description": "ask(), consent(), tell(), snippet() functions"
+    },
+    "toast": {
+      "name": "Toast Notifications",
+      "category": "ui",
+      "size": 7.3,
+      "files": [
+        "ui/toast.js"
+      ],
+      "description": "Success/error message notifications - toast(msg, msgType)"
+    },
+    "modals": {
+      "name": "Modal System",
+      "category": "ui",
+      "size": 18.4,
+      "files": [
+        "ui/theModal.js"
+      ],
+      "description": "Full modal window creation system - window.theModal"
+    },
+    "info": {
+      "name": "Info Dialog",
+      "category": "ui",
+      "size": 3.2,
+      "files": [
+        "ui/info.js"
+      ],
+      "description": "Info dialog component"
+    },
+    "tailwind-play": {
+      "name": "Tailwind Play",
+      "category": "ui",
+      "size": 362.3,
+      "files": [
+        "vendor/tailwind-play.js"
+      ],
+      "description": "Live Tailwind CSS editing - updates styles based on classes in your HTML"
+    },
+    "mutation": {
+      "name": "Mutation Observer",
+      "category": "utilities",
+      "size": 12.8,
+      "files": [
+        "utilities/mutation.js"
+      ],
+      "description": "DOM mutation observation (often auto-included)"
+    },
+    "nearest": {
+      "name": "Nearest Element",
+      "category": "utilities",
+      "size": 3.2,
+      "files": [
+        "utilities/nearest.js"
+      ],
+      "description": "Find nearest elements (often auto-included)"
+    },
+    "cookie": {
+      "name": "Cookie Helper",
+      "category": "utilities",
+      "size": 1.3,
+      "files": [
+        "utilities/cookie.js"
+      ],
+      "description": "Cookie management (often auto-included)"
+    },
+    "throttle": {
+      "name": "Throttle",
+      "category": "utilities",
+      "size": 0.6,
+      "files": [
+        "utilities/throttle.js"
+      ],
+      "description": "Function throttling"
+    },
+    "debounce": {
+      "name": "Debounce",
+      "category": "utilities",
+      "size": 0.2,
+      "files": [
+        "utilities/debounce.js"
+      ],
+      "description": "Function debouncing"
+    },
+    "dom-ready": {
+      "name": "DOM Ready",
+      "category": "dom-utilities",
+      "size": 0.2,
+      "files": [
+        "dom-utilities/onDomReady.js"
+      ],
+      "description": "DOM ready callback"
+    },
+    "window-load": {
+      "name": "Window Load",
+      "category": "dom-utilities",
+      "size": 0.2,
+      "files": [
+        "dom-utilities/onLoad.js"
+      ],
+      "description": "Window load callback"
+    },
+    "jquery-like": {
+      "name": "All.js (jQuery-like)",
+      "category": "dom-utilities",
+      "size": 13.8,
+      "files": [
+        "dom-utilities/All.js"
+      ],
+      "description": "Full DOM manipulation library"
+    },
+    "style-injection": {
+      "name": "Style Injection",
+      "category": "dom-utilities",
+      "size": 0.8,
+      "files": [
+        "dom-utilities/insertStyleTag.js"
+      ],
+      "description": "Dynamic stylesheet injection"
+    },
+    "dom-morphing": {
+      "name": "DOM Morphing",
+      "category": "vendor",
+      "size": 7.9,
+      "files": [
+        "vendor/idiomorph.min.js"
+      ],
+      "description": "Efficient DOM updates"
+    },
+    "slugify": {
+      "name": "Slugify",
+      "category": "string-utilities",
+      "size": 0.7,
+      "files": [
+        "string-utilities/slugify.js"
+      ],
+      "description": "URL-friendly slug generator"
+    },
+    "emmet-html": {
+      "name": "Emmet HTML",
+      "category": "string-utilities",
+      "size": 1.4,
+      "files": [
+        "string-utilities/emmet-html.js"
+      ],
+      "description": "Emmet-like HTML generation"
+    },
+    "copy-to-clipboard": {
+      "name": "Copy to Clipboard",
+      "category": "string-utilities",
+      "size": 0.9,
+      "files": [
+        "string-utilities/copy-to-clipboard.js"
+      ],
+      "description": "Clipboard utility"
+    },
+    "query-parser": {
+      "name": "URL Query Parser",
+      "category": "string-utilities",
+      "size": 0.1,
+      "files": [
+        "string-utilities/query.js"
+      ],
+      "description": "Parse URL search params"
+    },
+    "behavior-collector": {
+      "name": "Behavior Collector",
+      "category": "communication",
+      "size": 5.2,
+      "files": [
+        "communication/behaviorCollector.js"
+      ],
+      "description": "Tracks user interactions (mouse, scroll, keyboard)"
+    },
+    "send-message": {
+      "name": "Send Message to App Owner",
+      "category": "communication",
+      "size": 1.2,
+      "files": [
+        "communication/sendMessage.js"
+      ],
+      "description": "Message sending utility"
+    },
+    "file-upload": {
+      "name": "File Upload to App Owner",
+      "category": "communication",
+      "size": 10.4,
+      "files": [
+        "communication/uploadFile.js"
+      ],
+      "description": "File upload with progress"
+    }
+  },
+  "categories": {
+    "core": {
+      "name": "Core Features",
+      "description": "Essential functionality",
+      "modules": [
+        "save-core",
+        "save",
+        "admin",
+        "persist",
+        "options",
+        "editmode"
+      ]
+    },
+    "custom-attributes": {
+      "name": "Custom Attributes",
+      "description": "HTML enhancements",
+      "modules": [
+        "events",
+        "ajax",
+        "sortable",
+        "helpers",
+        "inputs"
+      ]
+    },
+    "ui": {
+      "name": "UI Components",
+      "description": "User interface elements",
+      "modules": [
+        "prompts",
+        "toast",
+        "modals",
+        "info",
+        "tailwind-play"
+      ]
+    },
+    "utilities": {
+      "name": "Utilities",
+      "description": "Core utilities (often auto-included)",
+      "modules": [
+        "mutation",
+        "nearest",
+        "cookie",
+        "throttle",
+        "debounce"
+      ]
+    },
+    "dom-utilities": {
+      "name": "DOM Utilities",
+      "description": "DOM manipulation helpers",
+      "modules": [
+        "dom-ready",
+        "window-load",
+        "jquery-like",
+        "style-injection"
+      ]
+    },
+    "string-utilities": {
+      "name": "String Utilities",
+      "description": "String manipulation helpers",
+      "modules": [
+        "slugify",
+        "emmet-html",
+        "copy-to-clipboard",
+        "query-parser"
+      ]
+    },
+    "communication": {
+      "name": "Communication & Files",
+      "description": "File handling and messaging",
+      "modules": [
+        "behavior-collector",
+        "send-message",
+        "file-upload"
+      ]
+    },
+    "vendor": {
+      "name": "Vendor Libraries",
+      "description": "Third-party libraries",
+      "modules": [
+        "dom-morphing"
+      ]
+    }
+  },
+  "presets": {
+    "minimal": {
+      "name": "Minimal",
+      "description": "Essential features for basic editing",
+      "modules": [
+        "save-core",
+        "save",
+        "admin",
+        "toast"
+      ]
+    },
+    "standard": {
+      "name": "Standard",
+      "description": "Standard feature set for most use cases",
+      "modules": [
+        "save-core",
+        "save",
+        "admin",
+        "persist",
+        "ajax",
+        "events",
+        "helpers",
+        "toast"
+      ]
+    },
+    "everything": {
+      "name": "Everything",
+      "description": "All available features",
+      "modules": [
+        "save-core",
+        "save",
+        "admin",
+        "persist",
+        "options",
+        "editmode",
+        "events",
+        "ajax",
+        "sortable",
+        "helpers",
+        "inputs",
+        "prompts",
+        "toast",
+        "modals",
+        "info",
+        "tailwind-play",
+        "mutation",
+        "nearest",
+        "cookie",
+        "throttle",
+        "debounce",
+        "dom-ready",
+        "window-load",
+        "jquery-like",
+        "style-injection",
+        "dom-morphing",
+        "slugify",
+        "emmet-html",
+        "copy-to-clipboard",
+        "query-parser",
+        "behavior-collector",
+        "send-message",
+        "file-upload"
+      ]
+    }
+  }
+}

package/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "hyperclayjs",
+  "version": "1.0.0",
+  "description": "Modular JavaScript library for building interactive HTML applications with Hyperclay",
+  "type": "module",
+  "main": "hyperclay.js",
+  "module": "hyperclay.js",
+  "exports": {
+    ".": {
+      "import": "./hyperclay.js",
+      "default": "./hyperclay.js"
+    },
+    "./core/*": "./core/*.js",
+    "./custom-attributes/*": "./custom-attributes/*.js",
+    "./ui/*": "./ui/*.js",
+    "./utilities/*": "./utilities/*.js",
+    "./dom-utilities/*": "./dom-utilities/*.js",
+    "./string-utilities/*": "./string-utilities/*.js",
+    "./communication/*": "./communication/*.js",
+    "./vendor/*": "./vendor/*.js"
+  },
+  "files": [
+    "core",
+    "custom-attributes",
+    "ui",
+    "utilities",
+    "dom-utilities",
+    "string-utilities",
+    "communication",
+    "vendor",
+    "hyperclay.js",
+    "module-dependency-graph.json"
+  ],
+  "scripts": {
+    "dev": "npm run build && http-server -p 3535 -o /index.html",
+    "build": "npm run generate:deps && npm run build:loader && npm run build:readme",
+    "generate:deps": "node build/generate-dependency-graph.js",
+    "build:loader": "node build/build-loader.js",
+    "build:readme": "node build/generate-readme.js",
+    "test": "jest",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "prepublishOnly": "npm run build && npm test"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hyperclay/hyperclayjs.git"
+  },
+  "keywords": [
+    "hyperclay",
+    "html",
+    "interactive",
+    "save",
+    "admin",
+    "modular",
+    "frontend",
+    "dom",
+    "ui"
+  ],
+  "author": "Hyperclay",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/hyperclay/hyperclayjs/issues"
+  },
+  "homepage": "https://github.com/hyperclay/hyperclayjs#readme",
+  "devDependencies": {
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@jest/globals": "^30.2.0",
+    "@rollup/plugin-babel": "^6.0.0",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.2.0",
+    "@rollup/plugin-terser": "^0.4.0",
+    "babel-jest": "^30.2.0",
+    "eslint": "^8.50.0",
+    "http-server": "^14.1.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "jsdom": "^27.2.0",
+    "madge": "^8.0.0",
+    "open-cli": "^8.0.0",
+    "prettier": "^3.0.0",
+    "rollup": "^4.0.0"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "browserslist": [
+    "Chrome >= 90",
+    "Firefox >= 88",
+    "Safari >= 14",
+    "Edge >= 90"
+  ]
+}