tamagui-loader 1.0.0-alpha.0 → 1.0.0-alpha.12

package/LICENSE

@@ -0,0 +1,21 @@
+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.

package/dist/cjs/index.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  default: () => src_default
+});
+process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
+process.env.TAMAGUI_COMPILE_PROCESS = "1";
+var src_default = require("./loader").loader;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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"],
+  "mappings": ";;;;;;;AAAA;AAAA;AAAA;AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,QAAQ,YAAY;",
+  "names": []
+}

package/dist/cjs/loader.js

@@ -0,0 +1,111 @@
+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;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  loader: () => loader
+});
+var import_static = __toModule(require("@tamagui/static"));
+var import_loader_utils = __toModule(require("loader-utils"));
+Error.stackTraceLimit = Infinity;
+const extractor = (0, import_static.createExtractor)();
+const stylesByFile = new Map();
+const stylePathToFilePath = 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();
+  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
+    (0, import_static.patchReactNativeWeb)();
+    hasPatched = true;
+  }
+  try {
+    const threaded = this.emitFile === void 0;
+    const options = __spreadValues({}, (0, import_loader_utils.getOptions)(this));
+    if (options.disableExtraction && (options.disableDebugAttr || process.env.NODE_ENV !== "development")) {
+      if (!hasLogged) {
+        console.log("\u{1F95A} Tamagui disableDebug & disableExtraction set, no parsing running");
+        hasLogged = true;
+      }
+      return callback(null, source);
+    }
+    const sourcePath = `${this.resourcePath}`;
+    const startsWithComment = source[0] === "/" && source[1] === "/";
+    const shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
+    if (options.cssPath || options.cssData) {
+      const out = options.cssData ? Buffer.from(options.cssData, "base64").toString("utf-8") : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath);
+      if (!out) {
+        console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`);
+      }
+      return callback(null, out);
+    }
+    if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
+      return callback(null, source);
+    }
+    const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
+    const extracted = (0, import_static.extractToClassNames)({
+      loader: this,
+      extractor,
+      source,
+      threaded,
+      sourcePath,
+      cssPath,
+      options,
+      shouldPrintDebug
+    });
+    if (!extracted) {
+      return callback(null, source);
+    }
+    if (!threaded) {
+      if (extracted.stylesPath) {
+        stylePathToFilePath.set(extracted.stylesPath, sourcePath);
+      }
+      if (extracted.styles) {
+        stylesByFile.set(sourcePath, extracted.styles);
+      }
+    }
+    callback(null, extracted.js, extracted.map);
+  } catch (err) {
+    console.error("ERROR", err);
+    return callback(null, source);
+  }
+}
+__name(loader, "loader");
+//# sourceMappingURL=loader.js.map

package/dist/cjs/loader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/loader.ts"],
+  "sourcesContent": ["import { extname } from 'path'\n\nimport {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport { getOptions } from 'loader-utils'\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nconst stylesByFile = new Map<string, string>()\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: 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 = { ...getOptions(this) }\n\n    if (\n      options.disableExtraction &&\n      (options.disableDebugAttr || process.env.NODE_ENV !== 'development')\n    ) {\n      if (!hasLogged) {\n        console.log('\uD83E\uDD5A Tamagui disableDebug & disableExtraction set, no parsing running')\n        hasLogged = true\n      }\n      return callback(null, source)\n    }\n\n    const sourcePath = `${this.resourcePath}`\n    const startsWithComment = source[0] === '/' && source[1] === '/'\n    const shouldPrintDebug =\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 outputted css\n    if (options.cssPath || options.cssData) {\n      const out = options.cssData\n        ? Buffer.from(options.cssData, 'base64').toString('utf-8')\n        : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath)\n      if (!out) {\n        console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`)\n      }\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      // @ts-ignore\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    if (!threaded) {\n      if (extracted.stylesPath) {\n        stylePathToFilePath.set(extracted.stylesPath, sourcePath)\n      }\n      if (extracted.styles) {\n        stylesByFile.set(sourcePath, extracted.styles)\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;AAEA,oBAKO;AACP,0BAA2B;AAE3B,MAAM,kBAAkB;AACxB,MAAM,YAAY;AAElB,MAAM,eAAe,IAAI;AACzB,MAAM,sBAAsB,IAAI;AAEhC,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,aAAa;AAEjB,QAAQ,IAAI,iBAAiB;AAEtB,gBAA2B,QAAgB;AAChD,OAAK;AACL,QAAM,WAAW,KAAK;AAEtB,MAAI,CAAC,QAAQ,IAAI,6BAA6B,CAAC,YAAY;AACzD;AACA,iBAAa;AAAA;AAGf,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,mBAAK,oCAAW;AAEhD,QACE,QAAQ,qBACP,SAAQ,oBAAoB,QAAQ,IAAI,aAAa,gBACtD;AACA,UAAI,CAAC,WAAW;AACd,gBAAQ,IAAI;AACZ,oBAAY;AAAA;AAEd,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,aAAa,GAAG,KAAK;AAC3B,UAAM,oBAAoB,OAAO,OAAO,OAAO,OAAO,OAAO;AAC7D,UAAM,mBACH,CAAC,CAAC,QAAQ,IAAI,SACZ,SAAQ,IAAI,aAAa,WAAW,SAAS,QAAQ,IAAI,cAAc,SAEzE,qBAAsB,QAAO,WAAW,eAAe,OAAO,WAAW;AAG5E,QAAI,QAAQ,WAAW,QAAQ,SAAS;AACtC,YAAM,MAAM,QAAQ,UAChB,OAAO,KAAK,QAAQ,SAAS,UAAU,SAAS,WAChD,aAAa,IAAI,oBAAoB,IAAI,eAAe;AAC5D,UAAI,CAAC,KAAK;AACR,gBAAQ,KAAK,gBAAgB,aAAa,QAAQ;AAAA;AAEpD,aAAO,SAAS,MAAM;AAAA;AAIxB,QACE,qBACC,QAAO,WAAW,wBAAwB,OAAO,WAAW,wBAC7D;AACA,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,UAAU,WAAW,GAAG,0BAA0B,GAAG,cAAc;AACzE,UAAM,YAAY,uCAAoB;AAAA,MAEpC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,QAAI,CAAC,WAAW;AACd,aAAO,SAAS,MAAM;AAAA;AAGxB,QAAI,CAAC,UAAU;AACb,UAAI,UAAU,YAAY;AACxB,4BAAoB,IAAI,UAAU,YAAY;AAAA;AAEhD,UAAI,UAAU,QAAQ;AACpB,qBAAa,IAAI,YAAY,UAAU;AAAA;AAAA;AAI3C,aAAS,MAAM,UAAU,IAAI,UAAU;AAAA,WAChC,KAAP;AACA,YAAQ,MAAM,SAAS;AACvB,WAAO,SAAS,MAAM;AAAA;AAAA;AAhFV;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
+process.env.TAMAGUI_COMPILE_PROCESS = "1";
+var src_default = require("./loader").loader;
+export {
+  src_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/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"],
+  "mappings": "AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,QAAQ,YAAY;",
+  "names": []
+}

