feat(demo): include file extensions (#757)

* step 1

* update build script

* adding a test

* changeset

Author: jycouet

.changeset/poor-carpets-take.md

@@ -0,0 +1,5 @@
+---
+'sv': patch
+---
+
+feat(demo): include file extensions for local imports

packages/create/scripts/build-templates.js

@@ -21,6 +21,9 @@ async function convert_typescript(content) {
 	// sucrase leaves invalid class fields intact
 	code = code.replace(/^\s*[a-z]+;$/gm, '');
 
+	// Replace "local import" that ends with ".ts" to ".js"
+	code = code.replace(/import (.+?) from ['"](.+?)\.ts['"]/g, 'import $1 from "$2.js"');
+
 	// Prettier strips 'unnecessary' parens from .ts files, we need to hack them back in
 	code = code.replace(/(\/\*\* @type.+? \*\/) (.+?) \/\*\*\*\//g, '$1($2)');
 

packages/create/shared/+library+typescript/tsconfig.json

@@ -1,6 +1,7 @@
 {
 	"extends": "./.svelte-kit/tsconfig.json",
 	"compilerOptions": {
+		"allowImportingTsExtensions": true,
 		"allowJs": true,
 		"checkJs": true,
 		"esModuleInterop": true,

packages/create/shared/+typescript/tsconfig.json

@@ -1,6 +1,7 @@
 {
 	"extends": "./.svelte-kit/tsconfig.json",
 	"compilerOptions": {
+		"allowImportingTsExtensions": true,
 		"allowJs": true,
 		"checkJs": true,
 		"esModuleInterop": true,

packages/create/templates/demo/src/routes/sverdle/+page.server.ts

@@ -1,5 +1,5 @@
 import { fail } from '@sveltejs/kit';
-import { Game } from './game';
+import { Game } from './game.ts';
 import type { PageServerLoad, Actions } from './$types';
 
 /** @satisfies {import('./$types').PageServerLoad} */

packages/create/templates/demo/src/routes/sverdle/game.ts

@@ -1,4 +1,4 @@
-import { words, allowed } from './words.server';
+import { words, allowed } from './words.server.ts';
 
 export class Game {
 	index: number;

packages/create/templates/demo/tsconfig.json

@@ -1,3 +1,6 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json"
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowImportingTsExtensions": true
+	}
 }

packages/create/test/check.ts

@@ -3,7 +3,7 @@ import path from 'node:path';
 import { promisify } from 'node:util';
 import { fileURLToPath } from 'node:url';
 import { exec, type PromiseWithChild } from 'node:child_process';
-import { beforeAll, describe, test } from 'vitest';
+import { beforeAll, describe, expect, test } from 'vitest';
 import { create, type LanguageType, type TemplateType } from '../index.ts';
 
 // Resolve the given path relative to the current file
@@ -57,6 +57,17 @@ for (const template of templates) {
 			tests.push([`${template}-${types}`, () => exec_async(`pnpm ${script}`, { cwd })]);
 			script_test_map.set(script, tests);
 		}
+
+		if (template === 'demo') {
+			describe(`local import with extentions`, () => {
+				test(`${template}-${types}`, () => {
+					const ending = types === 'typescript' ? 'ts' : 'js';
+					const gameFile = path.join(cwd, `src/routes/sverdle/game.${ending}`);
+					const gameFileContent = fs.readFileSync(gameFile, 'utf-8');
+					expect(gameFileContent).toContain(`./words.server.${ending}`);
+				});
+			});
+		}
 	}
 }