@useavalon/avalon 0.1.11 → 0.1.13

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 (141) hide show
  1. package/README.md +54 -54
  2. package/mod.ts +302 -302
  3. package/package.json +49 -26
  4. package/src/build/integration-bundler-plugin.ts +116 -116
  5. package/src/build/integration-config.ts +168 -168
  6. package/src/build/integration-detection-plugin.ts +117 -117
  7. package/src/build/integration-resolver-plugin.ts +90 -90
  8. package/src/build/island-manifest.ts +269 -269
  9. package/src/build/island-types-generator.ts +476 -476
  10. package/src/build/mdx-island-transform.ts +464 -464
  11. package/src/build/mdx-plugin.ts +98 -98
  12. package/src/build/page-island-transform.ts +598 -598
  13. package/src/build/prop-extractors/index.ts +21 -21
  14. package/src/build/prop-extractors/lit.ts +140 -140
  15. package/src/build/prop-extractors/qwik.ts +16 -16
  16. package/src/build/prop-extractors/solid.ts +125 -125
  17. package/src/build/prop-extractors/svelte.ts +194 -194
  18. package/src/build/prop-extractors/vue.ts +111 -111
  19. package/src/build/sidecar-file-manager.ts +104 -104
  20. package/src/build/sidecar-renderer.ts +30 -30
  21. package/src/client/adapters/index.ts +21 -13
  22. package/src/client/components.ts +35 -35
  23. package/src/client/css-hmr-handler.ts +344 -344
  24. package/src/client/framework-adapter.ts +462 -462
  25. package/src/client/hmr-coordinator.ts +396 -396
  26. package/src/client/hmr-error-overlay.js +533 -533
  27. package/src/client/main.js +824 -816
  28. package/src/client/types/framework-runtime.d.ts +68 -68
  29. package/src/client/types/vite-hmr.d.ts +46 -46
  30. package/src/client/types/vite-virtual-modules.d.ts +70 -60
  31. package/src/components/Image.tsx +123 -123
  32. package/src/components/IslandErrorBoundary.tsx +145 -145
  33. package/src/components/LayoutDataErrorBoundary.tsx +141 -141
  34. package/src/components/LayoutErrorBoundary.tsx +127 -127
  35. package/src/components/PersistentIsland.tsx +52 -52
  36. package/src/components/StreamingErrorBoundary.tsx +233 -233
  37. package/src/components/StreamingLayout.tsx +538 -538
  38. package/src/core/components/component-analyzer.ts +192 -192
  39. package/src/core/components/component-detection.ts +508 -508
  40. package/src/core/components/enhanced-framework-detector.ts +500 -500
  41. package/src/core/components/framework-registry.ts +563 -563
  42. package/src/core/content/mdx-processor.ts +46 -46
  43. package/src/core/integrations/index.ts +19 -19
  44. package/src/core/integrations/loader.ts +125 -125
  45. package/src/core/integrations/registry.ts +175 -175
  46. package/src/core/islands/island-persistence.ts +325 -325
  47. package/src/core/islands/island-state-serializer.ts +258 -258
  48. package/src/core/islands/persistent-island-context.tsx +80 -80
  49. package/src/core/islands/use-persistent-state.ts +68 -68
  50. package/src/core/layout/enhanced-layout-resolver.ts +322 -322
  51. package/src/core/layout/layout-cache-manager.ts +485 -485
  52. package/src/core/layout/layout-composer.ts +357 -357
  53. package/src/core/layout/layout-data-loader.ts +516 -516
  54. package/src/core/layout/layout-discovery.ts +243 -243
  55. package/src/core/layout/layout-matcher.ts +299 -299
  56. package/src/core/layout/layout-types.ts +110 -110
  57. package/src/core/modules/framework-module-resolver.ts +273 -273
  58. package/src/islands/component-analysis.ts +213 -213
  59. package/src/islands/css-utils.ts +565 -565
  60. package/src/islands/discovery/index.ts +80 -80
  61. package/src/islands/discovery/registry.ts +340 -340
  62. package/src/islands/discovery/resolver.ts +477 -477
  63. package/src/islands/discovery/scanner.ts +386 -386
  64. package/src/islands/discovery/types.ts +117 -117
  65. package/src/islands/discovery/validator.ts +544 -544
  66. package/src/islands/discovery/watcher.ts +368 -368
  67. package/src/islands/framework-detection.ts +428 -428
  68. package/src/islands/integration-loader.ts +490 -490
  69. package/src/islands/island.tsx +565 -565
  70. package/src/islands/render-cache.ts +550 -550
  71. package/src/islands/types.ts +80 -80
  72. package/src/islands/universal-css-collector.ts +157 -157
  73. package/src/islands/universal-head-collector.ts +137 -137
  74. package/src/layout-system.d.ts +592 -592
  75. package/src/layout-system.ts +218 -218
  76. package/src/middleware/discovery.ts +268 -268
  77. package/src/middleware/executor.ts +315 -315
  78. package/src/middleware/index.ts +76 -76
  79. package/src/middleware/types.ts +99 -99
  80. package/src/nitro/build-config.ts +575 -575
  81. package/src/nitro/config.ts +483 -483
  82. package/src/nitro/error-handler.ts +636 -636
  83. package/src/nitro/index.ts +173 -173
  84. package/src/nitro/island-manifest.ts +584 -584
  85. package/src/nitro/middleware-adapter.ts +260 -260
  86. package/src/nitro/renderer.ts +1471 -1471
  87. package/src/nitro/route-discovery.ts +439 -439
  88. package/src/nitro/types.ts +321 -321
  89. package/src/render/collect-css.ts +198 -198
  90. package/src/render/error-pages.ts +79 -79
  91. package/src/render/isolated-ssr-renderer.ts +654 -654
  92. package/src/render/ssr.ts +1030 -1030
  93. package/src/schemas/api.ts +30 -30
  94. package/src/schemas/core.ts +64 -64
  95. package/src/schemas/index.ts +212 -212
  96. package/src/schemas/layout.ts +279 -279
  97. package/src/schemas/routing/index.ts +38 -38
  98. package/src/schemas/routing.ts +376 -376
  99. package/src/types/as-island.ts +20 -20
  100. package/src/types/image.d.ts +106 -106
  101. package/src/types/index.d.ts +22 -22
  102. package/src/types/island-jsx.d.ts +33 -33
  103. package/src/types/island-prop.d.ts +20 -20
  104. package/src/types/layout.ts +285 -285
  105. package/src/types/mdx.d.ts +6 -6
  106. package/src/types/routing.ts +555 -555
  107. package/src/types/types.ts +5 -5
  108. package/src/types/urlpattern.d.ts +49 -49
  109. package/src/types/vite-env.d.ts +11 -11
  110. package/src/utils/dev-logger.ts +299 -299
  111. package/src/utils/fs.ts +151 -151
  112. package/src/vite-plugin/auto-discover.ts +551 -551
  113. package/src/vite-plugin/config.ts +266 -266
  114. package/src/vite-plugin/errors.ts +127 -127
  115. package/src/vite-plugin/image-optimization.ts +156 -156
  116. package/src/vite-plugin/integration-activator.ts +126 -126
  117. package/src/vite-plugin/island-sidecar-plugin.ts +176 -176
  118. package/src/vite-plugin/module-discovery.ts +189 -189
  119. package/src/vite-plugin/nitro-integration.ts +1354 -1354
  120. package/src/vite-plugin/plugin.ts +403 -409
  121. package/src/vite-plugin/types.ts +327 -327
  122. package/src/vite-plugin/validation.ts +228 -228
  123. package/src/client/adapters/index.js +0 -12
  124. package/src/client/adapters/lit-adapter.js +0 -467
  125. package/src/client/adapters/lit-adapter.ts +0 -654
  126. package/src/client/adapters/preact-adapter.js +0 -223
  127. package/src/client/adapters/preact-adapter.ts +0 -331
  128. package/src/client/adapters/qwik-adapter.js +0 -259
  129. package/src/client/adapters/qwik-adapter.ts +0 -345
  130. package/src/client/adapters/react-adapter.js +0 -220
  131. package/src/client/adapters/react-adapter.ts +0 -353
  132. package/src/client/adapters/solid-adapter.js +0 -295
  133. package/src/client/adapters/solid-adapter.ts +0 -451
  134. package/src/client/adapters/svelte-adapter.js +0 -368
  135. package/src/client/adapters/svelte-adapter.ts +0 -524
  136. package/src/client/adapters/vue-adapter.js +0 -278
  137. package/src/client/adapters/vue-adapter.ts +0 -467
  138. package/src/client/components.js +0 -23
  139. package/src/client/css-hmr-handler.js +0 -263
  140. package/src/client/framework-adapter.js +0 -283
  141. package/src/client/hmr-coordinator.js +0 -274
