@tamagui/next-plugin 1.0.0-alpha.35 → 1.0.0-alpha.39

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.
Files changed (7) hide show
  1. package/package.json +6 -6
  2. package/dist/index.cjs +0 -197
  3. package/dist/index.cjs.map +0 -7
  4. package/dist/index.js +0 -2
  5. package/dist/index.js.map +0 -7
  6. package/dist/withTamagui.js +0 -155
  7. package/dist/withTamagui.js.map +0 -7
package/package.json CHANGED
@@ -1,7 +1,8 @@
1
1
  {
2
2
  "name": "@tamagui/next-plugin",
3
- "version": "1.0.0-alpha.35",
3
+ "version": "1.0.0-alpha.39",
4
4
  "source": "src/index.ts",
5
+ "license": "MIT",
5
6
  "typings": "types",
6
7
  "main": "dist/cjs",
7
8
  "module": "dist/esm",
@@ -14,16 +15,15 @@
14
15
  "build": "tamagui-build",
15
16
  "watch": "tamagui-build --watch"
16
17
  },
17
- "license": "MIT",
18
18
  "dependencies": {
19
- "@tamagui/static": "^1.0.0-alpha.35",
19
+ "@tamagui/static": "^1.0.0-alpha.39",
20
20
  "css-minimizer-webpack-plugin": "^3.1.3",
21
21
  "esbuild-loader": "^2.16.0",
22
22
  "next-compose-plugins": "^2.2.1",
23
- "tamagui-loader": "^1.0.0-alpha.35"
23
+ "tamagui-loader": "^1.0.0-alpha.39"
24
24
  },
25
25
  "devDependencies": {
26
- "@tamagui/build": "^1.0.0-alpha.32",
26
+ "@tamagui/build": "^1.0.0-alpha.39",
27
27
  "next": "^11.1.2"
28
28
  },
29
29
  "peerDependencies": {
@@ -32,5 +32,5 @@
32
32
  "publishConfig": {
33
33
  "access": "public"
34
34
  },
35
- "gitHead": "bb1e4d85750d64e075541eef282a2d620fa2e6fb"
35
+ "gitHead": "20b8c3487cae35a29bf878191fdc0381020b5304"
36
36
  }
