@pronto-tools-and-more/pronto 4.9.3 → 5.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/pronto",
-  "version": "4.9.3",
+  "version": "5.0.1",
   "description": "",
   "main": "src/main.js",
   "type": "module",
@@ -13,14 +13,15 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@pronto-tools-and-more/file-watcher": "4.9.3",
-    "@pronto-tools-and-more/files": "4.9.3",
-    "@pronto-tools-and-more/network-process": "4.9.3",
-    "@pronto-tools-and-more/sass-compiler": "4.9.3",
     "@lvce-editor/assert": "^1.2.0",
     "@lvce-editor/ipc": "^10.0.4",
     "@lvce-editor/json-rpc": "^3.0.0",
     "@lvce-editor/verror": "^1.4.0",
+    "@pronto-tools-and-more/file-watcher": "5.0.1",
+    "@pronto-tools-and-more/files": "5.0.1",
+    "@pronto-tools-and-more/network-process": "5.0.1",
+    "@pronto-tools-and-more/sass-compiler": "5.0.1",
+    "@pronto-tools-and-more/components-renderer": "5.0.1",
     "execa": "^9.3.1",
     "express": "^4.19.2"
   },

package/src/parts/App/App.js

@@ -1,6 +1,5 @@
 import express from "express";
 import { join } from "node:path";
-import * as Config from "../Config/Config.js";
 import * as FilesPath from "../FilesPath/FilesPath.js";
 import * as HandleCss from "../HandleCss/HandleCss.js";
 import * as HandleIndex from "../HandleIndex/HandleIndex.js";
