create-rspack-canary 1.7.0-canary-08772c3f-20251224173339 → 1.7.0-canary-0da65999-20251226173527

package/template-react-ts/src/react-env.d.ts

@@ -1,213 +1,213 @@
 // CSS modules
 type CSSModuleClasses = { readonly [key: string]: string };
 
-declare module "*.module.css" {
-	const classes: CSSModuleClasses;
-	export default classes;
+declare module '*.module.css' {
+  const classes: CSSModuleClasses;
+  export default classes;
 }
-declare module "*.module.scss" {
-	const classes: CSSModuleClasses;
-	export default classes;
+declare module '*.module.scss' {
+  const classes: CSSModuleClasses;
+  export default classes;
 }
-declare module "*.module.sass" {
-	const classes: CSSModuleClasses;
-	export default classes;
+declare module '*.module.sass' {
+  const classes: CSSModuleClasses;
+  export default classes;
 }
-declare module "*.module.less" {
-	const classes: CSSModuleClasses;
-	export default classes;
+declare module '*.module.less' {
+  const classes: CSSModuleClasses;
+  export default classes;
 }
-declare module "*.module.styl" {
-	const classes: CSSModuleClasses;
-	export default classes;
+declare module '*.module.styl' {
+  const classes: CSSModuleClasses;
+  export default classes;
 }
-declare module "*.module.stylus" {
-	const classes: CSSModuleClasses;
-	export default classes;
+declare module '*.module.stylus' {
+  const classes: CSSModuleClasses;
+  export default classes;
 }
-declare module "*.module.pcss" {
-	const classes: CSSModuleClasses;
-	export default classes;
+declare module '*.module.pcss' {
+  const classes: CSSModuleClasses;
+  export default classes;
 }
-declare module "*.module.sss" {
-	const classes: CSSModuleClasses;
-	export default classes;
+declare module '*.module.sss' {
+  const classes: CSSModuleClasses;
+  export default classes;
 }
 
 // CSS
-declare module "*.css" {
-	/**
-	 * @deprecated Use `import style from './style.css?inline'` instead.
-	 */
-	const css: string;
-	export default css;
-}
-declare module "*.scss" {
-	/**
-	 * @deprecated Use `import style from './style.scss?inline'` instead.
-	 */
-	const css: string;
-	export default css;
-}
-declare module "*.sass" {
-	/**
-	 * @deprecated Use `import style from './style.sass?inline'` instead.
-	 */
-	const css: string;
-	export default css;
-}
-declare module "*.less" {
-	/**
-	 * @deprecated Use `import style from './style.less?inline'` instead.
-	 */
-	const css: string;
-	export default css;
-}
-declare module "*.styl" {
-	/**
-	 * @deprecated Use `import style from './style.styl?inline'` instead.
-	 */
-	const css: string;
-	export default css;
-}
-declare module "*.stylus" {
-	/**
-	 * @deprecated Use `import style from './style.stylus?inline'` instead.
-	 */
-	const css: string;
-	export default css;
-}
-declare module "*.pcss" {
-	/**
-	 * @deprecated Use `import style from './style.pcss?inline'` instead.
-	 */
-	const css: string;
-	export default css;
-}
-declare module "*.sss" {
-	/**
-	 * @deprecated Use `import style from './style.sss?inline'` instead.
-	 */
-	const css: string;
-	export default css;
+declare module '*.css' {
+  /**
+   * @deprecated Use `import style from './style.css?inline'` instead.
+   */
+  const css: string;
+  export default css;
+}
+declare module '*.scss' {
+  /**
+   * @deprecated Use `import style from './style.scss?inline'` instead.
+   */
+  const css: string;
+  export default css;
+}
+declare module '*.sass' {
+  /**
+   * @deprecated Use `import style from './style.sass?inline'` instead.
+   */
+  const css: string;
+  export default css;
+}
+declare module '*.less' {
+  /**
+   * @deprecated Use `import style from './style.less?inline'` instead.
+   */
+  const css: string;
+  export default css;
+}
+declare module '*.styl' {
+  /**
+   * @deprecated Use `import style from './style.styl?inline'` instead.
+   */
+  const css: string;
+  export default css;
+}
+declare module '*.stylus' {
+  /**
+   * @deprecated Use `import style from './style.stylus?inline'` instead.
+   */
+  const css: string;
+  export default css;
+}
+declare module '*.pcss' {
+  /**
+   * @deprecated Use `import style from './style.pcss?inline'` instead.
+   */
+  const css: string;
+  export default css;
+}
+declare module '*.sss' {
+  /**
+   * @deprecated Use `import style from './style.sss?inline'` instead.
+   */
+  const css: string;
+  export default css;
 }
 
 // images
-declare module "*.png" {
-	const src: string;
-	export default src;
+declare module '*.png' {
+  const src: string;
+  export default src;
 }
-declare module "*.jpg" {
-	const src: string;
-	export default src;
+declare module '*.jpg' {
+  const src: string;
+  export default src;
 }
-declare module "*.jpeg" {
-	const src: string;
-	export default src;
+declare module '*.jpeg' {
+  const src: string;
+  export default src;
 }
-declare module "*.jfif" {
-	const src: string;
-	export default src;
+declare module '*.jfif' {
+  const src: string;
+  export default src;
 }
-declare module "*.pjpeg" {
-	const src: string;
-	export default src;
+declare module '*.pjpeg' {
+  const src: string;
+  export default src;
 }
-declare module "*.pjp" {
-	const src: string;
-	export default src;
+declare module '*.pjp' {
+  const src: string;
+  export default src;
 }
-declare module "*.gif" {
-	const src: string;
-	export default src;
+declare module '*.gif' {
+  const src: string;
+  export default src;
 }
-declare module "*.svg" {
-	const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
-	const content: string;
+declare module '*.svg' {
+  const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
+  const content: string;
 
-	export { ReactComponent };
-	export default content;
+  export { ReactComponent };
+  export default content;
 }
-declare module "*.ico" {
-	const src: string;
-	export default src;
+declare module '*.ico' {
+  const src: string;
+  export default src;
 }
-declare module "*.webp" {
-	const src: string;
-	export default src;
+declare module '*.webp' {
+  const src: string;
+  export default src;
 }
-declare module "*.avif" {
-	const src: string;
-	export default src;
+declare module '*.avif' {
+  const src: string;
+  export default src;
 }
 
 // media
-declare module "*.mp4" {
-	const src: string;
-	export default src;
+declare module '*.mp4' {
+  const src: string;
+  export default src;
 }
-declare module "*.webm" {
-	const src: string;
-	export default src;
+declare module '*.webm' {
+  const src: string;
+  export default src;
 }
-declare module "*.ogg" {
-	const src: string;
-	export default src;
+declare module '*.ogg' {
+  const src: string;
+  export default src;
 }
-declare module "*.mp3" {
-	const src: string;
-	export default src;
+declare module '*.mp3' {
+  const src: string;
+  export default src;
 }
-declare module "*.wav" {
-	const src: string;
-	export default src;
+declare module '*.wav' {
+  const src: string;
+  export default src;
 }
-declare module "*.flac" {
-	const src: string;
-	export default src;
+declare module '*.flac' {
+  const src: string;
+  export default src;
 }
-declare module "*.aac" {
-	const src: string;
-	export default src;
+declare module '*.aac' {
+  const src: string;
+  export default src;
 }
 
-declare module "*.opus" {
-	const src: string;
-	export default src;
+declare module '*.opus' {
+  const src: string;
+  export default src;
 }
 
 // fonts
-declare module "*.woff" {
-	const src: string;
-	export default src;
+declare module '*.woff' {
+  const src: string;
+  export default src;
 }
-declare module "*.woff2" {
-	const src: string;
-	export default src;
+declare module '*.woff2' {
+  const src: string;
+  export default src;
 }
-declare module "*.eot" {
-	const src: string;
-	export default src;
+declare module '*.eot' {
+  const src: string;
+  export default src;
 }
-declare module "*.ttf" {
-	const src: string;
-	export default src;
+declare module '*.ttf' {
+  const src: string;
+  export default src;
 }
-declare module "*.otf" {
-	const src: string;
-	export default src;
+declare module '*.otf' {
+  const src: string;
+  export default src;
 }
 
 // other
-declare module "*.webmanifest" {
-	const src: string;
-	export default src;
+declare module '*.webmanifest' {
+  const src: string;
+  export default src;
 }
-declare module "*.pdf" {
-	const src: string;
-	export default src;
+declare module '*.pdf' {
+  const src: string;
+  export default src;
 }
-declare module "*.txt" {
-	const src: string;
-	export default src;
+declare module '*.txt' {
+  const src: string;
+  export default src;
 }

package/template-vanilla-js/index.html

@@ -1,11 +1,11 @@
 <!doctype html>
 <html>
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Rspack</title>
-	</head>
-	<body>
-		<div id="root"></div>
-	</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Rspack</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
 </html>

package/template-vanilla-js/rspack.config.mjs

@@ -1,49 +1,49 @@
 // @ts-check
-import { defineConfig } from "@rspack/cli";
-import { rspack } from "@rspack/core";
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
 
 // Target browsers, see: https://github.com/browserslist/browserslist
-const targets = ["last 2 versions", "> 0.2%", "not dead", "Firefox ESR"];
+const targets = ['last 2 versions', '> 0.2%', 'not dead', 'Firefox ESR'];
 
 export default defineConfig({
-	entry: {
-		main: "./src/index.js"
-	},
-	module: {
-		rules: [
-			{
-				test: /\.svg$/,
-				type: "asset"
-			},
-			{
-				test: /\.js$/,
-				use: [
-					{
-						loader: "builtin:swc-loader",
-						/** @type {import('@rspack/core').SwcLoaderOptions} */
-						options: {
-							jsc: {
-								parser: {
-									syntax: "ecmascript"
-								}
-							},
-							env: { targets }
-						}
-					}
-				]
-			}
-		]
-	},
-	plugins: [new rspack.HtmlRspackPlugin({ template: "./index.html" })],
-	optimization: {
-		minimizer: [
-			new rspack.SwcJsMinimizerRspackPlugin(),
-			new rspack.LightningCssMinimizerRspackPlugin({
-				minimizerOptions: { targets }
-			})
-		]
-	},
-	experiments: {
-		css: true
-	}
+  entry: {
+    main: './src/index.js',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.svg$/,
+        type: 'asset',
+      },
+      {
+        test: /\.js$/,
+        use: [
+          {
+            loader: 'builtin:swc-loader',
+            /** @type {import('@rspack/core').SwcLoaderOptions} */
+            options: {
+              jsc: {
+                parser: {
+                  syntax: 'ecmascript',
+                },
+              },
+              env: { targets },
+            },
+          },
+        ],
+      },
+    ],
+  },
+  plugins: [new rspack.HtmlRspackPlugin({ template: './index.html' })],
+  optimization: {
+    minimizer: [
+      new rspack.SwcJsMinimizerRspackPlugin(),
+      new rspack.LightningCssMinimizerRspackPlugin({
+        minimizerOptions: { targets },
+      }),
+    ],
+  },
+  experiments: {
+    css: true,
+  },
 });

package/template-vanilla-js/src/index.css

@@ -1,26 +1,26 @@
 body {
-	margin: 0;
-	color: #fff;
-	font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-	background-image: linear-gradient(to bottom, #020917, #101725);
+  margin: 0;
+  color: #fff;
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  background-image: linear-gradient(to bottom, #020917, #101725);
 }
 
 .content {
-	display: flex;
-	min-height: 100vh;
-	line-height: 1.1;
-	text-align: center;
-	flex-direction: column;
-	justify-content: center;
+  display: flex;
+  min-height: 100vh;
+  line-height: 1.1;
+  text-align: center;
+  flex-direction: column;
+  justify-content: center;
 }
 
 .content h1 {
-	font-size: 3.6rem;
-	font-weight: 700;
+  font-size: 3.6rem;
+  font-weight: 700;
 }
 
 .content p {
-	font-size: 1.2rem;
-	font-weight: 400;
-	opacity: 0.5;
+  font-size: 1.2rem;
+  font-weight: 400;
+  opacity: 0.5;
 }

package/template-vanilla-js/src/index.js

@@ -1,6 +1,6 @@
-import "./index.css";
+import './index.css';
 
-document.querySelector("#root").innerHTML = `
+document.querySelector('#root').innerHTML = `
 <div class="content">
   <h1>Vanilla Rspack</h1>
   <p>Start building amazing things with Rspack.</p>

package/template-vanilla-ts/index.html

@@ -1,11 +1,11 @@
 <!doctype html>
 <html>
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Rspack</title>
-	</head>
-	<body>
-		<div id="root"></div>
-	</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Rspack</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
 </html>