@tamagui/metro-plugin 1.89.20 → 1.89.22

package/dist/cjs/index.js

@@ -31,11 +31,17 @@ function withTamagui(metroConfig, optionsIn) {
     ...optionsIn,
     ...(0, import_static.loadTamaguiBuildConfigSync)(optionsIn)
   }, extractor = (0, import_static.createExtractor)();
-  return options.disable || extractor.loadTamagui(options), options.disableCSSInterop || (metroConfig = (0, import_metro.withCssInterop)(metroConfig, {
+  options.disable || extractor.loadTamagui(options), options.disableCSSInterop ? metroConfig.resolver = {
+    ...metroConfig.resolver,
+    sourceExts: [...metroConfig.resolver.sourceExts, "css"]
+  } : metroConfig = (0, import_metro.withCssInterop)(metroConfig, {
     ignorePropertyWarningRegex: ["^--"]
     // grouping: ['^group(/.*)?'],
-  })), metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
+  });
+  const ogTransformPath = metroConfig.transformerPath;
+  return metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
     ...metroConfig.transformer,
+    ogTransformPath,
     tamagui: {
       ...options,
       disableInitialBuild: !0

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAIO,4BACP,eAGO;AAEA,SAAS,YACd,aACA,WAGA;AACA,QAAM,UAAU;AAAA,IACd,GAAG;AAAA,IACH,OAAG,0CAA2B,SAAS;AAAA,EACzC,GAGM,gBAAY,+BAAgB;AAGlC,SAAK,QAAQ,WACN,UAAU,YAAY,OAAO,GAG/B,QAAQ,sBACX,kBAAc,6BAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC,IASH,YAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GAEO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAIO,4BACP,eAGO;AAEA,SAAS,YACd,aACA,WAGA;AACA,QAAM,UAAU;AAAA,IACd,GAAG;AAAA,IACH,OAAG,0CAA2B,SAAS;AAAA,EACzC,GAGM,gBAAY,+BAAgB;AAGlC,EAAK,QAAQ,WACN,UAAU,YAAY,OAAO,GAG/B,QAAQ,oBAOX,YAAY,WAAW;AAAA,IACrB,GAAG,YAAY;AAAA,IACf,YAAY,CAAC,GAAG,YAAY,SAAS,YAAY,KAAK;AAAA,EACxD,IATA,kBAAc,6BAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC;AASH,QAAM,kBAAkB,YAAY;AACpC,qBAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GAEO;AACT;",
   "names": []
 }

package/dist/cjs/index.native.js

@@ -32,11 +32,17 @@ function withTamagui(metroConfig, optionsIn) {
     ...optionsIn,
     ...(0, import_static.loadTamaguiBuildConfigSync)(optionsIn)
   }, extractor = (0, import_static.createExtractor)();
-  return options.disable || extractor.loadTamagui(options), options.disableCSSInterop || (metroConfig = (0, import_metro.withCssInterop)(metroConfig, {
+  options.disable || extractor.loadTamagui(options), options.disableCSSInterop ? metroConfig.resolver = {
+    ...metroConfig.resolver,
+    sourceExts: [...metroConfig.resolver.sourceExts, "css"]
+  } : metroConfig = (0, import_metro.withCssInterop)(metroConfig, {
     ignorePropertyWarningRegex: ["^--"]
     // grouping: ['^group(/.*)?'],
-  })), metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
+  });
+  const ogTransformPath = metroConfig.transformerPath;
+  return metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
     ...metroConfig.transformer,
+    ogTransformPath,
     tamagui: {
       ...options,
       disableInitialBuild: !0

package/dist/cjs/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAIO,4BACP,eAGO;AAEA,SAAS,YACd,aACA,WAGA;AACA,QAAM,UAAU;AAAA,IACd,GAAG;AAAA,IACH,OAAG,0CAA2B,SAAS;AAAA,EACzC,GAGM,gBAAY,+BAAgB;AAGlC,SAAK,QAAQ,WACN,UAAU,YAAY,OAAO,GAG/B,QAAQ,sBACX,kBAAc,6BAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC,IASH,YAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GAEO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAIO,4BACP,eAGO;AAEA,SAAS,YACd,aACA,WAGA;AACA,QAAM,UAAU;AAAA,IACd,GAAG;AAAA,IACH,OAAG,0CAA2B,SAAS;AAAA,EACzC,GAGM,gBAAY,+BAAgB;AAGlC,EAAK,QAAQ,WACN,UAAU,YAAY,OAAO,GAG/B,QAAQ,oBAOX,YAAY,WAAW;AAAA,IACrB,GAAG,YAAY;AAAA,IACf,YAAY,CAAC,GAAG,YAAY,SAAS,YAAY,KAAK;AAAA,EACxD,IATA,kBAAc,6BAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC;AASH,QAAM,kBAAkB,YAAY;AACpC,qBAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GAEO;AACT;",
   "names": []
 }

package/dist/cjs/transformer.js

@@ -25,20 +25,16 @@ __export(transformer_exports, {
   transform: () => transform
 });
 module.exports = __toCommonJS(transformer_exports);
