Merge pull request #614 from atls/fix-code-runtime-css-ext-register

fix(code-runtime): support css extensions in ts-ext-register

Author: TorinAsakura

runtime/code-runtime/src/ts-ext-register.ts

@@ -14,6 +14,10 @@ const mapping = new Map([
   ['.mjs', ['.mjs', '.mts']],
   ['.cjs', ['.cjs', '.cts']],
   ['.jsx', ['.jsx', '.tsx']],
+  [
+    '.css',
+    ['.css.ts', '.css.tsx', '.css.js', '.css.mjs', '.css.mts', '.css.cjs', '.css.cts', '.css'],
+  ],
 ])
 
 export const resolve: ResolveHook = (

runtime/code-runtime/unit/ts-ext-register.test.ts

@@ -0,0 +1,67 @@
+import assert            from 'node:assert/strict'
+import { mkdtemp, rm, writeFile } from 'node:fs/promises'
+import { tmpdir }        from 'node:os'
+import { join }          from 'node:path'
+import { test }          from 'node:test'
+import { pathToFileURL } from 'node:url'
+
+import { resolve }       from '../src/ts-ext-register.js'
+
+const createContext = (parentPath: string) => ({
+  parentURL: pathToFileURL(parentPath).href,
+} as never)
+
+test('should resolve css imports to css.ts source', async () => {
+  const workspace = await mkdtemp(join(tmpdir(), 'ts-ext-register-'))
+  const parentPath = join(workspace, 'entry.ts')
+
+  try {
+    await writeFile(join(workspace, 'global.css.ts'), 'export const style = {}', 'utf-8')
+
+    const actual = resolve(
+      './global.css',
+      createContext(parentPath),
+      (specifier) => ({ format: 'module', url: specifier }) as never
+    ) as { url: string }
+
+    assert.equal(actual.url, './global.css.ts')
+  } finally {
+    await rm(workspace, { recursive: true, force: true })
+  }
+})
+
+test('should resolve css imports to css source if css.ts is absent', async () => {
+  const workspace = await mkdtemp(join(tmpdir(), 'ts-ext-register-'))
+  const parentPath = join(workspace, 'entry.ts')
+
+  try {
+    await writeFile(join(workspace, 'global.css'), 'body {}', 'utf-8')
+
+    const actual = resolve(
+      './global.css',
+      createContext(parentPath),
+      (specifier) => ({ format: 'module', url: specifier }) as never
+    ) as { url: string }
+
+    assert.equal(actual.url, './global.css')
+  } finally {
+    await rm(workspace, { recursive: true, force: true })
+  }
+})
+
+test('should keep original specifier if css source is absent', async () => {
+  const workspace = await mkdtemp(join(tmpdir(), 'ts-ext-register-'))
+  const parentPath = join(workspace, 'entry.ts')
+
+  try {
+    const actual = resolve(
+      './missing.css',
+      createContext(parentPath),
+      (specifier) => ({ format: 'module', url: specifier }) as never
+    ) as { url: string }
+
+    assert.equal(actual.url, './missing.css')
+  } finally {
+    await rm(workspace, { recursive: true, force: true })
+  }
+})