@sci-grid/astro 1.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 SciGrid Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@sci-grid/astro",
+  "version": "1.0.1",
+  "type": "module",
+  "main": "./src/index.astro",
+  "types": "./src/index.astro",
+  "dependencies": {
+    "@sci-grid/core": "1.0.1"
+  },
+  "devDependencies": {
+    "astro": "^4.0.0",
+    "vite": "^5.0.0",
+    "typescript": "^5.5.0"
+  }
+}

package/src/index.astro

@@ -0,0 +1,50 @@
+---
+/**
+ * SciGrid Astro Component
+ * Professional canvas-based grid for Astro.
+ * Note: Initialized via window events or automatic lookup.
+ */
+interface Props {
+  id?: string;
+  config?: any;
+}
+
+const { id = "sci-grid-astro", config = {} } = Astro.props;
+---
+
+<div 
+  id={id} 
+  class="sci-grid-astro-container"
+  data-config={JSON.stringify(config)}
+  style="width: 100%; height: 100%; min-height: 400px; position: relative;"
+></div>
+
+<script>
+  import { SciGrid } from '@sci-grid/core';
+  
+  // Auto-initialize any grid that has a provider ready
+  const initGrids = () => {
+    document.querySelectorAll('.sci-grid-astro-container').forEach(el => {
+      const container = el as HTMLElement;
+      if (container.dataset.initialized) return;
+
+      const id = container.id;
+      const config = JSON.parse(container.dataset.config || '{}');
+
+      const setup = (e: any) => {
+        const { provider } = e.detail;
+        if (provider) {
+          new SciGrid(container, provider, config);
+          container.dataset.initialized = "true";
+          window.removeEventListener('scigrid-init-' + id, setup);
+        }
+      };
+
+      window.addEventListener('scigrid-init-' + id, setup);
+    });
+  };
+
+  initGrids();
+  // Support Astro View Transitions
+  document.addEventListener('astro:page-load', initGrids);
+</script>

package/src/index.test.ts

@@ -0,0 +1,41 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import { SciGrid } from '@sci-grid/core';
+
+// Behavioral test for Astro integration pattern
+describe('SciGrid Astro Integration Pattern', () => {
+    let container: HTMLDivElement;
+
+    beforeEach(() => {
+        container = document.createElement('div');
+        container.id = 'astro-grid';
+        document.body.appendChild(container);
+    });
+
+    it('should initialize when the custom event is dispatched', () => {
+        const id = 'astro-grid';
+        const mockProvider = {
+            getRowCount: () => 0,
+            getColumnCount: () => 0,
+            getCellData: () => '',
+            getHeader: () => ({ name: 'Test' })
+        };
+
+        // Simulate the logic inside the Astro <script> tag
+        window.addEventListener('scigrid-init-' + id, (e: any) => {
+            const { provider } = e.detail;
+            const el = document.getElementById(id);
+            if (el && provider) {
+                new SciGrid(el, provider, {});
+            }
+        });
+
+        // Dispatch the event
+        window.dispatchEvent(new CustomEvent('scigrid-init-' + id, {
+            detail: { provider: mockProvider }
+        }));
+
+        // Check if SciGrid initialized (it should have created a canvas)
+        const canvas = container.querySelector('canvas');
+        expect(canvas).toBeTruthy();
+    });
+});