chemicaljs 1.4.0 → 1.4.2

package/examples/example-styled/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "chemical-example-styled",
+  "version": "1.0.0",
+  "description": "This is an example project for Chemical.",
+  "main": "index.js",
+  "type": "module",
+  "scripts": {
+    "start": "node index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chemicaljs/chemical.git"
+  },
+  "author": "Nebelung",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/chemicaljs/chemical/issues"
+  },
+  "homepage": "https://github.com/chemicaljs/chemical#readme",
+  "dependencies": {
+    "chemicaljs": "^1.4.0",
+    "express": "^4.19.2"
+  }
+}

package/examples/example-styled/public/index.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="This is an example project for Chemical.">
+    <title>Chemical Example</title>
+    <link rel="stylesheet" href="/style.css">
+    <script src="/chemical.js"></script>
+    <script src="/chemical.components.js"></script>
+</head>
+<body>
+    <h1>Chemical Example</h1>
+    <p>Create your own using <a href="https://github.com/chemicaljs/chemical">Chemical!</a></p>
+    <input autofocus spellcheck="false" autocomplete="off" id="search" frame="web" placeholder="Enter a URL" is="chemical-input">
+    <section id="controls" is="chemical-controls">
+        <button onclick="chemicalAction('back', 'web')">Back</button>
+        <button onclick="chemicalAction('forward', 'web')">Forward</button>
+        <button onclick="chemicalAction('reload', 'web')">Reload</button>
+        <button onclick="chemicalAction('close', 'web')">Close</button>
+    </section>
+    <iframe id="web" controls="controls" is="chemical-iframe"></iframe>
+</body>
+</html>

package/examples/example-styled/public/style.css

@@ -0,0 +1,82 @@
+body {
+    margin: 0;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: #212121;
+    color: white;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+#search {
+    background: #2f2f2f;
+    font-size: inherit;
+    color: inherit;
+    font-family: inherit;
+    border: none;
+    outline: none;
+    padding: 1rem 1rem;
+    border-radius: 16px;
+    width: 42rem;
+    max-width: calc(100% - 2rem);
+}
+
+#controls {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    height: 2.5rem;
+    display: flex;
+    justify-content: right;
+    align-items: center;
+    padding: 0 0.5rem;
+    gap: 0.5rem;
+}
+
+#controls button {
+    background: rgba(255, 255, 255, 0.2);
+    border: none;
+    color: inherit;
+    font-family: inherit;
+    font-size: inherit;
+    cursor: pointer;
+    user-select: none;
+    border-radius: 6px;
+    padding: 0.25rem 0.5rem;
+}
+
+#web {
+    position: fixed;
+    top: 2.5rem;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: calc(100% - 2.5rem);
+    border: none;
+    background: #212121;
+    user-select: none;
+}
+
+h1 {
+    margin: 0;
+    margin-bottom: 0.25rem;
+}
+
+p {
+    margin: 0;
+    margin-bottom: 2rem;
+}
+
+a {
+    color: inherit;
+}

package/{example-vite → examples/example-vite}/package-lock.json

@@ -6,7 +6,7 @@
     "": {
       "name": "chemical-example-vite",
       "dependencies": {
-        "chemicaljs": "^1.3.3",
+        "chemicaljs": "^1.4.0",
         "express": "^4.19.2",
         "preact": "^10.22.1"
       },
@@ -1721,9 +1721,9 @@
       }
     },
     "node_modules/chemicaljs": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/chemicaljs/-/chemicaljs-1.3.3.tgz",
-      "integrity": "sha512-4On6o/E3C5fmrAFBno6zLc1ca3VQZv+tFz+rPP5II1tcka4d14iT2zrxZS96jHgStQBQoihdgPtmGGMPkZ4OAw==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/chemicaljs/-/chemicaljs-1.4.0.tgz",
+      "integrity": "sha512-FyB/RVkT3c3prjQAVnU6NQaYPJFEG8XOuGz9N3tvtC4LneT6oCmjqmK5M5lU/y0baFviF+vSonaI3z3l5NxXBg==",
       "dependencies": {
         "@mercuryworkshop/bare-mux": "^2.0.1",
         "@mercuryworkshop/epoxy-transport": "^2.1.3",

package/{example-vite → examples/example-vite}/package.json

@@ -8,7 +8,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "chemicaljs": "^1.3.3",
+    "chemicaljs": "^1.4.0",
     "express": "^4.19.2",
     "preact": "^10.22.1"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chemicaljs",
-    "version": "1.4.0",
+    "version": "1.4.2",
     "description": "Easily create your own web proxy with no experience required.",
     "repository": {
         "type": "git",