chore: unbundled esm

.gitignore

@@ -4,6 +4,7 @@
 node_modules
 *.map
 /src/compiler/compile/internal_exports.js
+/src/shared/version.js
 /compiler.d.ts
 /compiler.*js
 /index.*js

.prettierignore

@@ -5,10 +5,12 @@
 /site
 !/src
 src/compiler/compile/internal_exports.js
+src/shared/version.js
 !/test
 /test/**/*.svelte
 /test/**/_expected*
 /test/**/_actual*
 /test/**/expected*
 /test/**/_output
 /types
+!rollup.config.js

package.json

@@ -26,52 +26,52 @@
     ".": {
       "types": "./types/runtime/index.d.ts",
       "browser": {
-        "import": "./index.mjs",
-        "require": "./index.js"
+        "import": "./index.cjs",
+        "require": "./index.cjs"
       },
-      "import": "./ssr.mjs",
-      "require": "./ssr.js"
+      "import": "./src/runtime/ssr.js",
+      "require": "./ssr.cjs"
     },
     "./compiler": {
       "types": "./types/compiler/index.d.ts",
-      "import": "./compiler.mjs",
-      "require": "./compiler.js"
+      "import": "./src/compiler/index.js",
+      "require": "./compiler.cjs"
     },
     "./action": {
       "types": "./types/runtime/action/index.d.ts"
     },
     "./animate": {
       "types": "./types/runtime/animate/index.d.ts",
-      "import": "./animate/index.mjs",
-      "require": "./animate/index.js"
+      "import": "./src/runtime/animate/index.js",
+      "require": "./animate/index.cjs"
     },
     "./easing": {
       "types": "./types/runtime/easing/index.d.ts",
-      "import": "./easing/index.mjs",
-      "require": "./easing/index.js"
+      "import": "./src/runtime/easing/index.js",
+      "require": "./easing/index.cjs"
     },
     "./internal": {
       "types": "./types/runtime/internal/index.d.ts",
-      "import": "./internal/index.mjs",
-      "require": "./internal/index.js"
+      "import": "./src/runtime/internal/index.js",
+      "require": "./internal/index.cjs"
     },
     "./motion": {
       "types": "./types/runtime/motion/index.d.ts",
-      "import": "./motion/index.mjs",
-      "require": "./motion/index.js"
+      "import": "./src/runtime/motion/index.js",
+      "require": "./motion/index.cjs"
     },
     "./register": {
       "require": "./register.js"
     },
     "./store": {
       "types": "./types/runtime/store/index.d.ts",
-      "import": "./store/index.mjs",
-      "require": "./store/index.js"
+      "import": "./src/runtime/store/index.js",
+      "require": "./store/index.cjs"
     },
     "./transition": {
       "types": "./types/runtime/transition/index.d.ts",
-      "import": "./transition/index.mjs",
-      "require": "./transition/index.js"
+      "import": "./src/runtime/transition/index.js",
+      "require": "./transition/index.cjs"
     },
     "./elements": {
       "types": "./elements/index.d.ts"

rollup.config.mjs → rollup.config.js

@@ -24,10 +24,15 @@ const ts_plugin = is_publish
 	  });
 
 fs.writeFileSync(
-	`./compiler.d.ts`,
+	'./compiler.d.ts',
 	`export { compile, parse, preprocess, walk, VERSION } from './types/compiler/index.js';`
 );
 
