@tamagui/metro-plugin 1.85.0

package/dist/cjs/index.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+__export(src_exports, {
+  withTamagui: () => withTamagui
+});
+module.exports = __toCommonJS(src_exports);
+var import_static = require("@tamagui/static"), import_metro = require("react-native-css-interop/metro");
+function withTamagui(metroConfig, options) {
+  return metroConfig = (0, import_metro.withCssInterop)(metroConfig, {
+    ignorePropertyWarningRegex: ["^--"]
+    // grouping: ['^group(/.*)?'],
+  }), (0, import_static.createExtractor)().loadTamagui(options), metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
+    ...metroConfig.transformer,
+    tamagui: {
+      ...options,
+      disableInitialBuild: !0
+    }
+  }, metroConfig;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  withTamagui
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqD,4BACrD,eAGO;AAEA,SAAS,YACd,aACA,SACA;AACA,2BAAc,6BAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC,OAGiB,+BAAgB,EAGnB,YAAY,OAAO,GAElC,YAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GACO;AACT;",
+  "names": []
+}

package/dist/cjs/index.native.js

@@ -0,0 +1,46 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+__export(src_exports, {
+  withTamagui: () => withTamagui
+});
+module.exports = __toCommonJS(src_exports);
+var import_static = require("@tamagui/static"), import_metro = require("react-native-css-interop/metro");
+function withTamagui(metroConfig, options) {
+  return metroConfig = (0, import_metro.withCssInterop)(metroConfig, {
+    ignorePropertyWarningRegex: ["^--"]
+    // grouping: ['^group(/.*)?'],
+  }), (0, import_static.createExtractor)().loadTamagui(options), metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
+    ...metroConfig.transformer,
+    tamagui: {
+      ...options,
+      disableInitialBuild: !0
+    }
+  }, metroConfig;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  withTamagui
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqD,4BACrD,eAGO;AAEA,SAAS,YACd,aACA,SACA;AACA,2BAAc,6BAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC,OAGiB,+BAAgB,EAGnB,YAAY,OAAO,GAElC,YAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GACO;AACT;",
+  "names": []
+}

package/dist/cjs/transformer.js

@@ -0,0 +1,74 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var transformer_exports = {};
+__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");
+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 (options.platform !== "web" || 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 {
+    }
+    const sourcePath = (0, import_path.join)(projectRoot, filename), source = `${data}`, out = await (0, import_static.extractToClassNames)({
+      extractor,
+      options: {
+        // @ts-ignore
+        platform: "web",
+        ...config.tamagui
+      },
+      shouldPrintDebug: source.startsWith("// debug-verbose") ? "verbose" : source.startsWith("// debug"),
+      source,
+      sourcePath
+    });
+    if (out != null && out.styles) {
+      const 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), transformer(
+        config,
+        projectRoot,
+        filename,
+        Buffer.from(`${out.js}
+require("${outStylePath}")`),
+        options
+      );
+    }
+  }
+  return transformer(config, projectRoot, filename, data, options);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  transform
+});
+//# sourceMappingURL=transformer.js.map

package/dist/cjs/transformer.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/transformer.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAIO,4CACP,cAAqB,iBACrB,kBAAiC,wBAEjC,gBAAqE;AAOrE,MAAM,gBAAY,+BAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAC5B,QAAM,cAAc,OAAO,kBACvB,QAAQ,OAAO,eAAe,EAAE,YAChC,8BAAAA,QAAO;AAEX,MAAI,QAAQ,aAAa,SAAS,SAAS,SAAS,cAAc;AAChE,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,MAAM,GACjC;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;",
+  "names": ["worker"]
+}

package/dist/cjs/transformer.native.js

@@ -0,0 +1,75 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var transformer_exports = {};
+__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");
+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 (options.platform !== "web" || 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 {
+    }
+    const sourcePath = (0, import_path.join)(projectRoot, filename), source = `${data}`, out = await (0, import_static.extractToClassNames)({
+      extractor,
+      options: {
+        // @ts-ignore
+        platform: "web",
+        ...config.tamagui
+      },
+      shouldPrintDebug: source.startsWith("// debug-verbose") ? "verbose" : source.startsWith("// debug"),
+      source,
+      sourcePath
+    });
+    if (out != null && out.styles) {
+      const 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), transformer(
+        config,
+        projectRoot,
+        filename,
+        Buffer.from(`${out.js}
+require("${outStylePath}")`),
+        options
+      );
+    }
+  }
+  return transformer(config, projectRoot, filename, data, options);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  transform
+});
+//# sourceMappingURL=transformer.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/transformer.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAIO,4CACP,cAAqB,iBACrB,kBAAiC,wBAEjC,gBAAqE;AAOrE,MAAM,gBAAY,+BAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAC5B,QAAM,cAAc,OAAO,kBACvB,QAAQ,OAAO,eAAe,EAAE,YAChC,8BAAAA,QAAO;AAEX,MAAI,QAAQ,aAAa,SAAS,SAAS,SAAS,cAAc;AAChE,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,MAAM,GACjC;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;",
+  "names": ["worker"]
+}

package/dist/esm/index.js

