shopify-accelerate-app 1.3.1 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shopify-accelerate-app",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Shopify App development with full Typescript Support",
   "author": "Felix Tellmann",
   "license": "MIT",

package/src/esbuild/esbuild.ts

@@ -195,16 +195,15 @@ const runBlockJsEsbuild = async (entryFile, block: ShopifyAppBlock & { path: str
 
   if (process.env.SHOPIFY_ACCELERATE_TAILWIND_PREFIX) {
     clearTimeout(current.timeout);
-    current.timeout = setTimeout(() => {
+    const cssPath = path.join(config.extension_path, `assets/tailwind.css`);
+    const runFinalPass = () => {
+      if (!fs.existsSync(cssPath)) {
+        current.timeout = setTimeout(runFinalPass, 300);
+        return;
+      }
       Object.values(config.sources.blockSchemas ?? {})?.forEach(({ folder }) => {
         if (!content.includes("/* CSS CROSS CHECKED */")) {
-          const finalContent = transformContent(
-            content,
-            true,
-            fs.readFileSync(path.join(config.extension_path, `assets/tailwind.css`), {
-              encoding: "utf-8",
-            })
-          );
+          const finalContent = transformContent(content, true, fs.readFileSync(cssPath, { encoding: "utf-8" }));
           console.log(Object.fromEntries(notCSSClasses.entries()));
           fs.writeFileSync(finalPath, `${finalContent}\n\n/* CSS CROSS CHECKED */`);
           if (process.env.SHOPIFY_ACCELERATE_THEME_OUTPUT_PATH) {
@@ -212,7 +211,8 @@ const runBlockJsEsbuild = async (entryFile, block: ShopifyAppBlock & { path: str
           }
         }
       });
-    }, 1800);
+    };
+    current.timeout = setTimeout(runFinalPass, 1800);
   }
 
   try {

package/src/scaffold-theme/generate-liquid-files.ts

@@ -393,13 +393,14 @@ export const generateLiquidFiles = (final?: boolean, cssOutput?: string) => {
 
   clearTimeout(current.timeout);
   if (!final) {
-    current.timeout = setTimeout(() => {
-      generateLiquidFiles(
-        true,
-        fs.readFileSync(path.join(config.extension_path, `assets/tailwind.css`), {
-          encoding: "utf-8",
-        })
-      );
-    }, 1800);
+    const cssPath = path.join(config.extension_path, `assets/tailwind.css`);
+    const runFinalPass = () => {
+      if (!fs.existsSync(cssPath)) {
+        current.timeout = setTimeout(runFinalPass, 300);
+        return;
+      }
+      generateLiquidFiles(true, fs.readFileSync(cssPath, { encoding: "utf-8" }));
+    };
+    current.timeout = setTimeout(runFinalPass, 1800);
   }
 };