@@ -19,6 +18,9 @@ export const create = ({
   catalogApiBaseUrl,
   companyUrl,
   mode,
+  splitViews,
+  reactComponents,
+  managerWebUrl,
 }) => {
   const app = express();
   const storeFrontPath = join(root, "src", "default", "storefront");
@@ -51,7 +53,8 @@ export const create = ({
     "/assets/views.json",
     HandleViews.handleViews({
       storeFrontPath,
-      splitViews: Config.splitViews,
+      splitViews,
+      reactComponents,
     })
   );
   app.use("*", HandleCss.handleCss(storeFrontPath));
@@ -70,7 +73,7 @@ export const create = ({
     "/resources/web",
     ProxyPath.create({
       prefix: "/resources/web",
-      to: Config.managerWebUrl,
+      to: managerWebUrl,
       customIf: [
         {
           match: "purpleshared/custom.css",

package/src/parts/ComponentsRendererPath/ComponentsRendererPath.js

@@ -0,0 +1,13 @@
+import * as Path from "node:path";
+import * as ResolveBin from "../ResolveBin/ResolveBin.js";
+import * as Root from "../Root/Root.js";
+
+export const componentsRendererPath =
+  ResolveBin.resolveBin("@pronto-tools-and-more/components-renderer") ||
+  Path.join(
+    Root.root,
+    "packages",
+    "pronto-components-renderer",
+    "src",
+    "componentsRendererMain.js"
+  );

package/src/parts/Config/Config.js

@@ -96,3 +96,5 @@ export const catalogApiBaseUrl =
 export const companyUrl = config.companyUrl || "https://sprylab.com";
 
 export const splitViews = config.splitViews || false;
+
+export const reactComponents = config.reactComponents || false;

package/src/parts/CreateServer/CreateServer.js

@@ -21,6 +21,9 @@ export const createServer = async (root, errorColor) => {
     catalogApiBaseUrl: Config.catalogApiBaseUrl,
     companyUrl: Config.companyUrl,
     mode: Config.mode,
+    managerWebUrl: Config.managerWebUrl,
+    reactComponents: Config.reactComponents,
+    splitViews: Config.splitViews,
   });
   const server = http.createServer(app);
   const webSocketServer = new ws.WebSocketServer({

package/src/parts/HandleViews/HandleViews.js

@@ -1,28 +1,22 @@
-import { readdir } from "node:fs/promises";
+import { createReadStream } from "node:fs";
 import { join } from "node:path";
 import { pipeline } from "node:stream/promises";
-import * as JsonFile from "../JsonFile/JsonFile.js";
-import { createReadStream } from "node:fs";
-
-const handleViewsSplit = async (storeFrontPath) => {
-  const viewsFolderPath = join(storeFrontPath, "assets", "views");
-  const dirents = await readdir(viewsFolderPath);
-  const promises = [];
-  for (const dirent of dirents) {
-    const absolutePath = join(viewsFolderPath, dirent);
-    const promise = JsonFile.readJson(absolutePath);
-    promises.push(promise);
-  }
-  const contents = await Promise.all(promises);
-  const stringified = JSON.stringify(contents, null, 2) + "\n";
-  return stringified;
-};
+import * as HandleViewsReactComponents from "../HandleViewsReactComponents/HandleViewsReactComponents.js";
+import * as HandleViewsSplit from "../HandleViewsSplit/HandleViewsSplit.js";
 
 export const handleViews =
-  ({ storeFrontPath, splitViews }) =>
+  ({ storeFrontPath, splitViews, reactComponents }) =>
   async (req, res) => {
+    if (reactComponents) {
+      const content =
+        await HandleViewsReactComponents.handleViewsReactComponents(
+          storeFrontPath
+        );
+      res.end(content);
+      return;
+    }
     if (splitViews) {
-      const content = await handleViewsSplit(storeFrontPath);
+      const content = await HandleViewsSplit.handleViewsSplit(storeFrontPath);
       res.end(content);
       return;
     }

package/src/parts/HandleViewsReactComponents/HandleViewsReactComponents.js

@@ -0,0 +1,41 @@
+import { existsSync } from "node:fs";
+import { join } from "node:path";
+import * as ComponentsRendererPath from "../ComponentsRendererPath/ComponentsRendererPath.js";
+import * as HandleIpc from "../HandleIpc/HandleIpc.js";
+import * as IpcParent from "../IpcParent/IpcParent.js";
+import * as IpcParentType from "../IpcParentType/IpcParentType.js";
+import * as JsonRpc from "../JsonRpc/JsonRpc.js";
+
+export const handleViewsReactComponents = async (storeFrontPath) => {
+  try {
+    const componentsPath = join(
+      storeFrontPath,
+      "..",
+      "..",
+      "components",
+      "src",
+      "main.ts"
+    );
+    if (!existsSync(componentsPath)) {
+      throw new Error(`components path not found: ${componentsPath}`);
+    }
+    const ipc = await IpcParent.create({
+      path: ComponentsRendererPath.componentsRendererPath,
+      method: IpcParentType.NodeForkedProcess, // TODO worker could be faster
+      execArgv: [],
+    });
+    HandleIpc.handleIpc(ipc);
+    const result = await JsonRpc.invoke(
+      ipc,
+      "RenderViews.renderViews",
+      componentsPath
+    );
+    return JSON.stringify(result);
+  } catch (error) {
+    console.log(error);
+    console.error(`[pronto] views json error: ${error}`);
+    return JSON.stringify({
+      error,
+    });
+  }
+};

package/src/parts/HandleViewsSplit/HandleViewsSplit.js

@@ -0,0 +1,17 @@
+import { readdir } from "node:fs/promises";
+import { join } from "node:path";
+import * as JsonFile from "../JsonFile/JsonFile.js";
+
+export const handleViewsSplit = async (storeFrontPath) => {
+  const viewsFolderPath = join(storeFrontPath, "assets", "views");
+  const dirents = await readdir(viewsFolderPath);
+  const promises = [];
+  for (const dirent of dirents) {
+    const absolutePath = join(viewsFolderPath, dirent);
+    const promise = JsonFile.readJson(absolutePath);
+    promises.push(promise);
+  }
+  const contents = await Promise.all(promises);
+  const stringified = JSON.stringify(contents, null, 2) + "\n";
+  return stringified;
+};