chemicaljs 1.3.2 → 1.4.0

package/example-components/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "chemical-example-components",
+  "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.3.3",
+    "express": "^4.19.2"
+  }
+}

package/example-components/public/index.html

@@ -0,0 +1,33 @@
+<h1>Chemical Example</h1>
+
+<p>Open in current tab</p>
+<input target="_self" placeholder="Enter URL" is="chemical-input">
+<p>Open in new tab</p>
+<input target="_blank" placeholder="Enter URL" is="chemical-input">
+<p>Custom action (console log)</p>
+<input action="logURL" placeholder="Enter URL" is="chemical-input">
+<script>
+    function logURL(url) {
+        console.log(url)
+    }
+</script>
+<p>With button</p>
+<input id="my-input" target="_blank" placeholder="Enter URL" is="chemical-input">
+<button for="my-input" is="chemical-button">Go!</button>
+<p>With iframe</p>
+<input frame="my-iframe" placeholder="Enter URL" is="chemical-input">
+<br>
+<iframe id="my-iframe" is="chemical-iframe"></iframe>
+<p>With iframe and controls</p>
+<input frame="my-iframe-2" placeholder="Enter URL" is="chemical-input">
+<section id="my-controls-2" is="chemical-controls">
+    <button onclick="chemicalAction('back', 'my-iframe-2')">←</button>
+    <button onclick="chemicalAction('forward', 'my-iframe-2')">→</button>
+    <button onclick="chemicalAction('reload', 'my-iframe-2')">⟳</button>
+    <button onclick="chemicalAction('close', 'my-iframe-2')">🗙</button>
+</section>
+<br>
+<iframe controls="my-controls-2" id="my-iframe-2" is="chemical-iframe"></iframe>
+
+<script src="/chemical.js"></script>
+<script src="/chemical.components.js"></script>

package/example-vite/package-lock.json

@@ -6,13 +6,13 @@
     "": {
       "name": "chemical-example-vite",
       "dependencies": {
-        "chemicaljs": "^1.3.1",
+        "chemicaljs": "^1.3.3",
         "express": "^4.19.2",
-        "preact": "^10.22.0"
+        "preact": "^10.22.1"
       },
       "devDependencies": {
-        "@preact/preset-vite": "^2.8.2",
-        "vite": "^5.3.1"
+        "@preact/preset-vite": "^2.9.0",
+        "vite": "^5.3.3"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -1721,9 +1721,9 @@
       }
     },
     "node_modules/chemicaljs": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/chemicaljs/-/chemicaljs-1.3.1.tgz",
-      "integrity": "sha512-F0c930sI2hTzvLrbSxtVGonCFsATFlXEZkFo74y+ZUVFAF3TaYGRIi0d2tPa0ZZGrJeJlbx43JASRIMGLSTH6w==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/chemicaljs/-/chemicaljs-1.3.3.tgz",
+      "integrity": "sha512-4On6o/E3C5fmrAFBno6zLc1ca3VQZv+tFz+rPP5II1tcka4d14iT2zrxZS96jHgStQBQoihdgPtmGGMPkZ4OAw==",
       "dependencies": {
         "@mercuryworkshop/bare-mux": "^2.0.1",
         "@mercuryworkshop/epoxy-transport": "^2.1.3",

package/example-vite/package.json

@@ -8,12 +8,12 @@
     "build": "vite build"
   },
   "dependencies": {
-    "chemicaljs": "^1.3.1",
+    "chemicaljs": "^1.3.3",
     "express": "^4.19.2",
-    "preact": "^10.22.0"
+    "preact": "^10.22.1"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.8.2",
-    "vite": "^5.3.1"
+    "@preact/preset-vite": "^2.9.0",
+    "vite": "^5.3.3"
   }
 }

package/index.js

@@ -10,6 +10,8 @@ import { uvPath } from "@titaniumnetwork-dev/ultraviolet";
 import { scramjetPath } from "@mercuryworkshop/scramjet";
 import createRammerhead from "rammerhead/src/server/index.js";
 
