baseguard 1.0.2 → 1.0.4

package/tests/fixtures/react-project/package.json

@@ -1,14 +1,14 @@
-{
-  "name": "react-test-project",
-  "version": "1.0.0",
-  "private": true,
-  "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "typescript": "^5.0.0"
-  }
+{
+  "name": "react-test-project",
+  "version": "1.0.0",
+  "private": true,
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "typescript": "^5.0.0"
+  }
 }

package/tests/fixtures/react-project/src/App.css

@@ -1,76 +1,76 @@
-/* Modern CSS features that may have compatibility issues */
-
-.app {
-  /* Container queries - baseline newly available */
-  container-type: inline-size;
-  container-name: app-container;
-  
-  /* Modern CSS properties */
-  aspect-ratio: 16/9;
-  accent-color: #007bff;
-  color-scheme: light dark;
-  
-  /* Modern CSS functions */
-  background: color-mix(in srgb, red 50%, blue);
-  
-  /* Backdrop filter - baseline newly available */
-  backdrop-filter: blur(10px);
-  
-  /* CSS Grid gap shorthand */
-  display: grid;
-  gap: 1rem;
-}
-
-/* Container query usage */
-@container app-container (min-width: 400px) {
-  .container-query-test {
-    font-size: 1.2rem;
-    color: green;
-  }
-}
-
-/* Modern CSS selectors */
-.app:has(dialog[open]) {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-/* CSS nesting (very new feature) */
-.app {
-  .container-query-test {
-    padding: 1rem;
-    
-    &:hover {
-      background-color: #f0f0f0;
-    }
-  }
-}
-
-/* Modern CSS at-rules */
-@supports (container-type: inline-size) {
-  .app {
-    border: 2px solid green;
-  }
-}
-
-/* CSS custom properties with modern functions */
-:root {
-  --primary-color: oklch(0.7 0.15 200);
-  --secondary-color: color(display-p3 1 0 0);
-}
-
-/* Modern pseudo-classes */
-.app button:focus-visible {
-  outline: 2px solid var(--primary-color);
-}
-
-.app button:is(:hover, :focus) {
-  transform: scale(1.05);
-}
-
-/* Modern CSS units */
-.container-query-test {
-  width: min(100%, 50ch);
-  height: max(200px, 20vh);
-  margin-block: 1rem;
-  padding-inline: 2rem;
+/* Modern CSS features that may have compatibility issues */
+
+.app {
+  /* Container queries - baseline newly available */
+  container-type: inline-size;
+  container-name: app-container;
+  
+  /* Modern CSS properties */
+  aspect-ratio: 16/9;
+  accent-color: #007bff;
+  color-scheme: light dark;
+  
+  /* Modern CSS functions */
+  background: color-mix(in srgb, red 50%, blue);
+  
+  /* Backdrop filter - baseline newly available */
+  backdrop-filter: blur(10px);
+  
+  /* CSS Grid gap shorthand */
+  display: grid;
+  gap: 1rem;
+}
+
+/* Container query usage */
+@container app-container (min-width: 400px) {
+  .container-query-test {
+    font-size: 1.2rem;
+    color: green;
+  }
+}
+
+/* Modern CSS selectors */
+.app:has(dialog[open]) {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+/* CSS nesting (very new feature) */
+.app {
+  .container-query-test {
+    padding: 1rem;
+    
+    &:hover {
+      background-color: #f0f0f0;
+    }
+  }
+}
+
+/* Modern CSS at-rules */
+@supports (container-type: inline-size) {
+  .app {
+    border: 2px solid green;
+  }
+}
+
+/* CSS custom properties with modern functions */
+:root {
+  --primary-color: oklch(0.7 0.15 200);
+  --secondary-color: color(display-p3 1 0 0);
+}
+
+/* Modern pseudo-classes */
+.app button:focus-visible {
+  outline: 2px solid var(--primary-color);
+}
+
+.app button:is(:hover, :focus) {
+  transform: scale(1.05);
+}
+
+/* Modern CSS units */
+.container-query-test {
+  width: min(100%, 50ch);
+  height: max(200px, 20vh);
+  margin-block: 1rem;
+  padding-inline: 2rem;
 }

package/tests/fixtures/react-project/src/App.tsx

@@ -1,77 +1,77 @@
-import React, { useState, useEffect } from 'react';
-import './App.css';
-
-// Component using modern web features that may have compatibility issues
-const App: React.FC = () => {
-  const [dialogOpen, setDialogOpen] = useState(false);
-  const [resizeObserver, setResizeObserver] = useState<ResizeObserver | null>(null);
-
-  useEffect(() => {
-    // Modern JavaScript API - ResizeObserver (baseline newly available)
-    const observer = new ResizeObserver((entries) => {
-      console.log('Element resized:', entries);
-    });
-    setResizeObserver(observer);
-
-    // Modern JavaScript API - structuredClone (baseline newly available)
-    const data = { name: 'test', nested: { value: 42 } };
-    const cloned = structuredClone(data);
-    console.log('Cloned data:', cloned);
-
-    // Modern Array method - Array.at() (baseline newly available)
-    const items = [1, 2, 3, 4, 5];
-    const lastItem = items.at(-1);
-    console.log('Last item:', lastItem);
-
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
-
-  const openDialog = () => {
-    // Modern HTML API - HTMLDialogElement.showModal() (baseline newly available)
-    const dialog = document.querySelector('dialog');
-    if (dialog) {
-      dialog.showModal();
-    }
-    setDialogOpen(true);
-  };
-
-  const closeDialog = () => {
-    const dialog = document.querySelector('dialog');
-    if (dialog) {
-      dialog.close();
-    }
-    setDialogOpen(false);
-  };
-
-  // Canvas API usage (widely supported but good test case)
-  const drawCanvas = () => {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    if (ctx) {
-      // Modern Canvas API - filter property (baseline newly available)
-      ctx.filter = 'blur(5px)';
-      ctx.fillRect(0, 0, 100, 100);
-    }
-  };
-
-  return (
-    <div className="app">
-      <h1>React Test App</h1>
-      <button onClick={openDialog}>Open Dialog</button>
-      <button onClick={drawCanvas}>Draw Canvas</button>
-      
-      <dialog open={dialogOpen}>
-        <p>This is a modern dialog element</p>
-        <button onClick={closeDialog}>Close</button>
-      </dialog>
-
-      <div className="container-query-test">
-        <p>Container with modern CSS</p>
-      </div>
-    </div>
-  );
-};
-
+import React, { useState, useEffect } from 'react';
+import './App.css';
+
+// Component using modern web features that may have compatibility issues
+const App: React.FC = () => {
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [resizeObserver, setResizeObserver] = useState<ResizeObserver | null>(null);
+
+  useEffect(() => {
+    // Modern JavaScript API - ResizeObserver (baseline newly available)
+    const observer = new ResizeObserver((entries) => {
+      console.log('Element resized:', entries);
+    });
+    setResizeObserver(observer);
+
+    // Modern JavaScript API - structuredClone (baseline newly available)
+    const data = { name: 'test', nested: { value: 42 } };
+    const cloned = structuredClone(data);
+    console.log('Cloned data:', cloned);
+
+    // Modern Array method - Array.at() (baseline newly available)
+    const items = [1, 2, 3, 4, 5];
+    const lastItem = items.at(-1);
+    console.log('Last item:', lastItem);
+
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+
+  const openDialog = () => {
+    // Modern HTML API - HTMLDialogElement.showModal() (baseline newly available)
+    const dialog = document.querySelector('dialog');
+    if (dialog) {
+      dialog.showModal();
+    }
+    setDialogOpen(true);
+  };
+
+  const closeDialog = () => {
+    const dialog = document.querySelector('dialog');
+    if (dialog) {
+      dialog.close();
+    }
+    setDialogOpen(false);
+  };
+
+  // Canvas API usage (widely supported but good test case)
+  const drawCanvas = () => {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    if (ctx) {
+      // Modern Canvas API - filter property (baseline newly available)
+      ctx.filter = 'blur(5px)';
+      ctx.fillRect(0, 0, 100, 100);
+    }
+  };
+
+  return (
+    <div className="app">
+      <h1>React Test App</h1>
+      <button onClick={openDialog}>Open Dialog</button>
+      <button onClick={drawCanvas}>Draw Canvas</button>
+      
+      <dialog open={dialogOpen}>
+        <p>This is a modern dialog element</p>
+        <button onClick={closeDialog}>Close</button>
+      </dialog>
+
+      <div className="container-query-test">
+        <p>Container with modern CSS</p>
+      </div>
+    </div>
+  );
+};
+
 export default App;

package/tests/fixtures/svelte-project/package.json

@@ -1,11 +1,11 @@
-{
-  "name": "svelte-test-project",
-  "version": "1.0.0",
-  "private": true,
-  "dependencies": {
-    "svelte": "^4.2.0"
-  },
-  "devDependencies": {
-    "typescript": "^5.0.0"
-  }
+{
+  "name": "svelte-test-project",
+  "version": "1.0.0",
+  "private": true,
+  "dependencies": {
+    "svelte": "^4.2.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0"
+  }
 }