bo-grid 0.1.0

package/dist/sparkline/sparkline-render.js

@@ -0,0 +1,83 @@
+const UP = '#34d399';
+const DOWN = '#f87171';
+/**
+ * Size a canvas for the current devicePixelRatio so 1px CSS strokes render
+ * crisp on HiDPI/Retina. Returns a context already scaled to CSS pixels —
+ * callers draw in CSS-pixel coordinates and forget dpr exists.
+ */
+export function setupHiDpiCanvas(canvas, cssW, cssH) {
+    const dpr = window.devicePixelRatio || 1;
+    canvas.width = Math.round(cssW * dpr);
+    canvas.height = Math.round(cssH * dpr);
+    canvas.style.width = `${cssW}px`;
+    canvas.style.height = `${cssH}px`;
+    const ctx = canvas.getContext('2d');
+    if (!ctx)
+        throw new Error('2d context unavailable');
+    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+    return ctx;
+}
+function priceExtent(candles) {
+    let min = Infinity;
+    let max = -Infinity;
+    for (const c of candles) {
+        if (c.low < min)
+            min = c.low;
+        if (c.high > max)
+            max = c.high;
+    }
+    return { min, max };
+}
+/** Map a price to a y pixel (inverted: high price = small y). */
+function yOf(price, ext, h, pad) {
+    const span = ext.max - ext.min || 1;
+    return pad + (1 - (price - ext.min) / span) * (h - pad * 2);
+}
+/**
+ * Draw compact candlesticks. Body shows open→close, wick shows low→high.
+ * Color by per-candle direction. Canvas (not SVG) so 100+ of these stay cheap.
+ */
+export function drawCandles(ctx, candles, w, h) {
+    ctx.clearRect(0, 0, w, h);
+    if (candles.length === 0)
+        return;
+    const ext = priceExtent(candles);
+    const pad = 2;
+    const n = candles.length;
+    const slot = w / n;
+    const bodyW = Math.max(1, Math.min(6, slot * 0.6));
+    for (let i = 0; i < n; i++) {
+        const c = candles[i];
+        const cx = i * slot + slot / 2;
+        const up = c.close >= c.open;
+        ctx.strokeStyle = up ? UP : DOWN;
+        ctx.fillStyle = up ? UP : DOWN;
+        // wick
+        ctx.beginPath();
+        ctx.moveTo(Math.round(cx) + 0.5, yOf(c.high, ext, h, pad));
+        ctx.lineTo(Math.round(cx) + 0.5, yOf(c.low, ext, h, pad));
+        ctx.stroke();
+        // body
+        const yo = yOf(c.open, ext, h, pad);
+        const yc = yOf(c.close, ext, h, pad);
+        const top = Math.min(yo, yc);
+        const bh = Math.max(1, Math.abs(yc - yo));
+        ctx.fillRect(cx - bodyW / 2, top, bodyW, bh);
+    }
+}
+/** Screen-reader text — canvas alone is invisible to AT, so we narrate trend. */
+export function summarize(candles) {
+    if (candles.length === 0)
+        return 'no data';
+    const first = candles[0].open;
+    const last = candles[candles.length - 1].close;
+    const pct = ((last - first) / first) * 100;
+    const dir = pct >= 0 ? 'up' : 'down';
+    return `sparkline ${dir} ${Math.abs(pct).toFixed(1)}% over ${candles.length} periods`;
+}
+/** Which candle index sits under an x offset (for hover tooltips). */
+export function candleAtX(x, w, n) {
+    if (n === 0)
+        return -1;
+    return Math.max(0, Math.min(n - 1, Math.floor((x / w) * n)));
+}

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+export interface Candle {
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+    volume: number;
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "bo-grid",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "MIT",
+  "description": "Tiny, fast Svelte 5 data grid: canvas sparklines, batched realtime cell updates, and virtual scrolling. A free, fintech-focused alternative to heavyweight grids.",
+  "homepage": "https://bonguynvan.github.io/bo-grid/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bonguynvan/bo-grid.git"
+  },
+  "bugs": {
+    "url": "https://github.com/bonguynvan/bo-grid/issues"
+  },
+  "keywords": [
+    "svelte",
+    "svelte5",
+    "datagrid",
+    "grid",
+    "table",
+    "sparkline",
+    "candlestick",
+    "virtual-scroll",
+    "realtime",
+    "fintech",
+    "trading"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "svelte": "^5.0.0",
+    "xlsx": "*"
+  },
+  "peerDependenciesMeta": {
+    "xlsx": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "demo:build": "vite build",
+    "pages:build": "vite build --base=/bo-grid/ --outDir demo-dist",
+    "preview": "vite preview",
+    "package": "svelte-package -i src/lib -o dist && node scripts/clean-dist.mjs",
+    "prepublishOnly": "pnpm run package",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "size": "vite build && node scripts/size-check.mjs",
+    "size:lib": "vite build --config vite.lib.config.ts && node scripts/size-lib.mjs",
+    "smoke": "vite build --base=./ --outDir demo-dist && node scripts/smoke.mjs",
+    "test": "vitest run",
+    "release": "node scripts/release.mjs",
+    "release:dry": "node scripts/release.mjs --dry-run"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "esbuild"
+    ]
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.5.8",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "jsdom": "^29.1.1",
+    "svelte": "^5.19.0",
+    "svelte-check": "^4.1.4",
+    "typescript": "^5.7.3",
+    "vite": "^6.0.7",
+    "vitest": "^2.1.8",
+    "xlsx": "0.18.5"
+  }
+}