tamagui-loader 1.0.0-beta.187 → 1.0.0-beta.2

package/dist/cjs/css.js

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var css_exports = {};
+__export(css_exports, {
+  default: () => loader,
+  extractedInfoByFile: () => extractedInfoByFile,
+  stylePathToFilePath: () => stylePathToFilePath
+});
+module.exports = __toCommonJS(css_exports);
+const extractedInfoByFile = /* @__PURE__ */ new Map();
+const stylePathToFilePath = /* @__PURE__ */ new Map();
+function loader(source) {
+  this.async();
+  const options = __spreadValues({}, this.getOptions());
+  const sourcePath = `${this.resourcePath}`;
+  let out = "";
+  if (options.cssPath) {
+    const pathKey = stylePathToFilePath.get(sourcePath) ?? sourcePath;
+    const info = extractedInfoByFile.get(pathKey);
+    stylePathToFilePath.delete(sourcePath);
+    extractedInfoByFile.delete(pathKey);
+    const out2 = info == null ? void 0 : info.styles;
+    return this.callback(null, out2 || "");
+  } else if (options.cssData) {
+    out = Buffer.from(options.cssData, "base64").toString("utf-8");
+  }
+  if (options.cssData || options.cssPath) {
+    return this.callback(null, out || "");
+  }
+  this.callback({ message: `No CSS found`, name: "missing_css" });
+}
+__name(loader, "loader");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  extractedInfoByFile,
+  stylePathToFilePath
+});
+//# sourceMappingURL=css.js.map

