tamagui-loader 1.0.0-alpha.7 → 1.0.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css.js +68 -0
- package/dist/cjs/css.js.map +7 -0
- package/dist/cjs/index.js +38 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/loader.js +100 -0
- package/dist/cjs/loader.js.map +7 -0
- package/dist/esm/css.js +32 -0
- package/dist/esm/css.js.map +7 -0
- package/dist/esm/index.js +16 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/loader.js +65 -0
- package/dist/esm/loader.js.map +7 -0
- package/dist/jsx/css.js +31 -0
- package/dist/jsx/index.js +15 -0
- package/dist/jsx/loader.js +64 -0
- package/package.json +13 -13
- package/types/css.d.ts +6 -0
- package/types/css.d.ts.map +1 -0
- package/types/index.d.ts +4 -0
- package/types/index.d.ts.map +1 -0
- package/types/loader.d.ts +3 -0
- package/types/loader.d.ts.map +1 -0
- package/LICENSE +0 -21
- package/dist/index.cjs +0 -132
- package/dist/index.cjs.map +0 -7
- package/dist/index.js +0 -7
- package/dist/index.js.map +0 -7
- package/dist/loader.js +0 -81
- package/dist/loader.js.map +0 -7
- package/src/index.ts +0 -4
- package/src/loader.ts +0 -107
- package/types.d.ts +0 -6
package/dist/cjs/css.js
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
20
|
+
var __export = (target, all) => {
|
|
21
|
+
for (var name in all)
|
|
22
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
23
|
+
};
|
|
24
|
+
var __copyProps = (to, from, except, desc) => {
|
|
25
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
26
|
+
for (let key of __getOwnPropNames(from))
|
|
27
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
28
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
29
|
+
}
|
|
30
|
+
return to;
|
|
31
|
+
};
|
|
32
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
33
|
+
var css_exports = {};
|
|
34
|
+
__export(css_exports, {
|
|
35
|
+
default: () => loader,
|
|
36
|
+
extractedInfoByFile: () => extractedInfoByFile,
|
|
37
|
+
stylePathToFilePath: () => stylePathToFilePath
|
|
38
|
+
});
|
|
39
|
+
module.exports = __toCommonJS(css_exports);
|
|
40
|
+
const extractedInfoByFile = /* @__PURE__ */ new Map();
|
|
41
|
+
const stylePathToFilePath = /* @__PURE__ */ new Map();
|
|
42
|
+
function loader(source) {
|
|
43
|
+
this.async();
|
|
44
|
+
const options = __spreadValues({}, this.getOptions());
|
|
45
|
+
const sourcePath = `${this.resourcePath}`;
|
|
46
|
+
let out = "";
|
|
47
|
+
if (options.cssPath) {
|
|
48
|
+
const pathKey = stylePathToFilePath.get(sourcePath) ?? sourcePath;
|
|
49
|
+
const info = extractedInfoByFile.get(pathKey);
|
|
50
|
+
stylePathToFilePath.delete(sourcePath);
|
|
51
|
+
extractedInfoByFile.delete(pathKey);
|
|
52
|
+
const out2 = info == null ? void 0 : info.styles;
|
|
53
|
+
return this.callback(null, out2 || "");
|
|
54
|
+
} else if (options.cssData) {
|
|
55
|
+
out = Buffer.from(options.cssData, "base64").toString("utf-8");
|
|
56
|
+
}
|
|
57
|
+
if (options.cssData || options.cssPath) {
|
|
58
|
+
return this.callback(null, out || "");
|
|
59
|
+
}
|
|
60
|
+
this.callback({ message: `No CSS found`, name: "missing_css" });
|
|
61
|
+
}
|
|
62
|
+
__name(loader, "loader");
|
|
63
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
64
|
+
0 && (module.exports = {
|
|
65
|
+
extractedInfoByFile,
|
|
66
|
+
stylePathToFilePath
|
|
67
|
+
});
|
|
68
|
+
//# sourceMappingURL=css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/css.ts"],
|
|
4
|
+
"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"],
|
|
5
|
+
"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;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var src_exports = {};
|
|
20
|
+
__export(src_exports, {
|
|
21
|
+
default: () => src_default,
|
|
22
|
+
shouldExclude: () => shouldExclude
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(src_exports);
|
|
25
|
+
process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
|
|
26
|
+
process.env.TAMAGUI_COMPILE_PROCESS = "1";
|
|
27
|
+
var src_default = require("./loader").loader;
|
|
28
|
+
const shouldExclude = /* @__PURE__ */ __name((path, projectRoot, tamaguiOptions) => {
|
|
29
|
+
if (path.includes("react-native-reanimated") || path.includes("react-native-gesture-handler") || path.includes(projectRoot) || path.includes("/dist/jsx/")) {
|
|
30
|
+
return false;
|
|
31
|
+
}
|
|
32
|
+
return true;
|
|
33
|
+
}, "shouldExclude");
|
|
34
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
35
|
+
0 && (module.exports = {
|
|
36
|
+
shouldExclude
|
|
37
|
+
});
|
|
38
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/index.ts"],
|
|
4
|
+
"sourcesContent": ["process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'\nprocess.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport default require('./loader').loader\n\n// helper for webpack exclude specific to tamagui\n\nexport const shouldExclude = (path: string, projectRoot: string, tamaguiOptions: any) => {\n if (\n path.includes('react-native-reanimated') ||\n path.includes('react-native-gesture-handler') ||\n path.includes(projectRoot) ||\n path.includes('/dist/jsx/')\n ) {\n return false\n }\n return true\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,QAAQ,UAAU,EAAE;AAI5B,MAAM,gBAAgB,wBAAC,MAAc,aAAqB,mBAAwB;AACvF,MACE,KAAK,SAAS,yBAAyB,KACvC,KAAK,SAAS,8BAA8B,KAC5C,KAAK,SAAS,WAAW,KACzB,KAAK,SAAS,YAAY,GAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT,GAV6B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
+
var __spreadValues = (a, b) => {
|
|
11
|
+
for (var prop in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
if (__getOwnPropSymbols)
|
|
15
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
}
|
|
19
|
+
return a;
|
|
20
|
+
};
|
|
21
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
22
|
+
var __export = (target, all) => {
|
|
23
|
+
for (var name in all)
|
|
24
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
25
|
+
};
|
|
26
|
+
var __copyProps = (to, from, except, desc) => {
|
|
27
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
28
|
+
for (let key of __getOwnPropNames(from))
|
|
29
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
30
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
31
|
+
}
|
|
32
|
+
return to;
|
|
33
|
+
};
|
|
34
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
35
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
36
|
+
var loader_exports = {};
|
|
37
|
+
__export(loader_exports, {
|
|
38
|
+
loader: () => loader
|
|
39
|
+
});
|
|
40
|
+
module.exports = __toCommonJS(loader_exports);
|
|
41
|
+
var import_static = require("@tamagui/static");
|
|
42
|
+
var import_css = require("./css");
|
|
43
|
+
Error.stackTraceLimit = Infinity;
|
|
44
|
+
const extractor = (0, import_static.createExtractor)();
|
|
45
|
+
let index = 0;
|
|
46
|
+
let hasLogged = false;
|
|
47
|
+
let hasPatched = false;
|
|
48
|
+
process.env.TAMAGUI_TARGET = "web";
|
|
49
|
+
function loader(source) {
|
|
50
|
+
this.cacheable();
|
|
51
|
+
this.async();
|
|
52
|
+
if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
|
|
53
|
+
(0, import_static.patchReactNativeWeb)();
|
|
54
|
+
hasPatched = true;
|
|
55
|
+
}
|
|
56
|
+
try {
|
|
57
|
+
const threaded = this.emitFile === void 0;
|
|
58
|
+
const options = __spreadValues({}, this.getOptions());
|
|
59
|
+
const sourcePath = `${this.resourcePath}`;
|
|
60
|
+
const startsWithComment = source[0] === "/" && source[1] === "/";
|
|
61
|
+
let shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
|
|
62
|
+
if (shouldPrintDebug && source.startsWith("// debug-verbose")) {
|
|
63
|
+
shouldPrintDebug = "verbose";
|
|
64
|
+
}
|
|
65
|
+
if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
|
|
66
|
+
return this.callback(null, source);
|
|
67
|
+
}
|
|
68
|
+
const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
|
|
69
|
+
const extracted = (0, import_static.extractToClassNames)({
|
|
70
|
+
loader: this,
|
|
71
|
+
extractor,
|
|
72
|
+
cssLoaderPath: require.resolve("./css"),
|
|
73
|
+
source,
|
|
74
|
+
threaded,
|
|
75
|
+
sourcePath,
|
|
76
|
+
cssPath,
|
|
77
|
+
options,
|
|
78
|
+
shouldPrintDebug
|
|
79
|
+
});
|
|
80
|
+
if (!extracted) {
|
|
81
|
+
return this.callback(null, source);
|
|
82
|
+
}
|
|
83
|
+
import_css.extractedInfoByFile.set(sourcePath, extracted);
|
|
84
|
+
if (!threaded) {
|
|
85
|
+
if (extracted.stylesPath) {
|
|
86
|
+
import_css.stylePathToFilePath.set(extracted.stylesPath, sourcePath);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
this.callback(null, extracted.js, extracted.map);
|
|
90
|
+
} catch (err) {
|
|
91
|
+
console.error("ERROR", err);
|
|
92
|
+
return this.callback(null, source);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
__name(loader, "loader");
|
|
96
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
97
|
+
0 && (module.exports = {
|
|
98
|
+
loader
|
|
99
|
+
});
|
|
100
|
+
//# sourceMappingURL=loader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/loader.ts"],
|
|
4
|
+
"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"],
|
|
5
|
+
"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;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/esm/css.js
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
const extractedInfoByFile = /* @__PURE__ */ new Map();
|
|
4
|
+
const stylePathToFilePath = /* @__PURE__ */ new Map();
|
|
5
|
+
function loader(source) {
|
|
6
|
+
var _a;
|
|
7
|
+
this.async();
|
|
8
|
+
const options = { ...this.getOptions() };
|
|
9
|
+
const sourcePath = `${this.resourcePath}`;
|
|
10
|
+
let out = "";
|
|
11
|
+
if (options.cssPath) {
|
|
12
|
+
const pathKey = (_a = stylePathToFilePath.get(sourcePath)) != null ? _a : sourcePath;
|
|
13
|
+
const info = extractedInfoByFile.get(pathKey);
|
|
14
|
+
stylePathToFilePath.delete(sourcePath);
|
|
15
|
+
extractedInfoByFile.delete(pathKey);
|
|
16
|
+
const out2 = info == null ? void 0 : info.styles;
|
|
17
|
+
return this.callback(null, out2 || "");
|
|
18
|
+
} else if (options.cssData) {
|
|
19
|
+
out = Buffer.from(options.cssData, "base64").toString("utf-8");
|
|
20
|
+
}
|
|
21
|
+
if (options.cssData || options.cssPath) {
|
|
22
|
+
return this.callback(null, out || "");
|
|
23
|
+
}
|
|
24
|
+
this.callback({ message: `No CSS found`, name: "missing_css" });
|
|
25
|
+
}
|
|
26
|
+
__name(loader, "loader");
|
|
27
|
+
export {
|
|
28
|
+
loader as default,
|
|
29
|
+
extractedInfoByFile,
|
|
30
|
+
stylePathToFilePath
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/css.ts"],
|
|
4
|
+
"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"],
|
|
5
|
+
"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;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
|
|
4
|
+
process.env.TAMAGUI_COMPILE_PROCESS = "1";
|
|
5
|
+
var src_default = require("./loader").loader;
|
|
6
|
+
const shouldExclude = /* @__PURE__ */ __name((path, projectRoot, tamaguiOptions) => {
|
|
7
|
+
if (path.includes("react-native-reanimated") || path.includes("react-native-gesture-handler") || path.includes(projectRoot) || path.includes("/dist/jsx/")) {
|
|
8
|
+
return false;
|
|
9
|
+
}
|
|
10
|
+
return true;
|
|
11
|
+
}, "shouldExclude");
|
|
12
|
+
export {
|
|
13
|
+
src_default as default,
|
|
14
|
+
shouldExclude
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/index.ts"],
|
|
4
|
+
"sourcesContent": ["process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'\nprocess.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport default require('./loader').loader\n\n// helper for webpack exclude specific to tamagui\n\nexport const shouldExclude = (path: string, projectRoot: string, tamaguiOptions: any) => {\n if (\n path.includes('react-native-reanimated') ||\n path.includes('react-native-gesture-handler') ||\n path.includes(projectRoot) ||\n path.includes('/dist/jsx/')\n ) {\n return false\n }\n return true\n}\n"],
|
|
5
|
+
"mappings": ";;AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,QAAQ,UAAU,EAAE;AAI5B,MAAM,gBAAgB,wBAAC,MAAc,aAAqB,mBAAwB;AACvF,MACE,KAAK,SAAS,yBAAyB,KACvC,KAAK,SAAS,8BAA8B,KAC5C,KAAK,SAAS,WAAW,KACzB,KAAK,SAAS,YAAY,GAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT,GAV6B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import {
|
|
4
|
+
createExtractor,
|
|
5
|
+
extractToClassNames,
|
|
6
|
+
patchReactNativeWeb
|
|
7
|
+
} from "@tamagui/static";
|
|
8
|
+
import { extractedInfoByFile, stylePathToFilePath } from "./css";
|
|
9
|
+
Error.stackTraceLimit = Infinity;
|
|
10
|
+
const extractor = createExtractor();
|
|
11
|
+
let index = 0;
|
|
12
|
+
let hasLogged = false;
|
|
13
|
+
let hasPatched = false;
|
|
14
|
+
process.env.TAMAGUI_TARGET = "web";
|
|
15
|
+
function loader(source) {
|
|
16
|
+
this.cacheable();
|
|
17
|
+
this.async();
|
|
18
|
+
if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
|
|
19
|
+
patchReactNativeWeb();
|
|
20
|
+
hasPatched = true;
|
|
21
|
+
}
|
|
22
|
+
try {
|
|
23
|
+
const threaded = this.emitFile === void 0;
|
|
24
|
+
const options = { ...this.getOptions() };
|
|
25
|
+
const sourcePath = `${this.resourcePath}`;
|
|
26
|
+
const startsWithComment = source[0] === "/" && source[1] === "/";
|
|
27
|
+
let shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
|
|
28
|
+
if (shouldPrintDebug && source.startsWith("// debug-verbose")) {
|
|
29
|
+
shouldPrintDebug = "verbose";
|
|
30
|
+
}
|
|
31
|
+
if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
|
|
32
|
+
return this.callback(null, source);
|
|
33
|
+
}
|
|
34
|
+
const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
|
|
35
|
+
const extracted = extractToClassNames({
|
|
36
|
+
loader: this,
|
|
37
|
+
extractor,
|
|
38
|
+
cssLoaderPath: require.resolve("./css"),
|
|
39
|
+
source,
|
|
40
|
+
threaded,
|
|
41
|
+
sourcePath,
|
|
42
|
+
cssPath,
|
|
43
|
+
options,
|
|
44
|
+
shouldPrintDebug
|
|
45
|
+
});
|
|
46
|
+
if (!extracted) {
|
|
47
|
+
return this.callback(null, source);
|
|
48
|
+
}
|
|
49
|
+
extractedInfoByFile.set(sourcePath, extracted);
|
|
50
|
+
if (!threaded) {
|
|
51
|
+
if (extracted.stylesPath) {
|
|
52
|
+
stylePathToFilePath.set(extracted.stylesPath, sourcePath);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
this.callback(null, extracted.js, extracted.map);
|
|
56
|
+
} catch (err) {
|
|
57
|
+
console.error("ERROR", err);
|
|
58
|
+
return this.callback(null, source);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
__name(loader, "loader");
|
|
62
|
+
export {
|
|
63
|
+
loader
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=loader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/loader.ts"],
|
|
4
|
+
"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"],
|
|
5
|
+
"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;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/css.js
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
const extractedInfoByFile = /* @__PURE__ */ new Map();
|
|
4
|
+
const stylePathToFilePath = /* @__PURE__ */ new Map();
|
|
5
|
+
function loader(source) {
|
|
6
|
+
var _a;
|
|
7
|
+
this.async();
|
|
8
|
+
const options = { ...this.getOptions() };
|
|
9
|
+
const sourcePath = `${this.resourcePath}`;
|
|
10
|
+
let out = "";
|
|
11
|
+
if (options.cssPath) {
|
|
12
|
+
const pathKey = (_a = stylePathToFilePath.get(sourcePath)) != null ? _a : sourcePath;
|
|
13
|
+
const info = extractedInfoByFile.get(pathKey);
|
|
14
|
+
stylePathToFilePath.delete(sourcePath);
|
|
15
|
+
extractedInfoByFile.delete(pathKey);
|
|
16
|
+
const out2 = info == null ? void 0 : info.styles;
|
|
17
|
+
return this.callback(null, out2 || "");
|
|
18
|
+
} else if (options.cssData) {
|
|
19
|
+
out = Buffer.from(options.cssData, "base64").toString("utf-8");
|
|
20
|
+
}
|
|
21
|
+
if (options.cssData || options.cssPath) {
|
|
22
|
+
return this.callback(null, out || "");
|
|
23
|
+
}
|
|
24
|
+
this.callback({ message: `No CSS found`, name: "missing_css" });
|
|
25
|
+
}
|
|
26
|
+
__name(loader, "loader");
|
|
27
|
+
export {
|
|
28
|
+
loader as default,
|
|
29
|
+
extractedInfoByFile,
|
|
30
|
+
stylePathToFilePath
|
|
31
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
|
|
4
|
+
process.env.TAMAGUI_COMPILE_PROCESS = "1";
|
|
5
|
+
var src_default = require("./loader").loader;
|
|
6
|
+
const shouldExclude = /* @__PURE__ */ __name((path, projectRoot, tamaguiOptions) => {
|
|
7
|
+
if (path.includes("react-native-reanimated") || path.includes("react-native-gesture-handler") || path.includes(projectRoot) || path.includes("/dist/jsx/")) {
|
|
8
|
+
return false;
|
|
9
|
+
}
|
|
10
|
+
return true;
|
|
11
|
+
}, "shouldExclude");
|
|
12
|
+
export {
|
|
13
|
+
src_default as default,
|
|
14
|
+
shouldExclude
|
|
15
|
+
};
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import {
|
|
4
|
+
createExtractor,
|
|
5
|
+
extractToClassNames,
|
|
6
|
+
patchReactNativeWeb
|
|
7
|
+
} from "@tamagui/static";
|
|
8
|
+
import { extractedInfoByFile, stylePathToFilePath } from "./css";
|
|
9
|
+
Error.stackTraceLimit = Infinity;
|
|
10
|
+
const extractor = createExtractor();
|
|
11
|
+
let index = 0;
|
|
12
|
+
let hasLogged = false;
|
|
13
|
+
let hasPatched = false;
|
|
14
|
+
process.env.TAMAGUI_TARGET = "web";
|
|
15
|
+
function loader(source) {
|
|
16
|
+
this.cacheable();
|
|
17
|
+
this.async();
|
|
18
|
+
if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
|
|
19
|
+
patchReactNativeWeb();
|
|
20
|
+
hasPatched = true;
|
|
21
|
+
}
|
|
22
|
+
try {
|
|
23
|
+
const threaded = this.emitFile === void 0;
|
|
24
|
+
const options = { ...this.getOptions() };
|
|
25
|
+
const sourcePath = `${this.resourcePath}`;
|
|
26
|
+
const startsWithComment = source[0] === "/" && source[1] === "/";
|
|
27
|
+
let shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
|
|
28
|
+
if (shouldPrintDebug && source.startsWith("// debug-verbose")) {
|
|
29
|
+
shouldPrintDebug = "verbose";
|
|
30
|
+
}
|
|
31
|
+
if (startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
|
|
32
|
+
return this.callback(null, source);
|
|
33
|
+
}
|
|
34
|
+
const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
|
|
35
|
+
const extracted = extractToClassNames({
|
|
36
|
+
loader: this,
|
|
37
|
+
extractor,
|
|
38
|
+
cssLoaderPath: require.resolve("./css"),
|
|
39
|
+
source,
|
|
40
|
+
threaded,
|
|
41
|
+
sourcePath,
|
|
42
|
+
cssPath,
|
|
43
|
+
options,
|
|
44
|
+
shouldPrintDebug
|
|
45
|
+
});
|
|
46
|
+
if (!extracted) {
|
|
47
|
+
return this.callback(null, source);
|
|
48
|
+
}
|
|
49
|
+
extractedInfoByFile.set(sourcePath, extracted);
|
|
50
|
+
if (!threaded) {
|
|
51
|
+
if (extracted.stylesPath) {
|
|
52
|
+
stylePathToFilePath.set(extracted.stylesPath, sourcePath);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
this.callback(null, extracted.js, extracted.map);
|
|
56
|
+
} catch (err) {
|
|
57
|
+
console.error("ERROR", err);
|
|
58
|
+
return this.callback(null, source);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
__name(loader, "loader");
|
|
62
|
+
export {
|
|
63
|
+
loader
|
|
64
|
+
};
|
package/package.json
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tamagui-loader",
|
|
3
|
-
"version": "1.0.0-
|
|
4
|
-
"
|
|
5
|
-
"main": "dist/
|
|
6
|
-
"module": "dist/
|
|
7
|
-
"
|
|
3
|
+
"version": "1.0.0-beta.0",
|
|
4
|
+
"typings": "types",
|
|
5
|
+
"main": "dist/cjs",
|
|
6
|
+
"module": "dist/esm",
|
|
7
|
+
"module:jsx": "dist/jsx",
|
|
8
8
|
"files": [
|
|
9
|
-
"types
|
|
10
|
-
"dist"
|
|
11
|
-
"src"
|
|
9
|
+
"types",
|
|
10
|
+
"dist"
|
|
12
11
|
],
|
|
13
12
|
"scripts": {
|
|
14
13
|
"build": "tamagui-build",
|
|
15
|
-
"watch": "tamagui-build --watch"
|
|
14
|
+
"watch": "tamagui-build --watch",
|
|
15
|
+
"clean": "tamagui-build clean",
|
|
16
|
+
"clean:build": "tamagui-build clean:build"
|
|
16
17
|
},
|
|
17
18
|
"dependencies": {
|
|
18
|
-
"@tamagui/static": "^1.0.0-
|
|
19
|
+
"@tamagui/static": "^1.0.0-beta.0",
|
|
19
20
|
"fs-extra": "^9.1.0",
|
|
20
|
-
"loader-utils": "^2.0.0",
|
|
21
21
|
"lodash": "^4.17.21"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@tamagui/build": "^1.0.0-
|
|
24
|
+
"@tamagui/build": "^1.0.0-beta.0"
|
|
25
25
|
},
|
|
26
26
|
"publishConfig": {
|
|
27
27
|
"access": "public"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
|
|
30
30
|
}
|
package/types/css.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ExtractedResponse } from '@tamagui/static';
|
|
2
|
+
import { LoaderContext } from 'webpack';
|
|
3
|
+
export declare const extractedInfoByFile: Map<string, ExtractedResponse>;
|
|
4
|
+
export declare const stylePathToFilePath: Map<string, string>;
|
|
5
|
+
export default function loader(this: LoaderContext<any>, source: string): void;
|
|
6
|
+
//# sourceMappingURL=css.d.ts.map
|
|
@@ -0,0 +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"}
|
package/types/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAGA,wBAAyC;AAIzC,eAAO,MAAM,aAAa,SAAU,MAAM,eAAe,MAAM,kBAAkB,GAAG,YAUnF,CAAA"}
|
|
@@ -0,0 +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"}
|
package/LICENSE
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2020 Nate Wienert
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
package/dist/index.cjs
DELETED
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
-
var __spreadValues = (a, b) => {
|
|
11
|
-
for (var prop in b || (b = {}))
|
|
12
|
-
if (__hasOwnProp.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
if (__getOwnPropSymbols)
|
|
15
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
-
if (__propIsEnum.call(b, prop))
|
|
17
|
-
__defNormalProp(a, prop, b[prop]);
|
|
18
|
-
}
|
|
19
|
-
return a;
|
|
20
|
-
};
|
|
21
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
22
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
23
|
-
var __esm = (fn, res) => function __init() {
|
|
24
|
-
return fn && (res = (0, fn[Object.keys(fn)[0]])(fn = 0)), res;
|
|
25
|
-
};
|
|
26
|
-
var __export = (target, all) => {
|
|
27
|
-
__markAsModule(target);
|
|
28
|
-
for (var name in all)
|
|
29
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
30
|
-
};
|
|
31
|
-
var __reExport = (target, module2, desc) => {
|
|
32
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
33
|
-
for (let key of __getOwnPropNames(module2))
|
|
34
|
-
if (!__hasOwnProp.call(target, key) && key !== "default")
|
|
35
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
36
|
-
}
|
|
37
|
-
return target;
|
|
38
|
-
};
|
|
39
|
-
var __toModule = (module2) => {
|
|
40
|
-
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);
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
// src/loader.ts
|
|
44
|
-
var loader_exports = {};
|
|
45
|
-
__export(loader_exports, {
|
|
46
|
-
loader: () => loader
|
|
47
|
-
});
|
|
48
|
-
function loader(source) {
|
|
49
|
-
this.cacheable();
|
|
50
|
-
const callback = this.async();
|
|
51
|
-
if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
|
|
52
|
-
(0, import_static.patchReactNativeWeb)();
|
|
53
|
-
hasPatched = true;
|
|
54
|
-
}
|
|
55
|
-
try {
|
|
56
|
-
const threaded = this.emitFile === void 0;
|
|
57
|
-
const options = __spreadValues({}, (0, import_loader_utils.getOptions)(this));
|
|
58
|
-
if (options.disableExtraction && (options.disableDebugAttr || process.env.NODE_ENV !== "development")) {
|
|
59
|
-
if (!hasLogged) {
|
|
60
|
-
console.log("\u{1F95A} Tamagui disableDebug & disableExtraction set, no parsing running");
|
|
61
|
-
hasLogged = true;
|
|
62
|
-
}
|
|
63
|
-
return callback(null, source);
|
|
64
|
-
}
|
|
65
|
-
const sourcePath = `${this.resourcePath}`;
|
|
66
|
-
const startsWithComment = source[0] === "/" && source[1] === "/";
|
|
67
|
-
const shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
|
|
68
|
-
if (options.cssPath || options.cssData) {
|
|
69
|
-
const out = options.cssData ? Buffer.from(options.cssData, "base64").toString("utf-8") : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath);
|
|
70
|
-
if (!out) {
|
|
71
|
-
console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`);
|
|
72
|
-
}
|
|
73
|
-
return callback(null, out);
|
|
74
|
-
}
|
|
75
|
-
const ext = (0, import_path.extname)(sourcePath);
|
|
76
|
-
if (ext !== ".tsx" && ext !== ".jsx" || startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
|
|
77
|
-
return callback(null, source);
|
|
78
|
-
}
|
|
79
|
-
const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
|
|
80
|
-
const extracted = (0, import_static.extractToClassNames)({
|
|
81
|
-
loader: this,
|
|
82
|
-
extractor,
|
|
83
|
-
source,
|
|
84
|
-
threaded,
|
|
85
|
-
sourcePath,
|
|
86
|
-
cssPath,
|
|
87
|
-
options,
|
|
88
|
-
shouldPrintDebug
|
|
89
|
-
});
|
|
90
|
-
if (!extracted) {
|
|
91
|
-
return callback(null, source);
|
|
92
|
-
}
|
|
93
|
-
if (!threaded) {
|
|
94
|
-
if (extracted.stylesPath) {
|
|
95
|
-
stylePathToFilePath.set(extracted.stylesPath, sourcePath);
|
|
96
|
-
}
|
|
97
|
-
if (extracted.styles) {
|
|
98
|
-
stylesByFile.set(sourcePath, extracted.styles);
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
callback(null, extracted.js, extracted.map);
|
|
102
|
-
} catch (err) {
|
|
103
|
-
console.error("ERROR", err);
|
|
104
|
-
return callback(null, source);
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
var import_path, import_static, import_loader_utils, extractor, stylesByFile, stylePathToFilePath, index, hasLogged, hasPatched;
|
|
108
|
-
var init_loader = __esm({
|
|
109
|
-
"src/loader.ts"() {
|
|
110
|
-
import_path = __toModule(require("path"));
|
|
111
|
-
import_static = __toModule(require("@tamagui/static"));
|
|
112
|
-
import_loader_utils = __toModule(require("loader-utils"));
|
|
113
|
-
Error.stackTraceLimit = Infinity;
|
|
114
|
-
extractor = (0, import_static.createExtractor)();
|
|
115
|
-
stylesByFile = new Map();
|
|
116
|
-
stylePathToFilePath = new Map();
|
|
117
|
-
index = 0;
|
|
118
|
-
hasLogged = false;
|
|
119
|
-
hasPatched = false;
|
|
120
|
-
process.env.TAMAGUI_TARGET = "web";
|
|
121
|
-
__name(loader, "loader");
|
|
122
|
-
}
|
|
123
|
-
});
|
|
124
|
-
|
|
125
|
-
// src/index.ts
|
|
126
|
-
__export(exports, {
|
|
127
|
-
default: () => src_default
|
|
128
|
-
});
|
|
129
|
-
process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || "web";
|
|
130
|
-
process.env.TAMAGUI_COMPILE_PROCESS = "1";
|
|
131
|
-
var src_default = (init_loader(), loader_exports).loader;
|
|
132
|
-
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/loader.ts", "../src/index.ts"],
|
|
4
|
-
"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 const ext = extname(sourcePath)\n if (\n (ext !== '.tsx' && ext !== '.jsx') ||\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"],
|
|
5
|
-
"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,UAAM,MAAM,yBAAQ;AACpB,QACG,QAAQ,UAAU,QAAQ,UAC1B,qBACE,QAAO,WAAW,wBAAwB,OAAO,WAAW,wBAC/D;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;AAxG1B,iBAEA,eAMA,qBAGM,WAEA,cACA,qBAEF,OACA,WACA;AAlBJ;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;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;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/index.js
DELETED
package/dist/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["process.env.TAMAGUI_TARGET = process.env.TAMAGUI_TARGET || 'web'\nprocess.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport default require('./loader').loader\n"],
|
|
5
|
-
"mappings": "AAAA,QAAQ,IAAI,iBAAiB,QAAQ,IAAI,kBAAkB;AAC3D,QAAQ,IAAI,0BAA0B;AAEtC,IAAO,cAAQ,QAAQ,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/loader.js
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { extname } from "path";
|
|
4
|
-
import {
|
|
5
|
-
createExtractor,
|
|
6
|
-
extractToClassNames,
|
|
7
|
-
patchReactNativeWeb
|
|
8
|
-
} from "@tamagui/static";
|
|
9
|
-
import { getOptions } from "loader-utils";
|
|
10
|
-
Error.stackTraceLimit = Infinity;
|
|
11
|
-
const extractor = createExtractor();
|
|
12
|
-
const stylesByFile = new Map();
|
|
13
|
-
const stylePathToFilePath = new Map();
|
|
14
|
-
let index = 0;
|
|
15
|
-
let hasLogged = false;
|
|
16
|
-
let hasPatched = false;
|
|
17
|
-
process.env.TAMAGUI_TARGET = "web";
|
|
18
|
-
function loader(source) {
|
|
19
|
-
this.cacheable();
|
|
20
|
-
const callback = this.async();
|
|
21
|
-
if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
|
|
22
|
-
patchReactNativeWeb();
|
|
23
|
-
hasPatched = true;
|
|
24
|
-
}
|
|
25
|
-
try {
|
|
26
|
-
const threaded = this.emitFile === void 0;
|
|
27
|
-
const options = { ...getOptions(this) };
|
|
28
|
-
if (options.disableExtraction && (options.disableDebugAttr || process.env.NODE_ENV !== "development")) {
|
|
29
|
-
if (!hasLogged) {
|
|
30
|
-
console.log("\u{1F95A} Tamagui disableDebug & disableExtraction set, no parsing running");
|
|
31
|
-
hasLogged = true;
|
|
32
|
-
}
|
|
33
|
-
return callback(null, source);
|
|
34
|
-
}
|
|
35
|
-
const sourcePath = `${this.resourcePath}`;
|
|
36
|
-
const startsWithComment = source[0] === "/" && source[1] === "/";
|
|
37
|
-
const shouldPrintDebug = !!process.env.DEBUG && (process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true) || startsWithComment && (source.startsWith("// debug") || source.startsWith("//! debug"));
|
|
38
|
-
if (options.cssPath || options.cssData) {
|
|
39
|
-
const out = options.cssData ? Buffer.from(options.cssData, "base64").toString("utf-8") : stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath);
|
|
40
|
-
if (!out) {
|
|
41
|
-
console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`);
|
|
42
|
-
}
|
|
43
|
-
return callback(null, out);
|
|
44
|
-
}
|
|
45
|
-
const ext = extname(sourcePath);
|
|
46
|
-
if (ext !== ".tsx" && ext !== ".jsx" || startsWithComment && (source.startsWith("// tamagui-ignore") || source.startsWith("//! tamagui-ignore"))) {
|
|
47
|
-
return callback(null, source);
|
|
48
|
-
}
|
|
49
|
-
const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`;
|
|
50
|
-
const extracted = extractToClassNames({
|
|
51
|
-
loader: this,
|
|
52
|
-
extractor,
|
|
53
|
-
source,
|
|
54
|
-
threaded,
|
|
55
|
-
sourcePath,
|
|
56
|
-
cssPath,
|
|
57
|
-
options,
|
|
58
|
-
shouldPrintDebug
|
|
59
|
-
});
|
|
60
|
-
if (!extracted) {
|
|
61
|
-
return callback(null, source);
|
|
62
|
-
}
|
|
63
|
-
if (!threaded) {
|
|
64
|
-
if (extracted.stylesPath) {
|
|
65
|
-
stylePathToFilePath.set(extracted.stylesPath, sourcePath);
|
|
66
|
-
}
|
|
67
|
-
if (extracted.styles) {
|
|
68
|
-
stylesByFile.set(sourcePath, extracted.styles);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
callback(null, extracted.js, extracted.map);
|
|
72
|
-
} catch (err) {
|
|
73
|
-
console.error("ERROR", err);
|
|
74
|
-
return callback(null, source);
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
__name(loader, "loader");
|
|
78
|
-
export {
|
|
79
|
-
loader
|
|
80
|
-
};
|
|
81
|
-
//# sourceMappingURL=loader.js.map
|
package/dist/loader.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/loader.ts"],
|
|
4
|
-
"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 const ext = extname(sourcePath)\n if (\n (ext !== '.tsx' && ext !== '.jsx') ||\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"],
|
|
5
|
-
"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;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,UAAM,MAAM,QAAQ;AACpB,QACG,QAAQ,UAAU,QAAQ,UAC1B,qBACE,QAAO,WAAW,wBAAwB,OAAO,WAAW,wBAC/D;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;AAlFV;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/src/index.ts
DELETED
package/src/loader.ts
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { extname } from 'path'
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
TamaguiOptions,
|
|
5
|
-
createExtractor,
|
|
6
|
-
extractToClassNames,
|
|
7
|
-
patchReactNativeWeb,
|
|
8
|
-
} from '@tamagui/static'
|
|
9
|
-
import { getOptions } from 'loader-utils'
|
|
10
|
-
|
|
11
|
-
Error.stackTraceLimit = Infinity
|
|
12
|
-
const extractor = createExtractor()
|
|
13
|
-
|
|
14
|
-
const stylesByFile = new Map<string, string>()
|
|
15
|
-
const stylePathToFilePath = new Map<string, string>()
|
|
16
|
-
|
|
17
|
-
let index = 0
|
|
18
|
-
let hasLogged = false
|
|
19
|
-
let hasPatched = false
|
|
20
|
-
|
|
21
|
-
process.env.TAMAGUI_TARGET = 'web'
|
|
22
|
-
|
|
23
|
-
export function loader(this: any, source: string) {
|
|
24
|
-
this.cacheable()
|
|
25
|
-
const callback = this.async()
|
|
26
|
-
|
|
27
|
-
if (!process.env.TAMAGUI_DISABLE_RNW_PATCH && !hasPatched) {
|
|
28
|
-
patchReactNativeWeb()
|
|
29
|
-
hasPatched = true
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
try {
|
|
33
|
-
const threaded = this.emitFile === undefined
|
|
34
|
-
const options: TamaguiOptions = { ...getOptions(this) }
|
|
35
|
-
|
|
36
|
-
if (
|
|
37
|
-
options.disableExtraction &&
|
|
38
|
-
(options.disableDebugAttr || process.env.NODE_ENV !== 'development')
|
|
39
|
-
) {
|
|
40
|
-
if (!hasLogged) {
|
|
41
|
-
console.log('🥚 Tamagui disableDebug & disableExtraction set, no parsing running')
|
|
42
|
-
hasLogged = true
|
|
43
|
-
}
|
|
44
|
-
return callback(null, source)
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
const sourcePath = `${this.resourcePath}`
|
|
48
|
-
const startsWithComment = source[0] === '/' && source[1] === '/'
|
|
49
|
-
const shouldPrintDebug =
|
|
50
|
-
(!!process.env.DEBUG &&
|
|
51
|
-
(process.env.DEBUG_FILE ? sourcePath.includes(process.env.DEBUG_FILE) : true)) ||
|
|
52
|
-
// supports esbuild style //! comments
|
|
53
|
-
(startsWithComment && (source.startsWith('// debug') || source.startsWith('//! debug')))
|
|
54
|
-
|
|
55
|
-
// if outputted css
|
|
56
|
-
if (options.cssPath || options.cssData) {
|
|
57
|
-
const out = options.cssData
|
|
58
|
-
? Buffer.from(options.cssData, 'base64').toString('utf-8')
|
|
59
|
-
: stylesByFile.get(stylePathToFilePath.get(sourcePath) ?? sourcePath)
|
|
60
|
-
if (!out) {
|
|
61
|
-
console.warn(`no styles... ${stylesByFile.keys} ${sourcePath}`)
|
|
62
|
-
}
|
|
63
|
-
return callback(null, out)
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
// check if should ignore
|
|
67
|
-
const ext = extname(sourcePath)
|
|
68
|
-
if (
|
|
69
|
-
(ext !== '.tsx' && ext !== '.jsx') ||
|
|
70
|
-
(startsWithComment &&
|
|
71
|
-
(source.startsWith('// tamagui-ignore') || source.startsWith('//! tamagui-ignore')))
|
|
72
|
-
) {
|
|
73
|
-
return callback(null, source)
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
const cssPath = threaded ? `${sourcePath}.module.css` : `${sourcePath}.${index++}.module.css`
|
|
77
|
-
const extracted = extractToClassNames({
|
|
78
|
-
// @ts-ignore
|
|
79
|
-
loader: this,
|
|
80
|
-
extractor,
|
|
81
|
-
source,
|
|
82
|
-
threaded,
|
|
83
|
-
sourcePath,
|
|
84
|
-
cssPath,
|
|
85
|
-
options,
|
|
86
|
-
shouldPrintDebug,
|
|
87
|
-
})
|
|
88
|
-
|
|
89
|
-
if (!extracted) {
|
|
90
|
-
return callback(null, source)
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
if (!threaded) {
|
|
94
|
-
if (extracted.stylesPath) {
|
|
95
|
-
stylePathToFilePath.set(extracted.stylesPath, sourcePath)
|
|
96
|
-
}
|
|
97
|
-
if (extracted.styles) {
|
|
98
|
-
stylesByFile.set(sourcePath, extracted.styles)
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
callback(null, extracted.js, extracted.map)
|
|
103
|
-
} catch (err) {
|
|
104
|
-
console.error('ERROR', err)
|
|
105
|
-
return callback(null, source)
|
|
106
|
-
}
|
|
107
|
-
}
|