@pronto-tools-and-more/pronto 4.2.0 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/pronto",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "description": "",
   "main": "src/main.js",
   "type": "module",
@@ -13,10 +13,10 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@pronto-tools-and-more/file-watcher": "4.2.0",
-    "@pronto-tools-and-more/files": "4.2.0",
-    "@pronto-tools-and-more/network-process": "4.2.0",
-    "@pronto-tools-and-more/sass-compiler": "4.2.0",
+    "@pronto-tools-and-more/file-watcher": "4.3.0",
+    "@pronto-tools-and-more/files": "4.3.0",
+    "@pronto-tools-and-more/network-process": "4.3.0",
+    "@pronto-tools-and-more/sass-compiler": "4.3.0",
     "@lvce-editor/assert": "^1.2.0",
     "@lvce-editor/ipc": "^9.3.0",
     "@lvce-editor/json-rpc": "^1.3.0",

package/src/parts/App/App.js

@@ -90,6 +90,22 @@ export const create = ({
     ProxyPath.create({
       prefix: "/resources/web",
       to: Config.managerWebUrl,
+      customIf: [
+        {
+          match: "purpleshared/custom.css",
+          file: join(defaultPath, "readmode", "custom.css"),
+          postfix: "",
+        },
+        {
+          match: "purpleshared/custom.js",
+          file: join(defaultPath, "readmode", "custom.js"),
+          postfix: `
+const script = document.createElement('script')
+script.src='/assets/live-reload-readmode.js'
+document.head.append(script)
+          `,
+        },
+      ],
     })
   );
   return app;

package/src/parts/HandleFileChange/HandleFileChange.js

@@ -1,10 +1,25 @@
+import { readFile } from "node:fs/promises";
 import { join } from "node:path";
 import * as SendFullUpdates from "../SendFullUpdates/SendFullUpdates.js";
 import * as SendSassUpdates from "../SendSassUpdates/SendSassUpdates.js";
+import * as SendUpdates from "../SendUpdates/SendUpdates.js";
 
-export const handleFileChange = (clients, event, root, errorColor) => {
-  if (event.filename.endsWith(".scss")) {
-    const absolutePath = join(root, event.filename);
+export const handleFileChange = async (clients, event, root, errorColor) => {
+  const absolutePath = join(root, event.filename);
+  if (event.filename === "default/readmode/custom.css") {
+    const css = await readFile(absolutePath, "utf8");
+    const changes = [
+      {
+        fileName: event.filename,
+        css,
+      },
+    ];
+    SendUpdates.sendUpdates(clients, {
+      jsonrpc: "2.0",
+      method: "updateCss",
+      params: [changes],
+    });
+  } else if (event.filename.endsWith(".scss")) {
     SendSassUpdates.sendSassUpdates(
       clients,
       absolutePath,

package/src/parts/ProxyPath/ProxyPath.js

@@ -1,4 +1,5 @@
 import { VError } from "@lvce-editor/verror";
+import { readFile } from "node:fs/promises";
 import { pipeline } from "node:stream/promises";
 
 const getProxyResponse = async (prefix, to, sourceUrl) => {
@@ -16,8 +17,17 @@ const getProxyResponse = async (prefix, to, sourceUrl) => {
   }
 };
 
-export const create = ({ prefix, to }) => {
+export const create = ({ prefix, to, customIf }) => {
   const proxyFn = async (req, res) => {
+    for (const item of customIf) {
+      if (req.url.includes(item.match)) {
+        const absolutePath = item.file;
+        const content = await readFile(absolutePath, "utf8");
+        const fullContent = content + "\n" + item.postfix;
+        res.end(fullContent);
+        return;
+      }
+    }
     const proxyResponse = await getProxyResponse(prefix, to, req.url);
     await pipeline(proxyResponse, res);
   };