-var import_metro_transform_worker = __toESM(require("metro-transform-worker")), import_path = require("path"), import_promises = require("fs/promises"), import_static = require("@tamagui/static");
+var import_fs_extra = require("fs-extra"), import_metro_transform_worker = __toESM(require("metro-transform-worker")), import_path = require("path"), import_static = require("@tamagui/static");
 const extractor = (0, import_static.createExtractor)();
 async function transform(config, projectRoot, filename, data, options) {
-  const transformer = config.transformerPath ? require(config.transformerPath).transform : import_metro_transform_worker.default.transform;
-  if (config.tamagui.disable || options.platform !== "web" || filename.includes("node_modules"))
+  const ogPath = config.ogTransformPath || config.transformerPath, transformer = ogPath ? require(ogPath).transform : import_metro_transform_worker.default.transform;
+  if (config.tamagui.disable || options.platform !== "web" || options.type === "asset" || filename.includes("node_modules"))
     return transformer(config, projectRoot, filename, data, options);
-  if (filename.endsWith(".tsx") || filename.endsWith(".jsx")) {
-    const tmpDir = (0, import_path.join)(projectRoot, ".tamagui", "css");
-    try {
-      await (0, import_promises.mkdir)(tmpDir, {
-        recursive: !0
-      });
-    } catch {
-    }
+  if (
+    // could by a styled() call:
+    filename.endsWith(".ts") || filename.endsWith(".tsx") || filename.endsWith(".jsx")
+  ) {
     const sourcePath = (0, import_path.join)(projectRoot, filename), source = `${data}`, out = await (0, import_static.extractToClassNames)({
       extractor,
       options: {
@@ -51,16 +47,16 @@ async function transform(config, projectRoot, filename, data, options) {
       sourcePath
     });
     if (out?.styles) {
-      const outStylePath = (0, import_path.join)(
+      const tmpDir = (0, import_path.join)(projectRoot, ".tamagui", "css"), outStylePath = (0, import_path.join)(
         tmpDir,
         `${filename}`.replace(/[^a-zA-Z0-9]/gi, "") + ".css"
       );
-      return console.info(" \u{1F95A}", outStylePath), await (0, import_promises.writeFile)(outStylePath, out.styles, "utf-8"), transformer(
+      return process.env.DEBUG?.includes("tamagui") && console.info(" Outputting CSS file:", outStylePath), await (0, import_fs_extra.outputFile)(outStylePath, out.styles, "utf-8"), transformer(
         config,
         projectRoot,
         filename,
         Buffer.from(`${out.js}
-require("${outStylePath}")`),
+require("${outStylePath}")`, "utf-8"),
         options
       );
     }

package/dist/cjs/transformer.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/transformer.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,oCAAmB,4CACnB,cAAqB,iBACrB,kBAAiC,wBAGjC,gBAAqD;AAOrD,MAAM,gBAAY,+BAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAC5B,QAAM,cAAc,OAAO,kBACvB,QAAQ,OAAO,eAAe,EAAE,YAChC,8BAAAA,QAAO;AAEX,MACE,OAAO,QAAQ,WACf,QAAQ,aAAa,SACrB,SAAS,SAAS,cAAc;AAEhC,WAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AAGjE,MAAI,SAAS,SAAS,MAAM,KAAK,SAAS,SAAS,MAAM,GAAG;AAC1D,UAAM,aAAS,kBAAK,aAAa,YAAY,KAAK;AAClD,QAAI;AACF,gBAAM,uBAAM,QAAQ;AAAA,QAClB,WAAW;AAAA,MACb,CAAC;AAAA,IACH,QAAQ;AAAA,IAAC;AAET,UAAM,iBAAa,kBAAK,aAAa,QAAQ,GAGvC,SAAS,GAAG,IAAI,IAChB,MAAM,UAAM,mCAAoB;AAAA,MACpC;AAAA,MACA,SAAS;AAAA;AAAA,QAEP,UAAU;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,MACA,kBAAkB,OAAO,WAAW,kBAAkB,IAClD,YACA,OAAO,WAAW,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAGD,QAAI,KAAK,QAAQ;AACf,YAAM,mBAAe;AAAA,QACnB;AAAA,QACA,GAAG,QAAQ,GAAG,QAAQ,kBAAkB,EAAE,IAAI;AAAA,MAChD;AACA,qBAAQ,KAAK,cAAO,YAAY,GAChC,UAAM,2BAAU,cAAc,IAAI,QAAQ,OAAO,GAC1C;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,KAAK,GAAG,IAAI,EAAE;AAAA,WAAc,YAAY,IAAI;AAAA,QACnD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AACjE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA2B,qBAM3B,gCAAmB,4CACnB,cAAqB,iBAGrB,gBAAqD;AAOrD,MAAM,gBAAY,+BAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAC5B,QAAM,SAAS,OAAO,mBAAsB,OAAO,iBAC7C,cAAc,SAAS,QAAQ,MAAM,EAAE,YAAY,8BAAAA,QAAO;AAEhE,MACE,OAAO,QAAQ,WACf,QAAQ,aAAa,SACrB,QAAQ,SAAS,WACjB,SAAS,SAAS,cAAc;AAEhC,WAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AAGjE;AAAA;AAAA,IAEE,SAAS,SAAS,KAAK,KACvB,SAAS,SAAS,MAAM,KACxB,SAAS,SAAS,MAAM;AAAA,IACxB;AACA,UAAM,iBAAa,kBAAK,aAAa,QAAQ,GAGvC,SAAS,GAAG,IAAI,IAChB,MAAM,UAAM,mCAAoB;AAAA,MACpC;AAAA,MACA,SAAS;AAAA;AAAA,QAEP,UAAU;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,MACA,kBAAkB,OAAO,WAAW,kBAAkB,IAClD,YACA,OAAO,WAAW,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAGD,QAAI,KAAK,QAAQ;AACf,YAAM,aAAS,kBAAK,aAAa,YAAY,KAAK,GAC5C,mBAAe;AAAA,QACnB;AAAA,QACA,GAAG,QAAQ,GAAG,QAAQ,kBAAkB,EAAE,IAAI;AAAA,MAChD;AACA,aAAI,QAAQ,IAAI,OAAO,SAAS,SAAS,KACvC,QAAQ,KAAK,yBAAyB,YAAY,GAEpD,UAAM,4BAAW,cAAc,IAAI,QAAQ,OAAO,GAE3C;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,KAAK,GAAG,IAAI,EAAE;AAAA,WAAc,YAAY,MAAM,OAAO;AAAA,QAC5D;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AACjE;",
   "names": ["worker"]
 }

package/dist/cjs/transformer.native.js

@@ -26,20 +26,17 @@ __export(transformer_exports, {
   transform: () => transform
 });
 module.exports = __toCommonJS(transformer_exports);
-var import_metro_transform_worker = __toESM(require("metro-transform-worker")), import_path = require("path"), import_promises = require("fs/promises"), import_static = require("@tamagui/static");
+var import_fs_extra = require("fs-extra"), import_metro_transform_worker = __toESM(require("metro-transform-worker")), import_path = require("path"), import_static = require("@tamagui/static");
 const extractor = (0, import_static.createExtractor)();
 async function transform(config, projectRoot, filename, data, options) {
-  const transformer = config.transformerPath ? require(config.transformerPath).transform : import_metro_transform_worker.default.transform;
-  if (config.tamagui.disable || options.platform !== "web" || filename.includes("node_modules"))
+  var _a;
+  const ogPath = config.ogTransformPath || config.transformerPath, transformer = ogPath ? require(ogPath).transform : import_metro_transform_worker.default.transform;
+  if (config.tamagui.disable || options.platform !== "web" || options.type === "asset" || filename.includes("node_modules"))
     return transformer(config, projectRoot, filename, data, options);
-  if (filename.endsWith(".tsx") || filename.endsWith(".jsx")) {
-    const tmpDir = (0, import_path.join)(projectRoot, ".tamagui", "css");
-    try {
-      await (0, import_promises.mkdir)(tmpDir, {
-        recursive: !0
-      });
-    } catch {
-    }
+  if (
+    // could by a styled() call:
+    filename.endsWith(".ts") || filename.endsWith(".tsx") || filename.endsWith(".jsx")
+  ) {
     const sourcePath = (0, import_path.join)(projectRoot, filename), source = `${data}`, out = await (0, import_static.extractToClassNames)({
       extractor,
       options: {
@@ -52,16 +49,16 @@ async function transform(config, projectRoot, filename, data, options) {
       sourcePath
     });
     if (out != null && out.styles) {
-      const outStylePath = (0, import_path.join)(
+      const tmpDir = (0, import_path.join)(projectRoot, ".tamagui", "css"), outStylePath = (0, import_path.join)(
         tmpDir,
         `${filename}`.replace(/[^a-zA-Z0-9]/gi, "") + ".css"
       );
-      return console.info(" \u{1F95A}", outStylePath), await (0, import_promises.writeFile)(outStylePath, out.styles, "utf-8"), transformer(
+      return (_a = process.env.DEBUG) != null && _a.includes("tamagui") && console.info(" Outputting CSS file:", outStylePath), await (0, import_fs_extra.outputFile)(outStylePath, out.styles, "utf-8"), transformer(
         config,
         projectRoot,
         filename,
         Buffer.from(`${out.js}
-require("${outStylePath}")`),
+require("${outStylePath}")`, "utf-8"),
         options
       );
     }

package/dist/cjs/transformer.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/transformer.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,oCAAmB,4CACnB,cAAqB,iBACrB,kBAAiC,wBAGjC,gBAAqD;AAOrD,MAAM,gBAAY,+BAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAC5B,QAAM,cAAc,OAAO,kBACvB,QAAQ,OAAO,eAAe,EAAE,YAChC,8BAAAA,QAAO;AAEX,MACE,OAAO,QAAQ,WACf,QAAQ,aAAa,SACrB,SAAS,SAAS,cAAc;AAEhC,WAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AAGjE,MAAI,SAAS,SAAS,MAAM,KAAK,SAAS,SAAS,MAAM,GAAG;AAC1D,UAAM,aAAS,kBAAK,aAAa,YAAY,KAAK;AAClD,QAAI;AACF,gBAAM,uBAAM,QAAQ;AAAA,QAClB,WAAW;AAAA,MACb,CAAC;AAAA,IACH,QAAQ;AAAA,IAAC;AAET,UAAM,iBAAa,kBAAK,aAAa,QAAQ,GAGvC,SAAS,GAAG,IAAI,IAChB,MAAM,UAAM,mCAAoB;AAAA,MACpC;AAAA,MACA,SAAS;AAAA;AAAA,QAEP,UAAU;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,MACA,kBAAkB,OAAO,WAAW,kBAAkB,IAClD,YACA,OAAO,WAAW,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAGD,QAAI,mBAAK,QAAQ;AACf,YAAM,mBAAe;AAAA,QACnB;AAAA,QACA,GAAG,QAAQ,GAAG,QAAQ,kBAAkB,EAAE,IAAI;AAAA,MAChD;AACA,qBAAQ,KAAK,cAAO,YAAY,GAChC,UAAM,2BAAU,cAAc,IAAI,QAAQ,OAAO,GAC1C;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,KAAK,GAAG,IAAI,EAAE;AAAA,WAAc,YAAY,IAAI;AAAA,QACnD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AACjE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA2B,qBAM3B,gCAAmB,4CACnB,cAAqB,iBAGrB,gBAAqD;AAOrD,MAAM,gBAAY,+BAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAzB9B;AA0BE,QAAM,SAAS,OAAO,mBAAsB,OAAO,iBAC7C,cAAc,SAAS,QAAQ,MAAM,EAAE,YAAY,8BAAAA,QAAO;AAEhE,MACE,OAAO,QAAQ,WACf,QAAQ,aAAa,SACrB,QAAQ,SAAS,WACjB,SAAS,SAAS,cAAc;AAEhC,WAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AAGjE;AAAA;AAAA,IAEE,SAAS,SAAS,KAAK,KACvB,SAAS,SAAS,MAAM,KACxB,SAAS,SAAS,MAAM;AAAA,IACxB;AACA,UAAM,iBAAa,kBAAK,aAAa,QAAQ,GAGvC,SAAS,GAAG,IAAI,IAChB,MAAM,UAAM,mCAAoB;AAAA,MACpC;AAAA,MACA,SAAS;AAAA;AAAA,QAEP,UAAU;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,MACA,kBAAkB,OAAO,WAAW,kBAAkB,IAClD,YACA,OAAO,WAAW,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAGD,QAAI,mBAAK,QAAQ;AACf,YAAM,aAAS,kBAAK,aAAa,YAAY,KAAK,GAC5C,mBAAe;AAAA,QACnB;AAAA,QACA,GAAG,QAAQ,GAAG,QAAQ,kBAAkB,EAAE,IAAI;AAAA,MAChD;AACA,cAAI,aAAQ,IAAI,UAAZ,WAAmB,SAAS,cAC9B,QAAQ,KAAK,yBAAyB,YAAY,GAEpD,UAAM,4BAAW,cAAc,IAAI,QAAQ,OAAO,GAE3C;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,KAAK,GAAG,IAAI,EAAE;AAAA,WAAc,YAAY,MAAM,OAAO;AAAA,QAC5D;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AACjE;",
   "names": ["worker"]
 }

package/dist/esm/index.js

@@ -10,11 +10,17 @@ function withTamagui(metroConfig, optionsIn) {
     ...optionsIn,
     ...loadTamaguiBuildConfigSync(optionsIn)
   }, extractor = createExtractor();
-  return options.disable || extractor.loadTamagui(options), options.disableCSSInterop || (metroConfig = withCssInterop(metroConfig, {
+  options.disable || extractor.loadTamagui(options), options.disableCSSInterop ? metroConfig.resolver = {
+    ...metroConfig.resolver,
+    sourceExts: [...metroConfig.resolver.sourceExts, "css"]
+  } : metroConfig = withCssInterop(metroConfig, {
     ignorePropertyWarningRegex: ["^--"]
     // grouping: ['^group(/.*)?'],
-  })), metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
+  });
+  const ogTransformPath = metroConfig.transformerPath;
+  return metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
     ...metroConfig.transformer,
+    ogTransformPath,
     tamagui: {
       ...options,
       disableInitialBuild: !0

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,YACd,aACA,WAGA;AACA,QAAM,UAAU;AAAA,IACd,GAAG;AAAA,IACH,GAAG,2BAA2B,SAAS;AAAA,EACzC,GAGM,YAAY,gBAAgB;AAGlC,SAAK,QAAQ,WACN,UAAU,YAAY,OAAO,GAG/B,QAAQ,sBACX,cAAc,eAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC,IASH,YAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GAEO;AACT;",
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,YACd,aACA,WAGA;AACA,QAAM,UAAU;AAAA,IACd,GAAG;AAAA,IACH,GAAG,2BAA2B,SAAS;AAAA,EACzC,GAGM,YAAY,gBAAgB;AAGlC,EAAK,QAAQ,WACN,UAAU,YAAY,OAAO,GAG/B,QAAQ,oBAOX,YAAY,WAAW;AAAA,IACrB,GAAG,YAAY;AAAA,IACf,YAAY,CAAC,GAAG,YAAY,SAAS,YAAY,KAAK;AAAA,EACxD,IATA,cAAc,eAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC;AASH,QAAM,kBAAkB,YAAY;AACpC,qBAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GAEO;AACT;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -6,11 +6,18 @@ function withTamagui(metroConfig, optionsIn) {
       ...loadTamaguiBuildConfigSync(optionsIn)
     },
     extractor = createExtractor();
-  return options.disable || extractor.loadTamagui(options), options.disableCSSInterop || (metroConfig = withCssInterop(metroConfig, {
+  options.disable || extractor.loadTamagui(options), options.disableCSSInterop ? metroConfig.resolver = {
+    ...metroConfig.resolver,
+    sourceExts: [...metroConfig.resolver.sourceExts, "css"]
+  } : metroConfig = withCssInterop(metroConfig, {
     ignorePropertyWarningRegex: ["^--"]
     // grouping: ['^group(/.*)?'],
-  })), metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
+  });
+
+  const ogTransformPath = metroConfig.transformerPath;
+  return metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
     ...metroConfig.transformer,
+    ogTransformPath,
     tamagui: {
       ...options,
       disableInitialBuild: !0

package/dist/esm/index.native.js

@@ -10,11 +10,17 @@ function withTamagui(metroConfig, optionsIn) {
     ...optionsIn,
     ...loadTamaguiBuildConfigSync(optionsIn)
   }, extractor = createExtractor();
-  return options.disable || extractor.loadTamagui(options), options.disableCSSInterop || (metroConfig = withCssInterop(metroConfig, {
+  options.disable || extractor.loadTamagui(options), options.disableCSSInterop ? metroConfig.resolver = {
+    ...metroConfig.resolver,
+    sourceExts: [...metroConfig.resolver.sourceExts, "css"]
+  } : metroConfig = withCssInterop(metroConfig, {
     ignorePropertyWarningRegex: ["^--"]
     // grouping: ['^group(/.*)?'],
-  })), metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
+  });
+  const ogTransformPath = metroConfig.transformerPath;
+  return metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
     ...metroConfig.transformer,
+    ogTransformPath,
     tamagui: {
       ...options,
       disableInitialBuild: !0

package/dist/esm/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,YACd,aACA,WAGA;AACA,QAAM,UAAU;AAAA,IACd,GAAG;AAAA,IACH,GAAG,2BAA2B,SAAS;AAAA,EACzC,GAGM,YAAY,gBAAgB;AAGlC,SAAK,QAAQ,WACN,UAAU,YAAY,OAAO,GAG/B,QAAQ,sBACX,cAAc,eAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC,IASH,YAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GAEO;AACT;",
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,YACd,aACA,WAGA;AACA,QAAM,UAAU;AAAA,IACd,GAAG;AAAA,IACH,GAAG,2BAA2B,SAAS;AAAA,EACzC,GAGM,YAAY,gBAAgB;AAGlC,EAAK,QAAQ,WACN,UAAU,YAAY,OAAO,GAG/B,QAAQ,oBAOX,YAAY,WAAW;AAAA,IACrB,GAAG,YAAY;AAAA,IACf,YAAY,CAAC,GAAG,YAAY,SAAS,YAAY,KAAK;AAAA,EACxD,IATA,cAAc,eAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC;AASH,QAAM,kBAAkB,YAAY;AACpC,qBAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GAEO;AACT;",
   "names": []
 }

package/dist/esm/transformer.js

@@ -1,20 +1,16 @@
+import { outputFile } from "fs-extra";
 import worker from "metro-transform-worker";
 import { join } from "path";
-import { writeFile, mkdir } from "fs/promises";
 import { createExtractor, extractToClassNames } from "@tamagui/static";
 const extractor = createExtractor();
 async function transform(config, projectRoot, filename, data, options) {
-  const transformer = config.transformerPath ? require(config.transformerPath).transform : worker.transform;
-  if (config.tamagui.disable || options.platform !== "web" || filename.includes("node_modules"))
+  const ogPath = config.ogTransformPath || config.transformerPath, transformer = ogPath ? require(ogPath).transform : worker.transform;
+  if (config.tamagui.disable || options.platform !== "web" || options.type === "asset" || filename.includes("node_modules"))
     return transformer(config, projectRoot, filename, data, options);
-  if (filename.endsWith(".tsx") || filename.endsWith(".jsx")) {
-    const tmpDir = join(projectRoot, ".tamagui", "css");
-    try {
-      await mkdir(tmpDir, {
-        recursive: !0
-      });
-    } catch {
-    }
+  if (
+    // could by a styled() call:
+    filename.endsWith(".ts") || filename.endsWith(".tsx") || filename.endsWith(".jsx")
+  ) {
     const sourcePath = join(projectRoot, filename), source = `${data}`, out = await extractToClassNames({
       extractor,
       options: {
@@ -27,16 +23,16 @@ async function transform(config, projectRoot, filename, data, options) {
       sourcePath
     });
     if (out?.styles) {
-      const outStylePath = join(
+      const tmpDir = join(projectRoot, ".tamagui", "css"), outStylePath = join(
         tmpDir,
         `${filename}`.replace(/[^a-zA-Z0-9]/gi, "") + ".css"
       );
-      return console.info(" \u{1F95A}", outStylePath), await writeFile(outStylePath, out.styles, "utf-8"), transformer(
+      return process.env.DEBUG?.includes("tamagui") && console.info(" Outputting CSS file:", outStylePath), await outputFile(outStylePath, out.styles, "utf-8"), transformer(
         config,
         projectRoot,
         filename,
         Buffer.from(`${out.js}
-require("${outStylePath}")`),
+require("${outStylePath}")`, "utf-8"),
         options
       );
     }

package/dist/esm/transformer.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/transformer.ts"],
-  "mappings": "AAKA,OAAO,YAAY;AACnB,SAAS,YAAY;AACrB,SAAS,WAAW,aAAa;AAGjC,SAAS,iBAAiB,2BAA2B;AAOrD,MAAM,YAAY,gBAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAC5B,QAAM,cAAc,OAAO,kBACvB,QAAQ,OAAO,eAAe,EAAE,YAChC,OAAO;AAEX,MACE,OAAO,QAAQ,WACf,QAAQ,aAAa,SACrB,SAAS,SAAS,cAAc;AAEhC,WAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AAGjE,MAAI,SAAS,SAAS,MAAM,KAAK,SAAS,SAAS,MAAM,GAAG;AAC1D,UAAM,SAAS,KAAK,aAAa,YAAY,KAAK;AAClD,QAAI;AACF,YAAM,MAAM,QAAQ;AAAA,QAClB,WAAW;AAAA,MACb,CAAC;AAAA,IACH,QAAQ;AAAA,IAAC;AAET,UAAM,aAAa,KAAK,aAAa,QAAQ,GAGvC,SAAS,GAAG,IAAI,IAChB,MAAM,MAAM,oBAAoB;AAAA,MACpC;AAAA,MACA,SAAS;AAAA;AAAA,QAEP,UAAU;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,MACA,kBAAkB,OAAO,WAAW,kBAAkB,IAClD,YACA,OAAO,WAAW,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAGD,QAAI,KAAK,QAAQ;AACf,YAAM,eAAe;AAAA,QACnB;AAAA,QACA,GAAG,QAAQ,GAAG,QAAQ,kBAAkB,EAAE,IAAI;AAAA,MAChD;AACA,qBAAQ,KAAK,cAAO,YAAY,GAChC,MAAM,UAAU,cAAc,IAAI,QAAQ,OAAO,GAC1C;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,KAAK,GAAG,IAAI,EAAE;AAAA,WAAc,YAAY,IAAI;AAAA,QACnD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AACjE;",
+  "mappings": "AAAA,SAAS,kBAAkB;AAM3B,OAAO,YAAY;AACnB,SAAS,YAAY;AAGrB,SAAS,iBAAiB,2BAA2B;AAOrD,MAAM,YAAY,gBAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAC5B,QAAM,SAAS,OAAO,mBAAsB,OAAO,iBAC7C,cAAc,SAAS,QAAQ,MAAM,EAAE,YAAY,OAAO;AAEhE,MACE,OAAO,QAAQ,WACf,QAAQ,aAAa,SACrB,QAAQ,SAAS,WACjB,SAAS,SAAS,cAAc;AAEhC,WAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AAGjE;AAAA;AAAA,IAEE,SAAS,SAAS,KAAK,KACvB,SAAS,SAAS,MAAM,KACxB,SAAS,SAAS,MAAM;AAAA,IACxB;AACA,UAAM,aAAa,KAAK,aAAa,QAAQ,GAGvC,SAAS,GAAG,IAAI,IAChB,MAAM,MAAM,oBAAoB;AAAA,MACpC;AAAA,MACA,SAAS;AAAA;AAAA,QAEP,UAAU;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,MACA,kBAAkB,OAAO,WAAW,kBAAkB,IAClD,YACA,OAAO,WAAW,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAGD,QAAI,KAAK,QAAQ;AACf,YAAM,SAAS,KAAK,aAAa,YAAY,KAAK,GAC5C,eAAe;AAAA,QACnB;AAAA,QACA,GAAG,QAAQ,GAAG,QAAQ,kBAAkB,EAAE,IAAI;AAAA,MAChD;AACA,aAAI,QAAQ,IAAI,OAAO,SAAS,SAAS,KACvC,QAAQ,KAAK,yBAAyB,YAAY,GAEpD,MAAM,WAAW,cAAc,IAAI,QAAQ,OAAO,GAE3C;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,KAAK,GAAG,IAAI,EAAE;AAAA,WAAc,YAAY,MAAM,OAAO;AAAA,QAC5D;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AACjE;",
   "names": []
 }

package/dist/esm/transformer.mjs

@@ -1,18 +1,15 @@
+import { outputFile } from "fs-extra";
 import worker from "metro-transform-worker";
 import { join } from "path";
-import { writeFile, mkdir } from "fs/promises";
 import { createExtractor, extractToClassNames } from "@tamagui/static";
 const extractor = createExtractor();
 async function transform(config, projectRoot, filename, data, options) {
-  const transformer = config.transformerPath ? require(config.transformerPath).transform : worker.transform;
-  if (config.tamagui.disable || options.platform !== "web" || filename.includes("node_modules")) return transformer(config, projectRoot, filename, data, options);
-  if (filename.endsWith(".tsx") || filename.endsWith(".jsx")) {
-    const tmpDir = join(projectRoot, ".tamagui", "css");
-    try {
-      await mkdir(tmpDir, {
-        recursive: !0
-      });
-    } catch {}
+  const ogPath = config.ogTransformPath || config.transformerPath,
+    transformer = ogPath ? require(ogPath).transform : worker.transform;
+  if (config.tamagui.disable || options.platform !== "web" || options.type === "asset" || filename.includes("node_modules")) return transformer(config, projectRoot, filename, data, options);
+  if (
+  // could by a styled() call:
+  filename.endsWith(".ts") || filename.endsWith(".tsx") || filename.endsWith(".jsx")) {
     const sourcePath = join(projectRoot, filename),
       source = `${data}`,
       out = await extractToClassNames({
@@ -27,9 +24,10 @@ async function transform(config, projectRoot, filename, data, options) {
         sourcePath
       });
     if (out?.styles) {
-      const outStylePath = join(tmpDir, `${filename}`.replace(/[^a-zA-Z0-9]/gi, "") + ".css");
-      return console.info(" \u{1F95A}", outStylePath), await writeFile(outStylePath, out.styles, "utf-8"), transformer(config, projectRoot, filename, Buffer.from(`${out.js}
-require("${outStylePath}")`), options);
+      const tmpDir = join(projectRoot, ".tamagui", "css"),
+        outStylePath = join(tmpDir, `${filename}`.replace(/[^a-zA-Z0-9]/gi, "") + ".css");
+      return process.env.DEBUG?.includes("tamagui") && console.info(" Outputting CSS file:", outStylePath), await outputFile(outStylePath, out.styles, "utf-8"), transformer(config, projectRoot, filename, Buffer.from(`${out.js}
+require("${outStylePath}")`, "utf-8"), options);
     }
   }
   return transformer(config, projectRoot, filename, data, options);

package/dist/esm/transformer.native.js

@@ -1,20 +1,17 @@
+import { outputFile } from "fs-extra";
 import worker from "metro-transform-worker";
 import { join } from "path";
-import { writeFile, mkdir } from "fs/promises";
 import { createExtractor, extractToClassNames } from "@tamagui/static";
 const extractor = createExtractor();
 async function transform(config, projectRoot, filename, data, options) {
-  const transformer = config.transformerPath ? require(config.transformerPath).transform : worker.transform;
-  if (config.tamagui.disable || options.platform !== "web" || filename.includes("node_modules"))
+  var _a;
+  const ogPath = config.ogTransformPath || config.transformerPath, transformer = ogPath ? require(ogPath).transform : worker.transform;
+  if (config.tamagui.disable || options.platform !== "web" || options.type === "asset" || filename.includes("node_modules"))
     return transformer(config, projectRoot, filename, data, options);
-  if (filename.endsWith(".tsx") || filename.endsWith(".jsx")) {
-    const tmpDir = join(projectRoot, ".tamagui", "css");
-    try {
-      await mkdir(tmpDir, {
-        recursive: !0
-      });
-    } catch {
-    }
+  if (
+    // could by a styled() call:
+    filename.endsWith(".ts") || filename.endsWith(".tsx") || filename.endsWith(".jsx")
+  ) {
     const sourcePath = join(projectRoot, filename), source = `${data}`, out = await extractToClassNames({
       extractor,
       options: {
@@ -27,16 +24,16 @@ async function transform(config, projectRoot, filename, data, options) {
       sourcePath
     });
     if (out != null && out.styles) {
-      const outStylePath = join(
+      const tmpDir = join(projectRoot, ".tamagui", "css"), outStylePath = join(
         tmpDir,
         `${filename}`.replace(/[^a-zA-Z0-9]/gi, "") + ".css"
       );
-      return console.info(" \u{1F95A}", outStylePath), await writeFile(outStylePath, out.styles, "utf-8"), transformer(
+      return (_a = process.env.DEBUG) != null && _a.includes("tamagui") && console.info(" Outputting CSS file:", outStylePath), await outputFile(outStylePath, out.styles, "utf-8"), transformer(
         config,
         projectRoot,
         filename,
         Buffer.from(`${out.js}
-require("${outStylePath}")`),
+require("${outStylePath}")`, "utf-8"),
         options
       );
     }

package/dist/esm/transformer.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/transformer.ts"],
-  "mappings": "AAKA,OAAO,YAAY;AACnB,SAAS,YAAY;AACrB,SAAS,WAAW,aAAa;AAGjC,SAAS,iBAAiB,2BAA2B;AAOrD,MAAM,YAAY,gBAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAC5B,QAAM,cAAc,OAAO,kBACvB,QAAQ,OAAO,eAAe,EAAE,YAChC,OAAO;AAEX,MACE,OAAO,QAAQ,WACf,QAAQ,aAAa,SACrB,SAAS,SAAS,cAAc;AAEhC,WAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AAGjE,MAAI,SAAS,SAAS,MAAM,KAAK,SAAS,SAAS,MAAM,GAAG;AAC1D,UAAM,SAAS,KAAK,aAAa,YAAY,KAAK;AAClD,QAAI;AACF,YAAM,MAAM,QAAQ;AAAA,QAClB,WAAW;AAAA,MACb,CAAC;AAAA,IACH,QAAQ;AAAA,IAAC;AAET,UAAM,aAAa,KAAK,aAAa,QAAQ,GAGvC,SAAS,GAAG,IAAI,IAChB,MAAM,MAAM,oBAAoB;AAAA,MACpC;AAAA,MACA,SAAS;AAAA;AAAA,QAEP,UAAU;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,MACA,kBAAkB,OAAO,WAAW,kBAAkB,IAClD,YACA,OAAO,WAAW,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAGD,QAAI,mBAAK,QAAQ;AACf,YAAM,eAAe;AAAA,QACnB;AAAA,QACA,GAAG,QAAQ,GAAG,QAAQ,kBAAkB,EAAE,IAAI;AAAA,MAChD;AACA,qBAAQ,KAAK,cAAO,YAAY,GAChC,MAAM,UAAU,cAAc,IAAI,QAAQ,OAAO,GAC1C;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,KAAK,GAAG,IAAI,EAAE;AAAA,WAAc,YAAY,IAAI;AAAA,QACnD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AACjE;",
+  "mappings": "AAAA,SAAS,kBAAkB;AAM3B,OAAO,YAAY;AACnB,SAAS,YAAY;AAGrB,SAAS,iBAAiB,2BAA2B;AAOrD,MAAM,YAAY,gBAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAzB9B;AA0BE,QAAM,SAAS,OAAO,mBAAsB,OAAO,iBAC7C,cAAc,SAAS,QAAQ,MAAM,EAAE,YAAY,OAAO;AAEhE,MACE,OAAO,QAAQ,WACf,QAAQ,aAAa,SACrB,QAAQ,SAAS,WACjB,SAAS,SAAS,cAAc;AAEhC,WAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AAGjE;AAAA;AAAA,IAEE,SAAS,SAAS,KAAK,KACvB,SAAS,SAAS,MAAM,KACxB,SAAS,SAAS,MAAM;AAAA,IACxB;AACA,UAAM,aAAa,KAAK,aAAa,QAAQ,GAGvC,SAAS,GAAG,IAAI,IAChB,MAAM,MAAM,oBAAoB;AAAA,MACpC;AAAA,MACA,SAAS;AAAA;AAAA,QAEP,UAAU;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,MACA,kBAAkB,OAAO,WAAW,kBAAkB,IAClD,YACA,OAAO,WAAW,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAGD,QAAI,mBAAK,QAAQ;AACf,YAAM,SAAS,KAAK,aAAa,YAAY,KAAK,GAC5C,eAAe;AAAA,QACnB;AAAA,QACA,GAAG,QAAQ,GAAG,QAAQ,kBAAkB,EAAE,IAAI;AAAA,MAChD;AACA,cAAI,aAAQ,IAAI,UAAZ,WAAmB,SAAS,cAC9B,QAAQ,KAAK,yBAAyB,YAAY,GAEpD,MAAM,WAAW,cAAc,IAAI,QAAQ,OAAO,GAE3C;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,KAAK,GAAG,IAAI,EAAE;AAAA,WAAc,YAAY,MAAM,OAAO;AAAA,QAC5D;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,YAAY,QAAQ,aAAa,UAAU,MAAM,OAAO;AACjE;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/metro-plugin",
-  "version": "1.89.20",
+  "version": "1.89.22",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -23,12 +23,13 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/static": "1.89.20",
+    "@tamagui/static": "1.89.22",
+    "fs-extra": "^11.2.0",
     "metro-config": "^0.80.4",
     "metro-transform-worker": "^0.80.4",
     "react-native-css-interop": "~0.0.21"
   },
   "devDependencies": {
-    "@tamagui/build": "1.89.20"
+    "@tamagui/build": "1.89.22"
   }
 }

package/src/index.ts

@@ -32,17 +32,19 @@ export function withTamagui(
       ignorePropertyWarningRegex: ['^--'],
       // grouping: ['^group(/.*)?'],
     })
+  } else {
+    // done in css interop
+    metroConfig.resolver = {
+      ...metroConfig.resolver,
+      sourceExts: [...metroConfig.resolver.sourceExts, 'css'],
+    }
   }
 
-  // done in css interop
-  // metroConfig.resolver = {
-  //   ...metroConfig.resolver,
-  //   sourceExts: [...metroConfig.resolver.sourceExts, 'css'],
-  // }
-
+  const ogTransformPath = metroConfig.transformerPath
   metroConfig.transformerPath = require.resolve('./transformer')
   metroConfig.transformer = {
     ...metroConfig.transformer,
+    ogTransformPath,
     tamagui: {
       ...options,
       disableInitialBuild: true,

package/src/transformer.ts

@@ -1,3 +1,4 @@
+import { outputFile } from 'fs-extra'
 import type {
   JsTransformerConfig,
   JsTransformOptions,
@@ -5,7 +6,6 @@ import type {
 } from 'metro-transform-worker'
 import worker from 'metro-transform-worker'
 import { join } from 'path'
-import { writeFile, mkdir } from 'fs/promises'
 
 import type { TamaguiOptions } from '@tamagui/static'
 import { createExtractor, extractToClassNames } from '@tamagui/static'
@@ -24,26 +24,24 @@ export async function transform(
   data: Buffer,
   options: JsTransformOptions
 ): Promise<TransformResponse> {
-  const transformer = config.transformerPath
-    ? require(config.transformerPath).transform
-    : worker.transform
+  const ogPath = config['ogTransformPath'] || config.transformerPath
+  const transformer = ogPath ? require(ogPath).transform : worker.transform
 
   if (
     config.tamagui.disable ||
     options.platform !== 'web' ||
+    options.type === 'asset' ||
     filename.includes('node_modules')
   ) {
     return transformer(config, projectRoot, filename, data, options)
   }
 
-  if (filename.endsWith('.tsx') || filename.endsWith('.jsx')) {
-    const tmpDir = join(projectRoot, '.tamagui', 'css')
-    try {
-      await mkdir(tmpDir, {
-        recursive: true,
-      })
-    } catch {}
-
+  if (
+    // could by a styled() call:
+    filename.endsWith('.ts') ||
+    filename.endsWith('.tsx') ||
+    filename.endsWith('.jsx')
+  ) {
     const sourcePath = join(projectRoot, filename)
 
     // extract css
@@ -64,17 +62,21 @@ export async function transform(
 
     // just write it out to our tmp dir and require it for metro to do the rest of the css work
     if (out?.styles) {
+      const tmpDir = join(projectRoot, '.tamagui', 'css')
       const outStylePath = join(
         tmpDir,
         `${filename}`.replace(/[^a-zA-Z0-9]/gi, '') + '.css'
       )
-      console.info(' 🥚', outStylePath)
-      await writeFile(outStylePath, out.styles, 'utf-8')
+      if (process.env.DEBUG?.includes('tamagui')) {
+        console.info(' Outputting CSS file:', outStylePath)
+      }
+      await outputFile(outStylePath, out.styles, 'utf-8')
+
       return transformer(
         config,
         projectRoot,
         filename,
-        Buffer.from(`${out.js}\nrequire("${outStylePath}")`),
+        Buffer.from(`${out.js}\nrequire("${outStylePath}")`, 'utf-8'),
         options
       )
     }

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,gCAAgC,CAAA;AAEvC,wBAAgB,WAAW,CACzB,WAAW,EAAE,6BAA6B,EAC1C,SAAS,CAAC,EAAE,cAAc,GAAG;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,iCAsCF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,gCAAgC,CAAA;AAEvC,wBAAgB,WAAW,CACzB,WAAW,EAAE,6BAA6B,EAC1C,SAAS,CAAC,EAAE,cAAc,GAAG;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,iCAwCF"}

package/types/transformer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformer.d.ts","sourceRoot":"","sources":["../src/transformer.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,wBAAwB,CAAA;AAK/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGrD,UAAU,0BAA2B,SAAQ,mBAAmB;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,cAAc,CAAA;CACxB;AAID,wBAAsB,SAAS,CAC7B,MAAM,EAAE,0BAA0B,EAClC,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,kBAAkB,GAC1B,OAAO,CAAC,iBAAiB,CAAC,CA0D5B"}
+{"version":3,"file":"transformer.d.ts","sourceRoot":"","sources":["../src/transformer.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,wBAAwB,CAAA;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGrD,UAAU,0BAA2B,SAAQ,mBAAmB;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,cAAc,CAAA;CACxB;AAID,wBAAsB,SAAS,CAC7B,MAAM,EAAE,0BAA0B,EAClC,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,kBAAkB,GAC1B,OAAO,CAAC,iBAAiB,CAAC,CA4D5B"}