@tamagui/next-plugin 1.0.0-alpha.39 → 1.0.0-alpha.42
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 +10 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/withTamagui.js +49 -27
- package/dist/cjs/withTamagui.js.map +2 -2
- package/dist/esm/withTamagui.js +33 -17
- package/dist/esm/withTamagui.js.map +2 -2
- package/dist/jsx/withTamagui.js +33 -17
- package/package.json +7 -6
- package/types/withTamagui.d.ts.map +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __reExport = (target, module2, desc) => {
|
|
6
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
9
7
|
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
10
8
|
for (let key of __getOwnPropNames(module2))
|
|
11
|
-
if (!__hasOwnProp.call(target, key) && key !== "default")
|
|
9
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
12
10
|
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
13
11
|
}
|
|
14
12
|
return target;
|
|
15
13
|
};
|
|
16
|
-
var
|
|
17
|
-
return
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
15
|
+
return (module2, temp) => {
|
|
16
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
17
|
+
};
|
|
18
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
19
|
+
var src_exports = {};
|
|
20
|
+
__reExport(src_exports, require("./withTamagui"));
|
|
21
|
+
module.exports = __toCommonJS(src_exports);
|
|
21
22
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
package/dist/cjs/withTamagui.js
CHANGED
|
@@ -24,37 +24,50 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
24
24
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
25
25
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
26
26
|
var __export = (target, all) => {
|
|
27
|
-
__markAsModule(target);
|
|
28
27
|
for (var name in all)
|
|
29
28
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
30
29
|
};
|
|
31
|
-
var __reExport = (target, module2, desc) => {
|
|
30
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
32
31
|
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
33
32
|
for (let key of __getOwnPropNames(module2))
|
|
34
|
-
if (!__hasOwnProp.call(target, key) && key !== "default")
|
|
33
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
35
34
|
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
36
35
|
}
|
|
37
36
|
return target;
|
|
38
37
|
};
|
|
39
|
-
var
|
|
40
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default",
|
|
38
|
+
var __toESM = (module2, isNodeMode) => {
|
|
39
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
41
40
|
};
|
|
42
|
-
|
|
41
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
42
|
+
return (module2, temp) => {
|
|
43
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
44
|
+
};
|
|
45
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
46
|
+
var withTamagui_exports = {};
|
|
47
|
+
__export(withTamagui_exports, {
|
|
43
48
|
withTamagui: () => withTamagui
|
|
44
49
|
});
|
|
45
|
-
var import_path =
|
|
46
|
-
var
|
|
47
|
-
var
|
|
50
|
+
var import_path = __toESM(require("path"));
|
|
51
|
+
var import_browserslist = __toESM(require("browserslist"));
|
|
52
|
+
var import_css_minimizer_webpack_plugin = __toESM(require("css-minimizer-webpack-plugin"));
|
|
53
|
+
var import_css = require("next/dist/build/webpack/config/blocks/css");
|
|
54
|
+
var import_loaders = require("next/dist/build/webpack/config/blocks/css/loaders");
|
|
55
|
+
var import_webpack = __toESM(require("webpack"));
|
|
48
56
|
const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
49
57
|
return (nextConfig = {}) => {
|
|
50
58
|
return Object.assign({}, nextConfig, {
|
|
51
59
|
webpack: (webpackConfig, options) => {
|
|
52
|
-
|
|
60
|
+
var _a;
|
|
61
|
+
const { dir, config, dev, isServer } = options;
|
|
62
|
+
const jsxRuntime = require.resolve("react/jsx-runtime.js");
|
|
63
|
+
const jsxDevRuntime = require.resolve("react/jsx-dev-runtime.js");
|
|
53
64
|
webpackConfig.resolve.alias = __spreadProps(__spreadValues({}, webpackConfig.resolve.alias || {}), {
|
|
65
|
+
"react/jsx-runtime.js": jsxRuntime,
|
|
66
|
+
"react/jsx-runtime": jsxRuntime,
|
|
67
|
+
"react/jsx-dev-runtime.js": jsxDevRuntime,
|
|
68
|
+
"react/jsx-dev-runtime": jsxDevRuntime,
|
|
54
69
|
"react-native$": "react-native-web",
|
|
55
70
|
"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
71
|
react: require.resolve("react"),
|
|
59
72
|
"react-dom": require.resolve("react-dom")
|
|
60
73
|
});
|
|
@@ -75,7 +88,7 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
|
75
88
|
webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
|
|
76
89
|
}
|
|
77
90
|
webpackConfig.resolve.mainFields.unshift("module:jsx");
|
|
78
|
-
const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
|
|
91
|
+
const isWebpack5 = !!((_a = config.future) == null ? void 0 : _a.webpack5) || typeof config.webpack5 === "undefined";
|
|
79
92
|
const includeModule = /* @__PURE__ */ __name((context, request) => {
|
|
80
93
|
const fullPath = request[0] === "." ? import_path.default.join(context, request) : request;
|
|
81
94
|
if (/^\@?react-native-/.test(request)) {
|
|
@@ -124,32 +137,28 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
|
124
137
|
if (oneOfRule) {
|
|
125
138
|
if (!dev) {
|
|
126
139
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
127
|
-
oneOfRule.oneOf
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
}
|
|
133
|
-
];
|
|
140
|
+
oneOfRule.oneOf.unshift({
|
|
141
|
+
test: /\.css$/i,
|
|
142
|
+
use: [MiniCssExtractPlugin.loader, "css-loader"],
|
|
143
|
+
sideEffects: true
|
|
144
|
+
});
|
|
134
145
|
const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
|
|
135
146
|
webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
|
|
136
147
|
filename: "static/css/[name].[contenthash].css",
|
|
137
148
|
ignoreOrder: true
|
|
138
149
|
}));
|
|
139
150
|
} else {
|
|
140
|
-
const {
|
|
141
|
-
getGlobalCssLoader
|
|
142
|
-
} = require("next/dist/build/webpack/config/blocks/css/loaders");
|
|
143
151
|
oneOfRule.oneOf.unshift({
|
|
144
152
|
test: /\.css$/i,
|
|
145
153
|
sideEffects: true,
|
|
146
|
-
use: getGlobalCssLoader({
|
|
147
|
-
assetPrefix: options.config.assetPrefix,
|
|
148
|
-
future:
|
|
154
|
+
use: (0, import_loaders.getGlobalCssLoader)({
|
|
155
|
+
assetPrefix: options.config.assetPrefix || config.assetPrefix,
|
|
156
|
+
future: nextConfig.future,
|
|
157
|
+
experimental: nextConfig.experimental || {},
|
|
149
158
|
isClient: !isServer,
|
|
150
159
|
isServer,
|
|
151
160
|
isDevelopment: true
|
|
152
|
-
},
|
|
161
|
+
}, () => (0, import_css.lazyPostCSS)(dir, getSupportedBrowsers(dir, dev)), [])
|
|
153
162
|
});
|
|
154
163
|
}
|
|
155
164
|
}
|
|
@@ -188,4 +197,17 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
|
188
197
|
});
|
|
189
198
|
};
|
|
190
199
|
}, "withTamagui");
|
|
200
|
+
function getSupportedBrowsers(dir, isDevelopment) {
|
|
201
|
+
let browsers;
|
|
202
|
+
try {
|
|
203
|
+
browsers = import_browserslist.default.loadConfig({
|
|
204
|
+
path: dir,
|
|
205
|
+
env: isDevelopment ? "development" : "production"
|
|
206
|
+
});
|
|
207
|
+
} catch {
|
|
208
|
+
}
|
|
209
|
+
return browsers;
|
|
210
|
+
}
|
|
211
|
+
__name(getSupportedBrowsers, "getSupportedBrowsers");
|
|
212
|
+
module.exports = __toCommonJS(withTamagui_exports);
|
|
191
213
|
//# sourceMappingURL=withTamagui.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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-
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import path from 'path'\n\nimport { TamaguiOptions } from '@tamagui/static'\nimport browserslist from 'browserslist'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\nimport { lazyPostCSS } from 'next/dist/build/webpack/config/blocks/css'\nimport { getGlobalCssLoader } from 'next/dist/build/webpack/config/blocks/css/loaders'\nimport webpack from 'webpack'\n\nexport const withTamagui = (tamaguiOptions: TamaguiOptions) => {\n return (nextConfig: any = {}) => {\n return Object.assign({}, nextConfig, {\n webpack: (webpackConfig: any, options) => {\n const { dir, config, dev, isServer } = options\n\n // fixes https://github.com/kentcdodds/mdx-bundler/issues/143\n const jsxRuntime = require.resolve('react/jsx-runtime.js')\n const jsxDevRuntime = require.resolve('react/jsx-dev-runtime.js')\n\n webpackConfig.resolve.alias = {\n ...(webpackConfig.resolve.alias || {}),\n 'react/jsx-runtime.js': jsxRuntime,\n 'react/jsx-runtime': jsxRuntime,\n 'react/jsx-dev-runtime.js': jsxDevRuntime,\n 'react/jsx-dev-runtime': jsxDevRuntime,\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 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 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.unshift({\n test: /\\.css$/i,\n use: [MiniCssExtractPlugin.loader, 'css-loader'],\n sideEffects: true,\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 oneOfRule.oneOf.unshift({\n test: /\\.css$/i,\n sideEffects: true,\n use: getGlobalCssLoader(\n // @ts-ignore\n {\n assetPrefix: options.config.assetPrefix || config.assetPrefix,\n future: nextConfig.future,\n experimental: nextConfig.experimental || {},\n isClient: !isServer,\n isServer,\n isDevelopment: true,\n },\n // @ts-ignore\n () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev)),\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}/dist/jsx/`)\n )\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\nfunction getSupportedBrowsers(dir, isDevelopment) {\n let browsers\n try {\n browsers = browserslist.loadConfig({\n path: dir,\n env: isDevelopment ? 'development' : 'production',\n })\n } catch {}\n\n return browsers\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/withTamagui.js
CHANGED
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
3
|
import path from "path";
|
|
4
|
+
import browserslist from "browserslist";
|
|
4
5
|
import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
|
|
6
|
+
import { lazyPostCSS } from "next/dist/build/webpack/config/blocks/css";
|
|
7
|
+
import { getGlobalCssLoader } from "next/dist/build/webpack/config/blocks/css/loaders";
|
|
5
8
|
import webpack from "webpack";
|
|
6
9
|
const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
7
10
|
return (nextConfig = {}) => {
|
|
8
11
|
return Object.assign({}, nextConfig, {
|
|
9
12
|
webpack: (webpackConfig, options) => {
|
|
10
|
-
|
|
13
|
+
var _a;
|
|
14
|
+
const { dir, config, dev, isServer } = options;
|
|
15
|
+
const jsxRuntime = require.resolve("react/jsx-runtime.js");
|
|
16
|
+
const jsxDevRuntime = require.resolve("react/jsx-dev-runtime.js");
|
|
11
17
|
webpackConfig.resolve.alias = {
|
|
12
18
|
...webpackConfig.resolve.alias || {},
|
|
19
|
+
"react/jsx-runtime.js": jsxRuntime,
|
|
20
|
+
"react/jsx-runtime": jsxRuntime,
|
|
21
|
+
"react/jsx-dev-runtime.js": jsxDevRuntime,
|
|
22
|
+
"react/jsx-dev-runtime": jsxDevRuntime,
|
|
13
23
|
"react-native$": "react-native-web",
|
|
14
24
|
"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
25
|
react: require.resolve("react"),
|
|
18
26
|
"react-dom": require.resolve("react-dom")
|
|
19
27
|
};
|
|
@@ -34,7 +42,7 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
|
34
42
|
webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
|
|
35
43
|
}
|
|
36
44
|
webpackConfig.resolve.mainFields.unshift("module:jsx");
|
|
37
|
-
const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
|
|
45
|
+
const isWebpack5 = !!((_a = config.future) == null ? void 0 : _a.webpack5) || typeof config.webpack5 === "undefined";
|
|
38
46
|
const includeModule = /* @__PURE__ */ __name((context, request) => {
|
|
39
47
|
const fullPath = request[0] === "." ? path.join(context, request) : request;
|
|
40
48
|
if (/^\@?react-native-/.test(request)) {
|
|
@@ -83,32 +91,28 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
|
83
91
|
if (oneOfRule) {
|
|
84
92
|
if (!dev) {
|
|
85
93
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
86
|
-
oneOfRule.oneOf
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}
|
|
92
|
-
];
|
|
94
|
+
oneOfRule.oneOf.unshift({
|
|
95
|
+
test: /\.css$/i,
|
|
96
|
+
use: [MiniCssExtractPlugin.loader, "css-loader"],
|
|
97
|
+
sideEffects: true
|
|
98
|
+
});
|
|
93
99
|
const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
|
|
94
100
|
webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
|
|
95
101
|
filename: "static/css/[name].[contenthash].css",
|
|
96
102
|
ignoreOrder: true
|
|
97
103
|
}));
|
|
98
104
|
} else {
|
|
99
|
-
const {
|
|
100
|
-
getGlobalCssLoader
|
|
101
|
-
} = require("next/dist/build/webpack/config/blocks/css/loaders");
|
|
102
105
|
oneOfRule.oneOf.unshift({
|
|
103
106
|
test: /\.css$/i,
|
|
104
107
|
sideEffects: true,
|
|
105
108
|
use: getGlobalCssLoader({
|
|
106
|
-
assetPrefix: options.config.assetPrefix,
|
|
107
|
-
future:
|
|
109
|
+
assetPrefix: options.config.assetPrefix || config.assetPrefix,
|
|
110
|
+
future: nextConfig.future,
|
|
111
|
+
experimental: nextConfig.experimental || {},
|
|
108
112
|
isClient: !isServer,
|
|
109
113
|
isServer,
|
|
110
114
|
isDevelopment: true
|
|
111
|
-
},
|
|
115
|
+
}, () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev)), [])
|
|
112
116
|
});
|
|
113
117
|
}
|
|
114
118
|
}
|
|
@@ -147,6 +151,18 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
|
147
151
|
});
|
|
148
152
|
};
|
|
149
153
|
}, "withTamagui");
|
|
154
|
+
function getSupportedBrowsers(dir, isDevelopment) {
|
|
155
|
+
let browsers;
|
|
156
|
+
try {
|
|
157
|
+
browsers = browserslist.loadConfig({
|
|
158
|
+
path: dir,
|
|
159
|
+
env: isDevelopment ? "development" : "production"
|
|
160
|
+
});
|
|
161
|
+
} catch {
|
|
162
|
+
}
|
|
163
|
+
return browsers;
|
|
164
|
+
}
|
|
165
|
+
__name(getSupportedBrowsers, "getSupportedBrowsers");
|
|
150
166
|
export {
|
|
151
167
|
withTamagui
|
|
152
168
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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-
|
|
5
|
-
"mappings": ";;AAAA;AAGA;AACA;AAEO,MAAM,cAAc,wBAAC,mBAAmC;AAC7D,SAAO,CAAC,aAAkB,OAAO;AAC/B,WAAO,OAAO,OAAO,IAAI,YAAY;AAAA,MACnC,SAAS,CAAC,
|
|
4
|
+
"sourcesContent": ["import path from 'path'\n\nimport { TamaguiOptions } from '@tamagui/static'\nimport browserslist from 'browserslist'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\nimport { lazyPostCSS } from 'next/dist/build/webpack/config/blocks/css'\nimport { getGlobalCssLoader } from 'next/dist/build/webpack/config/blocks/css/loaders'\nimport webpack from 'webpack'\n\nexport const withTamagui = (tamaguiOptions: TamaguiOptions) => {\n return (nextConfig: any = {}) => {\n return Object.assign({}, nextConfig, {\n webpack: (webpackConfig: any, options) => {\n const { dir, config, dev, isServer } = options\n\n // fixes https://github.com/kentcdodds/mdx-bundler/issues/143\n const jsxRuntime = require.resolve('react/jsx-runtime.js')\n const jsxDevRuntime = require.resolve('react/jsx-dev-runtime.js')\n\n webpackConfig.resolve.alias = {\n ...(webpackConfig.resolve.alias || {}),\n 'react/jsx-runtime.js': jsxRuntime,\n 'react/jsx-runtime': jsxRuntime,\n 'react/jsx-dev-runtime.js': jsxDevRuntime,\n 'react/jsx-dev-runtime': jsxDevRuntime,\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 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 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.unshift({\n test: /\\.css$/i,\n use: [MiniCssExtractPlugin.loader, 'css-loader'],\n sideEffects: true,\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 oneOfRule.oneOf.unshift({\n test: /\\.css$/i,\n sideEffects: true,\n use: getGlobalCssLoader(\n // @ts-ignore\n {\n assetPrefix: options.config.assetPrefix || config.assetPrefix,\n future: nextConfig.future,\n experimental: nextConfig.experimental || {},\n isClient: !isServer,\n isServer,\n isDevelopment: true,\n },\n // @ts-ignore\n () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev)),\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}/dist/jsx/`)\n )\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\nfunction getSupportedBrowsers(dir, isDevelopment) {\n let browsers\n try {\n browsers = browserslist.loadConfig({\n path: dir,\n env: isDevelopment ? 'development' : 'production',\n })\n } catch {}\n\n return browsers\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/withTamagui.js
CHANGED
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
3
|
import path from "path";
|
|
4
|
+
import browserslist from "browserslist";
|
|
4
5
|
import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
|
|
6
|
+
import { lazyPostCSS } from "next/dist/build/webpack/config/blocks/css";
|
|
7
|
+
import { getGlobalCssLoader } from "next/dist/build/webpack/config/blocks/css/loaders";
|
|
5
8
|
import webpack from "webpack";
|
|
6
9
|
const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
7
10
|
return (nextConfig = {}) => {
|
|
8
11
|
return Object.assign({}, nextConfig, {
|
|
9
12
|
webpack: (webpackConfig, options) => {
|
|
10
|
-
|
|
13
|
+
var _a;
|
|
14
|
+
const { dir, config, dev, isServer } = options;
|
|
15
|
+
const jsxRuntime = require.resolve("react/jsx-runtime.js");
|
|
16
|
+
const jsxDevRuntime = require.resolve("react/jsx-dev-runtime.js");
|
|
11
17
|
webpackConfig.resolve.alias = {
|
|
12
18
|
...webpackConfig.resolve.alias || {},
|
|
19
|
+
"react/jsx-runtime.js": jsxRuntime,
|
|
20
|
+
"react/jsx-runtime": jsxRuntime,
|
|
21
|
+
"react/jsx-dev-runtime.js": jsxDevRuntime,
|
|
22
|
+
"react/jsx-dev-runtime": jsxDevRuntime,
|
|
13
23
|
"react-native$": "react-native-web",
|
|
14
24
|
"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
25
|
react: require.resolve("react"),
|
|
18
26
|
"react-dom": require.resolve("react-dom")
|
|
19
27
|
};
|
|
@@ -34,7 +42,7 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
|
34
42
|
webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
|
|
35
43
|
}
|
|
36
44
|
webpackConfig.resolve.mainFields.unshift("module:jsx");
|
|
37
|
-
const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
|
|
45
|
+
const isWebpack5 = !!((_a = config.future) == null ? void 0 : _a.webpack5) || typeof config.webpack5 === "undefined";
|
|
38
46
|
const includeModule = /* @__PURE__ */ __name((context, request) => {
|
|
39
47
|
const fullPath = request[0] === "." ? path.join(context, request) : request;
|
|
40
48
|
if (/^\@?react-native-/.test(request)) {
|
|
@@ -83,32 +91,28 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
|
83
91
|
if (oneOfRule) {
|
|
84
92
|
if (!dev) {
|
|
85
93
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
86
|
-
oneOfRule.oneOf
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}
|
|
92
|
-
];
|
|
94
|
+
oneOfRule.oneOf.unshift({
|
|
95
|
+
test: /\.css$/i,
|
|
96
|
+
use: [MiniCssExtractPlugin.loader, "css-loader"],
|
|
97
|
+
sideEffects: true
|
|
98
|
+
});
|
|
93
99
|
const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
|
|
94
100
|
webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
|
|
95
101
|
filename: "static/css/[name].[contenthash].css",
|
|
96
102
|
ignoreOrder: true
|
|
97
103
|
}));
|
|
98
104
|
} else {
|
|
99
|
-
const {
|
|
100
|
-
getGlobalCssLoader
|
|
101
|
-
} = require("next/dist/build/webpack/config/blocks/css/loaders");
|
|
102
105
|
oneOfRule.oneOf.unshift({
|
|
103
106
|
test: /\.css$/i,
|
|
104
107
|
sideEffects: true,
|
|
105
108
|
use: getGlobalCssLoader({
|
|
106
|
-
assetPrefix: options.config.assetPrefix,
|
|
107
|
-
future:
|
|
109
|
+
assetPrefix: options.config.assetPrefix || config.assetPrefix,
|
|
110
|
+
future: nextConfig.future,
|
|
111
|
+
experimental: nextConfig.experimental || {},
|
|
108
112
|
isClient: !isServer,
|
|
109
113
|
isServer,
|
|
110
114
|
isDevelopment: true
|
|
111
|
-
},
|
|
115
|
+
}, () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev)), [])
|
|
112
116
|
});
|
|
113
117
|
}
|
|
114
118
|
}
|
|
@@ -147,6 +151,18 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
|
|
|
147
151
|
});
|
|
148
152
|
};
|
|
149
153
|
}, "withTamagui");
|
|
154
|
+
function getSupportedBrowsers(dir, isDevelopment) {
|
|
155
|
+
let browsers;
|
|
156
|
+
try {
|
|
157
|
+
browsers = browserslist.loadConfig({
|
|
158
|
+
path: dir,
|
|
159
|
+
env: isDevelopment ? "development" : "production"
|
|
160
|
+
});
|
|
161
|
+
} catch {
|
|
162
|
+
}
|
|
163
|
+
return browsers;
|
|
164
|
+
}
|
|
165
|
+
__name(getSupportedBrowsers, "getSupportedBrowsers");
|
|
150
166
|
export {
|
|
151
167
|
withTamagui
|
|
152
168
|
};
|
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.42",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"typings": "types",
|
|
@@ -16,15 +16,16 @@
|
|
|
16
16
|
"watch": "tamagui-build --watch"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@tamagui/static": "^1.0.0-alpha.
|
|
19
|
+
"@tamagui/static": "^1.0.0-alpha.42",
|
|
20
|
+
"browserslist": "^4.19.1",
|
|
20
21
|
"css-minimizer-webpack-plugin": "^3.1.3",
|
|
21
22
|
"esbuild-loader": "^2.16.0",
|
|
22
23
|
"next-compose-plugins": "^2.2.1",
|
|
23
|
-
"tamagui-loader": "^1.0.0-alpha.
|
|
24
|
+
"tamagui-loader": "^1.0.0-alpha.42"
|
|
24
25
|
},
|
|
25
26
|
"devDependencies": {
|
|
26
|
-
"@tamagui/build": "^1.0.0-alpha.
|
|
27
|
-
"next": "^
|
|
27
|
+
"@tamagui/build": "^1.0.0-alpha.42",
|
|
28
|
+
"next": "^12.0.8"
|
|
28
29
|
},
|
|
29
30
|
"peerDependencies": {
|
|
30
31
|
"next": ">=11.0.0"
|
|
@@ -32,5 +33,5 @@
|
|
|
32
33
|
"publishConfig": {
|
|
33
34
|
"access": "public"
|
|
34
35
|
},
|
|
35
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "5f5d676601645cabf766c084cdf2b21e9eb5871a"
|
|
36
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withTamagui.d.ts","sourceRoot":"","sources":["../src/withTamagui.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"withTamagui.d.ts","sourceRoot":"","sources":["../src/withTamagui.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAOhD,eAAO,MAAM,WAAW,mBAAoB,cAAc,mBACpC,GAAG,QAoMxB,CAAA"}
|