@@ -1,192 +1,192 @@
1
- /**
2
- * Component Analyzer - High-level interface for component detection system
3
- *
4
- * This module provides a convenient interface for analyzing components
5
- * and making hydration decisions in the SSR system.
6
- */
7
-
8
- import {
9
- analyzeComponent,
10
- shouldHydrateComponent,
11
- createComponentMetadata,
12
- type ComponentAnalysis,
13
- type DetectionResult,
14
- type ComponentMetadata,
15
- } from './component-detection.ts';
16
-
17
- export interface AnalyzerOptions {
18
- forceSSROnly?: boolean;
19
- detectScripts?: boolean;
20
- suppressWarnings?: boolean;
21
- logDecisions?: boolean;
22
- }
23
-
24
- export interface AnalysisReport {
25
- metadata: ComponentMetadata;
26
- decision: DetectionResult;
27
- analysis: ComponentAnalysis;
28
- }
29
-
30
- /**
31
- * Analyzes a component file and returns comprehensive analysis report
32
- */
33
- export async function analyzeComponentFile(filePath: string, options: AnalyzerOptions = {}): Promise<AnalysisReport> {
34
- try {
35
- // Read component file
36
- const { readFile } = await import('node:fs/promises');
37
- const content = await readFile(filePath, 'utf-8');
38
-
39
- // Perform analysis
40
- const analysis = analyzeComponent(filePath, content);
41
- const decision = shouldHydrateComponent(analysis, options);
42
- const metadata = createComponentMetadata(filePath, content, analysis);
43
-
44
- // Log decision if requested
45
- if (options.logDecisions) {
46
- logAnalysisDecision(filePath, analysis, decision);
47
- }
48
-
49
- return {
50
- metadata,
51
- decision,
52
- analysis,
53
- };
54
- } catch (error) {
55
- const errorMessage = error instanceof Error ? error.message : String(error);
56
- throw new Error(`Failed to analyze component ${filePath}: ${errorMessage}`);
57
- }
58
- }
59
-
60
- /**
61
- * Analyzes component content directly (for in-memory components)
62
- */
63
- export function analyzeComponentContent(
64
- filePath: string,
65
- content: string,
66
- options: AnalyzerOptions = {}
67
- ): AnalysisReport {
68
- const analysis = analyzeComponent(filePath, content);
69
- const decision = shouldHydrateComponent(analysis, options);
70
- const metadata = createComponentMetadata(filePath, content, analysis);
71
-
72
- // Log decision if requested
73
- if (options.logDecisions) {
74
- logAnalysisDecision(filePath, analysis, decision);
75
- }
76
-
77
- return {
78
- metadata,
79
- decision,
80
- analysis,
81
- };
82
- }
83
-
84
- /**
85
- * Batch analyze multiple components
86
- */
87
- export async function analyzeComponents(
88
- filePaths: string[],
89
- options: AnalyzerOptions = {}
90
- ): Promise<Map<string, AnalysisReport>> {
91
- const results = new Map<string, AnalysisReport>();
92
-
93
- for (const filePath of filePaths) {
94
- try {
95
- const report = await analyzeComponentFile(filePath, options);
96
- results.set(filePath, report);
97
- } catch (error) {
98
- const errorMessage = error instanceof Error ? error.message : String(error);
99
- console.error(`Failed to analyze ${filePath}:`, errorMessage);
100
- }
101
- }
102
-
103
- return results;
104
- }
105
-
106
- /**
107
- * Quick check if a component should be hydrated
108
- */
109
- export async function shouldHydrate(filePath: string, options: AnalyzerOptions = {}): Promise<boolean> {
110
- try {
111
- const report = await analyzeComponentFile(filePath, options);
112
- return report.decision.shouldHydrate;
113
- } catch (error) {
114
- const errorMessage = error instanceof Error ? error.message : String(error);
115
- console.error(`Error checking hydration for ${filePath}:`, errorMessage);
116
- // Default to hydration on error for safety
117
- return true;
118
- }
119
- }
120
-
121
- /**
122
- * Get component framework type
123
- */
124
- export async function getComponentFramework(filePath: string): Promise<ComponentAnalysis['framework']> {
125
- try {
126
- const report = await analyzeComponentFile(filePath);
127
- return report.analysis.framework;
128
- } catch (error) {
129
- const errorMessage = error instanceof Error ? error.message : String(error);
130
- console.error(`Error detecting framework for ${filePath}:`, errorMessage);
131
- return 'unknown';
132
- }
133
- }
134
-
135
- /**
136
- * Logs analysis decision for debugging
137
- */
138
- function logAnalysisDecision(filePath: string, analysis: ComponentAnalysis, decision: DetectionResult): void {
139
- const framework = analysis.framework.toUpperCase();
140
- const strategy = decision.shouldHydrate ? 'HYDRATE' : 'SSR-ONLY';
141
-
142
- console.log(`[Component Analysis] ${filePath}`);
143
- console.log(` Framework: ${framework}`);
144
- console.log(` Has Script: ${analysis.hasScript}`);
145
- console.log(` Has Hydrate Function: ${analysis.hasHydrateFunction}`);
146
- console.log(` Strategy: ${strategy}`);
147
- console.log(` Reason: ${decision.reason}`);
148
-
149
- if (decision.warnings && decision.warnings.length > 0) {
150
- console.log(` Warnings:`);
151
- decision.warnings.forEach(warning => console.log(` - ${warning}`));
152
- }
153
-
154
- console.log('');
155
- }
156
-
157
- /**
158
- * Generate summary statistics for a batch of components
159
- */
160
- export function generateAnalysisSummary(reports: Map<string, AnalysisReport>): {
161
- total: number;
162
- byFramework: Record<string, number>;
163
- byStrategy: Record<string, number>;
164
- withWarnings: number;
165
- } {
166
- const summary = {
167
- total: reports.size,
168
- byFramework: {} as Record<string, number>,
169
- byStrategy: {} as Record<string, number>,
170
- withWarnings: 0,
171
- };
172
-
173
- for (const [, report] of reports) {
174
- // Count by framework
175
- const framework = report.analysis.framework;
176
- summary.byFramework[framework] = (summary.byFramework[framework] || 0) + 1;
177
-
178
- // Count by strategy
179
- const strategy = report.decision.shouldHydrate ? 'hydrate' : 'ssr-only';
180
- summary.byStrategy[strategy] = (summary.byStrategy[strategy] || 0) + 1;
181
-
182
- // Count warnings
183
- if (report.decision.warnings && report.decision.warnings.length > 0) {
184
- summary.withWarnings++;
185
- }
186
- }
187
-
188
- return summary;
189
- }
190
-
191
- // Export types for external use
192
- export type { ComponentAnalysis, DetectionResult, ComponentMetadata } from './component-detection.ts';
1
+ /**
2
+ * Component Analyzer - High-level interface for component detection system
3
+ *
4
+ * This module provides a convenient interface for analyzing components
5
+ * and making hydration decisions in the SSR system.
6
+ */
7
+
8
+ import {
9
+ analyzeComponent,
10
+ shouldHydrateComponent,
11
+ createComponentMetadata,
12
+ type ComponentAnalysis,
13
+ type DetectionResult,
14
+ type ComponentMetadata,
15
+ } from './component-detection.ts';
16
+
17
+ export interface AnalyzerOptions {
18
+ forceSSROnly?: boolean;
19
+ detectScripts?: boolean;
20
+ suppressWarnings?: boolean;
21
+ logDecisions?: boolean;
22
+ }
23
+
24
+ export interface AnalysisReport {
25
+ metadata: ComponentMetadata;
26
+ decision: DetectionResult;
27
+ analysis: ComponentAnalysis;
28
+ }
29
+
30
+ /**
31
+ * Analyzes a component file and returns comprehensive analysis report
32
+ */
33
+ export async function analyzeComponentFile(filePath: string, options: AnalyzerOptions = {}): Promise<AnalysisReport> {
34
+ try {
35
+ // Read component file
36
+ const { readFile } = await import('node:fs/promises');
37
+ const content = await readFile(filePath, 'utf-8');
38
+
39
+ // Perform analysis
40
+ const analysis = analyzeComponent(filePath, content);
41
+ const decision = shouldHydrateComponent(analysis, options);
42
+ const metadata = createComponentMetadata(filePath, content, analysis);
43
+
44
+ // Log decision if requested
45
+ if (options.logDecisions) {
46
+ logAnalysisDecision(filePath, analysis, decision);
47
+ }
48
+
49
+ return {
50
+ metadata,
51
+ decision,
52
+ analysis,
53
+ };
54
+ } catch (error) {
55
+ const errorMessage = error instanceof Error ? error.message : String(error);
56
+ throw new Error(`Failed to analyze component ${filePath}: ${errorMessage}`);
57
+ }
58
+ }
59
+
60
+ /**
61
+ * Analyzes component content directly (for in-memory components)
62
+ */
63
+ export function analyzeComponentContent(
64
+ filePath: string,
65
+ content: string,
66
+ options: AnalyzerOptions = {}
67
+ ): AnalysisReport {
68
+ const analysis = analyzeComponent(filePath, content);
69
+ const decision = shouldHydrateComponent(analysis, options);
70
+ const metadata = createComponentMetadata(filePath, content, analysis);
71
+
72
+ // Log decision if requested
73
+ if (options.logDecisions) {
74
+ logAnalysisDecision(filePath, analysis, decision);
75
+ }
76
+
77
+ return {
78
+ metadata,
79
+ decision,
80
+ analysis,
81
+ };
82
+ }
83
+
84
+ /**
85
+ * Batch analyze multiple components
86
+ */
87
+ export async function analyzeComponents(
88
+ filePaths: string[],
89
+ options: AnalyzerOptions = {}
90
+ ): Promise<Map<string, AnalysisReport>> {
91
+ const results = new Map<string, AnalysisReport>();
92
+
93
+ for (const filePath of filePaths) {
94
+ try {
95
+ const report = await analyzeComponentFile(filePath, options);
96
+ results.set(filePath, report);
97
+ } catch (error) {
98
+ const errorMessage = error instanceof Error ? error.message : String(error);
99
+ console.error(`Failed to analyze ${filePath}:`, errorMessage);
100
+ }
101
+ }
102
+
103
+ return results;
104
+ }
105
+
106
+ /**
107
+ * Quick check if a component should be hydrated
108
+ */
109
+ export async function shouldHydrate(filePath: string, options: AnalyzerOptions = {}): Promise<boolean> {
110
+ try {
111
+ const report = await analyzeComponentFile(filePath, options);
112
+ return report.decision.shouldHydrate;
113
+ } catch (error) {
114
+ const errorMessage = error instanceof Error ? error.message : String(error);
115
+ console.error(`Error checking hydration for ${filePath}:`, errorMessage);
116
+ // Default to hydration on error for safety
117
+ return true;
118
+ }
119
+ }
120
+
121
+ /**
122
+ * Get component framework type
123
+ */
124
+ export async function getComponentFramework(filePath: string): Promise<ComponentAnalysis['framework']> {
125
+ try {
126
+ const report = await analyzeComponentFile(filePath);
127
+ return report.analysis.framework;
128
+ } catch (error) {
129
+ const errorMessage = error instanceof Error ? error.message : String(error);
130
+ console.error(`Error detecting framework for ${filePath}:`, errorMessage);
131
+ return 'unknown';
132
+ }
133
+ }
134
+
135
+ /**
136
+ * Logs analysis decision for debugging
137
+ */
138
+ function logAnalysisDecision(filePath: string, analysis: ComponentAnalysis, decision: DetectionResult): void {
139
+ const framework = analysis.framework.toUpperCase();
140
+ const strategy = decision.shouldHydrate ? 'HYDRATE' : 'SSR-ONLY';
141
+
142
+ console.log(`[Component Analysis] ${filePath}`);
143
+ console.log(` Framework: ${framework}`);
144
+ console.log(` Has Script: ${analysis.hasScript}`);
145
+ console.log(` Has Hydrate Function: ${analysis.hasHydrateFunction}`);
146
+ console.log(` Strategy: ${strategy}`);
147
+ console.log(` Reason: ${decision.reason}`);
148
+
149
+ if (decision.warnings && decision.warnings.length > 0) {
150
+ console.log(` Warnings:`);
151
+ decision.warnings.forEach(warning => console.log(` - ${warning}`));
152
+ }
153
+
154
+ console.log('');
155
+ }
156
+
157
+ /**
158
+ * Generate summary statistics for a batch of components
159
+ */
160
+ export function generateAnalysisSummary(reports: Map<string, AnalysisReport>): {
161
+ total: number;
162
+ byFramework: Record<string, number>;
163
+ byStrategy: Record<string, number>;
164
+ withWarnings: number;
165
+ } {
166
+ const summary = {
167
+ total: reports.size,
168
+ byFramework: {} as Record<string, number>,
169
+ byStrategy: {} as Record<string, number>,
170
+ withWarnings: 0,
171
+ };
172
+
173
+ for (const [, report] of reports) {
174
+ // Count by framework
175
+ const framework = report.analysis.framework;
176
+ summary.byFramework[framework] = (summary.byFramework[framework] || 0) + 1;
177
+
178
+ // Count by strategy
179
+ const strategy = report.decision.shouldHydrate ? 'hydrate' : 'ssr-only';
180
+ summary.byStrategy[strategy] = (summary.byStrategy[strategy] || 0) + 1;
181
+
182
+ // Count warnings
183
+ if (report.decision.warnings && report.decision.warnings.length > 0) {
184
+ summary.withWarnings++;
185
+ }
186
+ }
187
+
188
+ return summary;
189
+ }
190
+
191
+ // Export types for external use
192
+ export type { ComponentAnalysis, DetectionResult, ComponentMetadata } from './component-detection.ts';