package/dist/cjs/css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/css.ts"],
+  "sourcesContent": ["import { ExtractedResponse, TamaguiOptions } from '@tamagui/static'\nimport { LoaderContext } from 'webpack'\n\nexport const extractedInfoByFile = new Map<string, ExtractedResponse>()\nexport const stylePathToFilePath = new Map<string, string>()\n\nexport default function loader(this: LoaderContext<any>, source: string) {\n  this.async()\n  const options: TamaguiOptions = { ...this.getOptions() }\n  const sourcePath = `${this.resourcePath}`\n  let out = ''\n  if (options.cssPath) {\n    // get in memory info\n    const pathKey = stylePathToFilePath.get(sourcePath) ?? sourcePath\n    const info = extractedInfoByFile.get(pathKey)\n    // clear memory\n    stylePathToFilePath.delete(sourcePath)\n    extractedInfoByFile.delete(pathKey)\n    const out = info?.styles\n    return this.callback(null, out || '')\n  } else if (options.cssData) {\n    // get output CSS\n    out = Buffer.from(options.cssData, 'base64').toString('utf-8')\n  }\n  if (options.cssData || options.cssPath) {\n    // use original JS sourcemap\n    return this.callback(null, out || '')\n  }\n  this.callback({ message: `No CSS found`, name: 'missing_css' })\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,sBAAsB,oBAAI,IAA+B;AAC/D,MAAM,sBAAsB,oBAAI,IAAoB;AAE5C,gBAA0C,QAAgB;AACvE,OAAK,MAAM;AACX,QAAM,UAA0B,mBAAK,KAAK,WAAW;AACrD,QAAM,aAAa,GAAG,KAAK;AAC3B,MAAI,MAAM;AACV,MAAI,QAAQ,SAAS;AAEnB,UAAM,UAAU,oBAAoB,IAAI,UAAU,KAAK;AACvD,UAAM,OAAO,oBAAoB,IAAI,OAAO;AAE5C,wBAAoB,OAAO,UAAU;AACrC,wBAAoB,OAAO,OAAO;AAClC,UAAM,OAAM,6BAAM;AAClB,WAAO,KAAK,SAAS,MAAM,QAAO,EAAE;AAAA,EACtC,WAAW,QAAQ,SAAS;AAE1B,UAAM,OAAO,KAAK,QAAQ,SAAS,QAAQ,EAAE,SAAS,OAAO;AAAA,EAC/D;AACA,MAAI,QAAQ,WAAW,QAAQ,SAAS;AAEtC,WAAO,KAAK,SAAS,MAAM,OAAO,EAAE;AAAA,EACtC;AACA,OAAK,SAAS,EAAE,SAAS,gBAAgB,MAAM,cAAc,CAAC;AAChE;AAvBwB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -26,13 +26,13 @@ process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
 process.env.TAMAGUI_COMPILE_PROCESS = "1";
 var src_default = require("./loader").loader;
 const shouldExclude = /* @__PURE__ */ __name((path, projectRoot, tamaguiOptions) => {
-  if (path.includes("react-native-reanimated")) {
+  if (path.includes("react-native-reanimated") || path.includes("react-native-gesture-handler") || path.includes(projectRoot) || path.includes("/dist/jsx/")) {
     return false;
   }
-  const shouldInclude = path.includes(projectRoot) || tamaguiOptions.components.some((c) => path.includes(`/node_modules/${c}`) || path.includes(`${c}/dist/jsx/`) || path.includes("tamagui") && path.includes("/dist/jsx/"));
-  if (!shouldInclude) {
-    return true;
-  }
-  return false;
+  return true;
 }, "shouldExclude");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  shouldExclude
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'\nprocess.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport default require('./loader').loader\n\n// helper for webpack exclude specific to tamagui\n\nexport const shouldExclude = (path: string, projectRoot: string, tamaguiOptions: any) => {\n  if (path.includes('react-native-reanimated')) {\n    return false\n  }\n  // analyze everything in our jsx dir\n  // analyze everything in the components dirs\n  const shouldInclude =\n    path.includes(projectRoot) ||\n    tamaguiOptions.components.some(\n      (c) =>\n        path.includes(`/node_modules/${c}`) ||\n        path.includes(`${c}/dist/jsx/`) ||\n        // more generic catch-all for independent tamagui packages like drawer\n        (path.includes('tamagui') && path.includes('/dist/jsx/'))\n    )\n  if (!shouldInclude) {\n    return true\n  }\n  return false\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,QAAQ,UAAU,EAAE;AAI5B,MAAM,gBAAgB,wBAAC,MAAc,aAAqB,mBAAwB;AACvF,MAAI,KAAK,SAAS,yBAAyB,GAAG;AAC5C,WAAO;AAAA,EACT;AAGA,QAAM,gBACJ,KAAK,SAAS,WAAW,KACzB,eAAe,WAAW,KACxB,CAAC,MACC,KAAK,SAAS,iBAAiB,GAAG,KAClC,KAAK,SAAS,GAAG,aAAa,KAE7B,KAAK,SAAS,SAAS,KAAK,KAAK,SAAS,YAAY,CAC3D;AACF,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AACA,SAAO;AACT,GAnB6B;",
+  "sourcesContent": ["process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'\nprocess.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport default require('./loader').loader\n\n// helper for webpack exclude specific to tamagui\n\nexport const shouldExclude = (path: string, projectRoot: string, tamaguiOptions: any) => {\n  if (\n    path.includes('react-native-reanimated') ||\n    path.includes('react-native-gesture-handler') ||\n    path.includes(projectRoot) ||\n    path.includes('/dist/jsx/')\n  ) {\n    return false\n  }\n  return true\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,QAAQ,UAAU,EAAE;AAI5B,MAAM,gBAAgB,wBAAC,MAAc,aAAqB,mBAAwB;AACvF,MACE,KAAK,SAAS,yBAAyB,KACvC,KAAK,SAAS,8BAA8B,KAC5C,KAAK,SAAS,WAAW,KACzB,KAAK,SAAS,YAAY,GAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT,GAV6B;",
   "names": []
 }

package/dist/cjs/loader.js

@@ -1,7 +1,9 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -29,6 +31,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var loader_exports = {};
 __export(loader_exports, {
@@ -36,17 +39,16 @@ __export(loader_exports, {
 });
 module.exports = __toCommonJS(loader_exports);
 var import_static = require("@tamagui/static");
+var import_css = require("./css");
 Error.stackTraceLimit = Infinity;
 const extractor = (0, import_static.createExtractor)();
-const extractedInfoByFile = /* @__PURE__ */ new Map();
-const stylePathToFilePath = /* @__PURE__ */ new Map();
 let index = 0;
 let hasLogged = false;
 let hasPatched = false;
 process.env.TAMAGUI_TARGET = "web";
 function loader(source) {
   this.cacheable();
-  const callback = this.async();
+  this.async();
   if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
     (0, import_static.patchReactNativeWeb)();
     hasPatched = true;
@@ -54,37 +56,20 @@ function loader(source) {
   try {
     const threaded = this.emitFile === void 0;
     const options = __spreadValues({}, this.getOptions());
-    if (options.disableExtraction && (options.disableDebugAttr || process.env.NODE_ENV !== "development")) {
-      if (!hasLogged) {
-        console.log(" \xBB disableExtraction:", options.disableExtraction);
-        hasLogged = true;
-      }
-      return callback(null, source);
-    }
     const sourcePath = `${this.resourcePath}`;
     const startsWithComment = source[0] === "/" && source[1] === "/";
     let shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
     if (shouldPrintDebug && source.startsWith("// debug-verbose")) {
       shouldPrintDebug = "verbose";
     }
-    if (options.cssPath || options.cssData) {
-      const pathKey = stylePathToFilePath.get(sourcePath) ?? sourcePath;
-      const info = extractedInfoByFile.get(pathKey);
-      stylePathToFilePath.delete(sourcePath);
-      extractedInfoByFile.delete(pathKey);
-      const out = options.cssData ? Buffer.from(options.cssData, "base64").toString("utf-8") : info == null ? void 0 : info.styles;
-      if (!out) {
-        console.warn(`no styles... ${extractedInfoByFile.keys} ${sourcePath}`);
-      }
-      return callback(null, out || "");
-    }
     if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
-      return callback(null, source);
+      return this.callback(null, source);
     }
     const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
     const extracted = (0, import_static.extractToClassNames)({
       loader: this,
       extractor,
+      cssLoaderPath: require.resolve("./css"),
       source,
       threaded,
       sourcePath,
@@ -93,19 +78,23 @@ function loader(source) {
       shouldPrintDebug
     });
     if (!extracted) {
-      return callback(null, source);
+      return this.callback(null, source);
     }
-    extractedInfoByFile.set(sourcePath, extracted);
+    import_css.extractedInfoByFile.set(sourcePath, extracted);
     if (!threaded) {
       if (extracted.stylesPath) {
-        stylePathToFilePath.set(extracted.stylesPath, sourcePath);
+        import_css.stylePathToFilePath.set(extracted.stylesPath, sourcePath);
       }
     }
-    callback(null, extracted.js, extracted.map);
+    this.callback(null, extracted.js, extracted.map);
   } catch (err) {
     console.error("ERROR", err);
-    return callback(null, source);
+    return this.callback(null, source);
   }
 }
 __name(loader, "loader");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  loader
+});
 //# sourceMappingURL=loader.js.map

package/dist/cjs/loader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/loader.ts"],
-  "sourcesContent": ["import {\n  ExtractedResponse,\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport { LoaderContext } from 'webpack'\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nconst extractedInfoByFile = new Map<string, ExtractedResponse>()\nconst stylePathToFilePath = new Map<string, string>()\n\nlet index = 0\nlet hasLogged = false\nlet hasPatched = false\n\nprocess.env.TAMAGUI_TARGET = 'web'\n\nexport function loader(this: LoaderContext<any>, source: string) {\n  this.cacheable()\n  const callback = this.async()\n\n  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {\n    patchReactNativeWeb()\n    hasPatched = true\n  }\n\n  try {\n    const threaded = this.emitFile === undefined\n    const options: TamaguiOptions = { ...this.getOptions() }\n\n    if (\n      options.disableExtraction &&\n      (options.disableDebugAttr || process.env.NODE_ENV !== 'development')\n    ) {\n      if (!hasLogged) {\n        console.log(' \u00BB disableExtraction:', options.disableExtraction)\n        hasLogged = true\n      }\n      return callback(null, source)\n    }\n\n    const sourcePath = `${this.resourcePath}`\n    const startsWithComment = source[0] === '/' && source[1] === '/'\n\n    let shouldPrintDebug: boolean | 'verbose' =\n      (!!process.env.DEBUG &&\n        (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true)) ||\n      // supports esbuild style //! comments\n      (startsWithComment && (source.startsWith('// debug') || source.startsWith('//! debug')))\n\n    if (shouldPrintDebug && source.startsWith('// debug-verbose')) {\n      shouldPrintDebug = 'verbose'\n    }\n\n    // if outputted css\n    if (options.cssPath || options.cssData) {\n      // get in memory info\n      const pathKey = stylePathToFilePath.get(sourcePath) ?? sourcePath\n      const info = extractedInfoByFile.get(pathKey)\n      // clear memory\n      stylePathToFilePath.delete(sourcePath)\n      extractedInfoByFile.delete(pathKey)\n      // get output CSS\n      const out = options.cssData\n        ? Buffer.from(options.cssData, 'base64').toString('utf-8')\n        : info?.styles\n      if (!out) {\n        console.warn(`no styles... ${extractedInfoByFile.keys} ${sourcePath}`)\n      }\n      // use original JS sourcemap\n      return callback(null, out || '')\n    }\n\n    // check if should ignore\n    if (\n      startsWithComment &&\n      (source.startsWith('// tamagui-ignore') || source.startsWith('//! tamagui-ignore'))\n    ) {\n      return callback(null, source)\n    }\n\n    const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`\n    const extracted = extractToClassNames({\n      loader: this,\n      extractor,\n      source,\n      threaded,\n      sourcePath,\n      cssPath,\n      options,\n      shouldPrintDebug,\n    })\n\n    if (!extracted) {\n      return callback(null, source)\n    }\n\n    extractedInfoByFile.set(sourcePath, extracted)\n\n    if (!threaded) {\n      if (extracted.stylesPath) {\n        stylePathToFilePath.set(extracted.stylesPath, sourcePath)\n      }\n    }\n\n    callback(null, extracted.js, extracted.map)\n  } catch (err) {\n    console.error('ERROR', err)\n    return callback(null, source)\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMO;AAGP,MAAM,kBAAkB;AACxB,MAAM,YAAY,mCAAgB;AAElC,MAAM,sBAAsB,oBAAI,IAA+B;AAC/D,MAAM,sBAAsB,oBAAI,IAAoB;AAEpD,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,aAAa;AAEjB,QAAQ,IAAI,iBAAiB;AAEtB,gBAA0C,QAAgB;AAC/D,OAAK,UAAU;AACf,QAAM,WAAW,KAAK,MAAM;AAE5B,MAAI,CAAC,QAAQ,IAAI,6BAA6B,CAAC,YAAY;AACzD,2CAAoB;AACpB,iBAAa;AAAA,EACf;AAEA,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,mBAAK,KAAK,WAAW;AAErD,QACE,QAAQ,qBACP,SAAQ,oBAAoB,QAAQ,IAAI,aAAa,gBACtD;AACA,UAAI,CAAC,WAAW;AACd,gBAAQ,IAAI,4BAAyB,QAAQ,iBAAiB;AAC9D,oBAAY;AAAA,MACd;AACA,aAAO,SAAS,MAAM,MAAM;AAAA,IAC9B;AAEA,UAAM,aAAa,GAAG,KAAK;AAC3B,UAAM,oBAAoB,OAAO,OAAO,OAAO,OAAO,OAAO;AAE7D,QAAI,mBACD,CAAC,CAAC,QAAQ,IAAI,SACZ,SAAQ,IAAI,aAAa,WAAW,SAAS,QAAQ,IAAI,UAAU,IAAI,SAEzE,qBAAsB,QAAO,WAAW,UAAU,KAAK,OAAO,WAAW,WAAW;AAEvF,QAAI,oBAAoB,OAAO,WAAW,kBAAkB,GAAG;AAC7D,yBAAmB;AAAA,IACrB;AAGA,QAAI,QAAQ,WAAW,QAAQ,SAAS;AAEtC,YAAM,UAAU,oBAAoB,IAAI,UAAU,KAAK;AACvD,YAAM,OAAO,oBAAoB,IAAI,OAAO;AAE5C,0BAAoB,OAAO,UAAU;AACrC,0BAAoB,OAAO,OAAO;AAElC,YAAM,MAAM,QAAQ,UAChB,OAAO,KAAK,QAAQ,SAAS,QAAQ,EAAE,SAAS,OAAO,IACvD,6BAAM;AACV,UAAI,CAAC,KAAK;AACR,gBAAQ,KAAK,gBAAgB,oBAAoB,QAAQ,YAAY;AAAA,MACvE;AAEA,aAAO,SAAS,MAAM,OAAO,EAAE;AAAA,IACjC;AAGA,QACE,qBACC,QAAO,WAAW,mBAAmB,KAAK,OAAO,WAAW,oBAAoB,IACjF;AACA,aAAO,SAAS,MAAM,MAAM;AAAA,IAC9B;AAEA,UAAM,UAAU,WAAW,GAAG,0BAA0B,GAAG,cAAc;AACzE,UAAM,YAAY,uCAAoB;AAAA,MACpC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,QAAI,CAAC,WAAW;AACd,aAAO,SAAS,MAAM,MAAM;AAAA,IAC9B;AAEA,wBAAoB,IAAI,YAAY,SAAS;AAE7C,QAAI,CAAC,UAAU;AACb,UAAI,UAAU,YAAY;AACxB,4BAAoB,IAAI,UAAU,YAAY,UAAU;AAAA,MAC1D;AAAA,IACF;AAEA,aAAS,MAAM,UAAU,IAAI,UAAU,GAAG;AAAA,EAC5C,SAAS,KAAP;AACA,YAAQ,MAAM,SAAS,GAAG;AAC1B,WAAO,SAAS,MAAM,MAAM;AAAA,EAC9B;AACF;AA7FgB;",
+  "sourcesContent": ["import {\n  ExtractedResponse,\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport { LoaderContext } from 'webpack'\n\nimport { extractedInfoByFile, stylePathToFilePath } from './css'\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nlet index = 0\nlet hasLogged = false\nlet hasPatched = false\n\nprocess.env.TAMAGUI_TARGET = 'web'\n\nexport function loader(this: LoaderContext<any>, source: string) {\n  this.cacheable()\n  this.async()\n\n  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {\n    patchReactNativeWeb()\n    hasPatched = true\n  }\n\n  try {\n    const threaded = this.emitFile === undefined\n    const options: TamaguiOptions = { ...this.getOptions() }\n    const sourcePath = `${this.resourcePath}`\n    const startsWithComment = source[0] === '/' && source[1] === '/'\n\n    let shouldPrintDebug: boolean | 'verbose' =\n      (!!process.env.DEBUG &&\n        (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true)) ||\n      // supports esbuild style //! comments\n      (startsWithComment && (source.startsWith('// debug') || source.startsWith('//! debug')))\n\n    if (shouldPrintDebug && source.startsWith('// debug-verbose')) {\n      shouldPrintDebug = 'verbose'\n    }\n\n    // check if should ignore\n    if (\n      startsWithComment &&\n      (source.startsWith('// tamagui-ignore') || source.startsWith('//! tamagui-ignore'))\n    ) {\n      return this.callback(null, source)\n    }\n\n    const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`\n\n    const extracted = extractToClassNames({\n      loader: this,\n      extractor,\n      cssLoaderPath: require.resolve('./css'),\n      source,\n      threaded,\n      sourcePath,\n      cssPath,\n      options,\n      shouldPrintDebug,\n    })\n\n    if (!extracted) {\n      return this.callback(null, source)\n    }\n\n    extractedInfoByFile.set(sourcePath, extracted)\n\n    if (!threaded) {\n      if (extracted.stylesPath) {\n        stylePathToFilePath.set(extracted.stylesPath, sourcePath)\n      }\n    }\n\n    this.callback(null, extracted.js, extracted.map)\n  } catch (err) {\n    console.error('ERROR', err)\n    return this.callback(null, source)\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMO;AAGP,iBAAyD;AAEzD,MAAM,kBAAkB;AACxB,MAAM,YAAY,mCAAgB;AAElC,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,aAAa;AAEjB,QAAQ,IAAI,iBAAiB;AAEtB,gBAA0C,QAAgB;AAC/D,OAAK,UAAU;AACf,OAAK,MAAM;AAEX,MAAI,CAAC,QAAQ,IAAI,6BAA6B,CAAC,YAAY;AACzD,2CAAoB;AACpB,iBAAa;AAAA,EACf;AAEA,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,mBAAK,KAAK,WAAW;AACrD,UAAM,aAAa,GAAG,KAAK;AAC3B,UAAM,oBAAoB,OAAO,OAAO,OAAO,OAAO,OAAO;AAE7D,QAAI,mBACD,CAAC,CAAC,QAAQ,IAAI,SACZ,SAAQ,IAAI,aAAa,WAAW,SAAS,QAAQ,IAAI,UAAU,IAAI,SAEzE,qBAAsB,QAAO,WAAW,UAAU,KAAK,OAAO,WAAW,WAAW;AAEvF,QAAI,oBAAoB,OAAO,WAAW,kBAAkB,GAAG;AAC7D,yBAAmB;AAAA,IACrB;AAGA,QACE,qBACC,QAAO,WAAW,mBAAmB,KAAK,OAAO,WAAW,oBAAoB,IACjF;AACA,aAAO,KAAK,SAAS,MAAM,MAAM;AAAA,IACnC;AAEA,UAAM,UAAU,WAAW,GAAG,0BAA0B,GAAG,cAAc;AAEzE,UAAM,YAAY,uCAAoB;AAAA,MACpC,QAAQ;AAAA,MACR;AAAA,MACA,eAA+B;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,QAAI,CAAC,WAAW;AACd,aAAO,KAAK,SAAS,MAAM,MAAM;AAAA,IACnC;AAEA,mCAAoB,IAAI,YAAY,SAAS;AAE7C,QAAI,CAAC,UAAU;AACb,UAAI,UAAU,YAAY;AACxB,uCAAoB,IAAI,UAAU,YAAY,UAAU;AAAA,MAC1D;AAAA,IACF;AAEA,SAAK,SAAS,MAAM,UAAU,IAAI,UAAU,GAAG;AAAA,EACjD,SAAS,KAAP;AACA,YAAQ,MAAM,SAAS,GAAG;AAC1B,WAAO,KAAK,SAAS,MAAM,MAAM;AAAA,EACnC;AACF;AAhEgB;",
   "names": []
 }

package/dist/esm/css.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const extractedInfoByFile = /* @__PURE__ */ new Map();
+const stylePathToFilePath = /* @__PURE__ */ new Map();
+function loader(source) {
+  var _a;
+  this.async();
+  const options = { ...this.getOptions() };
+  const sourcePath = `${this.resourcePath}`;
+  let out = "";
+  if (options.cssPath) {
+    const pathKey = (_a = stylePathToFilePath.get(sourcePath)) != null ? _a : sourcePath;
+    const info = extractedInfoByFile.get(pathKey);
+    stylePathToFilePath.delete(sourcePath);
+    extractedInfoByFile.delete(pathKey);
+    const out2 = info == null ? void 0 : info.styles;
+    return this.callback(null, out2 || "");
+  } else if (options.cssData) {
+    out = Buffer.from(options.cssData, "base64").toString("utf-8");
+  }
+  if (options.cssData || options.cssPath) {
+    return this.callback(null, out || "");
+  }
+  this.callback({ message: `No CSS found`, name: "missing_css" });
+}
+__name(loader, "loader");
+export {
+  loader as default,
+  extractedInfoByFile,
+  stylePathToFilePath
+};
+//# sourceMappingURL=css.js.map

package/dist/esm/css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/css.ts"],
+  "sourcesContent": ["import { ExtractedResponse, TamaguiOptions } from '@tamagui/static'\nimport { LoaderContext } from 'webpack'\n\nexport const extractedInfoByFile = new Map<string, ExtractedResponse>()\nexport const stylePathToFilePath = new Map<string, string>()\n\nexport default function loader(this: LoaderContext<any>, source: string) {\n  this.async()\n  const options: TamaguiOptions = { ...this.getOptions() }\n  const sourcePath = `${this.resourcePath}`\n  let out = ''\n  if (options.cssPath) {\n    // get in memory info\n    const pathKey = stylePathToFilePath.get(sourcePath) ?? sourcePath\n    const info = extractedInfoByFile.get(pathKey)\n    // clear memory\n    stylePathToFilePath.delete(sourcePath)\n    extractedInfoByFile.delete(pathKey)\n    const out = info?.styles\n    return this.callback(null, out || '')\n  } else if (options.cssData) {\n    // get output CSS\n    out = Buffer.from(options.cssData, 'base64').toString('utf-8')\n  }\n  if (options.cssData || options.cssPath) {\n    // use original JS sourcemap\n    return this.callback(null, out || '')\n  }\n  this.callback({ message: `No CSS found`, name: 'missing_css' })\n}\n"],
+  "mappings": ";;AAGO,MAAM,sBAAsB,oBAAI,IAA+B;AAC/D,MAAM,sBAAsB,oBAAI,IAAoB;AAE5C,gBAA0C,QAAgB;AANzE;AAOE,OAAK,MAAM;AACX,QAAM,UAA0B,KAAK,KAAK,WAAW,EAAE;AACvD,QAAM,aAAa,GAAG,KAAK;AAC3B,MAAI,MAAM;AACV,MAAI,QAAQ,SAAS;AAEnB,UAAM,UAAU,0BAAoB,IAAI,UAAU,MAAlC,YAAuC;AACvD,UAAM,OAAO,oBAAoB,IAAI,OAAO;AAE5C,wBAAoB,OAAO,UAAU;AACrC,wBAAoB,OAAO,OAAO;AAClC,UAAM,OAAM,6BAAM;AAClB,WAAO,KAAK,SAAS,MAAM,QAAO,EAAE;AAAA,EACtC,WAAW,QAAQ,SAAS;AAE1B,UAAM,OAAO,KAAK,QAAQ,SAAS,QAAQ,EAAE,SAAS,OAAO;AAAA,EAC/D;AACA,MAAI,QAAQ,WAAW,QAAQ,SAAS;AAEtC,WAAO,KAAK,SAAS,MAAM,OAAO,EAAE;AAAA,EACtC;AACA,OAAK,SAAS,EAAE,SAAS,gBAAgB,MAAM,cAAc,CAAC;AAChE;AAvBwB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -4,14 +4,10 @@ process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
 process.env.TAMAGUI_COMPILE_PROCESS = "1";
 var src_default = require("./loader").loader;
 const shouldExclude = /* @__PURE__ */ __name((path, projectRoot, tamaguiOptions) => {
-  if (path.includes("react-native-reanimated")) {
+  if (path.includes("react-native-reanimated") || path.includes("react-native-gesture-handler") || path.includes(projectRoot) || path.includes("/dist/jsx/")) {
     return false;
   }
-  const shouldInclude = path.includes(projectRoot) || tamaguiOptions.components.some((c) => path.includes(`/node_modules/${c}`) || path.includes(`${c}/dist/jsx/`) || path.includes("tamagui") && path.includes("/dist/jsx/"));
-  if (!shouldInclude) {
-    return true;
-  }
-  return false;
+  return true;
 }, "shouldExclude");
 export {
   src_default as default,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'\nprocess.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport default require('./loader').loader\n\n// helper for webpack exclude specific to tamagui\n\nexport const shouldExclude = (path: string, projectRoot: string, tamaguiOptions: any) => {\n  if (path.includes('react-native-reanimated')) {\n    return false\n  }\n  // analyze everything in our jsx dir\n  // analyze everything in the components dirs\n  const shouldInclude =\n    path.includes(projectRoot) ||\n    tamaguiOptions.components.some(\n      (c) =>\n        path.includes(`/node_modules/${c}`) ||\n        path.includes(`${c}/dist/jsx/`) ||\n        // more generic catch-all for independent tamagui packages like drawer\n        (path.includes('tamagui') && path.includes('/dist/jsx/'))\n    )\n  if (!shouldInclude) {\n    return true\n  }\n  return false\n}\n"],
-  "mappings": ";;AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,QAAQ,UAAU,EAAE;AAI5B,MAAM,gBAAgB,wBAAC,MAAc,aAAqB,mBAAwB;AACvF,MAAI,KAAK,SAAS,yBAAyB,GAAG;AAC5C,WAAO;AAAA,EACT;AAGA,QAAM,gBACJ,KAAK,SAAS,WAAW,KACzB,eAAe,WAAW,KACxB,CAAC,MACC,KAAK,SAAS,iBAAiB,GAAG,KAClC,KAAK,SAAS,GAAG,aAAa,KAE7B,KAAK,SAAS,SAAS,KAAK,KAAK,SAAS,YAAY,CAC3D;AACF,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AACA,SAAO;AACT,GAnB6B;",
+  "sourcesContent": ["process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'\nprocess.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport default require('./loader').loader\n\n// helper for webpack exclude specific to tamagui\n\nexport const shouldExclude = (path: string, projectRoot: string, tamaguiOptions: any) => {\n  if (\n    path.includes('react-native-reanimated') ||\n    path.includes('react-native-gesture-handler') ||\n    path.includes(projectRoot) ||\n    path.includes('/dist/jsx/')\n  ) {\n    return false\n  }\n  return true\n}\n"],
+  "mappings": ";;AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,QAAQ,UAAU,EAAE;AAI5B,MAAM,gBAAgB,wBAAC,MAAc,aAAqB,mBAAwB;AACvF,MACE,KAAK,SAAS,yBAAyB,KACvC,KAAK,SAAS,8BAA8B,KAC5C,KAAK,SAAS,WAAW,KACzB,KAAK,SAAS,YAAY,GAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT,GAV6B;",
   "names": []
 }

package/dist/esm/loader.js

@@ -5,18 +5,16 @@ import {
   extractToClassNames,
   patchReactNativeWeb
 } from "@tamagui/static";
+import { extractedInfoByFile, stylePathToFilePath } from "./css";
 Error.stackTraceLimit = Infinity;
 const extractor = createExtractor();
-const extractedInfoByFile = /* @__PURE__ */ new Map();
-const stylePathToFilePath = /* @__PURE__ */ new Map();
 let index = 0;
 let hasLogged = false;
 let hasPatched = false;
 process.env.TAMAGUI_TARGET = "web";
 function loader(source) {
-  var _a;
   this.cacheable();
-  const callback = this.async();
+  this.async();
   if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
     patchReactNativeWeb();
     hasPatched = true;
@@ -24,37 +22,20 @@ function loader(source) {
   try {
     const threaded = this.emitFile === void 0;
     const options = { ...this.getOptions() };
-    if (options.disableExtraction && (options.disableDebugAttr || process.env.NODE_ENV !== "development")) {
-      if (!hasLogged) {
-        console.log(" \xBB disableExtraction:", options.disableExtraction);
-        hasLogged = true;
-      }
-      return callback(null, source);
-    }
     const sourcePath = `${this.resourcePath}`;
     const startsWithComment = source[0] === "/" && source[1] === "/";
     let shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
     if (shouldPrintDebug && source.startsWith("// debug-verbose")) {
       shouldPrintDebug = "verbose";
     }
-    if (options.cssPath || options.cssData) {
-      const pathKey = (_a = stylePathToFilePath.get(sourcePath)) != null ? _a : sourcePath;
-      const info = extractedInfoByFile.get(pathKey);
-      stylePathToFilePath.delete(sourcePath);
-      extractedInfoByFile.delete(pathKey);
-      const out = options.cssData ? Buffer.from(options.cssData, "base64").toString("utf-8") : info == null ? void 0 : info.styles;
-      if (!out) {
-        console.warn(`no styles... ${extractedInfoByFile.keys} ${sourcePath}`);
-      }
-      return callback(null, out || "");
-    }
     if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
-      return callback(null, source);
+      return this.callback(null, source);
     }
     const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
     const extracted = extractToClassNames({
       loader: this,
       extractor,
+      cssLoaderPath: require.resolve("./css"),
       source,
       threaded,
       sourcePath,
@@ -63,7 +44,7 @@ function loader(source) {
       shouldPrintDebug
     });
     if (!extracted) {
-      return callback(null, source);
+      return this.callback(null, source);
     }
     extractedInfoByFile.set(sourcePath, extracted);
     if (!threaded) {
@@ -71,10 +52,10 @@ function loader(source) {
         stylePathToFilePath.set(extracted.stylesPath, sourcePath);
       }
     }
-    callback(null, extracted.js, extracted.map);
+    this.callback(null, extracted.js, extracted.map);
   } catch (err) {
     console.error("ERROR", err);
-    return callback(null, source);
+    return this.callback(null, source);
   }
 }
 __name(loader, "loader");

package/dist/esm/loader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/loader.ts"],
-  "sourcesContent": ["import {\n  ExtractedResponse,\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport { LoaderContext } from 'webpack'\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nconst extractedInfoByFile = new Map<string, ExtractedResponse>()\nconst stylePathToFilePath = new Map<string, string>()\n\nlet index = 0\nlet hasLogged = false\nlet hasPatched = false\n\nprocess.env.TAMAGUI_TARGET = 'web'\n\nexport function loader(this: LoaderContext<any>, source: string) {\n  this.cacheable()\n  const callback = this.async()\n\n  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {\n    patchReactNativeWeb()\n    hasPatched = true\n  }\n\n  try {\n    const threaded = this.emitFile === undefined\n    const options: TamaguiOptions = { ...this.getOptions() }\n\n    if (\n      options.disableExtraction &&\n      (options.disableDebugAttr || process.env.NODE_ENV !== 'development')\n    ) {\n      if (!hasLogged) {\n        console.log(' \u00BB disableExtraction:', options.disableExtraction)\n        hasLogged = true\n      }\n      return callback(null, source)\n    }\n\n    const sourcePath = `${this.resourcePath}`\n    const startsWithComment = source[0] === '/' && source[1] === '/'\n\n    let shouldPrintDebug: boolean | 'verbose' =\n      (!!process.env.DEBUG &&\n        (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true)) ||\n      // supports esbuild style //! comments\n      (startsWithComment && (source.startsWith('// debug') || source.startsWith('//! debug')))\n\n    if (shouldPrintDebug && source.startsWith('// debug-verbose')) {\n      shouldPrintDebug = 'verbose'\n    }\n\n    // if outputted css\n    if (options.cssPath || options.cssData) {\n      // get in memory info\n      const pathKey = stylePathToFilePath.get(sourcePath) ?? sourcePath\n      const info = extractedInfoByFile.get(pathKey)\n      // clear memory\n      stylePathToFilePath.delete(sourcePath)\n      extractedInfoByFile.delete(pathKey)\n      // get output CSS\n      const out = options.cssData\n        ? Buffer.from(options.cssData, 'base64').toString('utf-8')\n        : info?.styles\n      if (!out) {\n        console.warn(`no styles... ${extractedInfoByFile.keys} ${sourcePath}`)\n      }\n      // use original JS sourcemap\n      return callback(null, out || '')\n    }\n\n    // check if should ignore\n    if (\n      startsWithComment &&\n      (source.startsWith('// tamagui-ignore') || source.startsWith('//! tamagui-ignore'))\n    ) {\n      return callback(null, source)\n    }\n\n    const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`\n    const extracted = extractToClassNames({\n      loader: this,\n      extractor,\n      source,\n      threaded,\n      sourcePath,\n      cssPath,\n      options,\n      shouldPrintDebug,\n    })\n\n    if (!extracted) {\n      return callback(null, source)\n    }\n\n    extractedInfoByFile.set(sourcePath, extracted)\n\n    if (!threaded) {\n      if (extracted.stylesPath) {\n        stylePathToFilePath.set(extracted.stylesPath, sourcePath)\n      }\n    }\n\n    callback(null, extracted.js, extracted.map)\n  } catch (err) {\n    console.error('ERROR', err)\n    return callback(null, source)\n  }\n}\n"],
-  "mappings": ";;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAM,kBAAkB;AACxB,MAAM,YAAY,gBAAgB;AAElC,MAAM,sBAAsB,oBAAI,IAA+B;AAC/D,MAAM,sBAAsB,oBAAI,IAAoB;AAEpD,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,aAAa;AAEjB,QAAQ,IAAI,iBAAiB;AAEtB,gBAA0C,QAAgB;AArBjE;AAsBE,OAAK,UAAU;AACf,QAAM,WAAW,KAAK,MAAM;AAE5B,MAAI,CAAC,QAAQ,IAAI,6BAA6B,CAAC,YAAY;AACzD,wBAAoB;AACpB,iBAAa;AAAA,EACf;AAEA,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,KAAK,KAAK,WAAW,EAAE;AAEvD,QACE,QAAQ,qBACP,SAAQ,oBAAoB,QAAQ,IAAI,aAAa,gBACtD;AACA,UAAI,CAAC,WAAW;AACd,gBAAQ,IAAI,4BAAyB,QAAQ,iBAAiB;AAC9D,oBAAY;AAAA,MACd;AACA,aAAO,SAAS,MAAM,MAAM;AAAA,IAC9B;AAEA,UAAM,aAAa,GAAG,KAAK;AAC3B,UAAM,oBAAoB,OAAO,OAAO,OAAO,OAAO,OAAO;AAE7D,QAAI,mBACD,CAAC,CAAC,QAAQ,IAAI,SACZ,SAAQ,IAAI,aAAa,WAAW,SAAS,QAAQ,IAAI,UAAU,IAAI,SAEzE,qBAAsB,QAAO,WAAW,UAAU,KAAK,OAAO,WAAW,WAAW;AAEvF,QAAI,oBAAoB,OAAO,WAAW,kBAAkB,GAAG;AAC7D,yBAAmB;AAAA,IACrB;AAGA,QAAI,QAAQ,WAAW,QAAQ,SAAS;AAEtC,YAAM,UAAU,0BAAoB,IAAI,UAAU,MAAlC,YAAuC;AACvD,YAAM,OAAO,oBAAoB,IAAI,OAAO;AAE5C,0BAAoB,OAAO,UAAU;AACrC,0BAAoB,OAAO,OAAO;AAElC,YAAM,MAAM,QAAQ,UAChB,OAAO,KAAK,QAAQ,SAAS,QAAQ,EAAE,SAAS,OAAO,IACvD,6BAAM;AACV,UAAI,CAAC,KAAK;AACR,gBAAQ,KAAK,gBAAgB,oBAAoB,QAAQ,YAAY;AAAA,MACvE;AAEA,aAAO,SAAS,MAAM,OAAO,EAAE;AAAA,IACjC;AAGA,QACE,qBACC,QAAO,WAAW,mBAAmB,KAAK,OAAO,WAAW,oBAAoB,IACjF;AACA,aAAO,SAAS,MAAM,MAAM;AAAA,IAC9B;AAEA,UAAM,UAAU,WAAW,GAAG,0BAA0B,GAAG,cAAc;AACzE,UAAM,YAAY,oBAAoB;AAAA,MACpC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,QAAI,CAAC,WAAW;AACd,aAAO,SAAS,MAAM,MAAM;AAAA,IAC9B;AAEA,wBAAoB,IAAI,YAAY,SAAS;AAE7C,QAAI,CAAC,UAAU;AACb,UAAI,UAAU,YAAY;AACxB,4BAAoB,IAAI,UAAU,YAAY,UAAU;AAAA,MAC1D;AAAA,IACF;AAEA,aAAS,MAAM,UAAU,IAAI,UAAU,GAAG;AAAA,EAC5C,SAAS,KAAP;AACA,YAAQ,MAAM,SAAS,GAAG;AAC1B,WAAO,SAAS,MAAM,MAAM;AAAA,EAC9B;AACF;AA7FgB;",
+  "sourcesContent": ["import {\n  ExtractedResponse,\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport { LoaderContext } from 'webpack'\n\nimport { extractedInfoByFile, stylePathToFilePath } from './css'\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nlet index = 0\nlet hasLogged = false\nlet hasPatched = false\n\nprocess.env.TAMAGUI_TARGET = 'web'\n\nexport function loader(this: LoaderContext<any>, source: string) {\n  this.cacheable()\n  this.async()\n\n  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {\n    patchReactNativeWeb()\n    hasPatched = true\n  }\n\n  try {\n    const threaded = this.emitFile === undefined\n    const options: TamaguiOptions = { ...this.getOptions() }\n    const sourcePath = `${this.resourcePath}`\n    const startsWithComment = source[0] === '/' && source[1] === '/'\n\n    let shouldPrintDebug: boolean | 'verbose' =\n      (!!process.env.DEBUG &&\n        (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true)) ||\n      // supports esbuild style //! comments\n      (startsWithComment && (source.startsWith('// debug') || source.startsWith('//! debug')))\n\n    if (shouldPrintDebug && source.startsWith('// debug-verbose')) {\n      shouldPrintDebug = 'verbose'\n    }\n\n    // check if should ignore\n    if (\n      startsWithComment &&\n      (source.startsWith('// tamagui-ignore') || source.startsWith('//! tamagui-ignore'))\n    ) {\n      return this.callback(null, source)\n    }\n\n    const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`\n\n    const extracted = extractToClassNames({\n      loader: this,\n      extractor,\n      cssLoaderPath: require.resolve('./css'),\n      source,\n      threaded,\n      sourcePath,\n      cssPath,\n      options,\n      shouldPrintDebug,\n    })\n\n    if (!extracted) {\n      return this.callback(null, source)\n    }\n\n    extractedInfoByFile.set(sourcePath, extracted)\n\n    if (!threaded) {\n      if (extracted.stylesPath) {\n        stylePathToFilePath.set(extracted.stylesPath, sourcePath)\n      }\n    }\n\n    this.callback(null, extracted.js, extracted.map)\n  } catch (err) {\n    console.error('ERROR', err)\n    return this.callback(null, source)\n  }\n}\n"],
+  "mappings": ";;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AAEA,MAAM,kBAAkB;AACxB,MAAM,YAAY,gBAAgB;AAElC,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,aAAa;AAEjB,QAAQ,IAAI,iBAAiB;AAEtB,gBAA0C,QAAgB;AAC/D,OAAK,UAAU;AACf,OAAK,MAAM;AAEX,MAAI,CAAC,QAAQ,IAAI,6BAA6B,CAAC,YAAY;AACzD,wBAAoB;AACpB,iBAAa;AAAA,EACf;AAEA,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,KAAK,KAAK,WAAW,EAAE;AACvD,UAAM,aAAa,GAAG,KAAK;AAC3B,UAAM,oBAAoB,OAAO,OAAO,OAAO,OAAO,OAAO;AAE7D,QAAI,mBACD,CAAC,CAAC,QAAQ,IAAI,SACZ,SAAQ,IAAI,aAAa,WAAW,SAAS,QAAQ,IAAI,UAAU,IAAI,SAEzE,qBAAsB,QAAO,WAAW,UAAU,KAAK,OAAO,WAAW,WAAW;AAEvF,QAAI,oBAAoB,OAAO,WAAW,kBAAkB,GAAG;AAC7D,yBAAmB;AAAA,IACrB;AAGA,QACE,qBACC,QAAO,WAAW,mBAAmB,KAAK,OAAO,WAAW,oBAAoB,IACjF;AACA,aAAO,KAAK,SAAS,MAAM,MAAM;AAAA,IACnC;AAEA,UAAM,UAAU,WAAW,GAAG,0BAA0B,GAAG,cAAc;AAEzE,UAAM,YAAY,oBAAoB;AAAA,MACpC,QAAQ;AAAA,MACR;AAAA,MACA,eAA+B;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,QAAI,CAAC,WAAW;AACd,aAAO,KAAK,SAAS,MAAM,MAAM;AAAA,IACnC;AAEA,wBAAoB,IAAI,YAAY,SAAS;AAE7C,QAAI,CAAC,UAAU;AACb,UAAI,UAAU,YAAY;AACxB,4BAAoB,IAAI,UAAU,YAAY,UAAU;AAAA,MAC1D;AAAA,IACF;AAEA,SAAK,SAAS,MAAM,UAAU,IAAI,UAAU,GAAG;AAAA,EACjD,SAAS,KAAP;AACA,YAAQ,MAAM,SAAS,GAAG;AAC1B,WAAO,KAAK,SAAS,MAAM,MAAM;AAAA,EACnC;AACF;AAhEgB;",
   "names": []
 }

package/dist/jsx/css.js

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const extractedInfoByFile = /* @__PURE__ */ new Map();
+const stylePathToFilePath = /* @__PURE__ */ new Map();
+function loader(source) {
+  var _a;
+  this.async();
+  const options = { ...this.getOptions() };
+  const sourcePath = `${this.resourcePath}`;
+  let out = "";
+  if (options.cssPath) {
+    const pathKey = (_a = stylePathToFilePath.get(sourcePath)) != null ? _a : sourcePath;
+    const info = extractedInfoByFile.get(pathKey);
+    stylePathToFilePath.delete(sourcePath);
+    extractedInfoByFile.delete(pathKey);
+    const out2 = info == null ? void 0 : info.styles;
+    return this.callback(null, out2 || "");
+  } else if (options.cssData) {
+    out = Buffer.from(options.cssData, "base64").toString("utf-8");
+  }
+  if (options.cssData || options.cssPath) {
+    return this.callback(null, out || "");
+  }
+  this.callback({ message: `No CSS found`, name: "missing_css" });
+}
+__name(loader, "loader");
+export {
+  loader as default,
+  extractedInfoByFile,
+  stylePathToFilePath
+};

package/dist/jsx/index.js

@@ -4,14 +4,10 @@ process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
 process.env.TAMAGUI_COMPILE_PROCESS = "1";
 var src_default = require("./loader").loader;
 const shouldExclude = /* @__PURE__ */ __name((path, projectRoot, tamaguiOptions) => {
-  if (path.includes("react-native-reanimated")) {
+  if (path.includes("react-native-reanimated") || path.includes("react-native-gesture-handler") || path.includes(projectRoot) || path.includes("/dist/jsx/")) {
     return false;
   }
-  const shouldInclude = path.includes(projectRoot) || tamaguiOptions.components.some((c) => path.includes(`/node_modules/${c}`) || path.includes(`${c}/dist/jsx/`) || path.includes("tamagui") && path.includes("/dist/jsx/"));
-  if (!shouldInclude) {
-    return true;
-  }
-  return false;
+  return true;
 }, "shouldExclude");
 export {
   src_default as default,

package/dist/jsx/loader.js

@@ -5,18 +5,16 @@ import {
   extractToClassNames,
   patchReactNativeWeb
 } from "@tamagui/static";
+import { extractedInfoByFile, stylePathToFilePath } from "./css";
 Error.stackTraceLimit = Infinity;
 const extractor = createExtractor();
-const extractedInfoByFile = /* @__PURE__ */ new Map();
-const stylePathToFilePath = /* @__PURE__ */ new Map();
 let index = 0;
 let hasLogged = false;
 let hasPatched = false;
 process.env.TAMAGUI_TARGET = "web";
 function loader(source) {
-  var _a;
   this.cacheable();
-  const callback = this.async();
+  this.async();
   if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
     patchReactNativeWeb();
     hasPatched = true;
@@ -24,37 +22,20 @@ function loader(source) {
   try {
     const threaded = this.emitFile === void 0;
     const options = { ...this.getOptions() };
-    if (options.disableExtraction && (options.disableDebugAttr || process.env.NODE_ENV !== "development")) {
-      if (!hasLogged) {
-        console.log(" \xBB disableExtraction:", options.disableExtraction);
-        hasLogged = true;
-      }
-      return callback(null, source);
-    }
     const sourcePath = `${this.resourcePath}`;
     const startsWithComment = source[0] === "/" && source[1] === "/";
     let shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
     if (shouldPrintDebug && source.startsWith("// debug-verbose")) {
       shouldPrintDebug = "verbose";
     }
-    if (options.cssPath || options.cssData) {
-      const pathKey = (_a = stylePathToFilePath.get(sourcePath)) != null ? _a : sourcePath;
-      const info = extractedInfoByFile.get(pathKey);
-      stylePathToFilePath.delete(sourcePath);
-      extractedInfoByFile.delete(pathKey);
-      const out = options.cssData ? Buffer.from(options.cssData, "base64").toString("utf-8") : info == null ? void 0 : info.styles;
-      if (!out) {
-        console.warn(`no styles... ${extractedInfoByFile.keys} ${sourcePath}`);
-      }
-      return callback(null, out || "");
-    }
     if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
-      return callback(null, source);
+      return this.callback(null, source);
     }
     const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
     const extracted = extractToClassNames({
       loader: this,
       extractor,
+      cssLoaderPath: require.resolve("./css"),
       source,
       threaded,
       sourcePath,
@@ -63,7 +44,7 @@ function loader(source) {
       shouldPrintDebug
     });
     if (!extracted) {
-      return callback(null, source);
+      return this.callback(null, source);
     }
     extractedInfoByFile.set(sourcePath, extracted);
     if (!threaded) {
@@ -71,10 +52,10 @@ function loader(source) {
         stylePathToFilePath.set(extracted.stylesPath, sourcePath);
       }
     }
-    callback(null, extracted.js, extracted.map);
+    this.callback(null, extracted.js, extracted.map);
   } catch (err) {
     console.error("ERROR", err);
-    return callback(null, source);
+    return this.callback(null, source);
   }
 }
 __name(loader, "loader");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui-loader",
-  "version": "1.0.0-beta.187+b4ae9217",
+  "version": "1.0.0-beta.2",
   "typings": "types",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -16,15 +16,15 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/static": "^1.0.0-beta.187+b4ae9217",
+    "@tamagui/static": "^1.0.0-beta.2",
     "fs-extra": "^9.1.0",
     "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-beta.187+b4ae9217"
+    "@tamagui/build": "^1.0.0-beta.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b4ae92179a688f73380c8f41296ecfc881b1cbc0"
+  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
 }

package/types/css.d.ts

@@ -0,0 +1,6 @@
+import { ExtractedResponse } from '@tamagui/static';
+import { LoaderContext } from 'webpack';
+export declare const extractedInfoByFile: Map<string, ExtractedResponse>;
+export declare const stylePathToFilePath: Map<string, string>;
+export default function loader(this: LoaderContext<any>, source: string): void;
+//# sourceMappingURL=css.d.ts.map

package/types/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,mBAAmB,gCAAuC,CAAA;AACvE,eAAO,MAAM,mBAAmB,qBAA4B,CAAA;AAE5D,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,QAuBtE"}

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAGA,wBAAyC;AAIzC,eAAO,MAAM,aAAa,SAAU,MAAM,eAAe,MAAM,kBAAkB,GAAG,YAmBnF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAGA,wBAAyC;AAIzC,eAAO,MAAM,aAAa,SAAU,MAAM,eAAe,MAAM,kBAAkB,GAAG,YAUnF,CAAA"}

package/types/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAcvC,wBAAgB,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,QA6F9D"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAavC,wBAAgB,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,QAgE9D"}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2020 Nate Wienert
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.