@tamagui/next-plugin 1.0.0-alpha.7 → 1.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
@@ -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": "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",
6
- "names": []
7
- }
package/src/index.ts DELETED
@@ -1 +0,0 @@
1
- export * from './withTamagui'
@@ -1,206 +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
- if (
164
- x.includes(options.dir) ||
165
- tamaguiOptions.components.some(
166
- (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`)
167
- )
168
- ) {
169
- return false
170
- }
171
- // exclude everything else
172
- return true
173
- }
174
- const [first, second, ...rest] = webpackConfig.module.rules
175
- webpackConfig.module.rules = [
176
- first,
177
- second,
178
- {
179
- test: /\.(tsx|js|mjs|jsx)$/,
180
- exclude: shouldExclude,
181
- use: [
182
- {
183
- loader: 'esbuild-loader',
184
- options: {
185
- loader: 'tsx',
186
- minify: false,
187
- },
188
- },
189
- {
190
- loader: 'tamagui-loader',
191
- options: tamaguiOptions,
192
- },
193
- ],
194
- },
195
- ...rest,
196
- ]
197
-
198
- if (typeof nextConfig.webpack === 'function') {
199
- return nextConfig.webpack(webpackConfig, options)
200
- }
201
-
202
- return webpackConfig
203
- },
204
- })
205
- }
206
- }
package/types.d.ts DELETED
@@ -1,19 +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
- exclude?: RegExp;
11
- logTimings?: boolean;
12
- cssPath?: string;
13
- cssData?: any;
14
- deoptProps?: Set<string>;
15
- excludeProps?: string[];
16
- }
17
- export declare const withTamagui: (tamaguiOptions: TamaguiOptions) => (nextConfig?: any) => any;
18
-
19
- export {};