@useavalon/avalon 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/README.md +54 -0
  2. package/mod.ts +301 -0
  3. package/package.json +85 -0
  4. package/src/build/README.md +310 -0
  5. package/src/build/integration-bundler-plugin.ts +116 -0
  6. package/src/build/integration-config.ts +168 -0
  7. package/src/build/integration-detection-plugin.ts +117 -0
  8. package/src/build/integration-resolver-plugin.ts +90 -0
  9. package/src/build/island-manifest.ts +269 -0
  10. package/src/build/island-types-generator.ts +476 -0
  11. package/src/build/mdx-island-transform.ts +464 -0
  12. package/src/build/mdx-plugin.ts +98 -0
  13. package/src/build/page-island-transform.ts +598 -0
  14. package/src/build/prop-extractors/index.ts +21 -0
  15. package/src/build/prop-extractors/lit.ts +140 -0
  16. package/src/build/prop-extractors/qwik.ts +16 -0
  17. package/src/build/prop-extractors/solid.ts +125 -0
  18. package/src/build/prop-extractors/svelte.ts +194 -0
  19. package/src/build/prop-extractors/vue.ts +111 -0
  20. package/src/build/sidecar-file-manager.ts +104 -0
  21. package/src/build/sidecar-renderer.ts +30 -0
  22. package/src/client/adapters/index.ts +13 -0
  23. package/src/client/adapters/lit-adapter.ts +654 -0
  24. package/src/client/adapters/preact-adapter.ts +331 -0
  25. package/src/client/adapters/qwik-adapter.ts +345 -0
  26. package/src/client/adapters/react-adapter.ts +353 -0
  27. package/src/client/adapters/solid-adapter.ts +451 -0
  28. package/src/client/adapters/svelte-adapter.ts +524 -0
  29. package/src/client/adapters/vue-adapter.ts +467 -0
  30. package/src/client/components.ts +35 -0
  31. package/src/client/css-hmr-handler.ts +344 -0
  32. package/src/client/framework-adapter.ts +462 -0
  33. package/src/client/hmr-coordinator.ts +396 -0
  34. package/src/client/hmr-error-overlay.js +533 -0
  35. package/src/client/main.js +816 -0
  36. package/src/client/tests/css-hmr-handler.test.ts +360 -0
  37. package/src/client/tests/framework-adapter.test.ts +519 -0
  38. package/src/client/tests/hmr-coordinator.test.ts +176 -0
  39. package/src/client/tests/hydration-option-parsing.test.ts +107 -0
  40. package/src/client/tests/lit-adapter.test.ts +427 -0
  41. package/src/client/tests/preact-adapter.test.ts +353 -0
  42. package/src/client/tests/qwik-adapter.test.ts +343 -0
  43. package/src/client/tests/react-adapter.test.ts +317 -0
  44. package/src/client/tests/solid-adapter.test.ts +396 -0
  45. package/src/client/tests/svelte-adapter.test.ts +387 -0
  46. package/src/client/tests/vue-adapter.test.ts +407 -0
  47. package/src/client/types/framework-runtime.d.ts +68 -0
  48. package/src/client/types/vite-hmr.d.ts +46 -0
  49. package/src/client/types/vite-virtual-modules.d.ts +60 -0
  50. package/src/components/Image.tsx +123 -0
  51. package/src/components/IslandErrorBoundary.tsx +145 -0
  52. package/src/components/LayoutDataErrorBoundary.tsx +141 -0
  53. package/src/components/LayoutErrorBoundary.tsx +127 -0
  54. package/src/components/PersistentIsland.tsx +52 -0
  55. package/src/components/StreamingErrorBoundary.tsx +233 -0
  56. package/src/components/StreamingLayout.tsx +538 -0
  57. package/src/components/tests/component-analyzer.test.ts +96 -0
  58. package/src/components/tests/component-detection.test.ts +347 -0
  59. package/src/components/tests/persistent-islands.test.ts +398 -0
  60. package/src/core/components/component-analyzer.ts +192 -0
  61. package/src/core/components/component-detection.ts +508 -0
  62. package/src/core/components/enhanced-framework-detector.ts +500 -0
  63. package/src/core/components/framework-registry.ts +563 -0
  64. package/src/core/components/tests/enhanced-framework-detector.test.ts +577 -0
  65. package/src/core/components/tests/framework-registry.test.ts +465 -0
  66. package/src/core/content/mdx-processor.ts +46 -0
  67. package/src/core/integrations/README.md +282 -0
  68. package/src/core/integrations/index.ts +19 -0
  69. package/src/core/integrations/loader.ts +125 -0
  70. package/src/core/integrations/registry.ts +195 -0
  71. package/src/core/islands/island-persistence.ts +325 -0
  72. package/src/core/islands/island-state-serializer.ts +258 -0
  73. package/src/core/islands/persistent-island-context.tsx +80 -0
  74. package/src/core/islands/use-persistent-state.ts +68 -0
  75. package/src/core/layout/enhanced-layout-resolver.ts +322 -0
  76. package/src/core/layout/layout-cache-manager.ts +485 -0
  77. package/src/core/layout/layout-composer.ts +357 -0
  78. package/src/core/layout/layout-data-loader.ts +516 -0
  79. package/src/core/layout/layout-discovery.ts +243 -0
  80. package/src/core/layout/layout-matcher.ts +299 -0
  81. package/src/core/layout/layout-types.ts +110 -0
  82. package/src/core/layout/tests/enhanced-layout-resolver.test.ts +477 -0
  83. package/src/core/layout/tests/layout-cache-optimization.test.ts +149 -0
  84. package/src/core/layout/tests/layout-composer.test.ts +486 -0
  85. package/src/core/layout/tests/layout-data-loader.test.ts +443 -0
  86. package/src/core/layout/tests/layout-discovery.test.ts +253 -0
  87. package/src/core/layout/tests/layout-matcher.test.ts +480 -0
  88. package/src/core/modules/framework-module-resolver.ts +273 -0
  89. package/src/core/modules/tests/framework-module-resolver.test.ts +263 -0
  90. package/src/core/modules/tests/module-resolution-integration.test.ts +117 -0
  91. package/src/islands/component-analysis.ts +213 -0
  92. package/src/islands/css-utils.ts +565 -0
  93. package/src/islands/discovery/index.ts +80 -0
  94. package/src/islands/discovery/registry.ts +340 -0
  95. package/src/islands/discovery/resolver.ts +477 -0
  96. package/src/islands/discovery/scanner.ts +386 -0
  97. package/src/islands/discovery/tests/island-discovery.test.ts +881 -0
  98. package/src/islands/discovery/types.ts +117 -0
  99. package/src/islands/discovery/validator.ts +544 -0
  100. package/src/islands/discovery/watcher.ts +368 -0
  101. package/src/islands/framework-detection.ts +428 -0
  102. package/src/islands/integration-loader.ts +490 -0
  103. package/src/islands/island.tsx +565 -0
  104. package/src/islands/render-cache.ts +550 -0
  105. package/src/islands/types.ts +80 -0
  106. package/src/islands/universal-css-collector.ts +157 -0
  107. package/src/islands/universal-head-collector.ts +137 -0
  108. package/src/layout-system.d.ts +592 -0
  109. package/src/layout-system.ts +218 -0
  110. package/src/middleware/__tests__/discovery.test.ts +107 -0
  111. package/src/middleware/discovery.ts +268 -0
  112. package/src/middleware/executor.ts +315 -0
  113. package/src/middleware/index.ts +76 -0
  114. package/src/middleware/types.ts +99 -0
  115. package/src/nitro/build-config.ts +576 -0
  116. package/src/nitro/config.ts +483 -0
  117. package/src/nitro/error-handler.ts +636 -0
  118. package/src/nitro/index.ts +173 -0
  119. package/src/nitro/island-manifest.ts +584 -0
  120. package/src/nitro/middleware-adapter.ts +260 -0
  121. package/src/nitro/renderer.ts +1458 -0
  122. package/src/nitro/route-discovery.ts +439 -0
  123. package/src/nitro/types.ts +321 -0
  124. package/src/render/collect-css.ts +198 -0
  125. package/src/render/error-pages.ts +79 -0
  126. package/src/render/isolated-ssr-renderer.ts +654 -0
  127. package/src/render/ssr.ts +1030 -0
  128. package/src/schemas/api.ts +30 -0
  129. package/src/schemas/core.ts +64 -0
  130. package/src/schemas/index.ts +212 -0
  131. package/src/schemas/layout.ts +279 -0
  132. package/src/schemas/routing/index.ts +38 -0
  133. package/src/schemas/routing.ts +376 -0
  134. package/src/types/as-island.ts +20 -0
  135. package/src/types/image.d.ts +106 -0
  136. package/src/types/index.d.ts +22 -0
  137. package/src/types/island-jsx.d.ts +33 -0
  138. package/src/types/island-prop.d.ts +20 -0
  139. package/src/types/layout.ts +285 -0
  140. package/src/types/mdx.d.ts +6 -0
  141. package/src/types/routing.ts +555 -0
  142. package/src/types/tests/layout-types.test.ts +197 -0
  143. package/src/types/types.ts +5 -0
  144. package/src/types/urlpattern.d.ts +49 -0
  145. package/src/types/vite-env.d.ts +11 -0
  146. package/src/utils/dev-logger.ts +299 -0
  147. package/src/utils/fs.ts +151 -0
  148. package/src/vite-plugin/auto-discover.ts +551 -0
  149. package/src/vite-plugin/config.ts +266 -0
  150. package/src/vite-plugin/errors.ts +127 -0
  151. package/src/vite-plugin/image-optimization.ts +151 -0
  152. package/src/vite-plugin/integration-activator.ts +126 -0
  153. package/src/vite-plugin/island-sidecar-plugin.ts +176 -0
  154. package/src/vite-plugin/module-discovery.ts +189 -0
  155. package/src/vite-plugin/nitro-integration.ts +1334 -0
  156. package/src/vite-plugin/plugin.ts +329 -0
  157. package/src/vite-plugin/tests/image-optimization.test.ts +54 -0
  158. package/src/vite-plugin/types.ts +327 -0
  159. package/src/vite-plugin/validation.ts +228 -0
