tamagui-loader 1.0.0-beta.8 → 1.0.1-beta.100

package/dist/cjs/css.js

@@ -16,7 +16,6 @@ var __spreadValues = (a, b) => {
     }
   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 });
@@ -39,7 +38,7 @@ __export(css_exports, {
 module.exports = __toCommonJS(css_exports);
 const extractedInfoByFile = /* @__PURE__ */ new Map();
 const stylePathToFilePath = /* @__PURE__ */ new Map();
-function loader(source) {
+function loader() {
   this.async();
   const options = __spreadValues({}, this.getOptions());
   const sourcePath = `${this.resourcePath}`;
@@ -54,12 +53,11 @@ function loader(source) {
   } else if (options.cssData) {
     out = Buffer.from(options.cssData, "base64").toString("utf-8");
   }
-  if (options.cssData || options.cssPath) {
+  if (out) {
     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,

package/dist/cjs/css.js.map

@@ -1,7 +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;",
+  "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>) {\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 (out) {\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,kBAA0C;AACvD,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,KAAK;AAEP,WAAO,KAAK,SAAS,MAAM,OAAO,EAAE;AAAA,EACtC;AACA,OAAK,SAAS,EAAE,SAAS,gBAAgB,MAAM,cAAc,CAAC;AAChE;",
   "names": []
 }

package/dist/cjs/index.js

@@ -2,7 +2,6 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
@@ -25,12 +24,12 @@ module.exports = __toCommonJS(src_exports);
 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) => {
+const shouldExclude = (path, projectRoot) => {
   if (path.includes("react-native-reanimated") || path.includes("react-native-gesture-handler") || path.includes("@gorhom/portal") || path.includes(projectRoot) || path.includes("/dist/jsx/")) {
     return false;
   }
   return true;
-}, "shouldExclude");
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   shouldExclude

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 (\n    path.includes('react-native-reanimated') ||\n    path.includes('react-native-gesture-handler') ||\n    path.includes('@gorhom/portal') ||\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,gBAAgB,KAC9B,KAAK,SAAS,WAAW,KACzB,KAAK,SAAS,YAAY,GAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT,GAX6B;",
+  "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) => {\n  if (\n    path.includes('react-native-reanimated') ||\n    path.includes('react-native-gesture-handler') ||\n    path.includes('@gorhom/portal') ||\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,CAAC,MAAc,gBAAwB;AAClE,MACE,KAAK,SAAS,yBAAyB,KACvC,KAAK,SAAS,8BAA8B,KAC5C,KAAK,SAAS,gBAAgB,KAC9B,KAAK,SAAS,WAAW,KACzB,KAAK,SAAS,YAAY,GAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/loader.js

@@ -18,7 +18,6 @@ var __spreadValues = (a, b) => {
     }
   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 });
@@ -40,15 +39,16 @@ __export(loader_exports, {
 module.exports = __toCommonJS(loader_exports);
 var import_static = require("@tamagui/static");
 var import_css = require("./css");
+const CSS_LOADER_PATH = require.resolve("./css");
 Error.stackTraceLimit = Infinity;
 const extractor = (0, import_static.createExtractor)();
 let index = 0;
-let hasLogged = false;
 let hasPatched = false;
 process.env.TAMAGUI_TARGET = "web";
-function loader(source) {
-  this.cacheable();
+const loader = function loader2(sourceIn) {
+  this.cacheable(true);
   this.async();
+  const source = sourceIn.toString();
   if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
     (0, import_static.patchReactNativeWeb)();
     hasPatched = true;
@@ -67,19 +67,23 @@ function loader(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,
-      cssPath,
       options,
       shouldPrintDebug
     });
     if (!extracted) {
       return this.callback(null, source);
     }
+    if (extracted.styles) {
+      const cssQuery = threaded ? `cssData=${Buffer.from(extracted.styles).toString("base64")}` : `cssPath=${cssPath}`;
+      const remReq = this.remainingRequest;
+      const importPath = `${cssPath}!=!${CSS_LOADER_PATH}?${cssQuery}!${remReq}`;
+      extracted.js = `${extracted.js}
+
+require(${JSON.stringify(importPath)})`;
+    }
     import_css.extractedInfoByFile.set(sourcePath, extracted);
     if (!threaded) {
       if (extracted.stylesPath) {
@@ -91,8 +95,7 @@ function loader(source) {
     console.error("ERROR", err);
     return this.callback(null, source);
   }
-}
-__name(loader, "loader");
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   loader

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\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;",
+  "sourcesContent": ["import {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport type { LoaderContext, RawLoaderDefinitionFunction } from 'webpack'\n\nimport { extractedInfoByFile, stylePathToFilePath } from './css'\n\n// pass loader as path\nconst CSS_LOADER_PATH = require.resolve('./css')\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nlet index = 0\nlet hasPatched = false\n\nprocess.env.TAMAGUI_TARGET = 'web'\n\nexport const loader: RawLoaderDefinitionFunction<TamaguiOptions> = function loader(this, sourceIn) {\n  this.cacheable(true)\n  this.async()\n  const source = sourceIn.toString()\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      extractor,\n      source,\n      sourcePath,\n      options,\n      shouldPrintDebug,\n    })\n\n    if (!extracted) {\n      return this.callback(null, source)\n    }\n\n    // add import to css\n    if (extracted.styles) {\n      const cssQuery = threaded\n        ? `cssData=${Buffer.from(extracted.styles).toString('base64')}`\n        : `cssPath=${cssPath}`\n      const remReq = this.remainingRequest\n      const importPath = `${cssPath}!=!${CSS_LOADER_PATH}?${cssQuery}!${remReq}`\n      extracted.js = `${extracted.js}\\n\\nrequire(${JSON.stringify(importPath)})`\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,oBAKO;AAGP,iBAAyD;AAGzD,MAAM,kBAAkC;AAExC,MAAM,kBAAkB;AACxB,MAAM,YAAY,mCAAgB;AAElC,IAAI,QAAQ;AACZ,IAAI,aAAa;AAEjB,QAAQ,IAAI,iBAAiB;AAEtB,MAAM,SAAsD,iBAAsB,UAAU;AACjG,OAAK,UAAU,IAAI;AACnB,OAAK,MAAM;AACX,QAAM,SAAS,SAAS,SAAS;AAEjC,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;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,QAAI,CAAC,WAAW;AACd,aAAO,KAAK,SAAS,MAAM,MAAM;AAAA,IACnC;AAGA,QAAI,UAAU,QAAQ;AACpB,YAAM,WAAW,WACb,WAAW,OAAO,KAAK,UAAU,MAAM,EAAE,SAAS,QAAQ,MAC1D,WAAW;AACf,YAAM,SAAS,KAAK;AACpB,YAAM,aAAa,GAAG,aAAa,mBAAmB,YAAY;AAClE,gBAAU,KAAK,GAAG,UAAU;AAAA;AAAA,UAAiB,KAAK,UAAU,UAAU;AAAA,IACxE;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;",
   "names": []
 }

package/dist/esm/css.js

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

package/dist/esm/css.js.map

@@ -1,7 +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;",
+  "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>) {\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 (out) {\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,kBAA0C;AACvD,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,KAAK;AAEP,WAAO,KAAK,SAAS,MAAM,OAAO,EAAE;AAAA,EACtC;AACA,OAAK,SAAS,EAAE,SAAS,gBAAgB,MAAM,cAAc,CAAC;AAChE;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,14 +1,12 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 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) => {
+const shouldExclude = (path, projectRoot) => {
   if (path.includes("react-native-reanimated") || path.includes("react-native-gesture-handler") || path.includes("@gorhom/portal") || path.includes(projectRoot) || path.includes("/dist/jsx/")) {
     return false;
   }
   return true;
-}, "shouldExclude");
+};
 export {
   src_default as default,
   shouldExclude

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 (\n    path.includes('react-native-reanimated') ||\n    path.includes('react-native-gesture-handler') ||\n    path.includes('@gorhom/portal') ||\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,gBAAgB,KAC9B,KAAK,SAAS,WAAW,KACzB,KAAK,SAAS,YAAY,GAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT,GAX6B;",
+  "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) => {\n  if (\n    path.includes('react-native-reanimated') ||\n    path.includes('react-native-gesture-handler') ||\n    path.includes('@gorhom/portal') ||\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,CAAC,MAAc,gBAAwB;AAClE,MACE,KAAK,SAAS,yBAAyB,KACvC,KAAK,SAAS,8BAA8B,KAC5C,KAAK,SAAS,gBAAgB,KAC9B,KAAK,SAAS,WAAW,KACzB,KAAK,SAAS,YAAY,GAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/loader.js

@@ -1,27 +1,42 @@
 var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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;
+};
 import {
   createExtractor,
   extractToClassNames,
   patchReactNativeWeb
 } from "@tamagui/static";
 import { extractedInfoByFile, stylePathToFilePath } from "./css";
+const CSS_LOADER_PATH = require.resolve("./css");
 Error.stackTraceLimit = Infinity;
 const extractor = createExtractor();
 let index = 0;
-let hasLogged = false;
 let hasPatched = false;
 process.env.TAMAGUI_TARGET = "web";
-function loader(source) {
-  this.cacheable();
+const loader = function loader2(sourceIn) {
+  this.cacheable(true);
   this.async();
+  const source = sourceIn.toString();
   if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
     patchReactNativeWeb();
     hasPatched = true;
   }
   try {
     const threaded = this.emitFile === void 0;
-    const options = { ...this.getOptions() };
+    const options = __spreadValues({}, this.getOptions());
     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"));
@@ -33,19 +48,23 @@ function loader(source) {
     }
     const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
     const extracted = extractToClassNames({
-      loader: this,
       extractor,
-      cssLoaderPath: require.resolve("./css"),
       source,
-      threaded,
       sourcePath,
-      cssPath,
       options,
       shouldPrintDebug
     });
     if (!extracted) {
       return this.callback(null, source);
     }
+    if (extracted.styles) {
+      const cssQuery = threaded ? `cssData=${Buffer.from(extracted.styles).toString("base64")}` : `cssPath=${cssPath}`;
+      const remReq = this.remainingRequest;
+      const importPath = `${cssPath}!=!${CSS_LOADER_PATH}?${cssQuery}!${remReq}`;
+      extracted.js = `${extracted.js}
+
+require(${JSON.stringify(importPath)})`;
+    }
     extractedInfoByFile.set(sourcePath, extracted);
     if (!threaded) {
       if (extracted.stylesPath) {
@@ -57,8 +76,7 @@ function loader(source) {
     console.error("ERROR", err);
     return this.callback(null, source);
   }
-}
-__name(loader, "loader");
+};
 export {
   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\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;",
+  "sourcesContent": ["import {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport type { LoaderContext, RawLoaderDefinitionFunction } from 'webpack'\n\nimport { extractedInfoByFile, stylePathToFilePath } from './css'\n\n// pass loader as path\nconst CSS_LOADER_PATH = require.resolve('./css')\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nlet index = 0\nlet hasPatched = false\n\nprocess.env.TAMAGUI_TARGET = 'web'\n\nexport const loader: RawLoaderDefinitionFunction<TamaguiOptions> = function loader(this, sourceIn) {\n  this.cacheable(true)\n  this.async()\n  const source = sourceIn.toString()\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      extractor,\n      source,\n      sourcePath,\n      options,\n      shouldPrintDebug,\n    })\n\n    if (!extracted) {\n      return this.callback(null, source)\n    }\n\n    // add import to css\n    if (extracted.styles) {\n      const cssQuery = threaded\n        ? `cssData=${Buffer.from(extracted.styles).toString('base64')}`\n        : `cssPath=${cssPath}`\n      const remReq = this.remainingRequest\n      const importPath = `${cssPath}!=!${CSS_LOADER_PATH}?${cssQuery}!${remReq}`\n      extracted.js = `${extracted.js}\\n\\nrequire(${JSON.stringify(importPath)})`\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;AAQA;AAGA,MAAM,kBAAkC;AAExC,MAAM,kBAAkB;AACxB,MAAM,YAAY,gBAAgB;AAElC,IAAI,QAAQ;AACZ,IAAI,aAAa;AAEjB,QAAQ,IAAI,iBAAiB;AAEtB,MAAM,SAAsD,iBAAsB,UAAU;AACjG,OAAK,UAAU,IAAI;AACnB,OAAK,MAAM;AACX,QAAM,SAAS,SAAS,SAAS;AAEjC,MAAI,CAAC,QAAQ,IAAI,6BAA6B,CAAC,YAAY;AACzD,wBAAoB;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,oBAAoB;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,QAAI,CAAC,WAAW;AACd,aAAO,KAAK,SAAS,MAAM,MAAM;AAAA,IACnC;AAGA,QAAI,UAAU,QAAQ;AACpB,YAAM,WAAW,WACb,WAAW,OAAO,KAAK,UAAU,MAAM,EAAE,SAAS,QAAQ,MAC1D,WAAW;AACf,YAAM,SAAS,KAAK;AACpB,YAAM,aAAa,GAAG,aAAa,mBAAmB,YAAY;AAClE,gBAAU,KAAK,GAAG,UAAU;AAAA;AAAA,UAAiB,KAAK,UAAU,UAAU;AAAA,IACxE;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;",
   "names": []
 }

package/dist/jsx/css.js

@@ -1,8 +1,6 @@
-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) {
+function loader() {
   var _a;
   this.async();
   const options = { ...this.getOptions() };
@@ -18,14 +16,14 @@ function loader(source) {
   } else if (options.cssData) {
     out = Buffer.from(options.cssData, "base64").toString("utf-8");
   }
-  if (options.cssData || options.cssPath) {
+  if (out) {
     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/jsx/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>) {\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 (out) {\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,kBAA0C;AANzD;AAOE,OAAK,MAAM;AACX,QAAM,UAA0B,EAAE,GAAG,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,KAAK;AAEP,WAAO,KAAK,SAAS,MAAM,OAAO,EAAE;AAAA,EACtC;AACA,OAAK,SAAS,EAAE,SAAS,gBAAgB,MAAM,cAAc,CAAC;AAChE;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -1,15 +1,14 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 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) => {
+const shouldExclude = (path, projectRoot) => {
   if (path.includes("react-native-reanimated") || path.includes("react-native-gesture-handler") || path.includes("@gorhom/portal") || path.includes(projectRoot) || path.includes("/dist/jsx/")) {
     return false;
   }
   return true;
-}, "shouldExclude");
+};
 export {
   src_default as default,
   shouldExclude
 };
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +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) => {\n  if (\n    path.includes('react-native-reanimated') ||\n    path.includes('react-native-gesture-handler') ||\n    path.includes('@gorhom/portal') ||\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,CAAC,MAAc,gBAAwB;AAClE,MACE,KAAK,SAAS,yBAAyB,KACvC,KAAK,SAAS,8BAA8B,KAC5C,KAAK,SAAS,gBAAgB,KAC9B,KAAK,SAAS,WAAW,KACzB,KAAK,SAAS,YAAY,GAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/loader.js

@@ -1,20 +1,19 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import {
   createExtractor,
   extractToClassNames,
   patchReactNativeWeb
 } from "@tamagui/static";
 import { extractedInfoByFile, stylePathToFilePath } from "./css";
+const CSS_LOADER_PATH = require.resolve("./css");
 Error.stackTraceLimit = Infinity;
 const extractor = createExtractor();
 let index = 0;
-let hasLogged = false;
 let hasPatched = false;
 process.env.TAMAGUI_TARGET = "web";
-function loader(source) {
-  this.cacheable();
+const loader = function loader2(sourceIn) {
+  this.cacheable(true);
   this.async();
+  const source = sourceIn.toString();
   if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
     patchReactNativeWeb();
     hasPatched = true;
@@ -33,19 +32,23 @@ function loader(source) {
     }
     const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
     const extracted = extractToClassNames({
-      loader: this,
       extractor,
-      cssLoaderPath: require.resolve("./css"),
       source,
-      threaded,
       sourcePath,
-      cssPath,
       options,
       shouldPrintDebug
     });
     if (!extracted) {
       return this.callback(null, source);
     }
+    if (extracted.styles) {
+      const cssQuery = threaded ? `cssData=${Buffer.from(extracted.styles).toString("base64")}` : `cssPath=${cssPath}`;
+      const remReq = this.remainingRequest;
+      const importPath = `${cssPath}!=!${CSS_LOADER_PATH}?${cssQuery}!${remReq}`;
+      extracted.js = `${extracted.js}
+
+require(${JSON.stringify(importPath)})`;
+    }
     extractedInfoByFile.set(sourcePath, extracted);
     if (!threaded) {
       if (extracted.stylesPath) {
@@ -57,8 +60,8 @@ function loader(source) {
     console.error("ERROR", err);
     return this.callback(null, source);
   }
-}
-__name(loader, "loader");
+};
 export {
   loader
 };
+//# sourceMappingURL=loader.js.map

package/dist/jsx/loader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/loader.ts"],
+  "sourcesContent": ["import {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport type { LoaderContext, RawLoaderDefinitionFunction } from 'webpack'\n\nimport { extractedInfoByFile, stylePathToFilePath } from './css'\n\n// pass loader as path\nconst CSS_LOADER_PATH = require.resolve('./css')\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nlet index = 0\nlet hasPatched = false\n\nprocess.env.TAMAGUI_TARGET = 'web'\n\nexport const loader: RawLoaderDefinitionFunction<TamaguiOptions> = function loader(this, sourceIn) {\n  this.cacheable(true)\n  this.async()\n  const source = sourceIn.toString()\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      extractor,\n      source,\n      sourcePath,\n      options,\n      shouldPrintDebug,\n    })\n\n    if (!extracted) {\n      return this.callback(null, source)\n    }\n\n    // add import to css\n    if (extracted.styles) {\n      const cssQuery = threaded\n        ? `cssData=${Buffer.from(extracted.styles).toString('base64')}`\n        : `cssPath=${cssPath}`\n      const remReq = this.remainingRequest\n      const importPath = `${cssPath}!=!${CSS_LOADER_PATH}?${cssQuery}!${remReq}`\n      extracted.js = `${extracted.js}\\n\\nrequire(${JSON.stringify(importPath)})`\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;AAQA;AAGA,MAAM,kBAAkC;AAExC,MAAM,kBAAkB;AACxB,MAAM,YAAY,gBAAgB;AAElC,IAAI,QAAQ;AACZ,IAAI,aAAa;AAEjB,QAAQ,IAAI,iBAAiB;AAEtB,MAAM,SAAsD,iBAAsB,UAAU;AACjG,OAAK,UAAU,IAAI;AACnB,OAAK,MAAM;AACX,QAAM,SAAS,SAAS,SAAS;AAEjC,MAAI,CAAC,QAAQ,IAAI,6BAA6B,CAAC,YAAY;AACzD,wBAAoB;AACpB,iBAAa;AAAA,EACf;AAEA,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,EAAE,GAAG,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;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,QAAI,CAAC,WAAW;AACd,aAAO,KAAK,SAAS,MAAM,MAAM;AAAA,IACnC;AAGA,QAAI,UAAU,QAAQ;AACpB,YAAM,WAAW,WACb,WAAW,OAAO,KAAK,UAAU,MAAM,EAAE,SAAS,QAAQ,MAC1D,WAAW;AACf,YAAM,SAAS,KAAK;AACpB,YAAM,aAAa,GAAG,aAAa,mBAAmB,YAAY;AAClE,gBAAU,KAAK,GAAG,UAAU;AAAA;AAAA,UAAiB,KAAK,UAAU,UAAU;AAAA,IACxE;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;",
+  "names": []
+}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "tamagui-loader",
-  "version": "1.0.0-beta.8",
-  "typings": "types",
+  "version": "1.0.1-beta.100",
+  "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
   "module:jsx": "dist/jsx",
   "files": [
+    "src",
     "types",
     "dist"
   ],
@@ -16,12 +17,12 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/static": "^1.0.0-beta.8",
-    "fs-extra": "^9.1.0",
+    "@tamagui/static": "^1.0.1-beta.100",
+    "fs-extra": "^10.1.0",
     "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-beta.8"
+    "@tamagui/build": "^1.0.1-beta.100"
   },
   "publishConfig": {
     "access": "public"

package/src/css.ts

@@ -0,0 +1,30 @@
+import { ExtractedResponse, TamaguiOptions } from '@tamagui/static'
+import { LoaderContext } from 'webpack'
+
+export const extractedInfoByFile = new Map<string, ExtractedResponse>()
+export const stylePathToFilePath = new Map<string, string>()
+
+export default function loader(this: LoaderContext<any>) {
+  this.async()
+  const options: TamaguiOptions = { ...this.getOptions() }
+  const sourcePath = `${this.resourcePath}`
+  let out = ''
+  if (options.cssPath) {
+    // get in memory info
+    const pathKey = stylePathToFilePath.get(sourcePath) ?? sourcePath
+    const info = extractedInfoByFile.get(pathKey)
+    // clear memory
+    stylePathToFilePath.delete(sourcePath)
+    extractedInfoByFile.delete(pathKey)
+    const out = info?.styles
+    return this.callback(null, out || '')
+  } else if (options.cssData) {
+    // get output CSS
+    out = Buffer.from(options.cssData, 'base64').toString('utf-8')
+  }
+  if (out) {
+    // use original JS sourcemap
+    return this.callback(null, out || '')
+  }
+  this.callback({ message: `No CSS found`, name: 'missing_css' })
+}

package/src/index.ts

@@ -0,0 +1,19 @@
+process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'
+process.env.TAMAGUI_COMPILE_PROCESS = '1'
+
+export default require('./loader').loader
+
+// helper for webpack exclude specific to tamagui
+
+export const shouldExclude = (path: string, projectRoot: string) => {
+  if (
+    path.includes('react-native-reanimated') ||
+    path.includes('react-native-gesture-handler') ||
+    path.includes('@gorhom/portal') ||
+    path.includes(projectRoot) ||
+    path.includes('/dist/jsx/')
+  ) {
+    return false
+  }
+  return true
+}

package/src/loader.ts

@@ -0,0 +1,93 @@
+import {
+  TamaguiOptions,
+  createExtractor,
+  extractToClassNames,
+  patchReactNativeWeb,
+} from '@tamagui/static'
+import type { LoaderContext, RawLoaderDefinitionFunction } from 'webpack'
+
+import { extractedInfoByFile, stylePathToFilePath } from './css'
+
+// pass loader as path
+const CSS_LOADER_PATH = require.resolve('./css')
+
+Error.stackTraceLimit = Infinity
+const extractor = createExtractor()
+
+let index = 0
+let hasPatched = false
+
+process.env.TAMAGUI_TARGET = 'web'
+
+export const loader: RawLoaderDefinitionFunction<TamaguiOptions> = function loader(this, sourceIn) {
+  this.cacheable(true)
+  this.async()
+  const source = sourceIn.toString()
+
+  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
+    patchReactNativeWeb()
+    hasPatched = true
+  }
+
+  try {
+    const threaded = this.emitFile === undefined
+    const options: TamaguiOptions = { ...this.getOptions() }
+    const sourcePath = `${this.resourcePath}`
+    const startsWithComment = source[0] === '/' && source[1] === '/'
+
+    let shouldPrintDebug: boolean | 'verbose' =
+      (!!process.env.DEBUG &&
+        (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true)) ||
+      // supports esbuild style //! comments
+      (startsWithComment && (source.startsWith('// debug') || source.startsWith('//! debug')))
+
+    if (shouldPrintDebug && source.startsWith('// debug-verbose')) {
+      shouldPrintDebug = 'verbose'
+    }
+
+    // check if should ignore
+    if (
+      startsWithComment &&
+      (source.startsWith('// tamagui-ignore') || source.startsWith('//! tamagui-ignore'))
+    ) {
+      return this.callback(null, source)
+    }
+
+    const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`
+
+    const extracted = extractToClassNames({
+      extractor,
+      source,
+      sourcePath,
+      options,
+      shouldPrintDebug,
+    })
+
+    if (!extracted) {
+      return this.callback(null, source)
+    }
+
+    // add import to css
+    if (extracted.styles) {
+      const cssQuery = threaded
+        ? `cssData=${Buffer.from(extracted.styles).toString('base64')}`
+        : `cssPath=${cssPath}`
+      const remReq = this.remainingRequest
+      const importPath = `${cssPath}!=!${CSS_LOADER_PATH}?${cssQuery}!${remReq}`
+      extracted.js = `${extracted.js}\n\nrequire(${JSON.stringify(importPath)})`
+    }
+
+    extractedInfoByFile.set(sourcePath, extracted)
+
+    if (!threaded) {
+      if (extracted.stylesPath) {
+        stylePathToFilePath.set(extracted.stylesPath, sourcePath)
+      }
+    }
+
+    this.callback(null, extracted.js, extracted.map)
+  } catch (err) {
+    console.error('ERROR', err)
+    return this.callback(null, source)
+  }
+}

package/types/css.d.ts

@@ -2,5 +2,5 @@ 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;
+export default function loader(this: LoaderContext<any>): void;
 //# sourceMappingURL=css.d.ts.map

package/types/css.d.ts.map

@@ -1 +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"}
+{"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,QAuBtD"}

package/types/loader.d.ts

@@ -1,3 +1,4 @@
-import { LoaderContext } from 'webpack';
-export declare function loader(this: LoaderContext<any>, source: string): void;
+import { TamaguiOptions } from '@tamagui/static';
+import type { RawLoaderDefinitionFunction } from 'webpack';
+export declare const loader: RawLoaderDefinitionFunction<TamaguiOptions>;
 //# sourceMappingURL=loader.d.ts.map

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;AAavC,wBAAgB,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,QAgE9D"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAIf,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAiB,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAezE,eAAO,MAAM,MAAM,EAAE,2BAA2B,CAAC,cAAc,CAuE9D,CAAA"}

package/types/index.d.ts

@@ -1,4 +0,0 @@
-declare const _default: any;
-export default _default;
-export declare const shouldExclude: (path: string, projectRoot: string, tamaguiOptions: any) => boolean;
-//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"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,YAWnF,CAAA"}