@tanstack/router-plugin 1.167.23 → 1.167.24

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 (6) hide show
  1. package/dist/cjs/core/router-composed-plugin.cjs +28 -1
  2. package/dist/cjs/core/router-composed-plugin.cjs.map +1 -1
  3. package/dist/esm/core/router-composed-plugin.js +28 -1
  4. package/dist/esm/core/router-composed-plugin.js.map +1 -1
  5. package/package.json +4 -4
  6. package/src/core/router-composed-plugin.ts +52 -2
package/dist/cjs/core/router-composed-plugin.cjs CHANGED
@@ -4,6 +4,16 @@ const require_router_generator_plugin = require("./router-generator-plugin.cjs")
4
4
  const require_router_hmr_plugin = require("./router-hmr-plugin.cjs");
5
5
  let _tanstack_router_generator = require("@tanstack/router-generator");
6
6
  //#region src/core/router-composed-plugin.ts
7
+ var INLINE_CSS_DEFAULT_DEFINES = {
8
+ "process.env.TSS_INLINE_CSS_ENABLED": JSON.stringify("false"),
9
+ "import.meta.env.TSS_INLINE_CSS_ENABLED": JSON.stringify("false")
10
+ };
11
+ function applyWebpackInlineCssDefaultDefinePlugin(compiler) {
12
+ new compiler.webpack.DefinePlugin(INLINE_CSS_DEFAULT_DEFINES).apply(compiler);
13
+ }
14
+ function applyRspackInlineCssDefaultDefinePlugin(compiler) {
15
+ new compiler.webpack.DefinePlugin(INLINE_CSS_DEFAULT_DEFINES).apply(compiler);
16
+ }
7
17
  var unpluginRouterComposedFactory = (options = {}, meta) => {
8
18
  const ROOT = process.cwd();
9
19
  const userConfig = (0, _tanstack_router_generator.getConfig)(typeof options === "function" ? options() : options, ROOT);
@@ -14,7 +24,24 @@ var unpluginRouterComposedFactory = (options = {}, meta) => {
14
24
  };
15
25
  const routerGenerator = getPlugin(require_router_generator_plugin.unpluginRouterGeneratorFactory);
16
26
  const routerCodeSplitter = getPlugin(require_router_code_splitter_plugin.unpluginRouterCodeSplitterFactory);
17
- const result = [...routerGenerator];
27
+ const result = [{
28
+ name: "tanstack:router-inline-css-defaults",
29
+ vite: { config() {
30
+ return { define: { ...INLINE_CSS_DEFAULT_DEFINES } };
31
+ } },
32
+ webpack(compiler) {
33
+ applyWebpackInlineCssDefaultDefinePlugin(compiler);
34
+ },
35
+ rspack(compiler) {
36
+ applyRspackInlineCssDefaultDefinePlugin(compiler);
37
+ },
38
+ esbuild: { config(options) {
39
+ options.define = {
40
+ ...INLINE_CSS_DEFAULT_DEFINES,
41
+ ...options.define
42
+ };
43
+ } }
44
+ }, ...routerGenerator];
18
45
  if (userConfig.autoCodeSplitting) result.push(...routerCodeSplitter);
19
46
  if (!(process.env.NODE_ENV === "production") && !userConfig.autoCodeSplitting) {
20
47
  const routerHmr = getPlugin(require_router_hmr_plugin.unpluginRouterHmrFactory);
package/dist/cjs/core/router-composed-plugin.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"router-composed-plugin.cjs","names":[],"sources":["../../../src/core/router-composed-plugin.ts"],"sourcesContent":["import { getConfig } from '@tanstack/router-generator'\nimport { unpluginRouterGeneratorFactory } from './router-generator-plugin'\nimport { unpluginRouterCodeSplitterFactory } from './router-code-splitter-plugin'\nimport { unpluginRouterHmrFactory } from './router-hmr-plugin'\nimport type { Config } from './config'\nimport type { UnpluginFactory } from 'unplugin'\n\nexport const unpluginRouterComposedFactory: UnpluginFactory<\n Partial<Config | (() => Config)> | undefined\n> = (options = {}, meta) => {\n const ROOT: string = process.cwd()\n const userConfig = getConfig(\n (typeof options === 'function' ? options() : options) as Partial<Config>,\n ROOT,\n )\n\n const getPlugin = (\n pluginFactory: UnpluginFactory<Partial<Config | (() => Config)>>,\n ) => {\n const plugin = pluginFactory(options, meta)\n if (!Array.isArray(plugin)) {\n return [plugin]\n }\n return plugin\n }\n\n const routerGenerator = getPlugin(unpluginRouterGeneratorFactory)\n const routerCodeSplitter = getPlugin(unpluginRouterCodeSplitterFactory)\n\n const result = [...routerGenerator]\n if (userConfig.autoCodeSplitting) {\n result.push(...routerCodeSplitter)\n }\n\n const isProduction = process.env.NODE_ENV === 'production'\n\n if (!isProduction && !userConfig.autoCodeSplitting) {\n const routerHmr = getPlugin(unpluginRouterHmrFactory)\n result.push(...routerHmr)\n }\n return result\n}\n"],"mappings":";;;;;;AAOA,IAAa,iCAER,UAAU,EAAE,EAAE,SAAS;CAC1B,MAAM,OAAe,QAAQ,KAAK;CAClC,MAAM,cAAA,GAAA,2BAAA,WACH,OAAO,YAAY,aAAa,SAAS,GAAG,SAC7C,KACD;CAED,MAAM,aACJ,kBACG;EACH,MAAM,SAAS,cAAc,SAAS,KAAK;AAC3C,MAAI,CAAC,MAAM,QAAQ,OAAO,CACxB,QAAO,CAAC,OAAO;AAEjB,SAAO;;CAGT,MAAM,kBAAkB,UAAU,gCAAA,+BAA+B;CACjE,MAAM,qBAAqB,UAAU,oCAAA,kCAAkC;CAEvE,MAAM,SAAS,CAAC,GAAG,gBAAgB;AACnC,KAAI,WAAW,kBACb,QAAO,KAAK,GAAG,mBAAmB;AAKpC,KAAI,EAAA,QAAA,IAAA,aAF0C,iBAEzB,CAAC,WAAW,mBAAmB;EAClD,MAAM,YAAY,UAAU,0BAAA,yBAAyB;AACrD,SAAO,KAAK,GAAG,UAAU;;AAE3B,QAAO"}
1
+ {"version":3,"file":"router-composed-plugin.cjs","names":[],"sources":["../../../src/core/router-composed-plugin.ts"],"sourcesContent":["import { getConfig } from '@tanstack/router-generator'\nimport { unpluginRouterGeneratorFactory } from './router-generator-plugin'\nimport { unpluginRouterCodeSplitterFactory } from './router-code-splitter-plugin'\nimport { unpluginRouterHmrFactory } from './router-hmr-plugin'\nimport type { Config } from './config'\nimport type {\n RspackCompiler,\n UnpluginFactory,\n UnpluginOptions,\n WebpackCompiler,\n} from 'unplugin'\n\nconst INLINE_CSS_DEFAULT_DEFINES = {\n 'process.env.TSS_INLINE_CSS_ENABLED': JSON.stringify('false'),\n 'import.meta.env.TSS_INLINE_CSS_ENABLED': JSON.stringify('false'),\n}\n\ntype EsbuildOptionsWithDefine = Parameters<\n NonNullable<NonNullable<UnpluginOptions['esbuild']>['config']>\n>[0]\n\nfunction applyWebpackInlineCssDefaultDefinePlugin(compiler: WebpackCompiler) {\n new compiler.webpack.DefinePlugin(INLINE_CSS_DEFAULT_DEFINES).apply(compiler)\n}\n\nfunction applyRspackInlineCssDefaultDefinePlugin(compiler: RspackCompiler) {\n new compiler.webpack.DefinePlugin(INLINE_CSS_DEFAULT_DEFINES).apply(compiler)\n}\n\nexport const unpluginRouterComposedFactory: UnpluginFactory<\n Partial<Config | (() => Config)> | undefined\n> = (options = {}, meta) => {\n const ROOT: string = process.cwd()\n const userConfig = getConfig(\n (typeof options === 'function' ? options() : options) as Partial<Config>,\n ROOT,\n )\n\n const getPlugin = (\n pluginFactory: UnpluginFactory<Partial<Config | (() => Config)>>,\n ) => {\n const plugin = pluginFactory(options, meta)\n if (!Array.isArray(plugin)) {\n return [plugin]\n }\n return plugin\n }\n\n const routerGenerator = getPlugin(unpluginRouterGeneratorFactory)\n const routerCodeSplitter = getPlugin(unpluginRouterCodeSplitterFactory)\n\n const result = [\n {\n name: 'tanstack:router-inline-css-defaults',\n vite: {\n config() {\n return {\n define: {\n ...INLINE_CSS_DEFAULT_DEFINES,\n },\n }\n },\n },\n webpack(compiler: WebpackCompiler) {\n applyWebpackInlineCssDefaultDefinePlugin(compiler)\n },\n rspack(compiler: RspackCompiler) {\n applyRspackInlineCssDefaultDefinePlugin(compiler)\n },\n esbuild: {\n config(options: EsbuildOptionsWithDefine) {\n options.define = {\n ...INLINE_CSS_DEFAULT_DEFINES,\n ...options.define,\n }\n },\n },\n },\n ...routerGenerator,\n ]\n if (userConfig.autoCodeSplitting) {\n result.push(...routerCodeSplitter)\n }\n\n const isProduction = process.env.NODE_ENV === 'production'\n\n if (!isProduction && !userConfig.autoCodeSplitting) {\n const routerHmr = getPlugin(unpluginRouterHmrFactory)\n result.push(...routerHmr)\n }\n return result\n}\n"],"mappings":";;;;;;AAYA,IAAM,6BAA6B;CACjC,sCAAsC,KAAK,UAAU,QAAQ;CAC7D,0CAA0C,KAAK,UAAU,QAAQ;CAClE;AAMD,SAAS,yCAAyC,UAA2B;AAC3E,KAAI,SAAS,QAAQ,aAAa,2BAA2B,CAAC,MAAM,SAAS;;AAG/E,SAAS,wCAAwC,UAA0B;AACzE,KAAI,SAAS,QAAQ,aAAa,2BAA2B,CAAC,MAAM,SAAS;;AAG/E,IAAa,iCAER,UAAU,EAAE,EAAE,SAAS;CAC1B,MAAM,OAAe,QAAQ,KAAK;CAClC,MAAM,cAAA,GAAA,2BAAA,WACH,OAAO,YAAY,aAAa,SAAS,GAAG,SAC7C,KACD;CAED,MAAM,aACJ,kBACG;EACH,MAAM,SAAS,cAAc,SAAS,KAAK;AAC3C,MAAI,CAAC,MAAM,QAAQ,OAAO,CACxB,QAAO,CAAC,OAAO;AAEjB,SAAO;;CAGT,MAAM,kBAAkB,UAAU,gCAAA,+BAA+B;CACjE,MAAM,qBAAqB,UAAU,oCAAA,kCAAkC;CAEvE,MAAM,SAAS,CACb;EACE,MAAM;EACN,MAAM,EACJ,SAAS;AACP,UAAO,EACL,QAAQ,EACN,GAAG,4BACJ,EACF;KAEJ;EACD,QAAQ,UAA2B;AACjC,4CAAyC,SAAS;;EAEpD,OAAO,UAA0B;AAC/B,2CAAwC,SAAS;;EAEnD,SAAS,EACP,OAAO,SAAmC;AACxC,WAAQ,SAAS;IACf,GAAG;IACH,GAAG,QAAQ;IACZ;KAEJ;EACF,EACD,GAAG,gBACJ;AACD,KAAI,WAAW,kBACb,QAAO,KAAK,GAAG,mBAAmB;AAKpC,KAAI,EAAA,QAAA,IAAA,aAF0C,iBAEzB,CAAC,WAAW,mBAAmB;EAClD,MAAM,YAAY,UAAU,0BAAA,yBAAyB;AACrD,SAAO,KAAK,GAAG,UAAU;;AAE3B,QAAO"}
package/dist/esm/core/router-composed-plugin.js CHANGED
@@ -3,6 +3,16 @@ import { unpluginRouterGeneratorFactory } from "./router-generator-plugin.js";
3
3
  import { unpluginRouterHmrFactory } from "./router-hmr-plugin.js";
4
4
  import { getConfig } from "@tanstack/router-generator";
5
5
  //#region src/core/router-composed-plugin.ts
6
+ var INLINE_CSS_DEFAULT_DEFINES = {
7
+ "process.env.TSS_INLINE_CSS_ENABLED": JSON.stringify("false"),
8
+ "import.meta.env.TSS_INLINE_CSS_ENABLED": JSON.stringify("false")
9
+ };
10
+ function applyWebpackInlineCssDefaultDefinePlugin(compiler) {
11
+ new compiler.webpack.DefinePlugin(INLINE_CSS_DEFAULT_DEFINES).apply(compiler);
12
+ }
13
+ function applyRspackInlineCssDefaultDefinePlugin(compiler) {
14
+ new compiler.webpack.DefinePlugin(INLINE_CSS_DEFAULT_DEFINES).apply(compiler);
15
+ }
6
16
  var unpluginRouterComposedFactory = (options = {}, meta) => {
7
17
  const ROOT = process.cwd();
8
18
  const userConfig = getConfig(typeof options === "function" ? options() : options, ROOT);
@@ -13,7 +23,24 @@ var unpluginRouterComposedFactory = (options = {}, meta) => {
13
23
  };
14
24
  const routerGenerator = getPlugin(unpluginRouterGeneratorFactory);
15
25
  const routerCodeSplitter = getPlugin(unpluginRouterCodeSplitterFactory);
16
- const result = [...routerGenerator];
26
+ const result = [{
27
+ name: "tanstack:router-inline-css-defaults",
28
+ vite: { config() {
29
+ return { define: { ...INLINE_CSS_DEFAULT_DEFINES } };
30
+ } },
31
+ webpack(compiler) {
32
+ applyWebpackInlineCssDefaultDefinePlugin(compiler);
33
+ },
34
+ rspack(compiler) {
35
+ applyRspackInlineCssDefaultDefinePlugin(compiler);
36
+ },
37
+ esbuild: { config(options) {
38
+ options.define = {
39
+ ...INLINE_CSS_DEFAULT_DEFINES,
40
+ ...options.define
41
+ };
42
+ } }
43
+ }, ...routerGenerator];
17
44
  if (userConfig.autoCodeSplitting) result.push(...routerCodeSplitter);
18
45
  if (!(process.env.NODE_ENV === "production") && !userConfig.autoCodeSplitting) {
19
46
  const routerHmr = getPlugin(unpluginRouterHmrFactory);
package/dist/esm/core/router-composed-plugin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"router-composed-plugin.js","names":[],"sources":["../../../src/core/router-composed-plugin.ts"],"sourcesContent":["import { getConfig } from '@tanstack/router-generator'\nimport { unpluginRouterGeneratorFactory } from './router-generator-plugin'\nimport { unpluginRouterCodeSplitterFactory } from './router-code-splitter-plugin'\nimport { unpluginRouterHmrFactory } from './router-hmr-plugin'\nimport type { Config } from './config'\nimport type { UnpluginFactory } from 'unplugin'\n\nexport const unpluginRouterComposedFactory: UnpluginFactory<\n Partial<Config | (() => Config)> | undefined\n> = (options = {}, meta) => {\n const ROOT: string = process.cwd()\n const userConfig = getConfig(\n (typeof options === 'function' ? options() : options) as Partial<Config>,\n ROOT,\n )\n\n const getPlugin = (\n pluginFactory: UnpluginFactory<Partial<Config | (() => Config)>>,\n ) => {\n const plugin = pluginFactory(options, meta)\n if (!Array.isArray(plugin)) {\n return [plugin]\n }\n return plugin\n }\n\n const routerGenerator = getPlugin(unpluginRouterGeneratorFactory)\n const routerCodeSplitter = getPlugin(unpluginRouterCodeSplitterFactory)\n\n const result = [...routerGenerator]\n if (userConfig.autoCodeSplitting) {\n result.push(...routerCodeSplitter)\n }\n\n const isProduction = process.env.NODE_ENV === 'production'\n\n if (!isProduction && !userConfig.autoCodeSplitting) {\n const routerHmr = getPlugin(unpluginRouterHmrFactory)\n result.push(...routerHmr)\n }\n return result\n}\n"],"mappings":";;;;;AAOA,IAAa,iCAER,UAAU,EAAE,EAAE,SAAS;CAC1B,MAAM,OAAe,QAAQ,KAAK;CAClC,MAAM,aAAa,UAChB,OAAO,YAAY,aAAa,SAAS,GAAG,SAC7C,KACD;CAED,MAAM,aACJ,kBACG;EACH,MAAM,SAAS,cAAc,SAAS,KAAK;AAC3C,MAAI,CAAC,MAAM,QAAQ,OAAO,CACxB,QAAO,CAAC,OAAO;AAEjB,SAAO;;CAGT,MAAM,kBAAkB,UAAU,+BAA+B;CACjE,MAAM,qBAAqB,UAAU,kCAAkC;CAEvE,MAAM,SAAS,CAAC,GAAG,gBAAgB;AACnC,KAAI,WAAW,kBACb,QAAO,KAAK,GAAG,mBAAmB;AAKpC,KAAI,EAAA,QAAA,IAAA,aAF0C,iBAEzB,CAAC,WAAW,mBAAmB;EAClD,MAAM,YAAY,UAAU,yBAAyB;AACrD,SAAO,KAAK,GAAG,UAAU;;AAE3B,QAAO"}
1
+ {"version":3,"file":"router-composed-plugin.js","names":[],"sources":["../../../src/core/router-composed-plugin.ts"],"sourcesContent":["import { getConfig } from '@tanstack/router-generator'\nimport { unpluginRouterGeneratorFactory } from './router-generator-plugin'\nimport { unpluginRouterCodeSplitterFactory } from './router-code-splitter-plugin'\nimport { unpluginRouterHmrFactory } from './router-hmr-plugin'\nimport type { Config } from './config'\nimport type {\n RspackCompiler,\n UnpluginFactory,\n UnpluginOptions,\n WebpackCompiler,\n} from 'unplugin'\n\nconst INLINE_CSS_DEFAULT_DEFINES = {\n 'process.env.TSS_INLINE_CSS_ENABLED': JSON.stringify('false'),\n 'import.meta.env.TSS_INLINE_CSS_ENABLED': JSON.stringify('false'),\n}\n\ntype EsbuildOptionsWithDefine = Parameters<\n NonNullable<NonNullable<UnpluginOptions['esbuild']>['config']>\n>[0]\n\nfunction applyWebpackInlineCssDefaultDefinePlugin(compiler: WebpackCompiler) {\n new compiler.webpack.DefinePlugin(INLINE_CSS_DEFAULT_DEFINES).apply(compiler)\n}\n\nfunction applyRspackInlineCssDefaultDefinePlugin(compiler: RspackCompiler) {\n new compiler.webpack.DefinePlugin(INLINE_CSS_DEFAULT_DEFINES).apply(compiler)\n}\n\nexport const unpluginRouterComposedFactory: UnpluginFactory<\n Partial<Config | (() => Config)> | undefined\n> = (options = {}, meta) => {\n const ROOT: string = process.cwd()\n const userConfig = getConfig(\n (typeof options === 'function' ? options() : options) as Partial<Config>,\n ROOT,\n )\n\n const getPlugin = (\n pluginFactory: UnpluginFactory<Partial<Config | (() => Config)>>,\n ) => {\n const plugin = pluginFactory(options, meta)\n if (!Array.isArray(plugin)) {\n return [plugin]\n }\n return plugin\n }\n\n const routerGenerator = getPlugin(unpluginRouterGeneratorFactory)\n const routerCodeSplitter = getPlugin(unpluginRouterCodeSplitterFactory)\n\n const result = [\n {\n name: 'tanstack:router-inline-css-defaults',\n vite: {\n config() {\n return {\n define: {\n ...INLINE_CSS_DEFAULT_DEFINES,\n },\n }\n },\n },\n webpack(compiler: WebpackCompiler) {\n applyWebpackInlineCssDefaultDefinePlugin(compiler)\n },\n rspack(compiler: RspackCompiler) {\n applyRspackInlineCssDefaultDefinePlugin(compiler)\n },\n esbuild: {\n config(options: EsbuildOptionsWithDefine) {\n options.define = {\n ...INLINE_CSS_DEFAULT_DEFINES,\n ...options.define,\n }\n },\n },\n },\n ...routerGenerator,\n ]\n if (userConfig.autoCodeSplitting) {\n result.push(...routerCodeSplitter)\n }\n\n const isProduction = process.env.NODE_ENV === 'production'\n\n if (!isProduction && !userConfig.autoCodeSplitting) {\n const routerHmr = getPlugin(unpluginRouterHmrFactory)\n result.push(...routerHmr)\n }\n return result\n}\n"],"mappings":";;;;;AAYA,IAAM,6BAA6B;CACjC,sCAAsC,KAAK,UAAU,QAAQ;CAC7D,0CAA0C,KAAK,UAAU,QAAQ;CAClE;AAMD,SAAS,yCAAyC,UAA2B;AAC3E,KAAI,SAAS,QAAQ,aAAa,2BAA2B,CAAC,MAAM,SAAS;;AAG/E,SAAS,wCAAwC,UAA0B;AACzE,KAAI,SAAS,QAAQ,aAAa,2BAA2B,CAAC,MAAM,SAAS;;AAG/E,IAAa,iCAER,UAAU,EAAE,EAAE,SAAS;CAC1B,MAAM,OAAe,QAAQ,KAAK;CAClC,MAAM,aAAa,UAChB,OAAO,YAAY,aAAa,SAAS,GAAG,SAC7C,KACD;CAED,MAAM,aACJ,kBACG;EACH,MAAM,SAAS,cAAc,SAAS,KAAK;AAC3C,MAAI,CAAC,MAAM,QAAQ,OAAO,CACxB,QAAO,CAAC,OAAO;AAEjB,SAAO;;CAGT,MAAM,kBAAkB,UAAU,+BAA+B;CACjE,MAAM,qBAAqB,UAAU,kCAAkC;CAEvE,MAAM,SAAS,CACb;EACE,MAAM;EACN,MAAM,EACJ,SAAS;AACP,UAAO,EACL,QAAQ,EACN,GAAG,4BACJ,EACF;KAEJ;EACD,QAAQ,UAA2B;AACjC,4CAAyC,SAAS;;EAEpD,OAAO,UAA0B;AAC/B,2CAAwC,SAAS;;EAEnD,SAAS,EACP,OAAO,SAAmC;AACxC,WAAQ,SAAS;IACf,GAAG;IACH,GAAG,QAAQ;IACZ;KAEJ;EACF,EACD,GAAG,gBACJ;AACD,KAAI,WAAW,kBACb,QAAO,KAAK,GAAG,mBAAmB;AAKpC,KAAI,EAAA,QAAA,IAAA,aAF0C,iBAEzB,CAAC,WAAW,mBAAmB;EAClD,MAAM,YAAY,UAAU,yBAAyB;AACrD,SAAO,KAAK,GAAG,UAAU;;AAE3B,QAAO"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/router-plugin",
3
- "version": "1.167.23",
3
+ "version": "1.167.24",
4
4
  "description": "Modern and scalable routing for React applications",
5
5
  "author": "Tanner Linsley",
6
6
  "license": "MIT",
@@ -99,8 +99,8 @@
99
99
  "chokidar": "^3.6.0",
100
100
  "unplugin": "^2.1.2",
101
101
  "zod": "^3.24.2",
102
- "@tanstack/router-core": "1.168.15",
103
- "@tanstack/router-generator": "1.166.33",
102
+ "@tanstack/router-core": "1.168.16",
103
+ "@tanstack/router-generator": "1.166.34",
104
104
  "@tanstack/router-utils": "1.161.7",
105
105
  "@tanstack/virtual-file-routes": "1.161.7"
106
106
  },
@@ -116,7 +116,7 @@
116
116
  "vite": ">=5.0.0 || >=6.0.0 || >=7.0.0 || >=8.0.0",
117
117
  "vite-plugin-solid": "^2.11.10 || ^3.0.0-0",
118
118
  "webpack": ">=5.92.0",
119
- "@tanstack/react-router": "^1.168.23"
119
+ "@tanstack/react-router": "^1.168.24"
120
120
  },
121
121
  "peerDependenciesMeta": {
122
122
  "@rsbuild/core": {
package/src/core/router-composed-plugin.ts CHANGED
@@ -3,7 +3,29 @@ import { unpluginRouterGeneratorFactory } from './router-generator-plugin'
3
3
  import { unpluginRouterCodeSplitterFactory } from './router-code-splitter-plugin'
4
4
  import { unpluginRouterHmrFactory } from './router-hmr-plugin'
5
5
  import type { Config } from './config'
6
- import type { UnpluginFactory } from 'unplugin'
6
+ import type {
7
+ RspackCompiler,
8
+ UnpluginFactory,
9
+ UnpluginOptions,
10
+ WebpackCompiler,
11
+ } from 'unplugin'
12
+
13
+ const INLINE_CSS_DEFAULT_DEFINES = {
14
+ 'process.env.TSS_INLINE_CSS_ENABLED': JSON.stringify('false'),
15
+ 'import.meta.env.TSS_INLINE_CSS_ENABLED': JSON.stringify('false'),
16
+ }
17
+
18
+ type EsbuildOptionsWithDefine = Parameters<
19
+ NonNullable<NonNullable<UnpluginOptions['esbuild']>['config']>
20
+ >[0]
21
+
22
+ function applyWebpackInlineCssDefaultDefinePlugin(compiler: WebpackCompiler) {
23
+ new compiler.webpack.DefinePlugin(INLINE_CSS_DEFAULT_DEFINES).apply(compiler)
24
+ }
25
+
26
+ function applyRspackInlineCssDefaultDefinePlugin(compiler: RspackCompiler) {
27
+ new compiler.webpack.DefinePlugin(INLINE_CSS_DEFAULT_DEFINES).apply(compiler)
28
+ }
7
29
 
8
30
  export const unpluginRouterComposedFactory: UnpluginFactory<
9
31
  Partial<Config | (() => Config)> | undefined
@@ -27,7 +49,35 @@ export const unpluginRouterComposedFactory: UnpluginFactory<
27
49
  const routerGenerator = getPlugin(unpluginRouterGeneratorFactory)
28
50
  const routerCodeSplitter = getPlugin(unpluginRouterCodeSplitterFactory)
29
51
 
30
- const result = [...routerGenerator]
52
+ const result = [
53
+ {
54
+ name: 'tanstack:router-inline-css-defaults',
55
+ vite: {
56
+ config() {
57
+ return {
58
+ define: {
59
+ ...INLINE_CSS_DEFAULT_DEFINES,
60
+ },
61
+ }
62
+ },
63
+ },
64
+ webpack(compiler: WebpackCompiler) {
65
+ applyWebpackInlineCssDefaultDefinePlugin(compiler)
66
+ },
67
+ rspack(compiler: RspackCompiler) {
68
+ applyRspackInlineCssDefaultDefinePlugin(compiler)
69
+ },
70
+ esbuild: {
71
+ config(options: EsbuildOptionsWithDefine) {
72
+ options.define = {
73
+ ...INLINE_CSS_DEFAULT_DEFINES,
74
+ ...options.define,
75
+ }
76
+ },
77
+ },
78
+ },
79
+ ...routerGenerator,
80
+ ]
31
81
  if (userConfig.autoCodeSplitting) {
32
82
  result.push(...routerCodeSplitter)
33
83
  }