@@ -0,0 +1,20 @@
+import { createExtractor } from "@tamagui/static";
+import {
+  withCssInterop
+} from "react-native-css-interop/metro";
+function withTamagui(metroConfig, options) {
+  return metroConfig = withCssInterop(metroConfig, {
+    ignorePropertyWarningRegex: ["^--"]
+    // grouping: ['^group(/.*)?'],
+  }), createExtractor().loadTamagui(options), metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
+    ...metroConfig.transformer,
+    tamagui: {
+      ...options,
+      disableInitialBuild: !0
+    }
+  }, metroConfig;
+}
+export {
+  withTamagui
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,SAAS,uBAA4C;AACrD;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,YACd,aACA,SACA;AACA,uBAAc,eAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC,GAGiB,gBAAgB,EAGnB,YAAY,OAAO,GAElC,YAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GACO;AACT;",
+  "names": []
+}

package/dist/esm/index.native.js

@@ -0,0 +1,20 @@
+import { createExtractor } from "@tamagui/static";
+import {
+  withCssInterop
+} from "react-native-css-interop/metro";
+function withTamagui(metroConfig, options) {
+  return metroConfig = withCssInterop(metroConfig, {
+    ignorePropertyWarningRegex: ["^--"]
+    // grouping: ['^group(/.*)?'],
+  }), createExtractor().loadTamagui(options), metroConfig.transformerPath = require.resolve("./transformer"), metroConfig.transformer = {
+    ...metroConfig.transformer,
+    tamagui: {
+      ...options,
+      disableInitialBuild: !0
+    }
+  }, metroConfig;
+}
+export {
+  withTamagui
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,SAAS,uBAA4C;AACrD;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,YACd,aACA,SACA;AACA,uBAAc,eAAe,aAAa;AAAA,IACxC,4BAA4B,CAAC,KAAK;AAAA;AAAA,EAEpC,CAAC,GAGiB,gBAAgB,EAGnB,YAAY,OAAO,GAElC,YAAY,kBAAkB,gBAAgB,eAAe,GAC7D,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf,SAAS;AAAA,MACP,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF,GACO;AACT;",
+  "names": []
+}

package/dist/esm/transformer.js

@@ -0,0 +1,49 @@
+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 (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 sourcePath = join(projectRoot, filename), source = `${data}`, out = await extractToClassNames({
+      extractor,
+      options: {
+        // @ts-ignore
+        platform: "web",
+        ...config.tamagui
+      },
+      shouldPrintDebug: source.startsWith("// debug-verbose") ? "verbose" : source.startsWith("// debug"),
+      source,
+      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), transformer(
+        config,
+        projectRoot,
+        filename,
+        Buffer.from(`${out.js}
+require("${outStylePath}")`),
+        options
+      );
+    }
+  }
+  return transformer(config, projectRoot, filename, data, options);
+}
+export {
+  transform
+};
+//# sourceMappingURL=transformer.js.map

package/dist/esm/transformer.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/transformer.ts"],
+  "mappings": "AAAA,OAAO,YAIA;AACP,SAAS,YAAY;AACrB,SAAS,WAAW,aAAa;AAEjC,SAAS,iBAAiB,2BAA2C;AAOrE,MAAM,YAAY,gBAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAC5B,QAAM,cAAc,OAAO,kBACvB,QAAQ,OAAO,eAAe,EAAE,YAChC,OAAO;AAEX,MAAI,QAAQ,aAAa,SAAS,SAAS,SAAS,cAAc;AAChE,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,MAAM,GACjC;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;",
+  "names": []
+}

package/dist/esm/transformer.native.js

@@ -0,0 +1,49 @@
+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 (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 sourcePath = join(projectRoot, filename), source = `${data}`, out = await extractToClassNames({
+      extractor,
+      options: {
+        // @ts-ignore
+        platform: "web",
+        ...config.tamagui
+      },
+      shouldPrintDebug: source.startsWith("// debug-verbose") ? "verbose" : source.startsWith("// debug"),
+      source,
+      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), transformer(
+        config,
+        projectRoot,
+        filename,
+        Buffer.from(`${out.js}
+require("${outStylePath}")`),
+        options
+      );
+    }
+  }
+  return transformer(config, projectRoot, filename, data, options);
+}
+export {
+  transform
+};
+//# sourceMappingURL=transformer.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/transformer.ts"],
+  "mappings": "AAAA,OAAO,YAIA;AACP,SAAS,YAAY;AACrB,SAAS,WAAW,aAAa;AAEjC,SAAS,iBAAiB,2BAA2C;AAOrE,MAAM,YAAY,gBAAgB;AAElC,eAAsB,UACpB,QACA,aACA,UACA,MACA,SAC4B;AAC5B,QAAM,cAAc,OAAO,kBACvB,QAAQ,OAAO,eAAe,EAAE,YAChC,OAAO;AAEX,MAAI,QAAQ,aAAa,SAAS,SAAS,SAAS,cAAc;AAChE,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,MAAM,GACjC;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;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@tamagui/metro-plugin",
+  "version": "1.85.0",
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "lint": "../../node_modules/.bin/biome check src",
+    "lint:fix": "../../node_modules/.bin/biome check --apply-unsafe src",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "dependencies": {
+    "@tamagui/static": "1.85.0",
+    "metro-config": "^0.80.4",
+    "metro-transform-worker": "^0.80.4",
+    "react-native-css-interop": "~0.0.21"
+  },
+  "devDependencies": {
+    "@tamagui/build": "1.85.0"
+  }
+}

