@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.
- package/README.md +54 -54
- package/mod.ts +302 -302
- package/package.json +49 -26
- package/src/build/integration-bundler-plugin.ts +116 -116
- package/src/build/integration-config.ts +168 -168
- package/src/build/integration-detection-plugin.ts +117 -117
- package/src/build/integration-resolver-plugin.ts +90 -90
- package/src/build/island-manifest.ts +269 -269
- package/src/build/island-types-generator.ts +476 -476
- package/src/build/mdx-island-transform.ts +464 -464
- package/src/build/mdx-plugin.ts +98 -98
- package/src/build/page-island-transform.ts +598 -598
- package/src/build/prop-extractors/index.ts +21 -21
- package/src/build/prop-extractors/lit.ts +140 -140
- package/src/build/prop-extractors/qwik.ts +16 -16
- package/src/build/prop-extractors/solid.ts +125 -125
- package/src/build/prop-extractors/svelte.ts +194 -194
- package/src/build/prop-extractors/vue.ts +111 -111
- package/src/build/sidecar-file-manager.ts +104 -104
- package/src/build/sidecar-renderer.ts +30 -30
- package/src/client/adapters/index.ts +21 -13
- package/src/client/components.ts +35 -35
- package/src/client/css-hmr-handler.ts +344 -344
- package/src/client/framework-adapter.ts +462 -462
- package/src/client/hmr-coordinator.ts +396 -396
- package/src/client/hmr-error-overlay.js +533 -533
- package/src/client/main.js +824 -816
- package/src/client/types/framework-runtime.d.ts +68 -68
- package/src/client/types/vite-hmr.d.ts +46 -46
- package/src/client/types/vite-virtual-modules.d.ts +70 -60
- package/src/components/Image.tsx +123 -123
- package/src/components/IslandErrorBoundary.tsx +145 -145
- package/src/components/LayoutDataErrorBoundary.tsx +141 -141
- package/src/components/LayoutErrorBoundary.tsx +127 -127
- package/src/components/PersistentIsland.tsx +52 -52
- package/src/components/StreamingErrorBoundary.tsx +233 -233
- package/src/components/StreamingLayout.tsx +538 -538
- package/src/core/components/component-analyzer.ts +192 -192
- package/src/core/components/component-detection.ts +508 -508
- package/src/core/components/enhanced-framework-detector.ts +500 -500
- package/src/core/components/framework-registry.ts +563 -563
- package/src/core/content/mdx-processor.ts +46 -46
- package/src/core/integrations/index.ts +19 -19
- package/src/core/integrations/loader.ts +125 -125
- package/src/core/integrations/registry.ts +175 -175
- package/src/core/islands/island-persistence.ts +325 -325
- package/src/core/islands/island-state-serializer.ts +258 -258
- package/src/core/islands/persistent-island-context.tsx +80 -80
- package/src/core/islands/use-persistent-state.ts +68 -68
- package/src/core/layout/enhanced-layout-resolver.ts +322 -322
- package/src/core/layout/layout-cache-manager.ts +485 -485
- package/src/core/layout/layout-composer.ts +357 -357
- package/src/core/layout/layout-data-loader.ts +516 -516
- package/src/core/layout/layout-discovery.ts +243 -243
- package/src/core/layout/layout-matcher.ts +299 -299
- package/src/core/layout/layout-types.ts +110 -110
- package/src/core/modules/framework-module-resolver.ts +273 -273
- package/src/islands/component-analysis.ts +213 -213
- package/src/islands/css-utils.ts +565 -565
- package/src/islands/discovery/index.ts +80 -80
- package/src/islands/discovery/registry.ts +340 -340
- package/src/islands/discovery/resolver.ts +477 -477
- package/src/islands/discovery/scanner.ts +386 -386
- package/src/islands/discovery/types.ts +117 -117
- package/src/islands/discovery/validator.ts +544 -544
- package/src/islands/discovery/watcher.ts +368 -368
- package/src/islands/framework-detection.ts +428 -428
- package/src/islands/integration-loader.ts +490 -490
- package/src/islands/island.tsx +565 -565
- package/src/islands/render-cache.ts +550 -550
- package/src/islands/types.ts +80 -80
- package/src/islands/universal-css-collector.ts +157 -157
- package/src/islands/universal-head-collector.ts +137 -137
- package/src/layout-system.d.ts +592 -592
- package/src/layout-system.ts +218 -218
- package/src/middleware/discovery.ts +268 -268
- package/src/middleware/executor.ts +315 -315
- package/src/middleware/index.ts +76 -76
- package/src/middleware/types.ts +99 -99
- package/src/nitro/build-config.ts +575 -575
- package/src/nitro/config.ts +483 -483
- package/src/nitro/error-handler.ts +636 -636
- package/src/nitro/index.ts +173 -173
- package/src/nitro/island-manifest.ts +584 -584
- package/src/nitro/middleware-adapter.ts +260 -260
- package/src/nitro/renderer.ts +1471 -1471
- package/src/nitro/route-discovery.ts +439 -439
- package/src/nitro/types.ts +321 -321
- package/src/render/collect-css.ts +198 -198
- package/src/render/error-pages.ts +79 -79
- package/src/render/isolated-ssr-renderer.ts +654 -654
- package/src/render/ssr.ts +1030 -1030
- package/src/schemas/api.ts +30 -30
- package/src/schemas/core.ts +64 -64
- package/src/schemas/index.ts +212 -212
- package/src/schemas/layout.ts +279 -279
- package/src/schemas/routing/index.ts +38 -38
- package/src/schemas/routing.ts +376 -376
- package/src/types/as-island.ts +20 -20
- package/src/types/image.d.ts +106 -106
- package/src/types/index.d.ts +22 -22
- package/src/types/island-jsx.d.ts +33 -33
- package/src/types/island-prop.d.ts +20 -20
- package/src/types/layout.ts +285 -285
- package/src/types/mdx.d.ts +6 -6
- package/src/types/routing.ts +555 -555
- package/src/types/types.ts +5 -5
- package/src/types/urlpattern.d.ts +49 -49
- package/src/types/vite-env.d.ts +11 -11
- package/src/utils/dev-logger.ts +299 -299
- package/src/utils/fs.ts +151 -151
- package/src/vite-plugin/auto-discover.ts +551 -551
- package/src/vite-plugin/config.ts +266 -266
- package/src/vite-plugin/errors.ts +127 -127
- package/src/vite-plugin/image-optimization.ts +156 -156
- package/src/vite-plugin/integration-activator.ts +126 -126
- package/src/vite-plugin/island-sidecar-plugin.ts +176 -176
- package/src/vite-plugin/module-discovery.ts +189 -189
- package/src/vite-plugin/nitro-integration.ts +1354 -1354
- package/src/vite-plugin/plugin.ts +403 -409
- package/src/vite-plugin/types.ts +327 -327
- package/src/vite-plugin/validation.ts +228 -228
- package/src/client/adapters/index.js +0 -12
- package/src/client/adapters/lit-adapter.js +0 -467
- package/src/client/adapters/lit-adapter.ts +0 -654
- package/src/client/adapters/preact-adapter.js +0 -223
- package/src/client/adapters/preact-adapter.ts +0 -331
- package/src/client/adapters/qwik-adapter.js +0 -259
- package/src/client/adapters/qwik-adapter.ts +0 -345
- package/src/client/adapters/react-adapter.js +0 -220
- package/src/client/adapters/react-adapter.ts +0 -353
- package/src/client/adapters/solid-adapter.js +0 -295
- package/src/client/adapters/solid-adapter.ts +0 -451
- package/src/client/adapters/svelte-adapter.js +0 -368
- package/src/client/adapters/svelte-adapter.ts +0 -524
- package/src/client/adapters/vue-adapter.js +0 -278
- package/src/client/adapters/vue-adapter.ts +0 -467
- package/src/client/components.js +0 -23
- package/src/client/css-hmr-handler.js +0 -263
- package/src/client/framework-adapter.js +0 -283
- 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';
|