package/dist/esm/loader.js

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import {
+  createExtractor,
+  extractToClassNames,
+  patchReactNativeWeb
+} from "@tamagui/static";
+import { getOptions } from "loader-utils";
+Error.stackTraceLimit = Infinity;
+const extractor = createExtractor();
+const stylesByFile = new Map();
+const stylePathToFilePath = 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();
+  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
+    patchReactNativeWeb();
+    hasPatched = true;
+  }
+  try {
+    const threaded = this.emitFile === void 0;
+    const options = { ...getOptions(this) };
+    if (options.disableExtraction && (options.disableDebugAttr || process.env.NODE_ENV !== "development")) {
+      if (!hasLogged) {
+        console.log("\u{1F95A} Tamagui disableDebug & disableExtraction set, no parsing running");
+        hasLogged = true;
+      }
+      return callback(null, source);
+    }
+    const sourcePath = `${this.resourcePath}`;
+    const startsWithComment = source[0] === "/" && source[1] === "/";
+    const shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
+    if (options.cssPath || options.cssData) {
+      const out = options.cssData ? Buffer.from(options.cssData, "base64").toString("utf-8") : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath);
+      if (!out) {
+        console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`);
+      }
+      return callback(null, out);
+    }
+    if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
+      return callback(null, source);
+    }
+    const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
+    const extracted = extractToClassNames({
+      loader: this,
+      extractor,
+      source,
+      threaded,
+      sourcePath,
+      cssPath,
+      options,
+      shouldPrintDebug
+    });
+    if (!extracted) {
+      return callback(null, source);
+    }
+    if (!threaded) {
+      if (extracted.stylesPath) {
+        stylePathToFilePath.set(extracted.stylesPath, sourcePath);
+      }
+      if (extracted.styles) {
+        stylesByFile.set(sourcePath, extracted.styles);
+      }
+    }
+    callback(null, extracted.js, extracted.map);
+  } catch (err) {
+    console.error("ERROR", err);
+    return callback(null, source);
+  }
+}
+__name(loader, "loader");
+export {
+  loader
+};
+//# sourceMappingURL=loader.js.map

package/dist/esm/loader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/loader.ts"],
+  "sourcesContent": ["import { extname } from 'path'\n\nimport {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport { getOptions } from 'loader-utils'\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nconst stylesByFile = new Map<string, string>()\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: 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 = { ...getOptions(this) }\n\n    if (\n      options.disableExtraction &&\n      (options.disableDebugAttr || process.env.NODE_ENV !== 'development')\n    ) {\n      if (!hasLogged) {\n        console.log('\uD83E\uDD5A Tamagui disableDebug & disableExtraction set, no parsing running')\n        hasLogged = true\n      }\n      return callback(null, source)\n    }\n\n    const sourcePath = `${this.resourcePath}`\n    const startsWithComment = source[0] === '/' && source[1] === '/'\n    const shouldPrintDebug =\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 outputted css\n    if (options.cssPath || options.cssData) {\n      const out = options.cssData\n        ? Buffer.from(options.cssData, 'base64').toString('utf-8')\n        : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath)\n      if (!out) {\n        console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`)\n      }\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      // @ts-ignore\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    if (!threaded) {\n      if (extracted.stylesPath) {\n        stylePathToFilePath.set(extracted.stylesPath, sourcePath)\n      }\n      if (extracted.styles) {\n        stylesByFile.set(sourcePath, extracted.styles)\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": ";;AAEA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA,MAAM,kBAAkB;AACxB,MAAM,YAAY;AAElB,MAAM,eAAe,IAAI;AACzB,MAAM,sBAAsB,IAAI;AAEhC,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,aAAa;AAEjB,QAAQ,IAAI,iBAAiB;AAEtB,gBAA2B,QAAgB;AAChD,OAAK;AACL,QAAM,WAAW,KAAK;AAEtB,MAAI,CAAC,QAAQ,IAAI,6BAA6B,CAAC,YAAY;AACzD;AACA,iBAAa;AAAA;AAGf,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,KAAK,WAAW;AAEhD,QACE,QAAQ,qBACP,SAAQ,oBAAoB,QAAQ,IAAI,aAAa,gBACtD;AACA,UAAI,CAAC,WAAW;AACd,gBAAQ,IAAI;AACZ,oBAAY;AAAA;AAEd,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,aAAa,GAAG,KAAK;AAC3B,UAAM,oBAAoB,OAAO,OAAO,OAAO,OAAO,OAAO;AAC7D,UAAM,mBACH,CAAC,CAAC,QAAQ,IAAI,SACZ,SAAQ,IAAI,aAAa,WAAW,SAAS,QAAQ,IAAI,cAAc,SAEzE,qBAAsB,QAAO,WAAW,eAAe,OAAO,WAAW;AAG5E,QAAI,QAAQ,WAAW,QAAQ,SAAS;AACtC,YAAM,MAAM,QAAQ,UAChB,OAAO,KAAK,QAAQ,SAAS,UAAU,SAAS,WAChD,aAAa,IAAI,oBAAoB,IAAI,eAAe;AAC5D,UAAI,CAAC,KAAK;AACR,gBAAQ,KAAK,gBAAgB,aAAa,QAAQ;AAAA;AAEpD,aAAO,SAAS,MAAM;AAAA;AAIxB,QACE,qBACC,QAAO,WAAW,wBAAwB,OAAO,WAAW,wBAC7D;AACA,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,UAAU,WAAW,GAAG,0BAA0B,GAAG,cAAc;AACzE,UAAM,YAAY,oBAAoB;AAAA,MAEpC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,QAAI,CAAC,WAAW;AACd,aAAO,SAAS,MAAM;AAAA;AAGxB,QAAI,CAAC,UAAU;AACb,UAAI,UAAU,YAAY;AACxB,4BAAoB,IAAI,UAAU,YAAY;AAAA;AAEhD,UAAI,UAAU,QAAQ;AACpB,qBAAa,IAAI,YAAY,UAAU;AAAA;AAAA;AAI3C,aAAS,MAAM,UAAU,IAAI,UAAU;AAAA,WAChC,KAAP;AACA,YAAQ,MAAM,SAAS;AACvB,WAAO,SAAS,MAAM;AAAA;AAAA;AAhFV;",
+  "names": []
+}

