tamagui-loader 1.0.0-alpha.0

package/dist/index.cjs

@@ -0,0 +1,130 @@
+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 __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[Object.keys(fn)[0]])(fn = 0)), res;
+};
+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);
+};
+
+// src/loader.ts
+var loader_exports = {};
+__export(loader_exports, {
+  loader: () => loader
+});
+function loader(source) {
+  this.cacheable();
+  const callback = this.async();
+  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH) {
+    (0, import_static.patchReactNativeWeb)();
+  }
+  try {
+    const threaded = this.emitFile === void 0;
+    const options = __spreadValues({}, (0, import_loader_utils.getOptions)(this));
+    if (options.disableExtraction) {
+      if (!hasLogged) {
+        console.log("\u{1F95A} Tamagui disableExtraction set: no CSS or optimizations will be run");
+        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);
+    }
+    const isTamaguiInternalView = sourcePath.includes("/tamagui/");
+    if (!isTamaguiInternalView && ((0, import_path.extname)(sourcePath) !== ".tsx" || 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);
+  }
+}
+var import_path, import_static, import_loader_utils, extractor, stylesByFile, stylePathToFilePath, index, hasLogged;
+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;
+    extractor = (0, import_static.createExtractor)();
+    stylesByFile = new Map();
+    stylePathToFilePath = new Map();
+    index = 0;
+    hasLogged = false;
+    process.env.TAMAGUI_TARGET = "web";
+    __name(loader, "loader");
+  }
+});
+
+// src/index.ts
+__export(exports, {
+  default: () => src_default
+});
+process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
+process.env.TAMAGUI_COMPILE_PROCESS = "1";
+var src_default = (init_loader(), loader_exports).loader;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +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;",
+  "names": []
+}

package/dist/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/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/loader.js

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { extname } from "path";
+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;
+process.env.TAMAGUI_TARGET = "web";
+function loader(source) {
+  this.cacheable();
+  const callback = this.async();
+  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH) {
+    patchReactNativeWeb();
+  }
+  try {
+    const threaded = this.emitFile === void 0;
+    const options = { ...getOptions(this) };
+    if (options.disableExtraction) {
+      if (!hasLogged) {
+        console.log("\u{1F95A} Tamagui disableExtraction set: no CSS or optimizations will be run");
+        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);
+    }
+    const isTamaguiInternalView = sourcePath.includes("/tamagui/");
+    if (!isTamaguiInternalView && (extname(sourcePath) !== ".tsx" || 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/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\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;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "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",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch"
+  },
+  "dependencies": {
+    "@tamagui/static": "^1.0.0-alpha.0",
+    "fs-extra": "^9.1.0",
+    "loader-utils": "^2.0.0",
+    "lodash": "^4.17.21"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.0-alpha.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "a41c5a5b08be5518d138515137122c248e3f7c71"
+}

package/src/index.ts

@@ -0,0 +1,4 @@
+process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'
+process.env.TAMAGUI_COMPILE_PROCESS = '1'
+
+export default require('./loader').loader

package/src/loader.ts

@@ -0,0 +1,104 @@
+import { extname } from 'path'
+
+import {
+  TamaguiOptions,
+  createExtractor,
+  extractToClassNames,
+  patchReactNativeWeb,
+} from '@tamagui/static'
+import { getOptions } from 'loader-utils'
+
+Error.stackTraceLimit = Infinity
+const extractor = createExtractor()
+
+const stylesByFile = new Map<string, string>()
+const stylePathToFilePath = new Map<string, string>()
+
+let index = 0
+let hasLogged = false
+
+process.env.TAMAGUI_TARGET = 'web'
+
+export function loader(this: any, source: string) {
+  this.cacheable()
+  const callback = this.async()
+
+  if (!process.env.TAMAGUI_DISABLE_RNW_PATCH) {
+    patchReactNativeWeb()
+  }
+
+  try {
+    const threaded = this.emitFile === undefined
+    const options: TamaguiOptions = { ...getOptions(this) }
+
+    if (options.disableExtraction) {
+      if (!hasLogged) {
+        console.log('🥚 Tamagui disableExtraction set: no CSS or optimizations will be run')
+        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)) ||
+      // supports esbuild style //! comments
+      (startsWithComment && (source.startsWith('// debug') || source.startsWith('//! debug')))
+
+    // if outputted css
+    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)
+    }
+
+    // check if should ignore
+    const isTamaguiInternalView = sourcePath.includes('/tamagui/')
+
+    if (
+      !isTamaguiInternalView &&
+      (extname(sourcePath) !== '.tsx' ||
+        (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({
+      // @ts-ignore
+      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)
+  }
+}