package/dist/index.cjs DELETED
@@ -1,197 +0,0 @@
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
-
43
- // src/index.ts
44
- __export(exports, {
45
- withTamagui: () => withTamagui
46
- });
47
-
48
- // src/withTamagui.ts
49
- var import_path = __toModule(require("path"));
50
- var import_css_minimizer_webpack_plugin = __toModule(require("css-minimizer-webpack-plugin"));
51
- var import_webpack = __toModule(require("webpack"));
52
- var withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
53
- return (nextConfig = {}) => {
54
- return Object.assign({}, nextConfig, {
55
- webpack: (webpackConfig, options) => {
56
- const { config, dev, isServer } = options;
57
- webpackConfig.resolve.alias = __spreadProps(__spreadValues({}, webpackConfig.resolve.alias || {}), {
58
- "react-native$": "react-native-web",
59
- "react-native-web/src/modules/normalizeColor": require.resolve("react-native-web/dist/cjs/modules/normalizeColor"),
60
- "react/jsx-runtime": require.resolve("react/jsx-runtime"),
61
- "react/jsx-dev-runtime": require.resolve("react/jsx-dev-runtime"),
62
- react: require.resolve("react"),
63
- "react-dom": require.resolve("react-dom")
64
- });
65
- webpackConfig.plugins.push(new import_webpack.default.DefinePlugin({
66
- "process.env.TAMAGUI_TARGET": '"web"'
67
- }));
68
- if (process.env.IGNORE_TS_CONFIG_PATHS) {
69
- console.log("ignoring tsconfig paths, they mess up transpile");
70
- delete webpackConfig.resolve.plugins[0].paths["@tamagui/*"];
71
- delete webpackConfig.resolve.plugins[0].paths["tamagui"];
72
- }
73
- const cssMin = webpackConfig.optimization.minimizer.find((x) => x.toString().includes("css-minimizer-plugin"));
74
- if (cssMin) {
75
- webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(cssMin.index, 1);
76
- }
77
- webpackConfig.optimization.minimizer.push(new import_css_minimizer_webpack_plugin.default());
78
- if (!webpackConfig.resolve.extensions.includes(".web.js")) {
79
- webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
80
- }
81
- webpackConfig.resolve.mainFields.unshift("module:jsx");
82
- const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
83
- const includeModule = /* @__PURE__ */ __name((context, request) => {
84
- const fullPath = request[0] === "." ? import_path.default.join(context, request) : request;
85
- if (/^\@?react-native-/.test(request)) {
86
- return false;
87
- }
88
- if (fullPath.startsWith("react-native-web") || fullPath.includes("node_modules/react-native-web")) {
89
- return `commonjs ${fullPath}`;
90
- }
91
- if (/^(react-dom|react)$/.test(fullPath)) {
92
- return `commonjs ${fullPath}`;
93
- }
94
- return true;
95
- }, "includeModule");
96
- if (isServer) {
97
- webpackConfig.externals = [
98
- ...webpackConfig.externals.map((external) => {
99
- if (typeof external !== "function") {
100
- return external;
101
- }
102
- if (isWebpack5) {
103
- return (ctx, cb) => {
104
- const res = includeModule(ctx.context, ctx.request);
105
- if (typeof res === "string") {
106
- return cb(null, res);
107
- }
108
- if (res) {
109
- return external(ctx, cb);
110
- }
111
- return cb();
112
- };
113
- }
114
- return (ctx, req, cb) => {
115
- const res = includeModule(ctx, req);
116
- if (typeof res === "string") {
117
- return cb(null, res);
118
- }
119
- if (res) {
120
- return external(ctx, cb);
121
- }
122
- return cb();
123
- };
124
- })
125
- ];
126
- }
127
- const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf);
128
- if (oneOfRule) {
129
- if (!dev) {
130
- const MiniCssExtractPlugin = require("mini-css-extract-plugin");
131
- oneOfRule.oneOf = [
132
- {
133
- test: /\.css$/i,
134
- use: [MiniCssExtractPlugin.loader, "css-loader"],
135
- sideEffects: true
136
- }
137
- ];
138
- const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
139
- webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
140
- filename: "static/css/[name].[contenthash].css",
141
- ignoreOrder: true
142
- }));
143
- } else {
144
- const {
145
- getGlobalCssLoader
146
- } = require("next/dist/build/webpack/config/blocks/css/loaders");
147
- oneOfRule.oneOf.unshift({
148
- test: /\.css$/i,
149
- sideEffects: true,
150
- use: getGlobalCssLoader({
151
- assetPrefix: options.config.assetPrefix,
152
- future: { webpack5: true },
153
- isClient: !isServer,
154
- isServer,
155
- isDevelopment: true
156
- }, [], [])
157
- });
158
- }
159
- }
160
- const shouldExclude = /* @__PURE__ */ __name((x) => {
161
- if (x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`))) {
162
- return false;
163
- }
164
- return true;
165
- }, "shouldExclude");
166
- const [first, second, ...rest] = webpackConfig.module.rules;
167
- webpackConfig.module.rules = [
168
- first,
169
- second,
170
- {
171
- test: /\.(tsx|js|mjs|jsx)$/,
172
- exclude: shouldExclude,
173
- use: [
174
- {
175
- loader: "esbuild-loader",
176
- options: {
177
- loader: "tsx",
178
- minify: false
179
- }
180
- },
181
- {
182
- loader: "tamagui-loader",
183
- options: tamaguiOptions
184
- }
185
- ]
186
- },
187
- ...rest
188
- ];
189
- if (typeof nextConfig.webpack === "function") {
190
- return nextConfig.webpack(webpackConfig, options);
191
- }
192
- return webpackConfig;
193
- }
194
- });
195
- };
196
- }, "withTamagui");
197
- //# sourceMappingURL=index.cjs.map
package/dist/index.cjs.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/index.ts", "../src/withTamagui.ts"],
4
- "sourcesContent": ["export * from './withTamagui'\n", "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 if (\n x.includes(options.dir) ||\n tamaguiOptions.components.some(\n (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`)\n )\n ) {\n return false\n }\n // exclude everything else\n return true\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
- }
package/dist/index.js DELETED
@@ -1,2 +0,0 @@
1
- export * from "./withTamagui";
2
- //# sourceMappingURL=index.js.map
package/dist/index.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/index.ts"],
4
- "sourcesContent": ["export * from './withTamagui'\n"],
5
- "mappings": "AAAA;",
6
- "names": []
7
- }
package/dist/withTamagui.js DELETED
@@ -1,155 +0,0 @@
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
- if (x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`))) {
117
- return false;
118
- }
119
- return true;
120
- }, "shouldExclude");
121
- const [first, second, ...rest] = webpackConfig.module.rules;
122
- webpackConfig.module.rules = [
123
- first,
124
- second,
125
- {
126
- test: /\.(tsx|js|mjs|jsx)$/,
127
- exclude: shouldExclude,
128
- use: [
129
- {
130
- loader: "esbuild-loader",
131
- options: {
132
- loader: "tsx",
133
- minify: false
134
- }
135
- },
136
- {
137
- loader: "tamagui-loader",
138
- options: tamaguiOptions
139
- }
140
- ]
141
- },
142
- ...rest
143
- ];
144
- if (typeof nextConfig.webpack === "function") {
145
- return nextConfig.webpack(webpackConfig, options);
146
- }
147
- return webpackConfig;
148
- }
149
- });
150
- };
151
- }, "withTamagui");
152
- export {
153
- withTamagui
154
- };
155
- //# sourceMappingURL=withTamagui.js.map
package/dist/withTamagui.js.map DELETED
@@ -1,7 +0,0 @@
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 if (\n x.includes(options.dir) ||\n tamaguiOptions.components.some(\n (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`)\n )\n ) {\n return false\n }\n // exclude everything else\n return true\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": ";;AAAA;AAGA;AACA;AAEO,MAAM,cAAc,wBAAC,mBAAmC;AAC7D,SAAO,CAAC,aAAkB,OAAO;AAC/B,WAAO,OAAO,OAAO,IAAI,YAAY;AAAA,MACnC,SAAS,CAAC,eAAe,YAAY;AACnC,cAAM,EAAE,QAAQ,KAAK,aAAa;AAElC,sBAAc,QAAQ,QAAQ;AAAA,aACxB,cAAc,QAAQ,SAAS;AAAA,UACnC,iBAAiB;AAAA,UACjB,+CACE;AAAA,UAIF,qBAAqC;AAAA,UACrC,yBAAyC;AAAA,UACzC,OAAuB;AAAA,UACvB,aAA6B;AAAA;AAG/B,sBAAc,QAAQ,KACpB,IAAI,QAAQ,aAAa;AAAA,UACvB,8BAA8B;AAAA;AAIlC,YAAI,QAAQ,IAAI,wBAAwB;AACtC,kBAAQ,IAAI;AACZ,iBAAO,cAAc,QAAQ,QAAQ,GAAG,MAAM;AAC9C,iBAAO,cAAc,QAAQ,QAAQ,GAAG,MAAM;AAAA;AAKhD,cAAM,SAAS,cAAc,aAAa,UAAU,KAAK,CAAC,MACxD,EAAE,WAAW,SAAS;AAExB,YAAI,QAAQ;AACV,wBAAc,aAAa,YAAY,cAAc,aAAa,UAAU,MAC1E,OAAO,OACP;AAAA;AAGJ,sBAAc,aAAa,UAAU,KAAK,IAAI;AAE9C,YAAI,CAAC,cAAc,QAAQ,WAAW,SAAS,YAAY;AACzD,wBAAc,QAAQ,aAAa,CAAC,WAAW,GAAG,cAAc,QAAQ;AAAA;AAI1E,sBAAc,QAAQ,WAAW,QAAQ;AAGzC,cAAM,aAAa,CAAC,CAAC,OAAO,OAAO,YAAY,OAAO,OAAO,aAAa;AAE1E,cAAM,gBAAgB,wBAAC,SAAiB,YAAoB;AAC1D,gBAAM,WAAW,QAAQ,OAAO,MAAM,KAAK,KAAK,SAAS,WAAW;AACpE,cAAI,oBAAoB,KAAK,UAAU;AACrC,mBAAO;AAAA;AAET,cACE,SAAS,WAAW,uBACpB,SAAS,SAAS,kCAClB;AACA,mBAAO,YAAY;AAAA;AAErB,cAAI,sBAAsB,KAAK,WAAW;AACxC,mBAAO,YAAY;AAAA;AAErB,iBAAO;AAAA,WAda;AAiBtB,YAAI,UAAU;AAEZ,wBAAc,YAAY;AAAA,YACxB,GAAG,cAAc,UAAU,IAAI,CAAC,aAAa;AAC3C,kBAAI,OAAO,aAAa,YAAY;AAClC,uBAAO;AAAA;AAGT,kBAAI,YAAY;AACd,uBAAO,CAAC,KAAK,OAAO;AAClB,wBAAM,MAAM,cAAc,IAAI,SAAS,IAAI;AAC3C,sBAAI,OAAO,QAAQ,UAAU;AAC3B,2BAAO,GAAG,MAAM;AAAA;AAElB,sBAAI,KAAK;AACP,2BAAO,SAAS,KAAK;AAAA;AAEvB,yBAAO;AAAA;AAAA;AAGX,qBAAO,CAAC,KAAK,KAAK,OAAO;AACvB,sBAAM,MAAM,cAAc,KAAK;AAC/B,oBAAI,OAAO,QAAQ,UAAU;AAC3B,yBAAO,GAAG,MAAM;AAAA;AAElB,oBAAI,KAAK;AACP,yBAAO,SAAS,KAAK;AAAA;AAEvB,uBAAO;AAAA;AAAA;AAAA;AAAA;AAMf,cAAM,YAAY,cAAc,OAAO,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE;AAE7D,YAAI,WAAW;AACb,cAAI,CAAC,KAAK;AAER,kBAAM,uBAAuB,QAAQ;AACrC,sBAAU,QAAQ;AAAA,cAChB;AAAA,gBACE,MAAM;AAAA,gBACN,KAAK,CAAC,qBAAqB,QAAQ;AAAA,gBACnC,aAAa;AAAA;AAAA;AAGjB,kBAAM,MAAM,cAAc,QAAQ,UAChC,CAAC,MAAM,EAAE,YAAY,SAAS;AAEhC,0BAAc,QAAQ,OACpB,KACA,GACA,IAAI,qBAAqB;AAAA,cACvB,UAAU;AAAA,cACV,aAAa;AAAA;AAAA,iBAGZ;AACL,kBAAM;AAAA,cACJ;AAAA,gBACE,QAAQ;AACZ,sBAAU,MAAM,QAAQ;AAAA,cACtB,MAAM;AAAA,cACN,aAAa;AAAA,cACb,KAAK,mBACH;AAAA,gBACE,aAAa,QAAQ,OAAO;AAAA,gBAC5B,QAAQ,EAAE,UAAU;AAAA,gBACpB,UAAU,CAAC;AAAA,gBACX;AAAA,gBACA,eAAe;AAAA,iBAEjB,IACA;AAAA;AAAA;AAAA;AAOR,cAAM,gBAAgB,wBAAC,MAAM;AAG3B,cACE,EAAE,SAAS,QAAQ,QACnB,eAAe,WAAW,KACxB,CAAC,MAAM,EAAE,SAAS,iBAAiB,QAAQ,EAAE,SAAS,GAAG,aAE3D;AACA,mBAAO;AAAA;AAGT,iBAAO;AAAA,WAZa;AActB,cAAM,CAAC,OAAO,WAAW,QAAQ,cAAc,OAAO;AACtD,sBAAc,OAAO,QAAQ;AAAA,UAC3B;AAAA,UACA;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,SAAS;AAAA,YACT,KAAK;AAAA,cACH;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS;AAAA,kBACP,QAAQ;AAAA,kBACR,QAAQ;AAAA;AAAA;AAAA,cAGZ;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS;AAAA;AAAA;AAAA;AAAA,UAIf,GAAG;AAAA;AAGL,YAAI,OAAO,WAAW,YAAY,YAAY;AAC5C,iBAAO,WAAW,QAAQ,eAAe;AAAA;AAG3C,eAAO;AAAA;AAAA;AAAA;AAAA,GAnMY;",
6
- "names": []
7
- }