+const __dirname = new URL(".", import.meta.url).pathname;
+
 class ChemicalServer {
     constructor(options) {
         if (options) {
@@ -73,7 +75,7 @@ class ChemicalServer {
         this.server = createServer();
         this.app = express();
         this.app.get("/chemical.js", async function (req, res) {
-            let chemicalMain = await readFileSync(resolve(import.meta.dirname, "client/chemical.js"), "utf8");
+            let chemicalMain = await readFileSync(resolve(__dirname, "client/chemical.js"), "utf8");
 
             if (options.default) {
                 if (["uv", "rammerhead", "scramjet"].includes(options.default)) {
@@ -94,7 +96,7 @@ class ChemicalServer {
             return res.send(chemicalMain);
         });
         this.app.get("/chemical.sw.js", async function (req, res) {
-            let chemicalSW = await readFileSync(resolve(import.meta.dirname, "client/chemical.sw.js"), "utf8");
+            let chemicalSW = await readFileSync(resolve(__dirname, "client/chemical.sw.js"), "utf8");
 
             chemicalSW = "const uvEnabled = " + String(options.uv) + ";\n" + chemicalSW
             chemicalSW = "const scramjetEnabled = " + String(options.scramjet) + ";\n" + chemicalSW
@@ -103,16 +105,16 @@ class ChemicalServer {
             res.type("application/javascript");
             return res.send(chemicalSW);
         });
-        this.app.use(express.static(resolve(import.meta.dirname, "client")));
+        this.app.use(express.static(resolve(__dirname, "client")));
         this.app.use("/baremux/", express.static(baremuxPath));
         this.app.use("/libcurl/", express.static(libcurlPath));
         this.app.use("/epoxy/", express.static(epoxyPath));
         if (options.uv) {
-            this.app.use("/uv/", express.static(resolve(import.meta.dirname, "config/uv")));
+            this.app.use("/uv/", express.static(resolve(__dirname, "config/uv")));
             this.app.use("/uv/", express.static(uvPath));
         }
         if (options.scramjet) {
-            this.app.use("/scramjet/", express.static(resolve(import.meta.dirname, "config/scramjet")));
+            this.app.use("/scramjet/", express.static(resolve(__dirname, "config/scramjet")));
             this.app.use("/scramjet/", express.static(scramjetPath));
         }
         this.server.on("request", (req, res) => {
@@ -197,7 +199,7 @@ const ChemicalVitePlugin = (options) => ({
 
         const app = express();
         app.get("/chemical.js", async function (req, res) {
-            let chemicalMain = await readFileSync(resolve(import.meta.dirname, "client/chemical.js"), "utf8");
+            let chemicalMain = await readFileSync(resolve(__dirname, "client/chemical.js"), "utf8");
 
             if (options.default) {
                 if (["uv", "rammerhead", "scramjet"].includes(options.default)) {
@@ -218,7 +220,7 @@ const ChemicalVitePlugin = (options) => ({
             return res.send(chemicalMain);
         });
         app.get("/chemical.sw.js", async function (req, res) {
-            let chemicalSW = await readFileSync(resolve(import.meta.dirname, "client/chemical.sw.js"), "utf8");
+            let chemicalSW = await readFileSync(resolve(__dirname, "client/chemical.sw.js"), "utf8");
 
             chemicalSW = "const uvEnabled = " + String(options.uv) + ";\n" + chemicalSW
             chemicalSW = "const scramjetEnabled = " + String(options.scramjet) + ";\n" + chemicalSW
@@ -227,16 +229,16 @@ const ChemicalVitePlugin = (options) => ({
             res.type("application/javascript");
             return res.send(chemicalSW);
         });
-        app.use(express.static(resolve(import.meta.dirname, "client")));
+        app.use(express.static(resolve(__dirname, "client")));
         app.use("/baremux/", express.static(baremuxPath));
         app.use("/libcurl/", express.static(libcurlPath));
         app.use("/epoxy/", express.static(epoxyPath));
         if (options.uv) {
-            app.use("/uv/", express.static(resolve(import.meta.dirname, "config/uv")));
+            app.use("/uv/", express.static(resolve(__dirname, "config/uv")));
             app.use("/uv/", express.static(uvPath));
         }
         if (options.scramjet) {
-            app.use("/scramjet/", express.static(resolve(import.meta.dirname, "config/scramjet")));
+            app.use("/scramjet/", express.static(resolve(__dirname, "config/scramjet")));
             app.use("/scramjet/", express.static(scramjetPath));
         }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chemicaljs",
-    "version": "1.3.2",
+    "version": "1.4.0",
     "description": "Easily create your own web proxy with no experience required.",
     "repository": {
         "type": "git",
@@ -9,7 +9,7 @@
     "main": "index.js",
     "type": "module",
     "author": "Nebelung",
-    "license": "MIT",
+    "license": "AGPL-3.0-only",
     "dependencies": {
         "@mercuryworkshop/bare-mux": "^2.0.1",
         "@mercuryworkshop/epoxy-transport": "^2.1.3",