shopify-accelerate-app 1.0.39 → 1.0.40

package/package.json

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

package/src/esbuild/esbuild.ts

@@ -196,13 +196,16 @@ const runBlockJsEsbuild = async (entryFile, block: ShopifyAppBlock & { path: str
   current.timeout = setTimeout(() => {
     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 = process.env.SHOPIFY_ACCELERATE_TAILWIND_PREFIX
+          ? transformContent(
+              content,
+              true,
+              fs.readFileSync(path.join(config.extension_path, `assets/tailwind.css`), {
+                encoding: "utf-8",
+              })
+            )
+          : content;
+
         console.log(Object.fromEntries(notCSSClasses.entries()));
         fs.writeFileSync(finalPath, `${finalContent}\n\n/* CSS CROSS CHECKED */`);
         if (process.env.SHOPIFY_ACCELERATE_THEME_OUTPUT_PATH) {

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

@@ -13,6 +13,9 @@ const current = { timeout: null };
 const transformContent = (input: string, final = false, cssOutput = "") => {
   const classRegex = /class=(["'])([^"']+)\1/g;
 
+  if (!process.env.SHOPIFY_ACCELERATE_TAILWIND_PREFIX) {
+    return input;
+  }
   return input.replace(classRegex, (match, p1, p2, p3) => {
     return `class=${p1}${transformClassNameStrings(p2, final, cssOutput)}${p1}`;
   });

package/src/tailwind/tailwind-watch.ts

@@ -2,10 +2,8 @@
 import child_process from "child_process";
 import fs from "fs";
 import path from "path";
-import { delay } from "../utils/delay";
-import { transformContent } from "../esbuild/esbuild";
 import { config, root_dir } from "../../shopify-accelerate-app";
-import { deleteFile, writeCompareFile } from "../utils/fs";
+import { writeCompareFile } from "../utils/fs";
 
 const watch = require("node-watch");