@tamagui/next-plugin 1.0.0-alpha.34 → 1.0.0-alpha.38

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,154 +1,141 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ import fs from "fs";
3
4
  import path from "path";
4
5
  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}`;
6
+ const withTamagui = /* @__PURE__ */ __name((snackOptions) => ({
7
+ webpack: (webpackConfig, options) => {
8
+ ensureReactNativeWebShim();
9
+ const { config, dev, isServer } = options;
10
+ const cssMin = webpackConfig.optimization.minimizer.find((x) => x.toString().includes("css-minimizer-plugin"));
11
+ if (cssMin) {
12
+ webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(cssMin.index, 1);
13
+ }
14
+ webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin());
15
+ webpackConfig.resolve.alias = {
16
+ ...webpackConfig.resolve.alias || {},
17
+ "react-native$": "react-native-web",
18
+ "react-native-web/src/modules/normalizeColor": require.resolve("react-native-web/dist/cjs/modules/normalizeColor"),
19
+ "react/jsx-runtime": require.resolve("react/jsx-runtime"),
20
+ "react/jsx-dev-runtime": require.resolve("react/jsx-dev-runtime"),
21
+ react: require.resolve("react"),
22
+ "react-dom": require.resolve("react-dom")
23
+ };
24
+ if (!webpackConfig.resolve.extensions.includes(".web.js")) {
25
+ webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
26
+ }
27
+ webpackConfig.resolve.mainFields.unshift("module:jsx");
28
+ const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
29
+ const includeModule = /* @__PURE__ */ __name((context, request) => {
30
+ const fullPath = request[0] === "." ? path.join(context, request) : request;
31
+ if (fullPath.startsWith("next")) {
32
+ return `commonjs ${fullPath}`;
33
+ }
34
+ if (fullPath.startsWith("react-native-web") || fullPath.includes("node_modules/react-native-web")) {
35
+ return `commonjs ${fullPath}`;
36
+ }
37
+ if (/^(react-dom|react)$/.test(fullPath)) {
38
+ return `commonjs ${fullPath}`;
39
+ }
40
+ return true;
41
+ }, "includeModule");
42
+ if (isServer) {
43
+ webpackConfig.externals = [
44
+ ...webpackConfig.externals.map((external) => {
45
+ if (typeof external !== "function") {
46
+ return external;
48
47
  }
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
- };
48
+ if (isWebpack5) {
49
+ return (ctx, cb) => {
50
+ const res = includeModule(ctx.context, ctx.request);
51
+ if (typeof res === "string") {
52
+ return cb(null, res);
68
53
  }
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;
54
+ return cb();
55
+ };
118
56
  }
119
- return true;
120
- }, "shouldExclude");
121
- const [first, second, ...rest] = webpackConfig.module.rules;
122
- webpackConfig.module.rules = [
123
- first,
124
- second,
57
+ return (ctx, req, cb) => {
58
+ };
59
+ })
60
+ ];
61
+ }
62
+ const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf);
63
+ if (oneOfRule) {
64
+ if (!dev) {
65
+ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
66
+ oneOfRule.oneOf = [
125
67
  {
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
68
+ test: /\.css$/i,
69
+ use: [MiniCssExtractPlugin.loader, "css-loader"],
70
+ sideEffects: true
71
+ }
143
72
  ];
144
- if (typeof nextConfig.webpack === "function") {
145
- return nextConfig.webpack(webpackConfig, options);
146
- }
147
- return webpackConfig;
73
+ const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
74
+ webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
75
+ filename: "static/css/[name].[contenthash].css",
76
+ ignoreOrder: true
77
+ }));
78
+ } else {
79
+ const { getGlobalCssLoader } = require("next/dist/build/webpack/config/blocks/css/loaders");
80
+ oneOfRule.oneOf.unshift({
81
+ test: /\.css$/i,
82
+ sideEffects: true,
83
+ use: getGlobalCssLoader({
84
+ assetPrefix: options.config.assetPrefix,
85
+ future: { webpack5: true },
86
+ isClient: !isServer,
87
+ isServer,
88
+ isDevelopment: true
89
+ }, [], [])
90
+ });
91
+ }
92
+ }
93
+ const isNext11 = typeof webpackConfig.module.rules[0].resolve?.fullySpecified === "boolean";
94
+ const loader = {
95
+ loader: "tamagui-loader",
96
+ options: snackOptions
97
+ };
98
+ if (isNext11) {
99
+ const [first, second, ...rest] = webpackConfig.module.rules;
100
+ webpackConfig.module.rules = [
101
+ first,
102
+ second,
103
+ {
104
+ test: /\.(tsx|ts|js|mjs|jsx)$/,
105
+ use: loader
106
+ },
107
+ ...rest
108
+ ];
109
+ } else {
110
+ webpackConfig.module.rules[0].use = [...[].concat(webpackConfig.module.rules[0].use), loader];
111
+ }
112
+ return webpackConfig;
113
+ }
114
+ }), "withTamagui");
115
+ function ensureReactNativeWebShim() {
116
+ const dirs = [
117
+ path.join(require.resolve("tamagui"), "..", ".."),
118
+ path.join(require.resolve("@tamagui/core"), "..", "..")
119
+ ];
120
+ for (const dir of dirs) {
121
+ const fakeReactNative = path.join(dir, "node_modules", "react-native.js");
122
+ const parentFakeDir = path.join(dir, "..", "..", "node_modules");
123
+ const files = new Set([
124
+ fakeReactNative,
125
+ fs.existsSync(parentFakeDir) ? path.join(parentFakeDir, "react-native.js") : null
126
+ ].filter(isPresent));
127
+ files.forEach((file) => {
128
+ if (!fs.existsSync(file)) {
129
+ fs.writeFileSync(fakeReactNative, 'module.exports = require("react-native-web")');
148
130
  }
149
131
  });
150
- };
151
- }, "withTamagui");
132
+ }
133
+ }
134
+ __name(ensureReactNativeWebShim, "ensureReactNativeWebShim");
135
+ function isPresent(input) {
136
+ return input != null;
137
+ }
138
+ __name(isPresent, "isPresent");
152
139
  export {
153
140
  withTamagui
154
141
  };
@@ -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-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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",
4
+ "sourcesContent": ["import fs from 'fs'\nimport path from 'path'\n\nimport { TamaguiOptions } from '@tamagui/static'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\n\nexport const withTamagui = (snackOptions: TamaguiOptions) => ({\n webpack: (webpackConfig, options) => {\n ensureReactNativeWebShim()\n\n const { config, dev, isServer } = options\n\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 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 '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 if (!webpackConfig.resolve.extensions.includes('.web.js')) {\n webpackConfig.resolve.extensions = ['.web.js', ...webpackConfig.resolve.extensions]\n }\n\n // ensure we compile tamagui itself\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 (fullPath.startsWith('next')) {\n return `commonjs ${fullPath}`\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 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 (res === false) {\n // return external(ctx, cb)\n // }\n if (typeof res === 'string') {\n return cb(null, res)\n }\n return cb()\n }\n }\n return (ctx, req, cb) => {\n // const fullPath = path.join(ctx, req)\n // return includeModule(fullPath) ? cb() : external(ctx, req, 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 { getGlobalCssLoader } = 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 isNext11 = typeof webpackConfig.module.rules[0].resolve?.fullySpecified === 'boolean'\n const loader = {\n loader: 'tamagui-loader',\n options: snackOptions,\n }\n if (isNext11) {\n const [first, second, ...rest] = webpackConfig.module.rules\n webpackConfig.module.rules = [\n first,\n second,\n {\n test: /\\.(tsx|ts|js|mjs|jsx)$/,\n use: loader,\n },\n ...rest,\n ]\n } else {\n webpackConfig.module.rules[0].use = [...[].concat(webpackConfig.module.rules[0].use), loader]\n }\n\n return webpackConfig\n },\n})\n\nfunction ensureReactNativeWebShim() {\n const dirs = [\n path.join(require.resolve('tamagui'), '..', '..'),\n path.join(require.resolve('@tamagui/core'), '..', '..'),\n ]\n for (const dir of dirs) {\n const fakeReactNative = path.join(dir, 'node_modules', 'react-native.js')\n // monorepo dev support.. for now\n const parentFakeDir = path.join(dir, '..', '..', 'node_modules')\n const files = new Set(\n [\n fakeReactNative,\n fs.existsSync(parentFakeDir) ? path.join(parentFakeDir, 'react-native.js') : null,\n ].filter(isPresent)\n )\n\n files.forEach((file) => {\n if (!fs.existsSync(file)) {\n // console.log('inserting react-native-web shim', file)\n fs.writeFileSync(fakeReactNative, 'module.exports = require(\"react-native-web\")')\n }\n })\n }\n}\n\nfunction isPresent<T extends Object>(input: null | void | undefined | T): input is T {\n return input != null\n}\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/next-plugin",
3
- "version": "1.0.0-alpha.34",
3
+ "version": "1.0.0-alpha.38",
4
4
  "source": "src/index.ts",
5
5
  "typings": "types",
6
6
  "main": "dist/cjs",
@@ -16,14 +16,14 @@
16
16
  },
17
17
  "license": "MIT",
18
18
  "dependencies": {
19
- "@tamagui/static": "^1.0.0-alpha.34",
19
+ "@tamagui/static": "^1.0.0-alpha.38",
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.34"
23
+ "tamagui-loader": "^1.0.0-alpha.38"
24
24
  },
25
25
  "devDependencies": {
26
- "@tamagui/build": "^1.0.0-alpha.32",
26
+ "@tamagui/build": "^1.0.0-alpha.38",
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": "4ddefd7505198304c370ad275f9e4ee1960af2fb"
35
+ "gitHead": "155f989a05a70b2a9181cf820363f170a293f78b"
36
36
  }
package/dist/cjs/index.js DELETED
@@ -1,21 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __reExport = (target, module2, desc) => {
9
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
- for (let key of __getOwnPropNames(module2))
11
- if (!__hasOwnProp.call(target, key) && key !== "default")
12
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
- }
14
- return target;
15
- };
16
- var __toModule = (module2) => {
17
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
- };
19
- __markAsModule(exports);
20
- __reExport(exports, __toModule(require("./withTamagui")));
21
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "sourcesContent": ["export * from './withTamagui'\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
6
- "names": []
7
- }
@@ -1,191 +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
- __export(exports, {
43
- withTamagui: () => withTamagui
44
- });
45
- var import_path = __toModule(require("path"));
46
- var import_css_minimizer_webpack_plugin = __toModule(require("css-minimizer-webpack-plugin"));
47
- var import_webpack = __toModule(require("webpack"));
48
- const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
49
- return (nextConfig = {}) => {
50
- return Object.assign({}, nextConfig, {
51
- webpack: (webpackConfig, options) => {
52
- const { config, dev, isServer } = options;
53
- webpackConfig.resolve.alias = __spreadProps(__spreadValues({}, webpackConfig.resolve.alias || {}), {
54
- "react-native$": "react-native-web",
55
- "react-native-web/src/modules/normalizeColor": require.resolve("react-native-web/dist/cjs/modules/normalizeColor"),
56
- "react/jsx-runtime": require.resolve("react/jsx-runtime"),
57
- "react/jsx-dev-runtime": require.resolve("react/jsx-dev-runtime"),
58
- react: require.resolve("react"),
59
- "react-dom": require.resolve("react-dom")
60
- });
61
- webpackConfig.plugins.push(new import_webpack.default.DefinePlugin({
62
- "process.env.TAMAGUI_TARGET": '"web"'
63
- }));
64
- if (process.env.IGNORE_TS_CONFIG_PATHS) {
65
- console.log("ignoring tsconfig paths, they mess up transpile");
66
- delete webpackConfig.resolve.plugins[0].paths["@tamagui/*"];
67
- delete webpackConfig.resolve.plugins[0].paths["tamagui"];
68
- }
69
- const cssMin = webpackConfig.optimization.minimizer.find((x) => x.toString().includes("css-minimizer-plugin"));
70
- if (cssMin) {
71
- webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(cssMin.index, 1);
72
- }
73
- webpackConfig.optimization.minimizer.push(new import_css_minimizer_webpack_plugin.default());
74
- if (!webpackConfig.resolve.extensions.includes(".web.js")) {
75
- webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
76
- }
77
- webpackConfig.resolve.mainFields.unshift("module:jsx");
78
- const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
79
- const includeModule = /* @__PURE__ */ __name((context, request) => {
80
- const fullPath = request[0] === "." ? import_path.default.join(context, request) : request;
81
- if (/^\@?react-native-/.test(request)) {
82
- return false;
83
- }
84
- if (fullPath.startsWith("react-native-web") || fullPath.includes("node_modules/react-native-web")) {
85
- return `commonjs ${fullPath}`;
86
- }
87
- if (/^(react-dom|react)$/.test(fullPath)) {
88
- return `commonjs ${fullPath}`;
89
- }
90
- return true;
91
- }, "includeModule");
92
- if (isServer) {
93
- webpackConfig.externals = [
94
- ...webpackConfig.externals.map((external) => {
95
- if (typeof external !== "function") {
96
- return external;
97
- }
98
- if (isWebpack5) {
99
- return (ctx, cb) => {
100
- const res = includeModule(ctx.context, ctx.request);
101
- if (typeof res === "string") {
102
- return cb(null, res);
103
- }
104
- if (res) {
105
- return external(ctx, cb);
106
- }
107
- return cb();
108
- };
109
- }
110
- return (ctx, req, cb) => {
111
- const res = includeModule(ctx, req);
112
- if (typeof res === "string") {
113
- return cb(null, res);
114
- }
115
- if (res) {
116
- return external(ctx, cb);
117
- }
118
- return cb();
119
- };
120
- })
121
- ];
122
- }
123
- const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf);
124
- if (oneOfRule) {
125
- if (!dev) {
126
- const MiniCssExtractPlugin = require("mini-css-extract-plugin");
127
- oneOfRule.oneOf = [
128
- {
129
- test: /\.css$/i,
130
- use: [MiniCssExtractPlugin.loader, "css-loader"],
131
- sideEffects: true
132
- }
133
- ];
134
- const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
135
- webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
136
- filename: "static/css/[name].[contenthash].css",
137
- ignoreOrder: true
138
- }));
139
- } else {
140
- const {
141
- getGlobalCssLoader
142
- } = require("next/dist/build/webpack/config/blocks/css/loaders");
143
- oneOfRule.oneOf.unshift({
144
- test: /\.css$/i,
145
- sideEffects: true,
146
- use: getGlobalCssLoader({
147
- assetPrefix: options.config.assetPrefix,
148
- future: { webpack5: true },
149
- isClient: !isServer,
150
- isServer,
151
- isDevelopment: true
152
- }, [], [])
153
- });
154
- }
155
- }
156
- const shouldExclude = /* @__PURE__ */ __name((x) => {
157
- const shouldInclude = x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/dist/jsx/`));
158
- return !shouldInclude;
159
- }, "shouldExclude");
160
- const [first, second, ...rest] = webpackConfig.module.rules;
161
- webpackConfig.module.rules = [
162
- first,
163
- second,
164
- {
165
- test: /\.(tsx|js|mjs|jsx)$/,
166
- exclude: shouldExclude,
167
- use: [
168
- {
169
- loader: "esbuild-loader",
170
- options: {
171
- loader: "tsx",
172
- minify: false
173
- }
174
- },
175
- {
176
- loader: "tamagui-loader",
177
- options: tamaguiOptions
178
- }
179
- ]
180
- },
181
- ...rest
182
- ];
183
- if (typeof nextConfig.webpack === "function") {
184
- return nextConfig.webpack(webpackConfig, options);
185
- }
186
- return webpackConfig;
187
- }
188
- });
189
- };
190
- }, "withTamagui");
191
- //# sourceMappingURL=withTamagui.js.map
@@ -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}/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"],
5
- "mappings": "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",
6
- "names": []
7
- }
package/dist/esm/index.js DELETED
@@ -1,2 +0,0 @@
1
- export * from "./withTamagui";
2
- //# sourceMappingURL=index.js.map