@@ -0,0 +1,386 @@
1
+ /**
2
+ * Island Directory Scanner
3
+ *
4
+ * Recursively scans the source directory to discover all islands directories.
5
+ * Supports nested patterns like /src/modules/[module]/islands/.
6
+ */
7
+
8
+ import { resolve, relative, dirname, basename, extname } from "node:path";
9
+ import { stat as fsStat, readdir } from "node:fs/promises";
10
+ import type {
11
+ IslandDirectory,
12
+ IslandDiscoveryConfig,
13
+ DiscoveredIsland,
14
+ } from "./types.ts";
15
+ import {
16
+ DEFAULT_DISCOVERY_CONFIG,
17
+ isSupportedIslandExtension,
18
+ } from "./types.ts";
19
+ import type { Framework } from "../types.ts";
20
+
21
+ /**
22
+ * Discover all island directories within the source directory.
23
+ * Uses recursive scanning to find all directories named "islands".
24
+ *
25
+ * @param projectRoot - The root directory of the project
26
+ * @param config - Optional configuration for discovery
27
+ * @returns Array of discovered island directories
28
+ */
29
+ export async function discoverIslandDirectories(
30
+ projectRoot: string,
31
+ config: IslandDiscoveryConfig = {}
32
+ ): Promise<IslandDirectory[]> {
33
+ const mergedConfig = { ...DEFAULT_DISCOVERY_CONFIG, ...config };
34
+ const srcDir = resolve(projectRoot, mergedConfig.rootDir);
35
+ const directories: IslandDirectory[] = [];
36
+
37
+ // Check if src directory exists
38
+ try {
39
+ const statResult = await fsStat(srcDir);
40
+ if (!statResult.isDirectory()) {
41
+ return directories;
42
+ }
43
+ } catch {
44
+ // src directory doesn't exist
45
+ return directories;
46
+ }
47
+
48
+ // Recursively scan for islands directories
49
+ await scanForIslandDirectories(
50
+ srcDir,
51
+ projectRoot,
52
+ mergedConfig,
53
+ directories
54
+ );
55
+
56
+ // Sort directories: default first, then alphabetically by path
57
+ directories.sort((a, b) => {
58
+ if (a.isDefault && !b.isDefault) return -1;
59
+ if (!a.isDefault && b.isDefault) return 1;
60
+ return a.relativePath.localeCompare(b.relativePath);
61
+ });
62
+
63
+ return directories;
64
+ }
65
+
66
+ /**
67
+ * Recursively scan a directory for islands directories.
68
+ */
69
+ async function scanForIslandDirectories(
70
+ currentDir: string,
71
+ projectRoot: string,
72
+ config: Required<IslandDiscoveryConfig>,
73
+ results: IslandDirectory[]
74
+ ): Promise<void> {
75
+ try {
76
+ const entries = await readdir(currentDir, { withFileTypes: true });
77
+ for (const entry of entries) {
78
+ if (!entry.isDirectory()) continue;
79
+
80
+ const fullPath = resolve(currentDir, entry.name);
81
+ const relativeFromRoot = relative(projectRoot, fullPath);
82
+
83
+ // Check if this directory should be excluded
84
+ if (shouldExclude(relativeFromRoot, config.exclude)) {
85
+ continue;
86
+ }
87
+
88
+ // Check if this is an islands directory
89
+ if (entry.name === "islands") {
90
+ const islandDir = createIslandDirectory(
91
+ fullPath,
92
+ projectRoot,
93
+ config
94
+ );
95
+ results.push(islandDir);
96
+ // Don't recurse into islands directories
97
+ continue;
98
+ }
99
+
100
+ // Recurse into subdirectories
101
+ await scanForIslandDirectories(
102
+ fullPath,
103
+ projectRoot,
104
+ config,
105
+ results
106
+ );
107
+ }
108
+ } catch (error) {
109
+ // Log but don't fail on permission errors or other issues
110
+ if (!(error instanceof Error) || (error as NodeJS.ErrnoException).code !== 'EACCES') {
111
+ console.warn(`Warning: Could not scan directory ${currentDir}:`, error);
112
+ }
113
+ }
114
+ }
115
+
116
+ /**
117
+ * Check if a path should be excluded from scanning.
118
+ */
119
+ function shouldExclude(relativePath: string, excludePatterns: string[]): boolean {
120
+ const normalizedPath = relativePath.replace(/\\/g, "/");
121
+
122
+ for (const pattern of excludePatterns) {
123
+ // Simple pattern matching - check if path starts with or contains the pattern
124
+ if (normalizedPath === pattern ||
125
+ normalizedPath.startsWith(pattern + "/") ||
126
+ normalizedPath.includes("/" + pattern + "/") ||
127
+ normalizedPath.endsWith("/" + pattern)) {
128
+ return true;
129
+ }
130
+ }
131
+
132
+ return false;
133
+ }
134
+
135
+ /**
136
+ * Create an IslandDirectory object from a discovered path.
137
+ */
138
+ function createIslandDirectory(
139
+ absolutePath: string,
140
+ projectRoot: string,
141
+ config: Required<IslandDiscoveryConfig>
142
+ ): IslandDirectory {
143
+ const relativeFromSrc = relative(
144
+ resolve(projectRoot, config.rootDir),
145
+ absolutePath
146
+ );
147
+
148
+ // Determine if this is the default islands directory
149
+ // Default is /src/islands/ (directly under src, not nested)
150
+ const isDefault = relativeFromSrc === "islands";
151
+
152
+ // Calculate namespace from the path
153
+ // For /src/islands/ -> namespace is ""
154
+ // For /src/modules/auth/islands/ -> namespace is "modules/auth"
155
+ let namespace = "";
156
+ if (!isDefault) {
157
+ const parentDir = dirname(relativeFromSrc);
158
+ namespace = parentDir.replace(/\\/g, "/");
159
+
160
+ // Apply custom namespace mapping if configured
161
+ if (config.namespaces[namespace]) {
162
+ namespace = config.namespaces[namespace];
163
+ }
164
+ }
165
+
166
+ return {
167
+ path: absolutePath,
168
+ relativePath: relativeFromSrc.replace(/\\/g, "/"),
169
+ namespace,
170
+ isDefault,
171
+ };
172
+ }
173
+
174
+ /**
175
+ * Check if a directory is an islands directory.
176
+ */
177
+ export function isIslandsDirectory(dirPath: string): boolean {
178
+ return basename(dirPath) === "islands";
179
+ }
180
+
181
+ /**
182
+ * Get the default islands directory path.
183
+ */
184
+ export function getDefaultIslandsPath(projectRoot: string, rootDir = "src"): string {
185
+ return resolve(projectRoot, rootDir, "islands");
186
+ }
187
+
188
+ /**
189
+ * Check if the default islands directory exists.
190
+ */
191
+ export async function hasDefaultIslandsDirectory(
192
+ projectRoot: string,
193
+ rootDir = "src"
194
+ ): Promise<boolean> {
195
+ const defaultPath = getDefaultIslandsPath(projectRoot, rootDir);
196
+ try {
197
+ const statResult = await fsStat(defaultPath);
198
+ return statResult.isDirectory();
199
+ } catch {
200
+ return false;
201
+ }
202
+ }
203
+
204
+
205
+ /**
206
+ * Discover all island components within a specific islands directory.
207
+ *
208
+ * @param directory - The island directory to scan
209
+ * @param projectRoot - The root directory of the project
210
+ * @returns Array of discovered island components
211
+ */
212
+ export async function discoverIslandsInDirectory(
213
+ directory: IslandDirectory,
214
+ projectRoot: string
215
+ ): Promise<DiscoveredIsland[]> {
216
+ const islands: DiscoveredIsland[] = [];
217
+
218
+ try {
219
+ const entries = await readdir(directory.path, { withFileTypes: true });
220
+ for (const entry of entries) {
221
+ if (!entry.isFile()) continue;
222
+
223
+ const ext = extname(entry.name);
224
+ if (!isSupportedIslandExtension(ext)) continue;
225
+
226
+ const island = createDiscoveredIsland(
227
+ entry.name,
228
+ directory,
229
+ projectRoot
230
+ );
231
+ islands.push(island);
232
+ }
233
+ } catch (error) {
234
+ console.warn(
235
+ `Warning: Could not scan islands directory ${directory.path}:`,
236
+ error
237
+ );
238
+ }
239
+
240
+ // Sort islands alphabetically by name
241
+ islands.sort((a, b) => a.name.localeCompare(b.name));
242
+
243
+ return islands;
244
+ }
245
+
246
+ /**
247
+ * Discover all islands across all directories.
248
+ *
249
+ * @param projectRoot - The root directory of the project
250
+ * @param config - Optional configuration for discovery
251
+ * @returns Array of all discovered island components
252
+ */
253
+ export async function discoverAllIslands(
254
+ projectRoot: string,
255
+ config: IslandDiscoveryConfig = {}
256
+ ): Promise<DiscoveredIsland[]> {
257
+ const directories = await discoverIslandDirectories(projectRoot, config);
258
+ const allIslands: DiscoveredIsland[] = [];
259
+
260
+ for (const directory of directories) {
261
+ const islands = await discoverIslandsInDirectory(directory, projectRoot);
262
+ allIslands.push(...islands);
263
+ }
264
+
265
+ return allIslands;
266
+ }
267
+
268
+ /**
269
+ * Create a DiscoveredIsland object from a file entry.
270
+ */
271
+ function createDiscoveredIsland(
272
+ fileName: string,
273
+ directory: IslandDirectory,
274
+ projectRoot: string
275
+ ): DiscoveredIsland {
276
+ const ext = extname(fileName);
277
+ const name = extractComponentName(fileName);
278
+ const filePath = resolve(directory.path, fileName);
279
+ const relativePath = relative(projectRoot, filePath).replace(/\\/g, "/");
280
+ const framework = detectFrameworkFromFileName(fileName);
281
+
282
+ return {
283
+ name,
284
+ filePath,
285
+ relativePath,
286
+ namespace: directory.namespace,
287
+ framework,
288
+ extension: ext,
289
+ directory,
290
+ };
291
+ }
292
+
293
+ /**
294
+ * Extract the component name from a file name.
295
+ * Handles framework-specific naming conventions like .solid.tsx, .react.tsx
296
+ */
297
+ function extractComponentName(fileName: string): string {
298
+ // Remove extension
299
+ const name = fileName;
300
+
301
+ // Handle double extensions like .solid.tsx, .react.tsx, .lit.ts
302
+ const frameworkPatterns = [
303
+ ".solid.tsx", ".solid.jsx",
304
+ ".react.tsx", ".react.jsx",
305
+ ".lit.ts", ".lit.js",
306
+ ".preact.tsx", ".preact.jsx",
307
+ ];
308
+
309
+ for (const pattern of frameworkPatterns) {
310
+ if (name.endsWith(pattern)) {
311
+ return name.slice(0, -pattern.length);
312
+ }
313
+ }
314
+
315
+ // Handle single extensions
316
+ const singleExtensions = [".tsx", ".ts", ".jsx", ".js", ".vue", ".svelte"];
317
+ for (const ext of singleExtensions) {
318
+ if (name.endsWith(ext)) {
319
+ return name.slice(0, -ext.length);
320
+ }
321
+ }
322
+
323
+ return name;
324
+ }
325
+
326
+ /**
327
+ * Detect the framework from a file name based on extension and naming conventions.
328
+ */
329
+ function detectFrameworkFromFileName(fileName: string): Framework {
330
+ const normalizedName = fileName.toLowerCase();
331
+
332
+ // Check for framework-specific naming conventions
333
+ if (normalizedName.includes(".solid.")) return "solid";
334
+ if (normalizedName.includes(".react.")) return "react";
335
+ if (normalizedName.includes(".lit.")) return "lit";
336
+ if (normalizedName.includes(".preact.")) return "preact";
337
+ if (normalizedName.includes(".qwik.")) return "qwik";
338
+
339
+ // Check file extensions
340
+ if (fileName.endsWith(".vue")) return "vue";
341
+ if (fileName.endsWith(".svelte")) return "svelte";
342
+
343
+ // Lit files by naming convention (files starting with uppercase in .ts/.js)
344
+ if ((fileName.endsWith(".ts") || fileName.endsWith(".js")) &&
345
+ !fileName.endsWith(".d.ts")) {
346
+ // Check if it looks like a component (PascalCase)
347
+ const baseName = extractComponentName(fileName);
348
+ if (/^[A-Z]/.test(baseName)) {
349
+ return "lit";
350
+ }
351
+ }
352
+
353
+ // Default to preact for .tsx/.jsx files
354
+ if (fileName.endsWith(".tsx") || fileName.endsWith(".jsx")) {
355
+ return "preact";
356
+ }
357
+
358
+ return "unknown";
359
+ }
360
+
361
+ /**
362
+ * Get the qualified name for an island (namespace/name or just name for default).
363
+ */
364
+ export function getQualifiedIslandName(island: DiscoveredIsland): string {
365
+ if (island.namespace === "") {
366
+ return island.name;
367
+ }
368
+ return `${island.namespace}/${island.name}`;
369
+ }
370
+
371
+ /**
372
+ * Parse a qualified island name into namespace and name parts.
373
+ */
374
+ export function parseQualifiedIslandName(qualifiedName: string): {
375
+ namespace: string;
376
+ name: string;
377
+ } {
378
+ const lastSlashIndex = qualifiedName.lastIndexOf("/");
379
+ if (lastSlashIndex === -1) {
380
+ return { namespace: "", name: qualifiedName };
381
+ }
382
+ return {
383
+ namespace: qualifiedName.slice(0, lastSlashIndex),
384
+ name: qualifiedName.slice(lastSlashIndex + 1),
385
+ };
386
+ }