baseguard 1.0.3 → 1.0.5
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/.baseguardrc.example.json +63 -63
- package/.eslintrc.json +24 -24
- package/.prettierrc +7 -7
- package/CHANGELOG.md +195 -195
- package/DEPLOYMENT.md +624 -624
- package/DEPLOYMENT_CHECKLIST.md +239 -239
- package/DEPLOYMENT_SUMMARY_v1.0.2.md +202 -202
- package/QUICK_START.md +134 -134
- package/README.md +488 -488
- package/RELEASE_NOTES_v1.0.2.md +434 -434
- package/bin/base.js +627 -627
- package/dist/ai/fix-manager.d.ts.map +1 -1
- package/dist/ai/fix-manager.js +1 -1
- package/dist/ai/fix-manager.js.map +1 -1
- package/dist/ai/gemini-analyzer.d.ts.map +1 -1
- package/dist/ai/gemini-analyzer.js +29 -35
- package/dist/ai/gemini-analyzer.js.map +1 -1
- package/dist/ai/gemini-code-fixer.d.ts.map +1 -1
- package/dist/ai/gemini-code-fixer.js +58 -58
- package/dist/ai/gemini-code-fixer.js.map +1 -1
- package/dist/ai/jules-implementer.d.ts +3 -0
- package/dist/ai/jules-implementer.d.ts.map +1 -1
- package/dist/ai/jules-implementer.js +63 -32
- package/dist/ai/jules-implementer.js.map +1 -1
- package/dist/ai/unified-code-fixer.js.map +1 -1
- package/dist/commands/check.d.ts.map +1 -1
- package/dist/commands/check.js +1 -1
- package/dist/commands/check.js.map +1 -1
- package/dist/commands/config.js +2 -1
- package/dist/commands/config.js.map +1 -1
- package/dist/commands/fix.d.ts.map +1 -1
- package/dist/commands/fix.js +48 -15
- package/dist/commands/fix.js.map +1 -1
- package/dist/core/api-key-manager.js +2 -2
- package/dist/core/api-key-manager.js.map +1 -1
- package/dist/core/baseguard.d.ts +1 -0
- package/dist/core/baseguard.d.ts.map +1 -1
- package/dist/core/baseguard.js +13 -10
- package/dist/core/baseguard.js.map +1 -1
- package/dist/core/baseline-checker.d.ts.map +1 -1
- package/dist/core/baseline-checker.js +8 -5
- package/dist/core/baseline-checker.js.map +1 -1
- package/dist/core/configuration-recovery.d.ts.map +1 -1
- package/dist/core/configuration-recovery.js +1 -1
- package/dist/core/configuration-recovery.js.map +1 -1
- package/dist/core/debug-logger.d.ts.map +1 -1
- package/dist/core/debug-logger.js +1 -1
- package/dist/core/debug-logger.js.map +1 -1
- package/dist/core/error-handler.d.ts.map +1 -1
- package/dist/core/error-handler.js +2 -1
- package/dist/core/error-handler.js.map +1 -1
- package/dist/core/gitignore-manager.js +5 -5
- package/dist/core/graceful-degradation-manager.d.ts.map +1 -1
- package/dist/core/graceful-degradation-manager.js +16 -16
- package/dist/core/graceful-degradation-manager.js.map +1 -1
- package/dist/core/lazy-loader.d.ts.map +1 -1
- package/dist/core/lazy-loader.js +9 -2
- package/dist/core/lazy-loader.js.map +1 -1
- package/dist/core/memory-manager.d.ts +0 -3
- package/dist/core/memory-manager.d.ts.map +1 -1
- package/dist/core/memory-manager.js.map +1 -1
- package/dist/core/parser-worker.d.ts +2 -0
- package/dist/core/parser-worker.d.ts.map +1 -0
- package/dist/core/parser-worker.js +19 -0
- package/dist/core/parser-worker.js.map +1 -0
- package/dist/core/startup-optimizer.d.ts.map +1 -1
- package/dist/core/startup-optimizer.js +4 -8
- package/dist/core/startup-optimizer.js.map +1 -1
- package/dist/core/system-error-handler.d.ts.map +1 -1
- package/dist/core/system-error-handler.js.map +1 -1
- package/dist/git/automation-engine.d.ts.map +1 -1
- package/dist/git/automation-engine.js +5 -4
- package/dist/git/automation-engine.js.map +1 -1
- package/dist/git/github-manager.d.ts.map +1 -1
- package/dist/git/github-manager.js.map +1 -1
- package/dist/git/hook-manager.js +5 -5
- package/dist/git/hook-manager.js.map +1 -1
- package/dist/parsers/parser-manager.d.ts.map +1 -1
- package/dist/parsers/parser-manager.js +1 -1
- package/dist/parsers/parser-manager.js.map +1 -1
- package/dist/parsers/svelte-parser.js +1 -1
- package/dist/parsers/svelte-parser.js.map +1 -1
- package/dist/parsers/vanilla-parser.d.ts.map +1 -1
- package/dist/parsers/vanilla-parser.js.map +1 -1
- package/dist/parsers/vue-parser.d.ts.map +1 -1
- package/dist/parsers/vue-parser.js.map +1 -1
- package/dist/ui/components.d.ts +1 -1
- package/dist/ui/components.d.ts.map +1 -1
- package/dist/ui/components.js +11 -11
- package/dist/ui/components.js.map +1 -1
- package/dist/ui/terminal-header.js +14 -14
- package/package.json +105 -105
- package/src/ai/__tests__/gemini-analyzer.test.ts +180 -180
- package/src/ai/agentkit-orchestrator.ts +533 -533
- package/src/ai/fix-manager.ts +362 -362
- package/src/ai/gemini-analyzer.ts +665 -671
- package/src/ai/gemini-code-fixer.ts +539 -540
- package/src/ai/index.ts +3 -3
- package/src/ai/jules-implementer.ts +504 -460
- package/src/ai/unified-code-fixer.ts +347 -347
- package/src/commands/automation.ts +343 -343
- package/src/commands/check.ts +298 -299
- package/src/commands/config.ts +584 -583
- package/src/commands/fix.ts +269 -238
- package/src/commands/index.ts +6 -6
- package/src/commands/init.ts +155 -155
- package/src/commands/status.ts +306 -306
- package/src/core/api-key-manager.ts +298 -298
- package/src/core/baseguard.ts +757 -756
- package/src/core/baseline-checker.ts +566 -563
- package/src/core/cache-manager.ts +271 -271
- package/src/core/configuration-recovery.ts +672 -673
- package/src/core/configuration.ts +595 -595
- package/src/core/debug-logger.ts +590 -590
- package/src/core/directory-filter.ts +420 -420
- package/src/core/error-handler.ts +518 -517
- package/src/core/file-processor.ts +337 -337
- package/src/core/gitignore-manager.ts +168 -168
- package/src/core/graceful-degradation-manager.ts +596 -596
- package/src/core/index.ts +16 -16
- package/src/core/lazy-loader.ts +317 -307
- package/src/core/memory-manager.ts +290 -295
- package/src/core/parser-worker.ts +33 -0
- package/src/core/startup-optimizer.ts +246 -255
- package/src/core/system-error-handler.ts +755 -756
- package/src/git/automation-engine.ts +361 -361
- package/src/git/github-manager.ts +190 -192
- package/src/git/hook-manager.ts +210 -210
- package/src/git/index.ts +3 -3
- package/src/index.ts +7 -7
- package/src/parsers/feature-validator.ts +558 -558
- package/src/parsers/index.ts +7 -7
- package/src/parsers/parser-manager.ts +418 -419
- package/src/parsers/parser.ts +25 -25
- package/src/parsers/react-parser-optimized.ts +160 -160
- package/src/parsers/react-parser.ts +358 -358
- package/src/parsers/svelte-parser.ts +510 -510
- package/src/parsers/vanilla-parser.ts +685 -686
- package/src/parsers/vue-parser.ts +476 -478
- package/src/types/index.ts +95 -95
- package/src/ui/components.ts +567 -567
- package/src/ui/help.ts +192 -192
- package/src/ui/index.ts +3 -3
- package/src/ui/prompts.ts +680 -680
- package/src/ui/terminal-header.ts +58 -58
- package/test-build.js +40 -40
- package/test-config-commands.js +55 -55
- package/test-header-simple.js +32 -32
- package/test-terminal-header.js +11 -11
- package/test-ui.js +28 -28
- package/tests/e2e/baseguard.e2e.test.ts +515 -515
- package/tests/e2e/cross-platform.e2e.test.ts +419 -419
- package/tests/e2e/git-integration.e2e.test.ts +486 -486
- package/tests/fixtures/react-project/package.json +13 -13
- package/tests/fixtures/react-project/src/App.css +75 -75
- package/tests/fixtures/react-project/src/App.tsx +76 -76
- package/tests/fixtures/svelte-project/package.json +10 -10
- package/tests/fixtures/svelte-project/src/App.svelte +368 -368
- package/tests/fixtures/vanilla-project/index.html +75 -75
- package/tests/fixtures/vanilla-project/script.js +330 -330
- package/tests/fixtures/vanilla-project/styles.css +358 -358
- package/tests/fixtures/vue-project/package.json +11 -11
- package/tests/fixtures/vue-project/src/App.vue +215 -215
- package/tmp-smoke/.baseguard/backups/config-2026-02-19T12-04-11-067Z-auto.json +30 -0
- package/tmp-smoke/src/bad.css +3 -0
- package/tsconfig.json +34 -34
- package/vitest.config.ts +11 -11
- package/dist/terminal-header.d.ts +0 -12
- package/dist/terminal-header.js +0 -45
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "vue-test-project",
|
|
3
|
-
"version": "1.0.0",
|
|
4
|
-
"private": true,
|
|
5
|
-
"dependencies": {
|
|
6
|
-
"vue": "^3.3.0"
|
|
7
|
-
},
|
|
8
|
-
"devDependencies": {
|
|
9
|
-
"@vue/compiler-sfc": "^3.3.0",
|
|
10
|
-
"typescript": "^5.0.0"
|
|
11
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "vue-test-project",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"private": true,
|
|
5
|
+
"dependencies": {
|
|
6
|
+
"vue": "^3.3.0"
|
|
7
|
+
},
|
|
8
|
+
"devDependencies": {
|
|
9
|
+
"@vue/compiler-sfc": "^3.3.0",
|
|
10
|
+
"typescript": "^5.0.0"
|
|
11
|
+
}
|
|
12
12
|
}
|
|
@@ -1,216 +1,216 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="vue-app">
|
|
3
|
-
<h1>Vue Test App</h1>
|
|
4
|
-
<button @click="openDialog">Open Dialog</button>
|
|
5
|
-
<button @click="testWebAPIs">Test Web APIs</button>
|
|
6
|
-
<button @click="testCanvas">Test Canvas</button>
|
|
7
|
-
|
|
8
|
-
<dialog ref="dialogRef" :open="dialogOpen">
|
|
9
|
-
<p>This is a modern dialog element in Vue</p>
|
|
10
|
-
<button @click="closeDialog">Close</button>
|
|
11
|
-
</dialog>
|
|
12
|
-
|
|
13
|
-
<div class="container-test">
|
|
14
|
-
<p>Container query test in Vue</p>
|
|
15
|
-
</div>
|
|
16
|
-
|
|
17
|
-
<canvas ref="canvasRef" width="200" height="200"></canvas>
|
|
18
|
-
</div>
|
|
19
|
-
</template>
|
|
20
|
-
|
|
21
|
-
<script setup lang="ts">
|
|
22
|
-
import { ref, onMounted, onUnmounted } from 'vue';
|
|
23
|
-
|
|
24
|
-
const dialogOpen = ref(false);
|
|
25
|
-
const dialogRef = ref<HTMLDialogElement>();
|
|
26
|
-
const canvasRef = ref<HTMLCanvasElement>();
|
|
27
|
-
let resizeObserver: ResizeObserver | null = null;
|
|
28
|
-
|
|
29
|
-
onMounted(() => {
|
|
30
|
-
// Modern JavaScript APIs
|
|
31
|
-
setupModernAPIs();
|
|
32
|
-
setupCanvas();
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
onUnmounted(() => {
|
|
36
|
-
if (resizeObserver) {
|
|
37
|
-
resizeObserver.disconnect();
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
const setupModernAPIs = () => {
|
|
42
|
-
// ResizeObserver - baseline newly available
|
|
43
|
-
resizeObserver = new ResizeObserver((entries) => {
|
|
44
|
-
console.log('Vue: Element resized:', entries);
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
if (dialogRef.value) {
|
|
48
|
-
resizeObserver.observe(dialogRef.value);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
// structuredClone - baseline newly available
|
|
52
|
-
const testData = { vue: true, data: { nested: 'value' } };
|
|
53
|
-
const cloned = structuredClone(testData);
|
|
54
|
-
console.log('Vue: Cloned data:', cloned);
|
|
55
|
-
|
|
56
|
-
// Array.at() - baseline newly available
|
|
57
|
-
const items = ['vue', 'react', 'svelte'];
|
|
58
|
-
const lastFramework = items.at(-1);
|
|
59
|
-
console.log('Vue: Last framework:', lastFramework);
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
const setupCanvas = () => {
|
|
63
|
-
if (!canvasRef.value) return;
|
|
64
|
-
|
|
65
|
-
const ctx = canvasRef.value.getContext('2d');
|
|
66
|
-
if (ctx) {
|
|
67
|
-
// Modern Canvas API - filter property
|
|
68
|
-
ctx.filter = 'blur(2px)';
|
|
69
|
-
ctx.fillStyle = 'blue';
|
|
70
|
-
ctx.fillRect(10, 10, 100, 100);
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
const openDialog = () => {
|
|
75
|
-
if (dialogRef.value) {
|
|
76
|
-
// HTMLDialogElement.showModal() - baseline newly available
|
|
77
|
-
dialogRef.value.showModal();
|
|
78
|
-
}
|
|
79
|
-
dialogOpen.value = true;
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
const closeDialog = () => {
|
|
83
|
-
if (dialogRef.value) {
|
|
84
|
-
dialogRef.value.close();
|
|
85
|
-
}
|
|
86
|
-
dialogOpen.value = false;
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
const testWebAPIs = () => {
|
|
90
|
-
// Test various modern Web APIs
|
|
91
|
-
|
|
92
|
-
// AbortController - baseline widely available
|
|
93
|
-
const controller = new AbortController();
|
|
94
|
-
const signal = controller.signal;
|
|
95
|
-
|
|
96
|
-
// Fetch with AbortSignal
|
|
97
|
-
fetch('https://api.example.com/data', { signal })
|
|
98
|
-
.then(response => response.json())
|
|
99
|
-
.catch(error => {
|
|
100
|
-
if (error.name === 'AbortError') {
|
|
101
|
-
console.log('Vue: Fetch aborted');
|
|
102
|
-
}
|
|
103
|
-
});
|
|
104
|
-
|
|
105
|
-
// Abort after 1 second
|
|
106
|
-
setTimeout(() => controller.abort(), 1000);
|
|
107
|
-
|
|
108
|
-
// IntersectionObserver - baseline widely available
|
|
109
|
-
const observer = new IntersectionObserver((entries) => {
|
|
110
|
-
console.log('Vue: Intersection observed:', entries);
|
|
111
|
-
});
|
|
112
|
-
|
|
113
|
-
if (dialogRef.value) {
|
|
114
|
-
observer.observe(dialogRef.value);
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
const testCanvas = () => {
|
|
119
|
-
if (!canvasRef.value) return;
|
|
120
|
-
|
|
121
|
-
// Test OffscreenCanvas - baseline newly available
|
|
122
|
-
if ('OffscreenCanvas' in window) {
|
|
123
|
-
const offscreen = new OffscreenCanvas(100, 100);
|
|
124
|
-
const ctx = offscreen.getContext('2d');
|
|
125
|
-
if (ctx) {
|
|
126
|
-
ctx.fillStyle = 'red';
|
|
127
|
-
ctx.fillRect(0, 0, 50, 50);
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
// Test WebGL2 - baseline widely available
|
|
132
|
-
const gl = canvasRef.value.getContext('webgl2');
|
|
133
|
-
if (gl) {
|
|
134
|
-
gl.clearColor(0.0, 1.0, 0.0, 1.0);
|
|
135
|
-
gl.clear(gl.COLOR_BUFFER_BIT);
|
|
136
|
-
}
|
|
137
|
-
};
|
|
138
|
-
</script>
|
|
139
|
-
|
|
140
|
-
<style scoped>
|
|
141
|
-
/* Modern CSS features in Vue component */
|
|
142
|
-
.vue-app {
|
|
143
|
-
container-type: inline-size;
|
|
144
|
-
container-name: vue-container;
|
|
145
|
-
|
|
146
|
-
/* Modern CSS properties */
|
|
147
|
-
aspect-ratio: 4/3;
|
|
148
|
-
accent-color: #42b883;
|
|
149
|
-
color-scheme: light dark;
|
|
150
|
-
|
|
151
|
-
/* CSS Grid with modern gap */
|
|
152
|
-
display: grid;
|
|
153
|
-
gap: 1.5rem;
|
|
154
|
-
|
|
155
|
-
/* Modern CSS functions */
|
|
156
|
-
background: color-mix(in srgb, #42b883 30%, white);
|
|
157
|
-
|
|
158
|
-
/* Backdrop filter */
|
|
159
|
-
backdrop-filter: blur(5px);
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
/* Container queries */
|
|
163
|
-
@container vue-container (min-width: 500px) {
|
|
164
|
-
.container-test {
|
|
165
|
-
font-size: 1.4rem;
|
|
166
|
-
color: #42b883;
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
/* Modern selectors */
|
|
171
|
-
.vue-app:has(dialog[open]) {
|
|
172
|
-
background-color: rgba(66, 184, 131, 0.1);
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
/* CSS nesting */
|
|
176
|
-
.vue-app {
|
|
177
|
-
.container-test {
|
|
178
|
-
padding: 1.5rem;
|
|
179
|
-
border-radius: 8px;
|
|
180
|
-
|
|
181
|
-
&:hover {
|
|
182
|
-
background-color: rgba(66, 184, 131, 0.1);
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
/* Modern pseudo-classes */
|
|
188
|
-
.vue-app button:focus-visible {
|
|
189
|
-
outline: 2px solid #42b883;
|
|
190
|
-
outline-offset: 2px;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
.vue-app button:is(:hover, :focus) {
|
|
194
|
-
transform: translateY(-2px);
|
|
195
|
-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
/* Modern CSS units and functions */
|
|
199
|
-
.container-test {
|
|
200
|
-
width: clamp(200px, 50%, 400px);
|
|
201
|
-
height: max(150px, 15vh);
|
|
202
|
-
margin-block: 1rem;
|
|
203
|
-
padding-inline: 1.5rem;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
/* CSS custom properties with modern color functions */
|
|
207
|
-
:root {
|
|
208
|
-
--vue-primary: oklch(0.6 0.2 160);
|
|
209
|
-
--vue-secondary: color(display-p3 0.26 0.72 0.51);
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
canvas {
|
|
213
|
-
border: 1px solid var(--vue-primary);
|
|
214
|
-
border-radius: 4px;
|
|
215
|
-
}
|
|
1
|
+
<template>
|
|
2
|
+
<div class="vue-app">
|
|
3
|
+
<h1>Vue Test App</h1>
|
|
4
|
+
<button @click="openDialog">Open Dialog</button>
|
|
5
|
+
<button @click="testWebAPIs">Test Web APIs</button>
|
|
6
|
+
<button @click="testCanvas">Test Canvas</button>
|
|
7
|
+
|
|
8
|
+
<dialog ref="dialogRef" :open="dialogOpen">
|
|
9
|
+
<p>This is a modern dialog element in Vue</p>
|
|
10
|
+
<button @click="closeDialog">Close</button>
|
|
11
|
+
</dialog>
|
|
12
|
+
|
|
13
|
+
<div class="container-test">
|
|
14
|
+
<p>Container query test in Vue</p>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<canvas ref="canvasRef" width="200" height="200"></canvas>
|
|
18
|
+
</div>
|
|
19
|
+
</template>
|
|
20
|
+
|
|
21
|
+
<script setup lang="ts">
|
|
22
|
+
import { ref, onMounted, onUnmounted } from 'vue';
|
|
23
|
+
|
|
24
|
+
const dialogOpen = ref(false);
|
|
25
|
+
const dialogRef = ref<HTMLDialogElement>();
|
|
26
|
+
const canvasRef = ref<HTMLCanvasElement>();
|
|
27
|
+
let resizeObserver: ResizeObserver | null = null;
|
|
28
|
+
|
|
29
|
+
onMounted(() => {
|
|
30
|
+
// Modern JavaScript APIs
|
|
31
|
+
setupModernAPIs();
|
|
32
|
+
setupCanvas();
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
onUnmounted(() => {
|
|
36
|
+
if (resizeObserver) {
|
|
37
|
+
resizeObserver.disconnect();
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
const setupModernAPIs = () => {
|
|
42
|
+
// ResizeObserver - baseline newly available
|
|
43
|
+
resizeObserver = new ResizeObserver((entries) => {
|
|
44
|
+
console.log('Vue: Element resized:', entries);
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
if (dialogRef.value) {
|
|
48
|
+
resizeObserver.observe(dialogRef.value);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
// structuredClone - baseline newly available
|
|
52
|
+
const testData = { vue: true, data: { nested: 'value' } };
|
|
53
|
+
const cloned = structuredClone(testData);
|
|
54
|
+
console.log('Vue: Cloned data:', cloned);
|
|
55
|
+
|
|
56
|
+
// Array.at() - baseline newly available
|
|
57
|
+
const items = ['vue', 'react', 'svelte'];
|
|
58
|
+
const lastFramework = items.at(-1);
|
|
59
|
+
console.log('Vue: Last framework:', lastFramework);
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
const setupCanvas = () => {
|
|
63
|
+
if (!canvasRef.value) return;
|
|
64
|
+
|
|
65
|
+
const ctx = canvasRef.value.getContext('2d');
|
|
66
|
+
if (ctx) {
|
|
67
|
+
// Modern Canvas API - filter property
|
|
68
|
+
ctx.filter = 'blur(2px)';
|
|
69
|
+
ctx.fillStyle = 'blue';
|
|
70
|
+
ctx.fillRect(10, 10, 100, 100);
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
const openDialog = () => {
|
|
75
|
+
if (dialogRef.value) {
|
|
76
|
+
// HTMLDialogElement.showModal() - baseline newly available
|
|
77
|
+
dialogRef.value.showModal();
|
|
78
|
+
}
|
|
79
|
+
dialogOpen.value = true;
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
const closeDialog = () => {
|
|
83
|
+
if (dialogRef.value) {
|
|
84
|
+
dialogRef.value.close();
|
|
85
|
+
}
|
|
86
|
+
dialogOpen.value = false;
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
const testWebAPIs = () => {
|
|
90
|
+
// Test various modern Web APIs
|
|
91
|
+
|
|
92
|
+
// AbortController - baseline widely available
|
|
93
|
+
const controller = new AbortController();
|
|
94
|
+
const signal = controller.signal;
|
|
95
|
+
|
|
96
|
+
// Fetch with AbortSignal
|
|
97
|
+
fetch('https://api.example.com/data', { signal })
|
|
98
|
+
.then(response => response.json())
|
|
99
|
+
.catch(error => {
|
|
100
|
+
if (error.name === 'AbortError') {
|
|
101
|
+
console.log('Vue: Fetch aborted');
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
|
|
105
|
+
// Abort after 1 second
|
|
106
|
+
setTimeout(() => controller.abort(), 1000);
|
|
107
|
+
|
|
108
|
+
// IntersectionObserver - baseline widely available
|
|
109
|
+
const observer = new IntersectionObserver((entries) => {
|
|
110
|
+
console.log('Vue: Intersection observed:', entries);
|
|
111
|
+
});
|
|
112
|
+
|
|
113
|
+
if (dialogRef.value) {
|
|
114
|
+
observer.observe(dialogRef.value);
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
const testCanvas = () => {
|
|
119
|
+
if (!canvasRef.value) return;
|
|
120
|
+
|
|
121
|
+
// Test OffscreenCanvas - baseline newly available
|
|
122
|
+
if ('OffscreenCanvas' in window) {
|
|
123
|
+
const offscreen = new OffscreenCanvas(100, 100);
|
|
124
|
+
const ctx = offscreen.getContext('2d');
|
|
125
|
+
if (ctx) {
|
|
126
|
+
ctx.fillStyle = 'red';
|
|
127
|
+
ctx.fillRect(0, 0, 50, 50);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
// Test WebGL2 - baseline widely available
|
|
132
|
+
const gl = canvasRef.value.getContext('webgl2');
|
|
133
|
+
if (gl) {
|
|
134
|
+
gl.clearColor(0.0, 1.0, 0.0, 1.0);
|
|
135
|
+
gl.clear(gl.COLOR_BUFFER_BIT);
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
</script>
|
|
139
|
+
|
|
140
|
+
<style scoped>
|
|
141
|
+
/* Modern CSS features in Vue component */
|
|
142
|
+
.vue-app {
|
|
143
|
+
container-type: inline-size;
|
|
144
|
+
container-name: vue-container;
|
|
145
|
+
|
|
146
|
+
/* Modern CSS properties */
|
|
147
|
+
aspect-ratio: 4/3;
|
|
148
|
+
accent-color: #42b883;
|
|
149
|
+
color-scheme: light dark;
|
|
150
|
+
|
|
151
|
+
/* CSS Grid with modern gap */
|
|
152
|
+
display: grid;
|
|
153
|
+
gap: 1.5rem;
|
|
154
|
+
|
|
155
|
+
/* Modern CSS functions */
|
|
156
|
+
background: color-mix(in srgb, #42b883 30%, white);
|
|
157
|
+
|
|
158
|
+
/* Backdrop filter */
|
|
159
|
+
backdrop-filter: blur(5px);
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
/* Container queries */
|
|
163
|
+
@container vue-container (min-width: 500px) {
|
|
164
|
+
.container-test {
|
|
165
|
+
font-size: 1.4rem;
|
|
166
|
+
color: #42b883;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
/* Modern selectors */
|
|
171
|
+
.vue-app:has(dialog[open]) {
|
|
172
|
+
background-color: rgba(66, 184, 131, 0.1);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
/* CSS nesting */
|
|
176
|
+
.vue-app {
|
|
177
|
+
.container-test {
|
|
178
|
+
padding: 1.5rem;
|
|
179
|
+
border-radius: 8px;
|
|
180
|
+
|
|
181
|
+
&:hover {
|
|
182
|
+
background-color: rgba(66, 184, 131, 0.1);
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
/* Modern pseudo-classes */
|
|
188
|
+
.vue-app button:focus-visible {
|
|
189
|
+
outline: 2px solid #42b883;
|
|
190
|
+
outline-offset: 2px;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.vue-app button:is(:hover, :focus) {
|
|
194
|
+
transform: translateY(-2px);
|
|
195
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
/* Modern CSS units and functions */
|
|
199
|
+
.container-test {
|
|
200
|
+
width: clamp(200px, 50%, 400px);
|
|
201
|
+
height: max(150px, 15vh);
|
|
202
|
+
margin-block: 1rem;
|
|
203
|
+
padding-inline: 1.5rem;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
/* CSS custom properties with modern color functions */
|
|
207
|
+
:root {
|
|
208
|
+
--vue-primary: oklch(0.6 0.2 160);
|
|
209
|
+
--vue-secondary: color(display-p3 0.26 0.72 0.51);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
canvas {
|
|
213
|
+
border: 1px solid var(--vue-primary);
|
|
214
|
+
border-radius: 4px;
|
|
215
|
+
}
|
|
216
216
|
</style>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
{
|
|
2
|
+
"timestamp": "2026-02-19T12:04:11.067Z",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"config": {
|
|
5
|
+
"version": "1.0.0",
|
|
6
|
+
"targets": [
|
|
7
|
+
{
|
|
8
|
+
"browser": "safari",
|
|
9
|
+
"minVersion": "15"
|
|
10
|
+
}
|
|
11
|
+
],
|
|
12
|
+
"apiKeys": {
|
|
13
|
+
"jules": null,
|
|
14
|
+
"gemini": null
|
|
15
|
+
},
|
|
16
|
+
"codingAgent": {
|
|
17
|
+
"primary": "gemini",
|
|
18
|
+
"fallback": "jules"
|
|
19
|
+
},
|
|
20
|
+
"automation": {
|
|
21
|
+
"enabled": false,
|
|
22
|
+
"trigger": "pre-commit",
|
|
23
|
+
"autoAnalyze": false,
|
|
24
|
+
"autoFix": false,
|
|
25
|
+
"blockCommit": true
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"source": "auto",
|
|
29
|
+
"checksum": "180fa87badc74f9fea734dfda433584b8fce5026c959b913b305affc18303626"
|
|
30
|
+
}
|
package/tsconfig.json
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"target": "ES2022",
|
|
4
|
-
"module": "ESNext",
|
|
5
|
-
"moduleResolution": "node",
|
|
6
|
-
"allowSyntheticDefaultImports": true,
|
|
7
|
-
"esModuleInterop": true,
|
|
8
|
-
"allowJs": true,
|
|
9
|
-
"outDir": "./dist",
|
|
10
|
-
"rootDir": "./src",
|
|
11
|
-
"strict": true,
|
|
12
|
-
"noImplicitAny": true,
|
|
13
|
-
"strictNullChecks": true,
|
|
14
|
-
"strictFunctionTypes": true,
|
|
15
|
-
"noImplicitReturns": true,
|
|
16
|
-
"noFallthroughCasesInSwitch": true,
|
|
17
|
-
"noUncheckedIndexedAccess": true,
|
|
18
|
-
"skipLibCheck": true,
|
|
19
|
-
"declaration": true,
|
|
20
|
-
"declarationMap": true,
|
|
21
|
-
"sourceMap": true,
|
|
22
|
-
"removeComments": false,
|
|
23
|
-
"forceConsistentCasingInFileNames": true,
|
|
24
|
-
"resolveJsonModule": true
|
|
25
|
-
},
|
|
26
|
-
"include": [
|
|
27
|
-
"src/**/*"
|
|
28
|
-
],
|
|
29
|
-
"exclude": [
|
|
30
|
-
"node_modules",
|
|
31
|
-
"dist",
|
|
32
|
-
"**/*.test.ts",
|
|
33
|
-
"**/*.spec.ts"
|
|
34
|
-
]
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "ES2022",
|
|
4
|
+
"module": "ESNext",
|
|
5
|
+
"moduleResolution": "node",
|
|
6
|
+
"allowSyntheticDefaultImports": true,
|
|
7
|
+
"esModuleInterop": true,
|
|
8
|
+
"allowJs": true,
|
|
9
|
+
"outDir": "./dist",
|
|
10
|
+
"rootDir": "./src",
|
|
11
|
+
"strict": true,
|
|
12
|
+
"noImplicitAny": true,
|
|
13
|
+
"strictNullChecks": true,
|
|
14
|
+
"strictFunctionTypes": true,
|
|
15
|
+
"noImplicitReturns": true,
|
|
16
|
+
"noFallthroughCasesInSwitch": true,
|
|
17
|
+
"noUncheckedIndexedAccess": true,
|
|
18
|
+
"skipLibCheck": true,
|
|
19
|
+
"declaration": true,
|
|
20
|
+
"declarationMap": true,
|
|
21
|
+
"sourceMap": true,
|
|
22
|
+
"removeComments": false,
|
|
23
|
+
"forceConsistentCasingInFileNames": true,
|
|
24
|
+
"resolveJsonModule": true
|
|
25
|
+
},
|
|
26
|
+
"include": [
|
|
27
|
+
"src/**/*"
|
|
28
|
+
],
|
|
29
|
+
"exclude": [
|
|
30
|
+
"node_modules",
|
|
31
|
+
"dist",
|
|
32
|
+
"**/*.test.ts",
|
|
33
|
+
"**/*.spec.ts"
|
|
34
|
+
]
|
|
35
35
|
}
|
package/vitest.config.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineConfig } from 'vitest/config';
|
|
2
|
-
|
|
3
|
-
export default defineConfig({
|
|
4
|
-
test: {
|
|
5
|
-
globals: true,
|
|
6
|
-
environment: 'node',
|
|
7
|
-
include: ['src/**/*.{test,spec}.{js,ts}', 'tests/**/*.{test,spec}.{js,ts}'],
|
|
8
|
-
exclude: ['node_modules', 'dist', 'tests/e2e/**'],
|
|
9
|
-
testTimeout: 60000, // 60 seconds for tests
|
|
10
|
-
hookTimeout: 60000
|
|
11
|
-
}
|
|
1
|
+
import { defineConfig } from 'vitest/config';
|
|
2
|
+
|
|
3
|
+
export default defineConfig({
|
|
4
|
+
test: {
|
|
5
|
+
globals: true,
|
|
6
|
+
environment: 'node',
|
|
7
|
+
include: ['src/**/*.{test,spec}.{js,ts}', 'tests/**/*.{test,spec}.{js,ts}'],
|
|
8
|
+
exclude: ['node_modules', 'dist', 'tests/e2e/**'],
|
|
9
|
+
testTimeout: 60000, // 60 seconds for tests
|
|
10
|
+
hookTimeout: 60000
|
|
11
|
+
}
|
|
12
12
|
});
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Display beautiful Baseguard terminal header with ASCII art and tagline
|
|
3
|
-
*/
|
|
4
|
-
export declare function showTerminalHeader(): void;
|
|
5
|
-
/**
|
|
6
|
-
* Display compact header for command output
|
|
7
|
-
*/
|
|
8
|
-
export declare function showCompactHeader(): void;
|
|
9
|
-
/**
|
|
10
|
-
* Simple fallback header without external dependencies
|
|
11
|
-
*/
|
|
12
|
-
export declare function showSimpleHeader(): void;
|
package/dist/terminal-header.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import chalk from 'chalk';
|
|
2
|
-
/**
|
|
3
|
-
* Display beautiful Baseguard terminal header with ASCII art and tagline
|
|
4
|
-
*/
|
|
5
|
-
export function showTerminalHeader() {
|
|
6
|
-
console.clear();
|
|
7
|
-
// Well-spaced ASCII art for "Baseguard" - monochrome for good contrast
|
|
8
|
-
const logo = `
|
|
9
|
-
██████╗ █████╗ ███████╗ ███████╗ ██████╗ ██╗ ██╗ █████╗ ██████╗ ██████╗
|
|
10
|
-
██╔══██╗ ██╔══██╗ ██╔════╝ ██╔════╝ ██╔════╝ ██║ ██║ ██╔══██╗ ██╔══██╗ ██╔══██╗
|
|
11
|
-
██████╔╝ ███████║ ███████╗ █████╗ ██║ ███╗ ██║ ██║ ███████║ ██████╔╝ ██║ ██║
|
|
12
|
-
██╔══██╗ ██╔══██║ ╚════██║ ██╔══╝ ██║ ██║ ██║ ██║ ██╔══██║ ██╔══██╗ ██║ ██║
|
|
13
|
-
██████╔╝ ██║ ██║ ███████║ ███████╗ ╚██████╔╝ ╚██████╔╝ ██║ ██║ ██║ ██║ ██████╔╝
|
|
14
|
-
╚═════╝ ╚═╝ ╚═╝ ╚══════╝ ╚══════╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝
|
|
15
|
-
`;
|
|
16
|
-
// Use a single color that contrasts well with both light and dark terminals
|
|
17
|
-
console.log(chalk.bold.white(logo));
|
|
18
|
-
// Tagline with styling
|
|
19
|
-
console.log(chalk.bold.white(' Ship Modern Code') +
|
|
20
|
-
chalk.dim(' ✨\n'));
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Display compact header for command output
|
|
24
|
-
*/
|
|
25
|
-
export function showCompactHeader() {
|
|
26
|
-
console.log(chalk.bold.white('🛡️ Baseguard') +
|
|
27
|
-
chalk.dim(' - Ship Modern Code ✨\n'));
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* Simple fallback header without external dependencies
|
|
31
|
-
*/
|
|
32
|
-
export function showSimpleHeader() {
|
|
33
|
-
console.clear();
|
|
34
|
-
const logo = `
|
|
35
|
-
██████╗ █████╗ ███████╗ ███████╗ ██████╗ ██╗ ██╗ █████╗ ██████╗ ██████╗
|
|
36
|
-
██╔══██╗ ██╔══██╗ ██╔════╝ ██╔════╝ ██╔════╝ ██║ ██║ ██╔══██╗ ██╔══██╗ ██╔══██╗
|
|
37
|
-
██████╔╝ ███████║ ███████╗ █████╗ ██║ ███╗ ██║ ██║ ███████║ ██████╔╝ ██║ ██║
|
|
38
|
-
██╔══██╗ ██╔══██║ ╚════██║ ██╔══╝ ██║ ██║ ██║ ██║ ██╔══██║ ██╔══██╗ ██║ ██║
|
|
39
|
-
██████╔╝ ██║ ██║ ███████║ ███████╗ ╚██████╔╝ ╚██████╔╝ ██║ ██║ ██║ ██║ ██████╔╝
|
|
40
|
-
╚═════╝ ╚═╝ ╚═╝ ╚══════╝ ╚══════╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝
|
|
41
|
-
`;
|
|
42
|
-
console.log(chalk.bold.white(logo));
|
|
43
|
-
console.log(chalk.bold.white(' Ship Modern Code') +
|
|
44
|
-
chalk.dim(' ✨\n'));
|
|
45
|
-
}
|