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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/pronto",
-  "version": "4.1.1",
+  "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.1.1",
-    "@pronto-tools-and-more/files": "4.1.1",
-    "@pronto-tools-and-more/network-process": "4.1.1",
-    "@pronto-tools-and-more/sass-compiler": "4.1.1",
+    "@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

@@ -5,8 +5,11 @@ import { join } from "node:path";
 import * as CompileSass from "../CompileSass/CompileSass.js";
 import * as Config from "../Config/Config.js";
 import * as FilesPath from "../FilesPath/FilesPath.js";
+import * as HandleMainJs from "../HandleMainJs/HandleMainJs.js";
 import * as UpdateCss from "../UpdateCss/UpdateCss.js";
+import * as HandleResources from "../ProxyPath/ProxyPath.js";
 import * as UpdateIndexHtml from "../UpdateIndexHtml/UpdateIndexHtml.js";
+import * as ProxyPath from "../ProxyPath/ProxyPath.js";
 
 const handleIndex =
   (storeFrontPath, appId, baseUrl, contentUrl, platform) =>
@@ -47,23 +50,63 @@ const handleCss = (storeFrontPath) => async (req, res, next) => {
   res.end(newCss);
 };
 
-export const create = (root) => {
+export const create = ({
+  root,
+  appId,
+  baseUrl,
+  contentUrl,
+  platform,
+  managerBaseUrl,
+  kioskBaseUrl,
+  catalogApiBaseUrl,
+  companyUrl,
+}) => {
   const app = express();
   const storeFrontPath = join(root, "src", "default", "storefront");
   const defaultPath = join(root, "src", "default");
   const contentPath = join(root, "src", "default", "content");
-  const appId = Config.appId;
-  const baseUrl = Config.baseUrl;
-  const contentUrl = Config.contentUrl;
-  const platform = Config.platform;
   app.get(
     "/",
     handleIndex(storeFrontPath, appId, baseUrl, contentUrl, platform)
   );
+  app.get(
+    "/modules/main.js",
+    HandleMainJs.handleMainJs({
+      storeFrontPath,
+      appId,
+      catalogApiBaseUrl,
+      kioskBaseUrl,
+      managerBaseUrl,
+      companyUrl,
+    })
+  );
   app.use("*", handleCss(storeFrontPath));
   app.use(express.static(FilesPath.filesPath));
   app.use(express.static(storeFrontPath));
   app.use(express.static(defaultPath));
   app.use(express.static(contentPath));
+  app.use(
+    "/resources/web",
+    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/CommandMap/CommandMap.js

@@ -1,11 +1,12 @@
 import * as Build from "../Build/Build.js";
 import * as Help from "../Help/Help.js";
+import * as History from "../History/History.js";
 import * as Login from "../Login/Login.js";
 import * as PullCode from "../PullCode/PullCode.js";
 import * as PushCode from "../PushCode/PushCode.js";
 import * as Server from "../Server/Server.js";
-import * as UploadZip from "../UploadZip/UploadZip.js";
 import * as Upgrade from "../Upgrade/Upgrade.js";
+import * as UploadZip from "../UploadZip/UploadZip.js";
 
 export const commandMap = {
   "Build.build": Build.build,
@@ -16,4 +17,5 @@ export const commandMap = {
   "Server.start": Server.start,
   "UploadZip.uploadZip": UploadZip.uploadZip,
   "Upgrade.upgrade": Upgrade.upgrade,
+  "History.history": History.history,
 };

package/src/parts/Config/Config.js

@@ -78,3 +78,17 @@ export const rootCssFile = join(
   "src",
   sassPipeline?.output || "not-found.css"
 );
+
+export const managerWebUrl =
+  config.managerUrl || `https://web.purplemanager.com`;
+
+export const kioskBaseUrl =
+  config.kioskBaseUrl || "https://kiosk.purplemanager.com";
+
+export const managerBaseUrl =
+  config.managerBaseUrl || "https://purplemanager.com";
+
+export const catalogApiBaseUrl =
+  config.catalogApiBaseUrl || "https://catalog.purplemanager.com";
+
+export const companyUrl = config.companyUrl || "https://sprylab.com";

package/src/parts/CreateServer/CreateServer.js

@@ -1,15 +1,26 @@
 import * as http from "node:http";
+import { join } from "node:path";
 import * as ws from "ws";
 import * as App from "../App/App.js";
 import * as Assert from "../Assert/Assert.js";
 import * as ChangeWatcher from "../ChangeWatcher/ChangeWatcher.js";
+import * as Config from "../Config/Config.js";
 import * as FileWatcher from "../FileWatcher/FileWatcher.js";
 import * as HandleFileChange from "../HandleFileChange/HandleFileChange.js";
-import { join } from "node:path";
 
 export const createServer = async (root, errorColor) => {
   Assert.string(root);
-  const app = App.create(root);
+  const app = App.create({
+    root,
+    appId: Config.appId,
+    baseUrl: Config.baseUrl,
+    contentUrl: Config.contentUrl,
+    platform: Config.platform,
+    managerBaseUrl: Config.managerBaseUrl,
+    kioskBaseUrl: Config.kioskBaseUrl,
+    catalogApiBaseUrl: Config.catalogApiBaseUrl,
+    companyUrl: Config.companyUrl,
+  });
   const server = http.createServer(app);
   const webSocketServer = new ws.WebSocketServer({
     server,

package/src/parts/GetAllListContentZipFilesResponse/GetAllListContentZipFilesResponse.js

@@ -0,0 +1,13 @@
+import * as NetworkProcess from "../NetworkProcess/NetworkProcess.js";
+
+export const getAllListContentZipFilesResponse = ({
+  listResourcesUrl,
+  sessionId,
+  appId,
+}) => {
+  return NetworkProcess.invoke("Network.getAllListContentZipFilesResponse", {
+    listResourcesUrl,
+    sessionId,
+    appId,
+  });
+};

package/src/parts/GetCommandFromCliArgs/GetCommandFromCliArgs.js

@@ -17,5 +17,8 @@ export const getCommandFromCliArgs = (argv) => {
   if (argv.includes("help")) {
     return "Help.help";
   }
+  if (argv.includes("history")) {
+    return "History.history";
+  }
   return "Help.help";
 };

package/src/parts/GetNewMainJsContent/GetNewMainJsContent.js

@@ -0,0 +1,43 @@
+// monkeypatch main.js to support pdf viewer
+export const getNewMainJsContent = ({ content, pdfSnippet }) => {
+  const needle1 = "loadConfig(){";
+  const needle2 = "loadConfig() {";
+  const needle4 = "getConfig(){";
+  const needle5 = "getConfig() {";
+  const needles = [needle1, needle2];
+  let index = -1;
+  for (const needle of needles) {
+    index = content.indexOf(needle);
+    if (index !== -1) {
+      index += needle.length;
+      break;
+    }
+  }
+  if (index === -1) {
+    // no needle found
+    return content;
+  }
+
+  const constructorIndex = content.lastIndexOf("constructor", index);
+  if (constructorIndex === -1) {
+    return content;
+  }
+  const configNeedles = [needle4, needle5];
+  let configIndex = -1;
+  for (const configNeedle of configNeedles) {
+    configIndex = content.indexOf(configNeedle, constructorIndex);
+    if (configIndex !== -1) {
+      configIndex += configNeedle.length;
+      break;
+    }
+  }
+  if (configIndex === -1) {
+    return content;
+  }
+  const newContent =
+    content.slice(0, configIndex) +
+    pdfSnippet +
+    "\n" +
+    content.slice(configIndex);
+  return newContent;
+};

package/src/parts/GetPdfViewerSnippet/GetPdfViewerSnippet.js

@@ -0,0 +1,23 @@
+import { join } from "path";
+import * as FilesPath from "../FilesPath/FilesPath.js";
+import { readFile } from "fs/promises";
+
+export const getPdfViewerSnippet = async ({
+  appId,
+  catalogApiBaseUrl,
+  kioskBaseUrl,
+  managerBaseUrl,
+  companyUrl,
+}) => {
+  const snippetPath = join(FilesPath.filesPath, "assets", "hack-pdf-viewer.js");
+  let snippetContent = await readFile(snippetPath, "utf8");
+  snippetContent = snippetContent.replace("%APP_ID%", appId);
+  snippetContent = snippetContent.replace(
+    "%CATALOG_API_BASE_URL%",
+    catalogApiBaseUrl
+  );
+  snippetContent = snippetContent.replace("%KIOSK_BASE_URL%", kioskBaseUrl);
+  snippetContent = snippetContent.replace("%MANAGER_BASE_URL%", managerBaseUrl);
+  snippetContent = snippetContent.replace("%COMPANY_URL%", companyUrl);
+  return snippetContent;
+};

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/HandleMainJs/HandleMainJs.js

@@ -0,0 +1,32 @@
+import { readFile } from "node:fs/promises";
+import { join } from "node:path";
+import * as GetNewMainJsContent from "../GetNewMainJsContent/GetNewMainJsContent.js";
+import * as GetPdfViewerSnippet from "../GetPdfViewerSnippet/GetPdfViewerSnippet.js";
+
+export const handleMainJs =
+  ({
+    storeFrontPath,
+    appId,
+    catalogApiBaseUrl,
+    kioskBaseUrl,
+    managerBaseUrl,
+    companyUrl,
+  }) =>
+  async (req, res) => {
+    // TODO use etag
+    const mainPath = join(storeFrontPath, "modules", "main.js");
+    const content = await readFile(mainPath, "utf8");
+    const pdfSnippet = await GetPdfViewerSnippet.getPdfViewerSnippet({
+      appId,
+      catalogApiBaseUrl,
+      kioskBaseUrl,
+      managerBaseUrl,
+      companyUrl,
+    });
+    const newContent = GetNewMainJsContent.getNewMainJsContent({
+      content,
+      pdfSnippet,
+    });
+    res.setHeader("content-type", "application/javascript");
+    res.end(newContent);
+  };

package/src/parts/History/History.js

@@ -0,0 +1,37 @@
+import { VError } from "@lvce-editor/verror";
+import * as Config from "../Config/Config.js";
+import * as GetAllListContentZipFilesResponse from "../GetAllListContentZipFilesResponse/GetAllListContentZipFilesResponse.js";
+import * as GetSessionId from "../GetSessionId/GetSessionId.js";
+import * as NetworkProcess from "../NetworkProcess/NetworkProcess.js";
+import * as ParseAllListContentZipFilesResponse from "../ParseAllListContentZipFilesResponse/ParseAllListContentZipFilesResponse.js";
+import * as Print from "../Print/Print.js";
+
+export const history = async () => {
+  try {
+    const { userEmail, userPassword, loginUrl, appId, listResourcesUrl } =
+      Config;
+    const sessionId = await GetSessionId.getSessionId({
+      loginUrl,
+      userEmail,
+      userPassword,
+    });
+    const response =
+      await GetAllListContentZipFilesResponse.getAllListContentZipFilesResponse(
+        {
+          appId,
+          listResourcesUrl,
+          sessionId,
+        }
+      );
+    const parsed =
+      ParseAllListContentZipFilesResponse.parseAllListContentZipFilesResponse(
+        response
+      );
+    const messageString = JSON.stringify(parsed, null, 2) + "\n";
+    Print.print(messageString);
+  } catch (error) {
+    throw new VError(error, `Failed to pull code`);
+  } finally {
+    NetworkProcess.dispose();
+  }
+};

package/src/parts/ParseAllListContentZipFilesResponse/ParseAllListContentZipFilesResponse.js

@@ -0,0 +1,21 @@
+import { VError } from "@lvce-editor/verror";
+import * as Assert from "../Assert/Assert.js";
+
+const parseItem = (item) => {
+  const { filename, created } = item;
+  return {
+    message: filename,
+    date: created,
+  };
+};
+
+export const parseAllListContentZipFilesResponse = (response) => {
+  try {
+    Assert.object(response);
+    const { result } = response;
+    const parsed = result.map(parseItem);
+    return parsed;
+  } catch (error) {
+    throw new VError(error, `Failed to parse response`);
+  }
+};

package/src/parts/Print/Print.js

@@ -0,0 +1,3 @@
+export const print = (message) => {
+  console.info(message);
+};

package/src/parts/ProxyPath/ProxyPath.js

@@ -0,0 +1,35 @@
+import { VError } from "@lvce-editor/verror";
+import { readFile } from "node:fs/promises";
+import { pipeline } from "node:stream/promises";
+
+const getProxyResponse = async (prefix, to, sourceUrl) => {
+  try {
+    const relativePath = prefix + sourceUrl;
+    const baseUrl = to;
+    const absolutePath = `${baseUrl}${relativePath}`;
+    const response = await fetch(absolutePath);
+    if (!response.body) {
+      throw new Error("missing response body");
+    }
+    return response.body;
+  } catch (error) {
+    throw new VError(error, `Failed to get proxy response`);
+  }
+};
+
+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);
+  };
+  return proxyFn;
+};