refactor: modules dir.

Author: knightedcodemonkey

scripts/build-prepare.js

@@ -1,7 +1,7 @@
 import { cp, mkdir, readFile, rm, writeFile } from 'node:fs/promises'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
-import { cdnImportSpecs } from '../src/cdn.js'
+import { cdnImportSpecs } from '../src/modules/cdn.js'
 
 const validPrimaryCdns = new Set(['importMap', 'esm', 'jspmGa'])
 
@@ -49,12 +49,14 @@ const createProdImportsModule = async () => {
   ]
 
   if (specifiers.length === 0) {
-    throw new Error('No importMap specifiers found in src/cdn.js (cdnImportSpecs).')
+    throw new Error(
+      'No importMap specifiers found in src/modules/cdn.js (cdnImportSpecs).',
+    )
   }
 
   const lines = [
     '/*',
-    ' * Generated by scripts/build-prepare.js from src/cdn.js (cdnImportSpecs).',
+    ' * Generated by scripts/build-prepare.js from src/modules/cdn.js (cdnImportSpecs).',
     ' * JSPM links this module to trace top-level production imports.',
     ' */',
     ...specifiers.map(specifier => `import '${specifier}'`),

src/app.js

@@ -1,11 +1,15 @@
-import { cdnImports, getTypeScriptLibUrls, importFromCdnWithFallback } from './cdn.js'
-import { createCodeMirrorEditor } from './editor-codemirror.js'
-import { defaultCss, defaultJsx } from './defaults.js'
-import { createDiagnosticsUiController } from './diagnostics-ui.js'
-import { createLayoutThemeController } from './layout-theme.js'
-import { createPreviewBackgroundController } from './preview-background.js'
-import { createRenderRuntimeController } from './render-runtime.js'
-import { createTypeDiagnosticsController } from './type-diagnostics.js'
+import {
+  cdnImports,
+  getTypeScriptLibUrls,
+  importFromCdnWithFallback,
+} from './modules/cdn.js'
+import { createCodeMirrorEditor } from './modules/editor-codemirror.js'
+import { defaultCss, defaultJsx } from './modules/defaults.js'
+import { createDiagnosticsUiController } from './modules/diagnostics-ui.js'
+import { createLayoutThemeController } from './modules/layout-theme.js'
+import { createPreviewBackgroundController } from './modules/preview-background.js'
+import { createRenderRuntimeController } from './modules/render-runtime.js'
+import { createTypeDiagnosticsController } from './modules/type-diagnostics.js'
 
 const statusNode = document.getElementById('status')
 const appGrid = document.querySelector('.app-grid')

src/bootstrap.js

@@ -1,10 +1,10 @@
-import { getPrimaryCdnImportUrls } from './cdn.js'
+import { getPrimaryCdnImportUrls } from './modules/cdn.js'
 
 /*
  * Preload only the modules needed for the initial render path.
  * - Included: core runtime + React runtime modules used immediately.
  * - Excluded: optional style compilers (sass/less/lightningCssWasm), which stay lazy.
- * Keep this list aligned with cdnImports keys in cdn.js.
+ * Keep this list aligned with cdnImports keys in modules/cdn.js.
  */
 const preloadImportKeys = [
   'cssBrowser',