@tamagui/next-plugin 1.0.0-alpha.9 → 1.0.0-beta.172

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.
@@ -1,153 +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
- 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
@@ -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 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
- }
package/src/index.ts DELETED
@@ -1 +0,0 @@
1
- export * from './withTamagui'
@@ -1,202 +0,0 @@
1
- import path from 'path'
2
-
3
- import { TamaguiOptions } from '@tamagui/static'
4
- import CssMinimizerPlugin from 'css-minimizer-webpack-plugin'
5
- import webpack from 'webpack'
6
-
7
- export const withTamagui = (tamaguiOptions: TamaguiOptions) => {
8
- return (nextConfig: any = {}) => {
9
- return Object.assign({}, nextConfig, {
10
- webpack: (webpackConfig, options) => {
11
- const { config, dev, isServer } = options
12
-
13
- webpackConfig.resolve.alias = {
14
- ...(webpackConfig.resolve.alias || {}),
15
- 'react-native$': 'react-native-web',
16
- 'react-native-web/src/modules/normalizeColor': require.resolve(
17
- 'react-native-web/dist/cjs/modules/normalizeColor'
18
- ),
19
- // fix mdx-bundler issue importing .js specifically
20
- // 'react/jsx-runtime.js': require.resolve('react/jsx-runtime'),
21
- 'react/jsx-runtime': require.resolve('react/jsx-runtime'),
22
- 'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime'),
23
- react: require.resolve('react'),
24
- 'react-dom': require.resolve('react-dom'),
25
- }
26
-
27
- webpackConfig.plugins.push(
28
- new webpack.DefinePlugin({
29
- 'process.env.TAMAGUI_TARGET': '"web"',
30
- })
31
- )
32
-
33
- if (process.env.IGNORE_TS_CONFIG_PATHS) {
34
- console.log('ignoring tsconfig paths, they mess up transpile')
35
- delete webpackConfig.resolve.plugins[0].paths['@tamagui/*']
36
- delete webpackConfig.resolve.plugins[0].paths['tamagui']
37
- }
38
-
39
- // TODO document and make configurable
40
- // replace minifier with css-minimizer-webpack-plugin which handles deduping atomic styles
41
- const cssMin = webpackConfig.optimization.minimizer.find((x) =>
42
- x.toString().includes('css-minimizer-plugin')
43
- )
44
- if (cssMin) {
45
- webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(
46
- cssMin.index,
47
- 1
48
- )
49
- }
50
- webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin())
51
-
52
- if (!webpackConfig.resolve.extensions.includes('.web.js')) {
53
- webpackConfig.resolve.extensions = ['.web.js', ...webpackConfig.resolve.extensions]
54
- }
55
-
56
- // look for compiled js with jsx intact as specified by module:jsx
57
- webpackConfig.resolve.mainFields.unshift('module:jsx')
58
-
59
- // why is it undefined on next11??? but it says using webpack5
60
- const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === 'undefined'
61
-
62
- const includeModule = (context: string, request: string) => {
63
- const fullPath = request[0] === '.' ? path.join(context, request) : request
64
- if (/^\@?react-native-/.test(request)) {
65
- return false
66
- }
67
- if (
68
- fullPath.startsWith('react-native-web') ||
69
- fullPath.includes('node_modules/react-native-web')
70
- ) {
71
- return `commonjs ${fullPath}`
72
- }
73
- if (/^(react-dom|react)$/.test(fullPath)) {
74
- return `commonjs ${fullPath}`
75
- }
76
- return true
77
- }
78
-
79
- if (isServer) {
80
- // externalize react native things from bundle
81
- webpackConfig.externals = [
82
- ...webpackConfig.externals.map((external) => {
83
- if (typeof external !== 'function') {
84
- return external
85
- }
86
- // only runs on server
87
- if (isWebpack5) {
88
- return (ctx, cb) => {
89
- const res = includeModule(ctx.context, ctx.request)
90
- if (typeof res === 'string') {
91
- return cb(null, res)
92
- }
93
- if (res) {
94
- return external(ctx, cb)
95
- }
96
- return cb()
97
- }
98
- }
99
- return (ctx, req, cb) => {
100
- const res = includeModule(ctx, req)
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
- ]
111
- }
112
-
113
- const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf)
114
-
115
- if (oneOfRule) {
116
- if (!dev) {
117
- // replace nextjs picky style rules with simple minicssextract
118
- const MiniCssExtractPlugin = require('mini-css-extract-plugin')
119
- oneOfRule.oneOf = [
120
- {
121
- test: /\.css$/i,
122
- use: [MiniCssExtractPlugin.loader, 'css-loader'],
123
- sideEffects: true,
124
- },
125
- ]
126
- const idx = webpackConfig.plugins.findIndex(
127
- (x) => x.constructor.name === 'NextMiniCssExtractPlugin'
128
- )
129
- webpackConfig.plugins.splice(
130
- idx,
131
- 1,
132
- new MiniCssExtractPlugin({
133
- filename: 'static/css/[name].[contenthash].css',
134
- ignoreOrder: true,
135
- })
136
- )
137
- } else {
138
- const {
139
- getGlobalCssLoader,
140
- } = require('next/dist/build/webpack/config/blocks/css/loaders')
141
- oneOfRule.oneOf.unshift({
142
- test: /\.css$/i,
143
- sideEffects: true,
144
- use: getGlobalCssLoader(
145
- {
146
- assetPrefix: options.config.assetPrefix,
147
- future: { webpack5: true },
148
- isClient: !isServer,
149
- isServer,
150
- isDevelopment: true,
151
- },
152
- [],
153
- []
154
- ),
155
- })
156
- }
157
- }
158
-
159
- // add loader
160
- const shouldExclude = (x) => {
161
- // analyze everything in our src dir
162
- // analyze everything in the components dirs
163
- const shouldInclude =
164
- x.includes(options.dir) ||
165
- tamaguiOptions.components.some(
166
- (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`)
167
- )
168
- return !shouldInclude
169
- }
170
- const [first, second, ...rest] = webpackConfig.module.rules
171
- webpackConfig.module.rules = [
172
- first,
173
- second,
174
- {
175
- test: /\.(tsx|js|mjs|jsx)$/,
176
- exclude: shouldExclude,
177
- use: [
178
- {
179
- loader: 'esbuild-loader',
180
- options: {
181
- loader: 'tsx',
182
- minify: false,
183
- },
184
- },
185
- {
186
- loader: 'tamagui-loader',
187
- options: tamaguiOptions,
188
- },
189
- ],
190
- },
191
- ...rest,
192
- ]
193
-
194
- if (typeof nextConfig.webpack === 'function') {
195
- return nextConfig.webpack(webpackConfig, options)
196
- }
197
-
198
- return webpackConfig
199
- },
200
- })
201
- }
202
- }
package/types.d.ts DELETED
@@ -1,20 +0,0 @@
1
- // Generated by dts-bundle-generator v5.9.0
2
-
3
- export interface TamaguiOptions {
4
- components: string[];
5
- config?: string;
6
- evaluateVars?: boolean;
7
- importsWhitelist?: string[];
8
- disableExtraction?: boolean;
9
- disableDebugAttr?: boolean;
10
- disableExtractInlineMedia?: boolean;
11
- exclude?: RegExp;
12
- logTimings?: boolean;
13
- cssPath?: string;
14
- cssData?: any;
15
- deoptProps?: Set<string>;
16
- excludeProps?: string[];
17
- }
18
- export declare const withTamagui: (tamaguiOptions: TamaguiOptions) => (nextConfig?: any) => any;
19
-
20
- export {};