@gigo-ui/components 1.0.0-release → 1.0.1

package/dist/utils/destruction-engine.js

@@ -0,0 +1,75 @@
+// Shared helpers for Breaker Overlay engines
+// DOM px -> NDC [-1,1]
+export function domToNDC(x, y, viewportW, viewportH) {
+    return [(x / viewportW) * 2 - 1, -(y / viewportH) * 2 + 1];
+}
+// Grid cell -> NDC centre
+export function cellToNDC(rect, col, row, cols, rows, viewportW, viewportH) {
+    const cellW = rect.width / cols;
+    const cellH = rect.height / rows;
+    const cx = rect.left + col * cellW + cellW / 2;
+    const cy = rect.top + row * cellH + cellH / 2;
+    return domToNDC(cx, cy, viewportW, viewportH);
+}
+// Scroll-aware Y
+export function scrollAwareY(domY, scrollY) {
+    return domY - scrollY;
+}
+// UV offset/repeat for one grid cell
+export function cellUV(col, row, cols, rows) {
+    return {
+        offsetX: col / cols,
+        offsetY: 1 - (row + 1) / rows, // flip Y for WebGL
+        repeatX: 1 / cols,
+        repeatY: 1 / rows,
+    };
+}
+// Snapshot element as PNG data URL (lazy imports html-to-image)
+export async function captureSnapshot(el) {
+    const { toPng } = await import("html-to-image");
+    const rect = el.getBoundingClientRect();
+    const dpr = window.devicePixelRatio ?? 1;
+    const dataURL = await toPng(el, {
+        pixelRatio: dpr,
+        width: rect.width,
+        height: rect.height,
+        style: {
+            margin: "0",
+            padding: "0",
+            transform: "none",
+            borderRadius: "0",
+        },
+    });
+    return { dataURL, width: rect.width * dpr, height: rect.height * dpr, rect };
+}
+// data URL -> HTMLImageElement
+export function loadImage(src) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = () => resolve(img);
+        img.onerror = reject;
+        img.src = src;
+    });
+}
+// Fixed overlay canvas on document.body
+export function mountPortalCanvas(width, height, zIndex = 9999) {
+    const canvas = document.createElement("canvas");
+    canvas.width = width;
+    canvas.height = height;
+    Object.assign(canvas.style, {
+        position: "fixed",
+        inset: "0",
+        width: "100vw",
+        height: "100vh",
+        pointerEvents: "none",
+        zIndex: String(zIndex),
+    });
+    document.body.appendChild(canvas);
+    return canvas;
+}
+export function rand(min, max) {
+    return min + Math.random() * (max - min);
+}
+export function randSign() {
+    return Math.random() > 0.5 ? 1 : -1;
+}

package/package.json

@@ -1,66 +1,73 @@
-{
-  "name": "@gigo-ui/components",
-  "version": "1.0.0-release",
-  "description": "Deliberately dysfunctional UI components — technically excellent, intentionally terrible UX",
-  "license": "MIT",
-  "type": "module",
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./globals.css": "./dist/styles/globals.css"
-  },
-  "files": [
-    "dist",
-    "!dist/**/*.test.*"
-  ],
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "dependencies": {
-    "@dimforge/rapier3d-compat": "^0.19.3",
-    "@threlte/core": "^8.4.1",
-    "@types/three": "^0.183.1",
-    "clsx": "^2.1.1",
-    "html-to-image": "^1.11.13",
-    "tailwind-merge": "^3.5.0",
-    "three": "^0.183.2"
-  },
-  "devDependencies": {
-    "@sveltejs/adapter-auto": "^7.0.0",
-    "@sveltejs/kit": "^2.50.2",
-    "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "@tailwindcss/vite": "^4.2.1",
-    "publint": "^0.3.18",
-    "svelte": "^5.51.0",
-    "svelte-check": "^4.4.2",
-    "tailwindcss": "^4.2.1",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1"
-  },
-  "keywords": [
-    "svelte",
-    "ui-components",
-    "educational",
-    "ux-antipatterns",
-    "design-system",
-    "tailwindcss"
-  ],
-  "engines": {
-    "node": ">=20.0.0"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "build:lib": "svelte-kit sync && svelte-package && publint",
-    "preview": "vite preview",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "package": "svelte-kit sync && svelte-package"
-  }
-}
+{
+  "name": "@gigo-ui/components",
+  "version": "1.0.1",
+  "description": "Deliberately dysfunctional UI components — technically excellent, intentionally terrible UX",
+  "license": "MIT",
+  "type": "module",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/styles/globals.css",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./globals.css": "./dist/styles/globals.css",
+    "./styles.css": "./dist/styles/globals.css"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "build:lib": "svelte-kit sync && svelte-package && publint",
+    "preview": "vite preview",
+    "prepare": "svelte-kit sync",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "package": "svelte-kit sync && svelte-package"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0",
+    "tailwindcss": "^4.0.0"
+  },
+  "dependencies": {
+    "@dimforge/rapier3d-compat": "^0.19.3",
+    "@threlte/core": "^8.4.1",
+    "@types/three": "^0.183.1",
+    "clsx": "^2.1.1",
+    "html-to-image": "^1.11.13",
+    "tailwind-merge": "^3.5.0",
+    "three": "^0.183.2"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^7.0.0",
+    "@sveltejs/kit": "^2.50.2",
+    "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@tailwindcss/vite": "^4.2.1",
+    "publint": "^0.3.18",
+    "svelte": "^5.51.0",
+    "svelte-check": "^4.4.2",
+    "tailwindcss": "^4.2.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1"
+  },
+  "keywords": [
+    "svelte",
+    "ui-components",
+    "educational",
+    "ux-antipatterns",
+    "design-system",
+    "tailwindcss"
+  ],
+  "engines": {
+    "node": ">=20.0.0"
+  }
+}