package/src/index.ts

@@ -0,0 +1,31 @@
+import { createExtractor, type TamaguiOptions } from '@tamagui/static'
+import {
+  withCssInterop,
+  ComposableIntermediateConfigT,
+} from 'react-native-css-interop/metro'
+
+export function withTamagui(
+  metroConfig: ComposableIntermediateConfigT,
+  options: TamaguiOptions
+) {
+  metroConfig = withCssInterop(metroConfig, {
+    ignorePropertyWarningRegex: ['^--'],
+    // grouping: ['^group(/.*)?'],
+  })
+
+  // run one build up front
+  const extractor = createExtractor()
+
+  // need to await this somehow.. but generally this starts like 10 seconds before any request
+  void extractor.loadTamagui(options)
+
+  metroConfig.transformerPath = require.resolve('./transformer')
+  metroConfig.transformer = {
+    ...metroConfig.transformer,
+    tamagui: {
+      ...options,
+      disableInitialBuild: true,
+    },
+  }
+  return metroConfig
+}

package/src/transformer.ts

@@ -0,0 +1,78 @@
+import worker, {
+  JsTransformerConfig,
+  JsTransformOptions,
+  TransformResponse,
+} from 'metro-transform-worker'
+import { join } from 'path'
+import { writeFile, mkdir } from 'fs/promises'
+
+import { createExtractor, extractToClassNames, TamaguiOptions } from '@tamagui/static'
+
+interface NativeWindJsTransformerConfig extends JsTransformerConfig {
+  transformerPath?: string
+  tamagui: TamaguiOptions
+}
+
+const extractor = createExtractor()
+
+export async function transform(
+  config: NativeWindJsTransformerConfig,
+  projectRoot: string,
+  filename: string,
+  data: Buffer,
+  options: JsTransformOptions
+): Promise<TransformResponse> {
+  const transformer = config.transformerPath
+    ? require(config.transformerPath).transform
+    : worker.transform
+
+  if (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: true,
+      })
+    } catch {}
+
+    const sourcePath = join(projectRoot, filename)
+
+    // extract css
+    const source = `${data}`
+    const out = await extractToClassNames({
+      extractor,
+      options: {
+        // @ts-ignore
+        platform: 'web',
+        ...config.tamagui,
+      },
+      shouldPrintDebug: source.startsWith('// debug-verbose')
+        ? 'verbose'
+        : source.startsWith('// debug'),
+      source,
+      sourcePath,
+    })
+
+    // 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 outStylePath = join(
+        tmpDir,
+        `${filename}`.replace(/[^a-zA-Z0-9]/gi, '') + '.css'
+      )
+      console.info(' 🥚', outStylePath)
+      await writeFile(outStylePath, out.styles)
+      return transformer(
+        config,
+        projectRoot,
+        filename,
+        Buffer.from(`${out.js}\nrequire("${outStylePath}")`),
+        options
+      )
+    }
+  }
+
+  return transformer(config, projectRoot, filename, data, options)
+}

package/types/index.d.ts

@@ -0,0 +1,4 @@
+import { type TamaguiOptions } from '@tamagui/static';
+import { ComposableIntermediateConfigT } from 'react-native-css-interop/metro';
+export declare function withTamagui(metroConfig: ComposableIntermediateConfigT, options: TamaguiOptions): ComposableIntermediateConfigT;
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAEL,6BAA6B,EAC9B,MAAM,gCAAgC,CAAA;AAEvC,wBAAgB,WAAW,CACzB,WAAW,EAAE,6BAA6B,EAC1C,OAAO,EAAE,cAAc,iCAsBxB"}

package/types/transformer.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+import { JsTransformerConfig, JsTransformOptions, TransformResponse } from 'metro-transform-worker';
+import { TamaguiOptions } from '@tamagui/static';
+interface NativeWindJsTransformerConfig extends JsTransformerConfig {
+    transformerPath?: string;
+    tamagui: TamaguiOptions;
+}
+export declare function transform(config: NativeWindJsTransformerConfig, projectRoot: string, filename: string, data: Buffer, options: JsTransformOptions): Promise<TransformResponse>;
+export {};
+//# sourceMappingURL=transformer.d.ts.map

package/types/transformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformer.d.ts","sourceRoot":"","sources":["../src/transformer.ts"],"names":[],"mappings":";AAAA,OAAe,EACb,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,wBAAwB,CAAA;AAI/B,OAAO,EAAwC,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEtF,UAAU,6BAA8B,SAAQ,mBAAmB;IACjE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,cAAc,CAAA;CACxB;AAID,wBAAsB,SAAS,CAC7B,MAAM,EAAE,6BAA6B,EACrC,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,kBAAkB,GAC1B,OAAO,CAAC,iBAAiB,CAAC,CAsD5B"}