+fs.writeFileSync(
+	'./src/shared/version.js',
+	`/** @type {string} */\nexport const VERSION = '${pkg.version}';`
+);
+
 const runtime_entrypoints = Object.fromEntries(
 	fs
 		.readdirSync('src/runtime', { withFileTypes: true })
@@ -39,50 +44,37 @@ const runtime_entrypoints = Object.fromEntries(
  * @type {import("rollup").RollupOptions[]}
  */
 export default [
+	// Runtime: Generates CJS builds and type definition entry points for svelte/* and generated internal_exports.js
 	{
 		input: {
 			...runtime_entrypoints,
 			index: 'src/runtime/index.js',
 			ssr: 'src/runtime/ssr.js'
 		},
-		output: ['es', 'cjs'].map(
-			/** @returns {import('rollup').OutputOptions} */
-			(format) => {
-				const ext = format === 'es' ? 'mjs' : 'js';
-				return {
-					entryFileNames: (entry) => {
-						if (entry.isEntry) {
-							if (entry.name === 'index') return `index.${ext}`;
-							else if (entry.name === 'ssr') return `ssr.${ext}`;
+		output: {
+			entryFileNames: (entry) => {
+				if (entry.isEntry) {
+					if (entry.name === 'index') return `index.cjs`;
+					else if (entry.name === 'ssr') return `ssr.cjs`;
 
-							return `${entry.name}/index.${ext}`;
-						}
-					},
-					chunkFileNames: `internal/[name]-[hash].${ext}`,
-					format,
-					minifyInternalExports: false,
-					dir: '.',
-				};
-			}
-		),
+					return `${entry.name}/index.cjs`;
+				}
+			},
+			chunkFileNames: `internal/[name]-[hash].cjs`,
+			format: 'cjs',
+			minifyInternalExports: false,
+			dir: '.'
+		},
 		plugins: [
-			replace({
-				preventAssignment: true,
-				values: {
-					__VERSION__: pkg.version,
-				},
-			}),
 			ts_plugin,
 			{
-				writeBundle(options, bundle) {
-					if (options.format !== 'es') return;
-
+				writeBundle(_options, bundle) {
 					for (const entry of Object.values(bundle)) {
 						const dir = entry.name;
 						if (!entry.isEntry || !runtime_entrypoints[dir]) continue;
 
 						if (dir === 'internal') {
-							const mod = bundle[`internal/index.mjs`];
+							const mod = bundle[`internal/index.cjs`];
 							if (mod) {
 								fs.writeFileSync(
 									'src/compiler/compile/internal_exports.js',
@@ -101,16 +93,15 @@ export default [
 			}
 		]
 	},
-	/* compiler.js */
+	// Compiler: Generated CJS/UMD build for the compiler
 	{
 		input: 'src/compiler/index.js',
 		plugins: [
 			replace({
 				preventAssignment: true,
 				values: {
-					__VERSION__: pkg.version,
 					'process.env.NODE_DEBUG': false // appears inside the util package
-				},
+				}
 			}),
 			{
 				resolveId(id) {
@@ -119,7 +110,7 @@ export default [
 					if (id === 'util') {
 						return require.resolve('./node_modules/util'); // just 'utils' would resolve this to the built-in module
 					}
-				},
+				}
 			},
 			resolve(),
 			commonjs({
@@ -128,23 +119,14 @@ export default [
 			json(),
 			ts_plugin
 		],
-		output: [
-			{
-				file: 'compiler.js',
-				format: is_publish ? 'umd' : 'cjs',
-				name: 'svelte',
-				sourcemap: true,
-			},
-			{
-				file: 'compiler.mjs',
-				format: 'esm',
-				name: 'svelte',
-				sourcemap: true,
-			}
-		],
+		output: {
+			file: 'compiler.cjs',
+			format: is_publish ? 'umd' : 'cjs',
+			name: 'svelte',
+			sourcemap: false
+		},
 		external: is_publish
 			? []
-			: (id) =>
-					id === 'acorn' || id === 'magic-string' || id.startsWith('css-tree')
+			: (id) => id === 'acorn' || id === 'magic-string' || id.startsWith('css-tree')
 	}
 ];

src/compiler/compile/Component.js

@@ -28,6 +28,7 @@ import {
 	extract_svelte_ignore_from_comments
 } from '../utils/extract_svelte_ignore.js';
 import check_enable_sourcemap from './utils/check_enable_sourcemap.js';
+import { VERSION } from '../../shared/version.js';
 
 const regex_leading_directory_separator = /^[/\\]/;
 const regex_starts_with_term_export = /^Export/;
@@ -320,7 +321,7 @@ export default class Component {
 		if (result) {
 			const { compile_options, name } = this;
 			const { format = 'esm' } = compile_options;
-			const banner = `${this.file ? `${this.file} ` : ''}generated by Svelte v${'__VERSION__'}`;
+			const banner = `${this.file ? `${this.file} ` : ''}generated by Svelte v${VERSION}`;
 
 			/** @type {any} */
 			const program = { type: 'Program', body: result.js };

src/compiler/index.js

@@ -2,6 +2,4 @@ export { default as compile } from './compile/index.js';
 export { default as parse } from './parse/index.js';
 export { default as preprocess } from './preprocess/index.js';
 export { walk } from 'estree-walker';
-
-/** @type {string} */
-export const VERSION = '__VERSION__';
+export { VERSION } from '../shared/version.js';

src/runtime/internal/dev.js

@@ -10,6 +10,7 @@ import {
 } from './dom.js';
 import { SvelteComponent } from './Component.js';
 import { is_void } from '../../shared/utils/names.js';
+import { VERSION } from '../../shared/version.js';
 import { contenteditable_truthy_values } from './utils.js';
 
 /**
@@ -19,9 +20,7 @@ import { contenteditable_truthy_values } from './utils.js';
  * @returns {void}
  */
 export function dispatch_dev(type, detail) {
-	document.dispatchEvent(
-		custom_event(type, { version: '__VERSION__', ...detail }, { bubbles: true })
-	);
+	document.dispatchEvent(custom_event(type, { version: VERSION, ...detail }, { bubbles: true }));
 }
 
 /**

test/js/js-output.test.js

@@ -37,7 +37,10 @@ describe('js-output', () => {
 
 				actual = svelte
 					.compile(input, options)
-					.js.code.replace(/generated by Svelte v__VERSION__/, 'generated by Svelte vX.Y.Z');
+					.js.code.replace(
+						/generated by Svelte v\d+\.\d+\.\d+(-\w+\.\d+)?/,
+						'generated by Svelte vX.Y.Z'
+					);
 			} catch (err) {
 				console.log(err.frame);
 				throw err;