@pronto-tools-and-more/pronto 3.7.0 → 3.8.0

package/package.json

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

package/src/parts/App/App.js

@@ -9,14 +9,16 @@ import * as UpdateCss from "../UpdateCss/UpdateCss.js";
 import * as UpdateIndexHtml from "../UpdateIndexHtml/UpdateIndexHtml.js";
 
 const handleIndex =
-  (storeFrontPath, appId, baseUrl, contentUrl) => async (req, res) => {
+  (storeFrontPath, appId, baseUrl, contentUrl, platform) =>
+  async (req, res) => {
     const indexHtmlPath = join(storeFrontPath, "index.html");
     const indexHtmlContent = await readFile(indexHtmlPath, "utf8");
     const newIndexHtml = UpdateIndexHtml.updateIndexHtml(
       indexHtmlContent,
       appId,
       baseUrl,
-      contentUrl
+      contentUrl,
+      platform
     );
     res.end(newIndexHtml);
   };
@@ -53,7 +55,11 @@ export const create = (root) => {
   const appId = Config.appId;
   const baseUrl = Config.baseUrl;
   const contentUrl = Config.contentUrl;
-  app.get("/", handleIndex(storeFrontPath, appId, baseUrl, contentUrl));
+  const platform = Config.platform;
+  app.get(
+    "/",
+    handleIndex(storeFrontPath, appId, baseUrl, contentUrl, platform)
+  );
   app.use("*", handleCss(storeFrontPath));
   app.use(express.static(FilesPath.filesPath));
   app.use(express.static(storeFrontPath));

package/src/parts/Config/Config.js

@@ -6,17 +6,29 @@ export const userEmail = process.env.PRONTO_USER_EMAIL;
 export const userPassword = process.env.PRONTO_USER_PASSWORD;
 
 const configFileUrl = join(Cwd.cwd, "pronto.json");
+const builderConfigFileUrl = join(
+  Cwd.cwd,
+  "src",
+  "default",
+  "builder.config.json"
+);
 
-const getConfig = () => {
-  if (existsSync(configFileUrl)) {
-    const content = readFileSync(configFileUrl, "utf8");
+const getConfig = (url) => {
+  if (existsSync(url)) {
+    const content = readFileSync(url, "utf8");
     const parsed = JSON.parse(content);
     return parsed;
   }
   return {};
 };
 
-const config = getConfig();
+const config = getConfig(configFileUrl);
+const builderConfig = getConfig(builderConfigFileUrl);
+
+const defaultPlatform = "ios";
+
+export const platform = config.platform || defaultPlatform;
+
 // TODO use direct backend url
 export const loginUrl =
   config.loginUrl || `https://builder.purplemanager.com/api/user/login`;
@@ -37,21 +49,17 @@ export const contentUrl =
   config.contentUrl || "https://catalog.purplemanager.com";
 export const errorColor = config.errorColor || "red";
 
+const pipelines = Object.values(builderConfig?.postProcessing?.pipelines || {});
+const sassPipeline = pipelines.find((pipeline) => pipeline.type === "sass");
+
 export const rootSassFile = join(
   Cwd.cwd,
   "src",
-  "default",
-  "storefront",
-  "assets",
-  "scss",
-  "__index.scss"
+  sassPipeline?.input || "not-found.scss"
 );
 
 export const rootCssFile = join(
   Cwd.cwd,
   "src",
-  "default",
-  "storefront",
-  "assets",
-  "custom.css"
+  sassPipeline?.output || "not-found.css"
 );

package/src/parts/UpdateIndexHtml/UpdateIndexHtml.js

@@ -1,5 +1,5 @@
 const occurrenceSnippetBody = "</body>";
-const replacementSnippetBody = (appId, baseUrl, contentUrl) =>
+const replacementSnippetBody = (appId, baseUrl, contentUrl, platform) =>
   `
       <script>
         window._editorAppInfo = {
@@ -9,23 +9,33 @@ const replacementSnippetBody = (appId, baseUrl, contentUrl) =>
           forcePurpleImplUsage: true
         };
         </script>
+        <script>
+          globalThis.FUSE_PLATFORM = 'PLATFORM'
+        </script>
         <script type="module" src="/assets/preview-inject-bundle.js"></script>
         <script type="module" src="/assets/live-reload.js"></script>
       </body>`
     .replace("APP_ID", appId)
     .replace("BASE_URL", baseUrl)
-    .replace("CONTENT_URL", contentUrl);
+    .replace("CONTENT_URL", contentUrl)
+    .replace("'PLATFORM'", `'${platform}'`);
 
 const occurrenceSnippetHead = "</head>";
 const replacementSnippetHead = `
     <link rel="stylesheet" href="/theme.css" />
     </head>`;
 
-export const updateIndexHtml = (content, appId, baseUrl, contentUrl) => {
+export const updateIndexHtml = (
+  content,
+  appId,
+  baseUrl,
+  contentUrl,
+  platform
+) => {
   return content
     .replace(
       occurrenceSnippetBody,
-      replacementSnippetBody(appId, baseUrl, contentUrl)
+      replacementSnippetBody(appId, baseUrl, contentUrl, platform)
     )
     .replace(occurrenceSnippetHead, replacementSnippetHead);
 };