package/dist/index.cjs

@@ -48,15 +48,16 @@ __export(loader_exports, {
 function loader(source) {
   this.cacheable();
   const callback = this.async();
-  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH) {
+  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
     (0, import_static.patchReactNativeWeb)();
+    hasPatched = true;
   }
   try {
     const threaded = this.emitFile === void 0;
     const options = __spreadValues({}, (0, import_loader_utils.getOptions)(this));
-    if (options.disableExtraction) {
+    if (options.disableExtraction && (options.disableDebugAttr || process.env.NODE_ENV !== "development")) {
       if (!hasLogged) {
-        console.log("\u{1F95A} Tamagui disableExtraction set: no CSS or optimizations will be run");
+        console.log("\u{1F95A} Tamagui disableDebug & disableExtraction set, no parsing running");
         hasLogged = true;
       }
       return callback(null, source);
@@ -71,8 +72,7 @@ function loader(source) {
       }
       return callback(null, out);
     }
-    const isTamaguiInternalView = sourcePath.includes("/tamagui/");
-    if (!isTamaguiInternalView && ((0, import_path.extname)(sourcePath) !== ".tsx" || startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore")))) {
+    if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
       return callback(null, source);
     }
     const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
@@ -103,10 +103,9 @@ function loader(source) {
     return callback(null, source);
   }
 }
-var import_path, import_static, import_loader_utils, extractor, stylesByFile, stylePathToFilePath, index, hasLogged;
+var import_static, import_loader_utils, extractor, stylesByFile, stylePathToFilePath, index, hasLogged, hasPatched;
 var init_loader = __esm({
   "src/loader.ts"() {
-    import_path = __toModule(require("path"));
     import_static = __toModule(require("@tamagui/static"));
     import_loader_utils = __toModule(require("loader-utils"));
     Error.stackTraceLimit = Infinity;
@@ -115,6 +114,7 @@ var init_loader = __esm({
     stylePathToFilePath = new Map();
     index = 0;
     hasLogged = false;
+    hasPatched = false;
     process.env.TAMAGUI_TARGET = "web";
     __name(loader, "loader");
   }

package/dist/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/loader.ts", "../src/index.ts"],
-  "sourcesContent": ["import { extname } from 'path'\n\nimport {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport { getOptions } from 'loader-utils'\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nconst stylesByFile = new Map<string, string>()\nconst stylePathToFilePath = new Map<string, string>()\n\nlet index = 0\nlet hasLogged = false\n\nprocess.env.TAMAGUI_TARGET = 'web'\n\nexport function loader(this: any, source: string) {\n  this.cacheable()\n  const callback = this.async()\n\n  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH) {\n    patchReactNativeWeb()\n  }\n\n  try {\n    const threaded = this.emitFile === undefined\n    const options: TamaguiOptions = { ...getOptions(this) }\n\n    if (options.disableExtraction) {\n      if (!hasLogged) {\n        console.log('\uD83E\uDD5A Tamagui disableExtraction set: no CSS or optimizations will be run')\n        hasLogged = true\n      }\n      return callback(null, source)\n    }\n\n    const sourcePath = `${this.resourcePath}`\n    const startsWithComment = source[0] === '/' && source[1] === '/'\n    const shouldPrintDebug =\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 outputted css\n    if (options.cssPath || options.cssData) {\n      const out = options.cssData\n        ? Buffer.from(options.cssData, 'base64').toString('utf-8')\n        : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath)\n      if (!out) {\n        console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`)\n      }\n      return callback(null, out)\n    }\n\n    // check if should ignore\n    const isTamaguiInternalView = sourcePath.includes('/tamagui/')\n\n    if (\n      !isTamaguiInternalView &&\n      (extname(sourcePath) !== '.tsx' ||\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      // @ts-ignore\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    if (!threaded) {\n      if (extracted.stylesPath) {\n        stylePathToFilePath.set(extracted.stylesPath, sourcePath)\n      }\n      if (extracted.styles) {\n        stylesByFile.set(sourcePath, extracted.styles)\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", "process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'\nprocess.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport default require('./loader').loader\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAqBO,gBAA2B,QAAgB;AAChD,OAAK;AACL,QAAM,WAAW,KAAK;AAEtB,MAAI,CAAC,QAAQ,IAAI,2BAA2B;AAC1C;AAAA;AAGF,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,mBAAK,oCAAW;AAEhD,QAAI,QAAQ,mBAAmB;AAC7B,UAAI,CAAC,WAAW;AACd,gBAAQ,IAAI;AACZ,oBAAY;AAAA;AAEd,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,aAAa,GAAG,KAAK;AAC3B,UAAM,oBAAoB,OAAO,OAAO,OAAO,OAAO,OAAO;AAC7D,UAAM,mBACH,CAAC,CAAC,QAAQ,IAAI,SACZ,SAAQ,IAAI,aAAa,WAAW,SAAS,QAAQ,IAAI,cAAc,SAEzE,qBAAsB,QAAO,WAAW,eAAe,OAAO,WAAW;AAG5E,QAAI,QAAQ,WAAW,QAAQ,SAAS;AACtC,YAAM,MAAM,QAAQ,UAChB,OAAO,KAAK,QAAQ,SAAS,UAAU,SAAS,WAChD,aAAa,IAAI,oBAAoB,IAAI,eAAe;AAC5D,UAAI,CAAC,KAAK;AACR,gBAAQ,KAAK,gBAAgB,aAAa,QAAQ;AAAA;AAEpD,aAAO,SAAS,MAAM;AAAA;AAIxB,UAAM,wBAAwB,WAAW,SAAS;AAElD,QACE,CAAC,yBACA,0BAAQ,gBAAgB,UACtB,qBACE,QAAO,WAAW,wBAAwB,OAAO,WAAW,yBACjE;AACA,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,UAAU,WAAW,GAAG,0BAA0B,GAAG,cAAc;AACzE,UAAM,YAAY,uCAAoB;AAAA,MAEpC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,QAAI,CAAC,WAAW;AACd,aAAO,SAAS,MAAM;AAAA;AAGxB,QAAI,CAAC,UAAU;AACb,UAAI,UAAU,YAAY;AACxB,4BAAoB,IAAI,UAAU,YAAY;AAAA;AAEhD,UAAI,UAAU,QAAQ;AACpB,qBAAa,IAAI,YAAY,UAAU;AAAA;AAAA;AAI3C,aAAS,MAAM,UAAU,IAAI,UAAU;AAAA,WAChC,KAAP;AACA,YAAQ,MAAM,SAAS;AACvB,WAAO,SAAS,MAAM;AAAA;AAAA;AArG1B,iBAEA,eAMA,qBAGM,WAEA,cACA,qBAEF,OACA;AAjBJ;AAAA;AAAA,kBAAwB;AAExB,oBAKO;AACP,0BAA2B;AAE3B,UAAM,kBAAkB;AACxB,IAAM,YAAY;AAElB,IAAM,eAAe,IAAI;AACzB,IAAM,sBAAsB,IAAI;AAEhC,IAAI,QAAQ;AACZ,IAAI,YAAY;AAEhB,YAAQ,IAAI,iBAAiB;AAEb;AAAA;AAAA;;;ACrBhB;AAAA;AAAA;AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,gCAAoB;",
+  "sourcesContent": ["import { extname } from 'path'\n\nimport {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport { getOptions } from 'loader-utils'\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nconst stylesByFile = new Map<string, string>()\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: 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 = { ...getOptions(this) }\n\n    if (\n      options.disableExtraction &&\n      (options.disableDebugAttr || process.env.NODE_ENV !== 'development')\n    ) {\n      if (!hasLogged) {\n        console.log('\uD83E\uDD5A Tamagui disableDebug & disableExtraction set, no parsing running')\n        hasLogged = true\n      }\n      return callback(null, source)\n    }\n\n    const sourcePath = `${this.resourcePath}`\n    const startsWithComment = source[0] === '/' && source[1] === '/'\n    const shouldPrintDebug =\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 outputted css\n    if (options.cssPath || options.cssData) {\n      const out = options.cssData\n        ? Buffer.from(options.cssData, 'base64').toString('utf-8')\n        : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath)\n      if (!out) {\n        console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`)\n      }\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      // @ts-ignore\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    if (!threaded) {\n      if (extracted.stylesPath) {\n        stylePathToFilePath.set(extracted.stylesPath, sourcePath)\n      }\n      if (extracted.styles) {\n        stylesByFile.set(sourcePath, extracted.styles)\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", "process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'\nprocess.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport default require('./loader').loader\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAsBO,gBAA2B,QAAgB;AAChD,OAAK;AACL,QAAM,WAAW,KAAK;AAEtB,MAAI,CAAC,QAAQ,IAAI,6BAA6B,CAAC,YAAY;AACzD;AACA,iBAAa;AAAA;AAGf,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,mBAAK,oCAAW;AAEhD,QACE,QAAQ,qBACP,SAAQ,oBAAoB,QAAQ,IAAI,aAAa,gBACtD;AACA,UAAI,CAAC,WAAW;AACd,gBAAQ,IAAI;AACZ,oBAAY;AAAA;AAEd,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,aAAa,GAAG,KAAK;AAC3B,UAAM,oBAAoB,OAAO,OAAO,OAAO,OAAO,OAAO;AAC7D,UAAM,mBACH,CAAC,CAAC,QAAQ,IAAI,SACZ,SAAQ,IAAI,aAAa,WAAW,SAAS,QAAQ,IAAI,cAAc,SAEzE,qBAAsB,QAAO,WAAW,eAAe,OAAO,WAAW;AAG5E,QAAI,QAAQ,WAAW,QAAQ,SAAS;AACtC,YAAM,MAAM,QAAQ,UAChB,OAAO,KAAK,QAAQ,SAAS,UAAU,SAAS,WAChD,aAAa,IAAI,oBAAoB,IAAI,eAAe;AAC5D,UAAI,CAAC,KAAK;AACR,gBAAQ,KAAK,gBAAgB,aAAa,QAAQ;AAAA;AAEpD,aAAO,SAAS,MAAM;AAAA;AAIxB,QACE,qBACC,QAAO,WAAW,wBAAwB,OAAO,WAAW,wBAC7D;AACA,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,UAAU,WAAW,GAAG,0BAA0B,GAAG,cAAc;AACzE,UAAM,YAAY,uCAAoB;AAAA,MAEpC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,QAAI,CAAC,WAAW;AACd,aAAO,SAAS,MAAM;AAAA;AAGxB,QAAI,CAAC,UAAU;AACb,UAAI,UAAU,YAAY;AACxB,4BAAoB,IAAI,UAAU,YAAY;AAAA;AAEhD,UAAI,UAAU,QAAQ;AACpB,qBAAa,IAAI,YAAY,UAAU;AAAA;AAAA;AAI3C,aAAS,MAAM,UAAU,IAAI,UAAU;AAAA,WAChC,KAAP;AACA,YAAQ,MAAM,SAAS;AACvB,WAAO,SAAS,MAAM;AAAA;AAAA;AAtG1B,IAEA,eAMA,qBAGM,WAEA,cACA,qBAEF,OACA,WACA;AAlBJ;AAAA;AAEA,oBAKO;AACP,0BAA2B;AAE3B,UAAM,kBAAkB;AACxB,IAAM,YAAY;AAElB,IAAM,eAAe,IAAI;AACzB,IAAM,sBAAsB,IAAI;AAEhC,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,aAAa;AAEjB,YAAQ,IAAI,iBAAiB;AAEb;AAAA;AAAA;;;ACtBhB;AAAA;AAAA;AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,gCAAoB;",
   "names": []
 }

package/dist/jsx/index.js

@@ -0,0 +1,6 @@
+process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
+process.env.TAMAGUI_COMPILE_PROCESS = "1";
+var src_default = require("./loader").loader;
+export {
+  src_default as default
+};

package/dist/jsx/loader.js

@@ -0,0 +1,78 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import {
+  createExtractor,
+  extractToClassNames,
+  patchReactNativeWeb
+} from "@tamagui/static";
+import { getOptions } from "loader-utils";
+Error.stackTraceLimit = Infinity;
+const extractor = createExtractor();
+const stylesByFile = new Map();
+const stylePathToFilePath = 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();
+  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
+    patchReactNativeWeb();
+    hasPatched = true;
+  }
+  try {
+    const threaded = this.emitFile === void 0;
+    const options = { ...getOptions(this) };
+    if (options.disableExtraction && (options.disableDebugAttr || process.env.NODE_ENV !== "development")) {
+      if (!hasLogged) {
+        console.log("\u{1F95A} Tamagui disableDebug & disableExtraction set, no parsing running");
+        hasLogged = true;
+      }
+      return callback(null, source);
+    }
+    const sourcePath = `${this.resourcePath}`;
+    const startsWithComment = source[0] === "/" && source[1] === "/";
+    const shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
+    if (options.cssPath || options.cssData) {
+      const out = options.cssData ? Buffer.from(options.cssData, "base64").toString("utf-8") : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath);
+      if (!out) {
+        console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`);
+      }
+      return callback(null, out);
+    }
+    if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
+      return callback(null, source);
+    }
+    const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
+    const extracted = extractToClassNames({
+      loader: this,
+      extractor,
+      source,
+      threaded,
+      sourcePath,
+      cssPath,
+      options,
+      shouldPrintDebug
+    });
+    if (!extracted) {
+      return callback(null, source);
+    }
+    if (!threaded) {
+      if (extracted.stylesPath) {
+        stylePathToFilePath.set(extracted.stylesPath, sourcePath);
+      }
+      if (extracted.styles) {
+        stylesByFile.set(sourcePath, extracted.styles);
+      }
+    }
+    callback(null, extracted.js, extracted.map);
+  } catch (err) {
+    console.error("ERROR", err);
+    return callback(null, source);
+  }
+}
+__name(loader, "loader");
+export {
+  loader
+};

package/dist/loader.js

@@ -1,6 +1,5 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { extname } from "path";
 import {
   createExtractor,
   extractToClassNames,
@@ -13,19 +12,21 @@ const stylesByFile = new Map();
 const stylePathToFilePath = 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();
-  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH) {
+  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
     patchReactNativeWeb();
+    hasPatched = true;
   }
   try {
     const threaded = this.emitFile === void 0;
     const options = { ...getOptions(this) };
-    if (options.disableExtraction) {
+    if (options.disableExtraction && (options.disableDebugAttr || process.env.NODE_ENV !== "development")) {
       if (!hasLogged) {
-        console.log("\u{1F95A} Tamagui disableExtraction set: no CSS or optimizations will be run");
+        console.log("\u{1F95A} Tamagui disableDebug & disableExtraction set, no parsing running");
         hasLogged = true;
       }
       return callback(null, source);
@@ -40,8 +41,7 @@ function loader(source) {
       }
       return callback(null, out);
     }
-    const isTamaguiInternalView = sourcePath.includes("/tamagui/");
-    if (!isTamaguiInternalView && (extname(sourcePath) !== ".tsx" || startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore")))) {
+    if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
       return callback(null, source);
     }
     const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;

package/dist/loader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/loader.ts"],
-  "sourcesContent": ["import { extname } from 'path'\n\nimport {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport { getOptions } from 'loader-utils'\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nconst stylesByFile = new Map<string, string>()\nconst stylePathToFilePath = new Map<string, string>()\n\nlet index = 0\nlet hasLogged = false\n\nprocess.env.TAMAGUI_TARGET = 'web'\n\nexport function loader(this: any, source: string) {\n  this.cacheable()\n  const callback = this.async()\n\n  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH) {\n    patchReactNativeWeb()\n  }\n\n  try {\n    const threaded = this.emitFile === undefined\n    const options: TamaguiOptions = { ...getOptions(this) }\n\n    if (options.disableExtraction) {\n      if (!hasLogged) {\n        console.log('\uD83E\uDD5A Tamagui disableExtraction set: no CSS or optimizations will be run')\n        hasLogged = true\n      }\n      return callback(null, source)\n    }\n\n    const sourcePath = `${this.resourcePath}`\n    const startsWithComment = source[0] === '/' && source[1] === '/'\n    const shouldPrintDebug =\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 outputted css\n    if (options.cssPath || options.cssData) {\n      const out = options.cssData\n        ? Buffer.from(options.cssData, 'base64').toString('utf-8')\n        : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath)\n      if (!out) {\n        console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`)\n      }\n      return callback(null, out)\n    }\n\n    // check if should ignore\n    const isTamaguiInternalView = sourcePath.includes('/tamagui/')\n\n    if (\n      !isTamaguiInternalView &&\n      (extname(sourcePath) !== '.tsx' ||\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      // @ts-ignore\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    if (!threaded) {\n      if (extracted.stylesPath) {\n        stylePathToFilePath.set(extracted.stylesPath, sourcePath)\n      }\n      if (extracted.styles) {\n        stylesByFile.set(sourcePath, extracted.styles)\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;AAEA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA,MAAM,kBAAkB;AACxB,MAAM,YAAY;AAElB,MAAM,eAAe,IAAI;AACzB,MAAM,sBAAsB,IAAI;AAEhC,IAAI,QAAQ;AACZ,IAAI,YAAY;AAEhB,QAAQ,IAAI,iBAAiB;AAEtB,gBAA2B,QAAgB;AAChD,OAAK;AACL,QAAM,WAAW,KAAK;AAEtB,MAAI,CAAC,QAAQ,IAAI,2BAA2B;AAC1C;AAAA;AAGF,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,KAAK,WAAW;AAEhD,QAAI,QAAQ,mBAAmB;AAC7B,UAAI,CAAC,WAAW;AACd,gBAAQ,IAAI;AACZ,oBAAY;AAAA;AAEd,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,aAAa,GAAG,KAAK;AAC3B,UAAM,oBAAoB,OAAO,OAAO,OAAO,OAAO,OAAO;AAC7D,UAAM,mBACH,CAAC,CAAC,QAAQ,IAAI,SACZ,SAAQ,IAAI,aAAa,WAAW,SAAS,QAAQ,IAAI,cAAc,SAEzE,qBAAsB,QAAO,WAAW,eAAe,OAAO,WAAW;AAG5E,QAAI,QAAQ,WAAW,QAAQ,SAAS;AACtC,YAAM,MAAM,QAAQ,UAChB,OAAO,KAAK,QAAQ,SAAS,UAAU,SAAS,WAChD,aAAa,IAAI,oBAAoB,IAAI,eAAe;AAC5D,UAAI,CAAC,KAAK;AACR,gBAAQ,KAAK,gBAAgB,aAAa,QAAQ;AAAA;AAEpD,aAAO,SAAS,MAAM;AAAA;AAIxB,UAAM,wBAAwB,WAAW,SAAS;AAElD,QACE,CAAC,yBACA,SAAQ,gBAAgB,UACtB,qBACE,QAAO,WAAW,wBAAwB,OAAO,WAAW,yBACjE;AACA,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,UAAU,WAAW,GAAG,0BAA0B,GAAG,cAAc;AACzE,UAAM,YAAY,oBAAoB;AAAA,MAEpC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,QAAI,CAAC,WAAW;AACd,aAAO,SAAS,MAAM;AAAA;AAGxB,QAAI,CAAC,UAAU;AACb,UAAI,UAAU,YAAY;AACxB,4BAAoB,IAAI,UAAU,YAAY;AAAA;AAEhD,UAAI,UAAU,QAAQ;AACpB,qBAAa,IAAI,YAAY,UAAU;AAAA;AAAA;AAI3C,aAAS,MAAM,UAAU,IAAI,UAAU;AAAA,WAChC,KAAP;AACA,YAAQ,MAAM,SAAS;AACvB,WAAO,SAAS,MAAM;AAAA;AAAA;AAhFV;",
+  "sourcesContent": ["import { extname } from 'path'\n\nimport {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  patchReactNativeWeb,\n} from '@tamagui/static'\nimport { getOptions } from 'loader-utils'\n\nError.stackTraceLimit = Infinity\nconst extractor = createExtractor()\n\nconst stylesByFile = new Map<string, string>()\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: 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 = { ...getOptions(this) }\n\n    if (\n      options.disableExtraction &&\n      (options.disableDebugAttr || process.env.NODE_ENV !== 'development')\n    ) {\n      if (!hasLogged) {\n        console.log('\uD83E\uDD5A Tamagui disableDebug & disableExtraction set, no parsing running')\n        hasLogged = true\n      }\n      return callback(null, source)\n    }\n\n    const sourcePath = `${this.resourcePath}`\n    const startsWithComment = source[0] === '/' && source[1] === '/'\n    const shouldPrintDebug =\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 outputted css\n    if (options.cssPath || options.cssData) {\n      const out = options.cssData\n        ? Buffer.from(options.cssData, 'base64').toString('utf-8')\n        : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath)\n      if (!out) {\n        console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`)\n      }\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      // @ts-ignore\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    if (!threaded) {\n      if (extracted.stylesPath) {\n        stylePathToFilePath.set(extracted.stylesPath, sourcePath)\n      }\n      if (extracted.styles) {\n        stylesByFile.set(sourcePath, extracted.styles)\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": ";;AAEA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA,MAAM,kBAAkB;AACxB,MAAM,YAAY;AAElB,MAAM,eAAe,IAAI;AACzB,MAAM,sBAAsB,IAAI;AAEhC,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,aAAa;AAEjB,QAAQ,IAAI,iBAAiB;AAEtB,gBAA2B,QAAgB;AAChD,OAAK;AACL,QAAM,WAAW,KAAK;AAEtB,MAAI,CAAC,QAAQ,IAAI,6BAA6B,CAAC,YAAY;AACzD;AACA,iBAAa;AAAA;AAGf,MAAI;AACF,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,UAA0B,KAAK,WAAW;AAEhD,QACE,QAAQ,qBACP,SAAQ,oBAAoB,QAAQ,IAAI,aAAa,gBACtD;AACA,UAAI,CAAC,WAAW;AACd,gBAAQ,IAAI;AACZ,oBAAY;AAAA;AAEd,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,aAAa,GAAG,KAAK;AAC3B,UAAM,oBAAoB,OAAO,OAAO,OAAO,OAAO,OAAO;AAC7D,UAAM,mBACH,CAAC,CAAC,QAAQ,IAAI,SACZ,SAAQ,IAAI,aAAa,WAAW,SAAS,QAAQ,IAAI,cAAc,SAEzE,qBAAsB,QAAO,WAAW,eAAe,OAAO,WAAW;AAG5E,QAAI,QAAQ,WAAW,QAAQ,SAAS;AACtC,YAAM,MAAM,QAAQ,UAChB,OAAO,KAAK,QAAQ,SAAS,UAAU,SAAS,WAChD,aAAa,IAAI,oBAAoB,IAAI,eAAe;AAC5D,UAAI,CAAC,KAAK;AACR,gBAAQ,KAAK,gBAAgB,aAAa,QAAQ;AAAA;AAEpD,aAAO,SAAS,MAAM;AAAA;AAIxB,QACE,qBACC,QAAO,WAAW,wBAAwB,OAAO,WAAW,wBAC7D;AACA,aAAO,SAAS,MAAM;AAAA;AAGxB,UAAM,UAAU,WAAW,GAAG,0BAA0B,GAAG,cAAc;AACzE,UAAM,YAAY,oBAAoB;AAAA,MAEpC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,QAAI,CAAC,WAAW;AACd,aAAO,SAAS,MAAM;AAAA;AAGxB,QAAI,CAAC,UAAU;AACb,UAAI,UAAU,YAAY;AACxB,4BAAoB,IAAI,UAAU,YAAY;AAAA;AAEhD,UAAI,UAAU,QAAQ;AACpB,qBAAa,IAAI,YAAY,UAAU;AAAA;AAAA;AAI3C,aAAS,MAAM,UAAU,IAAI,UAAU;AAAA,WAChC,KAAP;AACA,YAAQ,MAAM,SAAS;AACvB,WAAO,SAAS,MAAM;AAAA;AAAA;AAhFV;",
   "names": []
 }

package/package.json

@@ -1,29 +1,30 @@
 {
   "name": "tamagui-loader",
-  "version": "1.0.0-alpha.0",
-  "source": "src/index.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "typings": "types.d.ts",
+  "version": "1.0.0-alpha.12",
+  "typings": "types",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/_jsx",
   "files": [
-    "dist",
-    "src"
+    "types",
+    "src",
+    "dist"
   ],
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
-    "@tamagui/static": "^1.0.0-alpha.0",
+    "@tamagui/static": "^1.0.0-alpha.12",
     "fs-extra": "^9.1.0",
     "loader-utils": "^2.0.0",
     "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.0"
+    "@tamagui/build": "^1.0.0-alpha.12"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a41c5a5b08be5518d138515137122c248e3f7c71"
+  "gitHead": "d50261a4e08d2212395af4f2d8f49555fc780c3e"
 }

package/src/loader.ts

@@ -16,6 +16,7 @@ const stylePathToFilePath = new Map<string, string>()
 
 let index = 0
 let hasLogged = false
+let hasPatched = false
 
 process.env.TAMAGUI_TARGET = 'web'
 
@@ -23,17 +24,21 @@ export function loader(this: any, source: string) {
   this.cacheable()
   const callback = this.async()
 
-  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH) {
+  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
     patchReactNativeWeb()
+    hasPatched = true
   }
 
   try {
     const threaded = this.emitFile === undefined
     const options: TamaguiOptions = { ...getOptions(this) }
 
-    if (options.disableExtraction) {
+    if (
+      options.disableExtraction &&
+      (options.disableDebugAttr || process.env.NODE_ENV !== 'development')
+    ) {
       if (!hasLogged) {
-        console.log('🥚 Tamagui disableExtraction set: no CSS or optimizations will be run')
+        console.log('🥚 Tamagui disableDebug & disableExtraction set, no parsing running')
         hasLogged = true
       }
       return callback(null, source)
@@ -59,13 +64,9 @@ export function loader(this: any, source: string) {
     }
 
     // check if should ignore
-    const isTamaguiInternalView = sourcePath.includes('/tamagui/')
-
     if (
-      !isTamaguiInternalView &&
-      (extname(sourcePath) !== '.tsx' ||
-        (startsWithComment &&
-          (source.startsWith('// tamagui-ignore') || source.startsWith('//! tamagui-ignore'))))
+      startsWithComment &&
+      (source.startsWith('// tamagui-ignore') || source.startsWith('//! tamagui-ignore'))
     ) {
       return callback(null, source)
     }

package/types/index.d.ts

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAGA,wBAAyC"}

package/types/loader.d.ts

@@ -0,0 +1,2 @@
+export declare function loader(this: any, source: string): any;
+//# sourceMappingURL=loader.d.ts.map

package/types/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAsBA,wBAAgB,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,OAkF/C"}