@tamagui/next-plugin 1.0.0-alpha.11 → 1.0.0-alpha.12
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/index.js +21 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/withTamagui.js +191 -0
- package/dist/cjs/withTamagui.js.map +7 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/withTamagui.js +153 -0
- package/dist/esm/withTamagui.js.map +7 -0
- package/dist/jsx/index.js +1 -0
- package/dist/jsx/withTamagui.js +152 -0
- package/package.json +5 -5
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __reExport = (target, module2, desc) => {
|
|
9
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
10
|
+
for (let key of __getOwnPropNames(module2))
|
|
11
|
+
if (!__hasOwnProp.call(target, key) && key !== "default")
|
|
12
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
13
|
+
}
|
|
14
|
+
return target;
|
|
15
|
+
};
|
|
16
|
+
var __toModule = (module2) => {
|
|
17
|
+
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);
|
|
18
|
+
};
|
|
19
|
+
__markAsModule(exports);
|
|
20
|
+
__reExport(exports, __toModule(require("./withTamagui")));
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
8
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
9
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
25
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
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
|
+
__export(exports, {
|
|
43
|
+
withTamagui: () => withTamagui
|
|
44
|
+
});
|
|
45
|
+
var import_path = __toModule(require("path"));
|
|
46
|
+
var import_css_minimizer_webpack_plugin = __toModule(require("css-minimizer-webpack-plugin"));
|
|
47
|
+
var import_webpack = __toModule(require("webpack"));
|
|
48
|
+
const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
49
|
+
return (nextConfig = {}) => {
|
|
50
|
+
return Object.assign({}, nextConfig, {
|
|
51
|
+
webpack: (webpackConfig, options) => {
|
|
52
|
+
const { config, dev, isServer } = options;
|
|
53
|
+
webpackConfig.resolve.alias = __spreadProps(__spreadValues({}, webpackConfig.resolve.alias || {}), {
|
|
54
|
+
"react-native$": "react-native-web",
|
|
55
|
+
"react-native-web/src/modules/normalizeColor": require.resolve("react-native-web/dist/cjs/modules/normalizeColor"),
|
|
56
|
+
"react/jsx-runtime": require.resolve("react/jsx-runtime"),
|
|
57
|
+
"react/jsx-dev-runtime": require.resolve("react/jsx-dev-runtime"),
|
|
58
|
+
react: require.resolve("react"),
|
|
59
|
+
"react-dom": require.resolve("react-dom")
|
|
60
|
+
});
|
|
61
|
+
webpackConfig.plugins.push(new import_webpack.default.DefinePlugin({
|
|
62
|
+
"process.env.TAMAGUI_TARGET": '"web"'
|
|
63
|
+
}));
|
|
64
|
+
if (process.env.IGNORE_TS_CONFIG_PATHS) {
|
|
65
|
+
console.log("ignoring tsconfig paths, they mess up transpile");
|
|
66
|
+
delete webpackConfig.resolve.plugins[0].paths["@tamagui/*"];
|
|
67
|
+
delete webpackConfig.resolve.plugins[0].paths["tamagui"];
|
|
68
|
+
}
|
|
69
|
+
const cssMin = webpackConfig.optimization.minimizer.find((x) => x.toString().includes("css-minimizer-plugin"));
|
|
70
|
+
if (cssMin) {
|
|
71
|
+
webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(cssMin.index, 1);
|
|
72
|
+
}
|
|
73
|
+
webpackConfig.optimization.minimizer.push(new import_css_minimizer_webpack_plugin.default());
|
|
74
|
+
if (!webpackConfig.resolve.extensions.includes(".web.js")) {
|
|
75
|
+
webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
|
|
76
|
+
}
|
|
77
|
+
webpackConfig.resolve.mainFields.unshift("module:jsx");
|
|
78
|
+
const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
|
|
79
|
+
const includeModule = /* @__PURE__ */ __name((context, request) => {
|
|
80
|
+
const fullPath = request[0] === "." ? import_path.default.join(context, request) : request;
|
|
81
|
+
if (/^\@?react-native-/.test(request)) {
|
|
82
|
+
return false;
|
|
83
|
+
}
|
|
84
|
+
if (fullPath.startsWith("react-native-web") || fullPath.includes("node_modules/react-native-web")) {
|
|
85
|
+
return `commonjs ${fullPath}`;
|
|
86
|
+
}
|
|
87
|
+
if (/^(react-dom|react)$/.test(fullPath)) {
|
|
88
|
+
return `commonjs ${fullPath}`;
|
|
89
|
+
}
|
|
90
|
+
return true;
|
|
91
|
+
}, "includeModule");
|
|
92
|
+
if (isServer) {
|
|
93
|
+
webpackConfig.externals = [
|
|
94
|
+
...webpackConfig.externals.map((external) => {
|
|
95
|
+
if (typeof external !== "function") {
|
|
96
|
+
return external;
|
|
97
|
+
}
|
|
98
|
+
if (isWebpack5) {
|
|
99
|
+
return (ctx, cb) => {
|
|
100
|
+
const res = includeModule(ctx.context, ctx.request);
|
|
101
|
+
if (typeof res === "string") {
|
|
102
|
+
return cb(null, res);
|
|
103
|
+
}
|
|
104
|
+
if (res) {
|
|
105
|
+
return external(ctx, cb);
|
|
106
|
+
}
|
|
107
|
+
return cb();
|
|
108
|
+
};
|
|
109
|
+
}
|
|
110
|
+
return (ctx, req, cb) => {
|
|
111
|
+
const res = includeModule(ctx, req);
|
|
112
|
+
if (typeof res === "string") {
|
|
113
|
+
return cb(null, res);
|
|
114
|
+
}
|
|
115
|
+
if (res) {
|
|
116
|
+
return external(ctx, cb);
|
|
117
|
+
}
|
|
118
|
+
return cb();
|
|
119
|
+
};
|
|
120
|
+
})
|
|
121
|
+
];
|
|
122
|
+
}
|
|
123
|
+
const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf);
|
|
124
|
+
if (oneOfRule) {
|
|
125
|
+
if (!dev) {
|
|
126
|
+
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
127
|
+
oneOfRule.oneOf = [
|
|
128
|
+
{
|
|
129
|
+
test: /\.css$/i,
|
|
130
|
+
use: [MiniCssExtractPlugin.loader, "css-loader"],
|
|
131
|
+
sideEffects: true
|
|
132
|
+
}
|
|
133
|
+
];
|
|
134
|
+
const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
|
|
135
|
+
webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
|
|
136
|
+
filename: "static/css/[name].[contenthash].css",
|
|
137
|
+
ignoreOrder: true
|
|
138
|
+
}));
|
|
139
|
+
} else {
|
|
140
|
+
const {
|
|
141
|
+
getGlobalCssLoader
|
|
142
|
+
} = require("next/dist/build/webpack/config/blocks/css/loaders");
|
|
143
|
+
oneOfRule.oneOf.unshift({
|
|
144
|
+
test: /\.css$/i,
|
|
145
|
+
sideEffects: true,
|
|
146
|
+
use: getGlobalCssLoader({
|
|
147
|
+
assetPrefix: options.config.assetPrefix,
|
|
148
|
+
future: { webpack5: true },
|
|
149
|
+
isClient: !isServer,
|
|
150
|
+
isServer,
|
|
151
|
+
isDevelopment: true
|
|
152
|
+
}, [], [])
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
const shouldExclude = /* @__PURE__ */ __name((x) => {
|
|
157
|
+
const shouldInclude = x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`));
|
|
158
|
+
return !shouldInclude;
|
|
159
|
+
}, "shouldExclude");
|
|
160
|
+
const [first, second, ...rest] = webpackConfig.module.rules;
|
|
161
|
+
webpackConfig.module.rules = [
|
|
162
|
+
first,
|
|
163
|
+
second,
|
|
164
|
+
{
|
|
165
|
+
test: /\.(tsx|js|mjs|jsx)$/,
|
|
166
|
+
exclude: shouldExclude,
|
|
167
|
+
use: [
|
|
168
|
+
{
|
|
169
|
+
loader: "esbuild-loader",
|
|
170
|
+
options: {
|
|
171
|
+
loader: "tsx",
|
|
172
|
+
minify: false
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
loader: "tamagui-loader",
|
|
177
|
+
options: tamaguiOptions
|
|
178
|
+
}
|
|
179
|
+
]
|
|
180
|
+
},
|
|
181
|
+
...rest
|
|
182
|
+
];
|
|
183
|
+
if (typeof nextConfig.webpack === "function") {
|
|
184
|
+
return nextConfig.webpack(webpackConfig, options);
|
|
185
|
+
}
|
|
186
|
+
return webpackConfig;
|
|
187
|
+
}
|
|
188
|
+
});
|
|
189
|
+
};
|
|
190
|
+
}, "withTamagui");
|
|
191
|
+
//# sourceMappingURL=withTamagui.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/withTamagui.ts"],
|
|
4
|
+
"sourcesContent": ["import path from 'path'\n\nimport { TamaguiOptions } from '@tamagui/static'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\nimport webpack from 'webpack'\n\nexport const withTamagui = (tamaguiOptions: TamaguiOptions) => {\n return (nextConfig: any = {}) => {\n return Object.assign({}, nextConfig, {\n webpack: (webpackConfig, options) => {\n const { config, dev, isServer } = options\n\n webpackConfig.resolve.alias = {\n ...(webpackConfig.resolve.alias || {}),\n 'react-native$': 'react-native-web',\n 'react-native-web/src/modules/normalizeColor': require.resolve(\n 'react-native-web/dist/cjs/modules/normalizeColor'\n ),\n // fix mdx-bundler issue importing .js specifically\n // 'react/jsx-runtime.js': require.resolve('react/jsx-runtime'),\n 'react/jsx-runtime': require.resolve('react/jsx-runtime'),\n 'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime'),\n react: require.resolve('react'),\n 'react-dom': require.resolve('react-dom'),\n }\n\n webpackConfig.plugins.push(\n new webpack.DefinePlugin({\n 'process.env.TAMAGUI_TARGET': '\"web\"',\n })\n )\n\n if (process.env.IGNORE_TS_CONFIG_PATHS) {\n console.log('ignoring tsconfig paths, they mess up transpile')\n delete webpackConfig.resolve.plugins[0].paths['@tamagui/*']\n delete webpackConfig.resolve.plugins[0].paths['tamagui']\n }\n\n // TODO document and make configurable\n // replace minifier with css-minimizer-webpack-plugin which handles deduping atomic styles\n const cssMin = webpackConfig.optimization.minimizer.find((x) =>\n x.toString().includes('css-minimizer-plugin')\n )\n if (cssMin) {\n webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(\n cssMin.index,\n 1\n )\n }\n webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin())\n\n if (!webpackConfig.resolve.extensions.includes('.web.js')) {\n webpackConfig.resolve.extensions = ['.web.js', ...webpackConfig.resolve.extensions]\n }\n\n // look for compiled js with jsx intact as specified by module:jsx\n webpackConfig.resolve.mainFields.unshift('module:jsx')\n\n // why is it undefined on next11??? but it says using webpack5\n const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === 'undefined'\n\n const includeModule = (context: string, request: string) => {\n const fullPath = request[0] === '.' ? path.join(context, request) : request\n if (/^\\@?react-native-/.test(request)) {\n return false\n }\n if (\n fullPath.startsWith('react-native-web') ||\n fullPath.includes('node_modules/react-native-web')\n ) {\n return `commonjs ${fullPath}`\n }\n if (/^(react-dom|react)$/.test(fullPath)) {\n return `commonjs ${fullPath}`\n }\n return true\n }\n\n if (isServer) {\n // externalize react native things from bundle\n webpackConfig.externals = [\n ...webpackConfig.externals.map((external) => {\n if (typeof external !== 'function') {\n return external\n }\n // only runs on server\n if (isWebpack5) {\n return (ctx, cb) => {\n const res = includeModule(ctx.context, ctx.request)\n if (typeof res === 'string') {\n return cb(null, res)\n }\n if (res) {\n return external(ctx, cb)\n }\n return cb()\n }\n }\n return (ctx, req, cb) => {\n const res = includeModule(ctx, req)\n if (typeof res === 'string') {\n return cb(null, res)\n }\n if (res) {\n return external(ctx, cb)\n }\n return cb()\n }\n }),\n ]\n }\n\n const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf)\n\n if (oneOfRule) {\n if (!dev) {\n // replace nextjs picky style rules with simple minicssextract\n const MiniCssExtractPlugin = require('mini-css-extract-plugin')\n oneOfRule.oneOf = [\n {\n test: /\\.css$/i,\n use: [MiniCssExtractPlugin.loader, 'css-loader'],\n sideEffects: true,\n },\n ]\n const idx = webpackConfig.plugins.findIndex(\n (x) => x.constructor.name === 'NextMiniCssExtractPlugin'\n )\n webpackConfig.plugins.splice(\n idx,\n 1,\n new MiniCssExtractPlugin({\n filename: 'static/css/[name].[contenthash].css',\n ignoreOrder: true,\n })\n )\n } else {\n const {\n getGlobalCssLoader,\n } = require('next/dist/build/webpack/config/blocks/css/loaders')\n oneOfRule.oneOf.unshift({\n test: /\\.css$/i,\n sideEffects: true,\n use: getGlobalCssLoader(\n {\n assetPrefix: options.config.assetPrefix,\n future: { webpack5: true },\n isClient: !isServer,\n isServer,\n isDevelopment: true,\n },\n [],\n []\n ),\n })\n }\n }\n\n // add loader\n const shouldExclude = (x) => {\n // analyze everything in our src dir\n // analyze everything in the components dirs\n const shouldInclude =\n x.includes(options.dir) ||\n tamaguiOptions.components.some(\n (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`)\n )\n return !shouldInclude\n }\n const [first, second, ...rest] = webpackConfig.module.rules\n webpackConfig.module.rules = [\n first,\n second,\n {\n test: /\\.(tsx|js|mjs|jsx)$/,\n exclude: shouldExclude,\n use: [\n {\n loader: 'esbuild-loader',\n options: {\n loader: 'tsx',\n minify: false,\n },\n },\n {\n loader: 'tamagui-loader',\n options: tamaguiOptions,\n },\n ],\n },\n ...rest,\n ]\n\n if (typeof nextConfig.webpack === 'function') {\n return nextConfig.webpack(webpackConfig, options)\n }\n\n return webpackConfig\n },\n })\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import path from "path";
|
|
4
|
+
import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
|
|
5
|
+
import webpack from "webpack";
|
|
6
|
+
const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
7
|
+
return (nextConfig = {}) => {
|
|
8
|
+
return Object.assign({}, nextConfig, {
|
|
9
|
+
webpack: (webpackConfig, options) => {
|
|
10
|
+
const { config, dev, isServer } = options;
|
|
11
|
+
webpackConfig.resolve.alias = {
|
|
12
|
+
...webpackConfig.resolve.alias || {},
|
|
13
|
+
"react-native$": "react-native-web",
|
|
14
|
+
"react-native-web/src/modules/normalizeColor": require.resolve("react-native-web/dist/cjs/modules/normalizeColor"),
|
|
15
|
+
"react/jsx-runtime": require.resolve("react/jsx-runtime"),
|
|
16
|
+
"react/jsx-dev-runtime": require.resolve("react/jsx-dev-runtime"),
|
|
17
|
+
react: require.resolve("react"),
|
|
18
|
+
"react-dom": require.resolve("react-dom")
|
|
19
|
+
};
|
|
20
|
+
webpackConfig.plugins.push(new webpack.DefinePlugin({
|
|
21
|
+
"process.env.TAMAGUI_TARGET": '"web"'
|
|
22
|
+
}));
|
|
23
|
+
if (process.env.IGNORE_TS_CONFIG_PATHS) {
|
|
24
|
+
console.log("ignoring tsconfig paths, they mess up transpile");
|
|
25
|
+
delete webpackConfig.resolve.plugins[0].paths["@tamagui/*"];
|
|
26
|
+
delete webpackConfig.resolve.plugins[0].paths["tamagui"];
|
|
27
|
+
}
|
|
28
|
+
const cssMin = webpackConfig.optimization.minimizer.find((x) => x.toString().includes("css-minimizer-plugin"));
|
|
29
|
+
if (cssMin) {
|
|
30
|
+
webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(cssMin.index, 1);
|
|
31
|
+
}
|
|
32
|
+
webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin());
|
|
33
|
+
if (!webpackConfig.resolve.extensions.includes(".web.js")) {
|
|
34
|
+
webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
|
|
35
|
+
}
|
|
36
|
+
webpackConfig.resolve.mainFields.unshift("module:jsx");
|
|
37
|
+
const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
|
|
38
|
+
const includeModule = /* @__PURE__ */ __name((context, request) => {
|
|
39
|
+
const fullPath = request[0] === "." ? path.join(context, request) : request;
|
|
40
|
+
if (/^\@?react-native-/.test(request)) {
|
|
41
|
+
return false;
|
|
42
|
+
}
|
|
43
|
+
if (fullPath.startsWith("react-native-web") || fullPath.includes("node_modules/react-native-web")) {
|
|
44
|
+
return `commonjs ${fullPath}`;
|
|
45
|
+
}
|
|
46
|
+
if (/^(react-dom|react)$/.test(fullPath)) {
|
|
47
|
+
return `commonjs ${fullPath}`;
|
|
48
|
+
}
|
|
49
|
+
return true;
|
|
50
|
+
}, "includeModule");
|
|
51
|
+
if (isServer) {
|
|
52
|
+
webpackConfig.externals = [
|
|
53
|
+
...webpackConfig.externals.map((external) => {
|
|
54
|
+
if (typeof external !== "function") {
|
|
55
|
+
return external;
|
|
56
|
+
}
|
|
57
|
+
if (isWebpack5) {
|
|
58
|
+
return (ctx, cb) => {
|
|
59
|
+
const res = includeModule(ctx.context, ctx.request);
|
|
60
|
+
if (typeof res === "string") {
|
|
61
|
+
return cb(null, res);
|
|
62
|
+
}
|
|
63
|
+
if (res) {
|
|
64
|
+
return external(ctx, cb);
|
|
65
|
+
}
|
|
66
|
+
return cb();
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
return (ctx, req, cb) => {
|
|
70
|
+
const res = includeModule(ctx, req);
|
|
71
|
+
if (typeof res === "string") {
|
|
72
|
+
return cb(null, res);
|
|
73
|
+
}
|
|
74
|
+
if (res) {
|
|
75
|
+
return external(ctx, cb);
|
|
76
|
+
}
|
|
77
|
+
return cb();
|
|
78
|
+
};
|
|
79
|
+
})
|
|
80
|
+
];
|
|
81
|
+
}
|
|
82
|
+
const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf);
|
|
83
|
+
if (oneOfRule) {
|
|
84
|
+
if (!dev) {
|
|
85
|
+
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
86
|
+
oneOfRule.oneOf = [
|
|
87
|
+
{
|
|
88
|
+
test: /\.css$/i,
|
|
89
|
+
use: [MiniCssExtractPlugin.loader, "css-loader"],
|
|
90
|
+
sideEffects: true
|
|
91
|
+
}
|
|
92
|
+
];
|
|
93
|
+
const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
|
|
94
|
+
webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
|
|
95
|
+
filename: "static/css/[name].[contenthash].css",
|
|
96
|
+
ignoreOrder: true
|
|
97
|
+
}));
|
|
98
|
+
} else {
|
|
99
|
+
const {
|
|
100
|
+
getGlobalCssLoader
|
|
101
|
+
} = require("next/dist/build/webpack/config/blocks/css/loaders");
|
|
102
|
+
oneOfRule.oneOf.unshift({
|
|
103
|
+
test: /\.css$/i,
|
|
104
|
+
sideEffects: true,
|
|
105
|
+
use: getGlobalCssLoader({
|
|
106
|
+
assetPrefix: options.config.assetPrefix,
|
|
107
|
+
future: { webpack5: true },
|
|
108
|
+
isClient: !isServer,
|
|
109
|
+
isServer,
|
|
110
|
+
isDevelopment: true
|
|
111
|
+
}, [], [])
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
const shouldExclude = /* @__PURE__ */ __name((x) => {
|
|
116
|
+
const shouldInclude = x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`));
|
|
117
|
+
return !shouldInclude;
|
|
118
|
+
}, "shouldExclude");
|
|
119
|
+
const [first, second, ...rest] = webpackConfig.module.rules;
|
|
120
|
+
webpackConfig.module.rules = [
|
|
121
|
+
first,
|
|
122
|
+
second,
|
|
123
|
+
{
|
|
124
|
+
test: /\.(tsx|js|mjs|jsx)$/,
|
|
125
|
+
exclude: shouldExclude,
|
|
126
|
+
use: [
|
|
127
|
+
{
|
|
128
|
+
loader: "esbuild-loader",
|
|
129
|
+
options: {
|
|
130
|
+
loader: "tsx",
|
|
131
|
+
minify: false
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
loader: "tamagui-loader",
|
|
136
|
+
options: tamaguiOptions
|
|
137
|
+
}
|
|
138
|
+
]
|
|
139
|
+
},
|
|
140
|
+
...rest
|
|
141
|
+
];
|
|
142
|
+
if (typeof nextConfig.webpack === "function") {
|
|
143
|
+
return nextConfig.webpack(webpackConfig, options);
|
|
144
|
+
}
|
|
145
|
+
return webpackConfig;
|
|
146
|
+
}
|
|
147
|
+
});
|
|
148
|
+
};
|
|
149
|
+
}, "withTamagui");
|
|
150
|
+
export {
|
|
151
|
+
withTamagui
|
|
152
|
+
};
|
|
153
|
+
//# sourceMappingURL=withTamagui.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/withTamagui.ts"],
|
|
4
|
+
"sourcesContent": ["import path from 'path'\n\nimport { TamaguiOptions } from '@tamagui/static'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\nimport webpack from 'webpack'\n\nexport const withTamagui = (tamaguiOptions: TamaguiOptions) => {\n return (nextConfig: any = {}) => {\n return Object.assign({}, nextConfig, {\n webpack: (webpackConfig, options) => {\n const { config, dev, isServer } = options\n\n webpackConfig.resolve.alias = {\n ...(webpackConfig.resolve.alias || {}),\n 'react-native$': 'react-native-web',\n 'react-native-web/src/modules/normalizeColor': require.resolve(\n 'react-native-web/dist/cjs/modules/normalizeColor'\n ),\n // fix mdx-bundler issue importing .js specifically\n // 'react/jsx-runtime.js': require.resolve('react/jsx-runtime'),\n 'react/jsx-runtime': require.resolve('react/jsx-runtime'),\n 'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime'),\n react: require.resolve('react'),\n 'react-dom': require.resolve('react-dom'),\n }\n\n webpackConfig.plugins.push(\n new webpack.DefinePlugin({\n 'process.env.TAMAGUI_TARGET': '\"web\"',\n })\n )\n\n if (process.env.IGNORE_TS_CONFIG_PATHS) {\n console.log('ignoring tsconfig paths, they mess up transpile')\n delete webpackConfig.resolve.plugins[0].paths['@tamagui/*']\n delete webpackConfig.resolve.plugins[0].paths['tamagui']\n }\n\n // TODO document and make configurable\n // replace minifier with css-minimizer-webpack-plugin which handles deduping atomic styles\n const cssMin = webpackConfig.optimization.minimizer.find((x) =>\n x.toString().includes('css-minimizer-plugin')\n )\n if (cssMin) {\n webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(\n cssMin.index,\n 1\n )\n }\n webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin())\n\n if (!webpackConfig.resolve.extensions.includes('.web.js')) {\n webpackConfig.resolve.extensions = ['.web.js', ...webpackConfig.resolve.extensions]\n }\n\n // look for compiled js with jsx intact as specified by module:jsx\n webpackConfig.resolve.mainFields.unshift('module:jsx')\n\n // why is it undefined on next11??? but it says using webpack5\n const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === 'undefined'\n\n const includeModule = (context: string, request: string) => {\n const fullPath = request[0] === '.' ? path.join(context, request) : request\n if (/^\\@?react-native-/.test(request)) {\n return false\n }\n if (\n fullPath.startsWith('react-native-web') ||\n fullPath.includes('node_modules/react-native-web')\n ) {\n return `commonjs ${fullPath}`\n }\n if (/^(react-dom|react)$/.test(fullPath)) {\n return `commonjs ${fullPath}`\n }\n return true\n }\n\n if (isServer) {\n // externalize react native things from bundle\n webpackConfig.externals = [\n ...webpackConfig.externals.map((external) => {\n if (typeof external !== 'function') {\n return external\n }\n // only runs on server\n if (isWebpack5) {\n return (ctx, cb) => {\n const res = includeModule(ctx.context, ctx.request)\n if (typeof res === 'string') {\n return cb(null, res)\n }\n if (res) {\n return external(ctx, cb)\n }\n return cb()\n }\n }\n return (ctx, req, cb) => {\n const res = includeModule(ctx, req)\n if (typeof res === 'string') {\n return cb(null, res)\n }\n if (res) {\n return external(ctx, cb)\n }\n return cb()\n }\n }),\n ]\n }\n\n const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf)\n\n if (oneOfRule) {\n if (!dev) {\n // replace nextjs picky style rules with simple minicssextract\n const MiniCssExtractPlugin = require('mini-css-extract-plugin')\n oneOfRule.oneOf = [\n {\n test: /\\.css$/i,\n use: [MiniCssExtractPlugin.loader, 'css-loader'],\n sideEffects: true,\n },\n ]\n const idx = webpackConfig.plugins.findIndex(\n (x) => x.constructor.name === 'NextMiniCssExtractPlugin'\n )\n webpackConfig.plugins.splice(\n idx,\n 1,\n new MiniCssExtractPlugin({\n filename: 'static/css/[name].[contenthash].css',\n ignoreOrder: true,\n })\n )\n } else {\n const {\n getGlobalCssLoader,\n } = require('next/dist/build/webpack/config/blocks/css/loaders')\n oneOfRule.oneOf.unshift({\n test: /\\.css$/i,\n sideEffects: true,\n use: getGlobalCssLoader(\n {\n assetPrefix: options.config.assetPrefix,\n future: { webpack5: true },\n isClient: !isServer,\n isServer,\n isDevelopment: true,\n },\n [],\n []\n ),\n })\n }\n }\n\n // add loader\n const shouldExclude = (x) => {\n // analyze everything in our src dir\n // analyze everything in the components dirs\n const shouldInclude =\n x.includes(options.dir) ||\n tamaguiOptions.components.some(\n (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`)\n )\n return !shouldInclude\n }\n const [first, second, ...rest] = webpackConfig.module.rules\n webpackConfig.module.rules = [\n first,\n second,\n {\n test: /\\.(tsx|js|mjs|jsx)$/,\n exclude: shouldExclude,\n use: [\n {\n loader: 'esbuild-loader',\n options: {\n loader: 'tsx',\n minify: false,\n },\n },\n {\n loader: 'tamagui-loader',\n options: tamaguiOptions,\n },\n ],\n },\n ...rest,\n ]\n\n if (typeof nextConfig.webpack === 'function') {\n return nextConfig.webpack(webpackConfig, options)\n }\n\n return webpackConfig\n },\n })\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./withTamagui";
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import path from "path";
|
|
4
|
+
import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
|
|
5
|
+
import webpack from "webpack";
|
|
6
|
+
const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
7
|
+
return (nextConfig = {}) => {
|
|
8
|
+
return Object.assign({}, nextConfig, {
|
|
9
|
+
webpack: (webpackConfig, options) => {
|
|
10
|
+
const { config, dev, isServer } = options;
|
|
11
|
+
webpackConfig.resolve.alias = {
|
|
12
|
+
...webpackConfig.resolve.alias || {},
|
|
13
|
+
"react-native$": "react-native-web",
|
|
14
|
+
"react-native-web/src/modules/normalizeColor": require.resolve("react-native-web/dist/cjs/modules/normalizeColor"),
|
|
15
|
+
"react/jsx-runtime": require.resolve("react/jsx-runtime"),
|
|
16
|
+
"react/jsx-dev-runtime": require.resolve("react/jsx-dev-runtime"),
|
|
17
|
+
react: require.resolve("react"),
|
|
18
|
+
"react-dom": require.resolve("react-dom")
|
|
19
|
+
};
|
|
20
|
+
webpackConfig.plugins.push(new webpack.DefinePlugin({
|
|
21
|
+
"process.env.TAMAGUI_TARGET": '"web"'
|
|
22
|
+
}));
|
|
23
|
+
if (process.env.IGNORE_TS_CONFIG_PATHS) {
|
|
24
|
+
console.log("ignoring tsconfig paths, they mess up transpile");
|
|
25
|
+
delete webpackConfig.resolve.plugins[0].paths["@tamagui/*"];
|
|
26
|
+
delete webpackConfig.resolve.plugins[0].paths["tamagui"];
|
|
27
|
+
}
|
|
28
|
+
const cssMin = webpackConfig.optimization.minimizer.find((x) => x.toString().includes("css-minimizer-plugin"));
|
|
29
|
+
if (cssMin) {
|
|
30
|
+
webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(cssMin.index, 1);
|
|
31
|
+
}
|
|
32
|
+
webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin());
|
|
33
|
+
if (!webpackConfig.resolve.extensions.includes(".web.js")) {
|
|
34
|
+
webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
|
|
35
|
+
}
|
|
36
|
+
webpackConfig.resolve.mainFields.unshift("module:jsx");
|
|
37
|
+
const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
|
|
38
|
+
const includeModule = /* @__PURE__ */ __name((context, request) => {
|
|
39
|
+
const fullPath = request[0] === "." ? path.join(context, request) : request;
|
|
40
|
+
if (/^\@?react-native-/.test(request)) {
|
|
41
|
+
return false;
|
|
42
|
+
}
|
|
43
|
+
if (fullPath.startsWith("react-native-web") || fullPath.includes("node_modules/react-native-web")) {
|
|
44
|
+
return `commonjs ${fullPath}`;
|
|
45
|
+
}
|
|
46
|
+
if (/^(react-dom|react)$/.test(fullPath)) {
|
|
47
|
+
return `commonjs ${fullPath}`;
|
|
48
|
+
}
|
|
49
|
+
return true;
|
|
50
|
+
}, "includeModule");
|
|
51
|
+
if (isServer) {
|
|
52
|
+
webpackConfig.externals = [
|
|
53
|
+
...webpackConfig.externals.map((external) => {
|
|
54
|
+
if (typeof external !== "function") {
|
|
55
|
+
return external;
|
|
56
|
+
}
|
|
57
|
+
if (isWebpack5) {
|
|
58
|
+
return (ctx, cb) => {
|
|
59
|
+
const res = includeModule(ctx.context, ctx.request);
|
|
60
|
+
if (typeof res === "string") {
|
|
61
|
+
return cb(null, res);
|
|
62
|
+
}
|
|
63
|
+
if (res) {
|
|
64
|
+
return external(ctx, cb);
|
|
65
|
+
}
|
|
66
|
+
return cb();
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
return (ctx, req, cb) => {
|
|
70
|
+
const res = includeModule(ctx, req);
|
|
71
|
+
if (typeof res === "string") {
|
|
72
|
+
return cb(null, res);
|
|
73
|
+
}
|
|
74
|
+
if (res) {
|
|
75
|
+
return external(ctx, cb);
|
|
76
|
+
}
|
|
77
|
+
return cb();
|
|
78
|
+
};
|
|
79
|
+
})
|
|
80
|
+
];
|
|
81
|
+
}
|
|
82
|
+
const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf);
|
|
83
|
+
if (oneOfRule) {
|
|
84
|
+
if (!dev) {
|
|
85
|
+
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
86
|
+
oneOfRule.oneOf = [
|
|
87
|
+
{
|
|
88
|
+
test: /\.css$/i,
|
|
89
|
+
use: [MiniCssExtractPlugin.loader, "css-loader"],
|
|
90
|
+
sideEffects: true
|
|
91
|
+
}
|
|
92
|
+
];
|
|
93
|
+
const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
|
|
94
|
+
webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
|
|
95
|
+
filename: "static/css/[name].[contenthash].css",
|
|
96
|
+
ignoreOrder: true
|
|
97
|
+
}));
|
|
98
|
+
} else {
|
|
99
|
+
const {
|
|
100
|
+
getGlobalCssLoader
|
|
101
|
+
} = require("next/dist/build/webpack/config/blocks/css/loaders");
|
|
102
|
+
oneOfRule.oneOf.unshift({
|
|
103
|
+
test: /\.css$/i,
|
|
104
|
+
sideEffects: true,
|
|
105
|
+
use: getGlobalCssLoader({
|
|
106
|
+
assetPrefix: options.config.assetPrefix,
|
|
107
|
+
future: { webpack5: true },
|
|
108
|
+
isClient: !isServer,
|
|
109
|
+
isServer,
|
|
110
|
+
isDevelopment: true
|
|
111
|
+
}, [], [])
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
const shouldExclude = /* @__PURE__ */ __name((x) => {
|
|
116
|
+
const shouldInclude = x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`));
|
|
117
|
+
return !shouldInclude;
|
|
118
|
+
}, "shouldExclude");
|
|
119
|
+
const [first, second, ...rest] = webpackConfig.module.rules;
|
|
120
|
+
webpackConfig.module.rules = [
|
|
121
|
+
first,
|
|
122
|
+
second,
|
|
123
|
+
{
|
|
124
|
+
test: /\.(tsx|js|mjs|jsx)$/,
|
|
125
|
+
exclude: shouldExclude,
|
|
126
|
+
use: [
|
|
127
|
+
{
|
|
128
|
+
loader: "esbuild-loader",
|
|
129
|
+
options: {
|
|
130
|
+
loader: "tsx",
|
|
131
|
+
minify: false
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
loader: "tamagui-loader",
|
|
136
|
+
options: tamaguiOptions
|
|
137
|
+
}
|
|
138
|
+
]
|
|
139
|
+
},
|
|
140
|
+
...rest
|
|
141
|
+
];
|
|
142
|
+
if (typeof nextConfig.webpack === "function") {
|
|
143
|
+
return nextConfig.webpack(webpackConfig, options);
|
|
144
|
+
}
|
|
145
|
+
return webpackConfig;
|
|
146
|
+
}
|
|
147
|
+
});
|
|
148
|
+
};
|
|
149
|
+
}, "withTamagui");
|
|
150
|
+
export {
|
|
151
|
+
withTamagui
|
|
152
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/next-plugin",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.12",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
},
|
|
17
17
|
"license": "MIT",
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@tamagui/build": "^1.0.0-alpha.
|
|
20
|
-
"@tamagui/static": "^1.0.0-alpha.
|
|
19
|
+
"@tamagui/build": "^1.0.0-alpha.12",
|
|
20
|
+
"@tamagui/static": "^1.0.0-alpha.12",
|
|
21
21
|
"css-minimizer-webpack-plugin": "^3.1.3",
|
|
22
22
|
"esbuild-loader": "^2.16.0",
|
|
23
23
|
"next-compose-plugins": "^2.2.1",
|
|
24
|
-
"tamagui-loader": "^1.0.0-alpha.
|
|
24
|
+
"tamagui-loader": "^1.0.0-alpha.12"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"next": ">=11.0.0"
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
"publishConfig": {
|
|
30
30
|
"access": "public"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "d50261a4e08d2212395af4f2d8f49555fc780c3e"
|
|
33
33
|
}
|