@ossido-labs/ossido-ui 0.1.0

package/dist/esm/vite/error-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-overlay.js","names":["globalWindow"],"sources":["../../../src/vite/error-overlay.ts"],"sourcesContent":["/**\n * Bridges Vite's HMR error overlay into Ossido's unified dev error overlay.\n *\n * Vite's client creates an `ErrorOverlay` custom element on a build/compile\n * error and calls `.close()` on it once the error clears. Rather than let Vite\n * render its own overlay, `ErrorOverlayVitePlugin` patches the client so that\n * `ErrorOverlay` is *this* class — which renders nothing and instead forwards\n * the error to the ossido dev error store (`window.__OSSIDO_DEV_ERRORS__`). Build\n * errors then appear in the same browsable React overlay as runtime errors.\n *\n * The patch matches on the exact class declaration string (which only appears\n * in Vite's client) instead of a module id, so it survives changes to how the\n * client is resolved/served.\n *\n * @see packages/ossido-ui/src/components/devErrorStore.ts (the bridge target)\n * @see https://github.com/tuono-labs/tuono/pull/607\n */\nimport type { ErrorPayload, Plugin } from 'vite';\n\nconst HTMLElement: typeof globalThis.HTMLElement =\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  globalThis.HTMLElement ?? (class {} as typeof globalThis.HTMLElement);\n\n/**\n * The element Vite instantiates on a build error. It never renders; it reports\n * the error to the ossido store (buffering if the store hasn't loaded yet) and\n * clears it on `.close()`. This class's *source* (via `toString()`) is what the\n * plugin injects into Vite's client, so it must not reference anything outside\n * its own body other than browser globals.\n */\nexport class ErrorOverlay extends HTMLElement {\n  constructor(err: ErrorPayload['err']) {\n    super();\n    const globalWindow = window as unknown as Record<string, unknown>;\n    const build = {\n      message: err.message,\n      stack: err.stack,\n      id: err.id,\n      frame: err.frame,\n      plugin: err.plugin,\n      loc: err.loc,\n    };\n    const store = globalWindow['__OSSIDO_DEV_ERRORS__'] as\n      | { addBuildError?: (b: unknown) => void }\n      | undefined;\n    if (typeof store?.addBuildError === 'function') {\n      store.addBuildError(build);\n    } else {\n      // The store module hasn't loaded yet — buffer for it to drain on init.\n      const buffer = (globalWindow['__OSSIDO_DEV_ERRORS_BUFFER__'] ??=\n        []) as Array<unknown>;\n      buffer.push(build);\n    }\n  }\n\n  close(): void {\n    const globalWindow = window as unknown as Record<string, unknown>;\n    const store = globalWindow['__OSSIDO_DEV_ERRORS__'] as\n      | { clearBuildErrors?: () => void }\n      | undefined;\n    store?.clearBuildErrors?.();\n    this.parentNode?.removeChild(this);\n  }\n}\n\nfunction getOverlayCode(): string {\n  // Bind explicitly to `const ErrorOverlay`: the bundler may emit the class as\n  // an anonymous expression, which is a syntax error as a bare statement. The\n  // binding also shadows Vite's class (renamed to `ViteErrorOverlay`) so\n  // `customElements.define(overlayId, ErrorOverlay)` registers ours.\n  return `const ErrorOverlay = ${ErrorOverlay.toString()};`;\n}\n\n// The exact declaration of Vite's built-in overlay class in its HMR client.\n// Vite 8 emits `var ErrorOverlay = class extends HTMLElement` (older versions\n// used `class ErrorOverlay extends HTMLElement`). We match on this string —\n// which only appears in Vite's client — instead of the module id, so the patch\n// survives changes to how the client module is resolved/served.\nconst VITE_OVERLAY_CLASS_DECL = 'var ErrorOverlay = class extends HTMLElement';\n\nfunction patchOverlay(code: string): string {\n  // Replace Vite's overlay class with our bridge, and rename Vite's so it stays\n  // syntactically valid (but unused).\n  return code.replace(\n    VITE_OVERLAY_CLASS_DECL,\n    getOverlayCode() + '\\nvar ViteErrorOverlay = class extends HTMLElement',\n  );\n}\n\nexport const ErrorOverlayVitePlugin: Plugin = {\n  name: 'ossido-error-overlay-plugin',\n  transform(code, _id, opts) {\n    if (opts?.ssr) return;\n    if (!code.includes(VITE_OVERLAY_CLASS_DECL)) return;\n\n    return patchOverlay(code);\n  },\n};\n"],"mappings":";AAmBA,MAAM,cAEJ,WAAW,eAAgB,MAAM,CAAC;;;;;;;;AASpC,IAAa,eAAb,cAAkC,YAAY;CAC5C,YAAY,KAA0B;EACpC,MAAM;EACN,MAAM,eAAe;EACrB,MAAM,QAAQ;GACZ,SAAS,IAAI;GACb,OAAO,IAAI;GACX,IAAI,IAAI;GACR,OAAO,IAAI;GACX,QAAQ,IAAI;GACZ,KAAK,IAAI;EACX;EACA,MAAM,QAAQ,aAAa;EAG3B,IAAI,OAAO,OAAO,kBAAkB,YAClC,MAAM,cAAc,KAAK;OAKzB,CAFgB,aAAa,oCAC3B,CAAC,EACG,CAAC,KAAK,KAAK;CAErB;CAEA,QAAc;EAKZ,AAHcA,OAAa,wBAGtB,EAAE,mBAAmB;EAC1B,KAAK,YAAY,YAAY,IAAI;CACnC;AACF;AAEA,SAAS,iBAAyB;CAKhC,OAAO,wBAAwB,aAAa,SAAS,EAAE;AACzD;AAOA,MAAM,0BAA0B;AAEhC,SAAS,aAAa,MAAsB;CAG1C,OAAO,KAAK,QACV,yBACA,eAAe,IAAI,oDACrB;AACF;AAEA,MAAa,yBAAiC;CAC5C,MAAM;CACN,UAAU,MAAM,KAAK,MAAM;EACzB,IAAI,MAAM,KAAK;EACf,IAAI,CAAC,KAAK,SAAS,uBAAuB,GAAG;EAE7C,OAAO,aAAa,IAAI;CAC1B;AACF"}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@ossido-labs/ossido-ui",
+  "version": "0.1.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "Default UI components and design tokens for the ossido framework. Ossido is the react/rust fullstack framework",
+  "homepage": "https://ossido.dev",
+  "scripts": {
+    "dev": "tsdown --watch",
+    "build": "tsdown && tsc -p tsconfig.build.json",
+    "prepack": "bun run build",
+    "lint": "oxlint",
+    "format": "oxfmt --check .",
+    "format:fix": "oxfmt .",
+    "typecheck": "tsc --noEmit",
+    "test:watch": "vitest",
+    "test": "vitest run",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "storybook build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ossido-labs/ossido.git",
+    "directory": "packages/ossido-ui"
+  },
+  "keywords": [],
+  "author": "Chris Schofield <chris@childishforces.com>",
+  "license": "MIT",
+  "type": "module",
+  "types": "dist/esm/index.d.ts",
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "default": "./dist/esm/index.js"
+    },
+    "./vite-plugin": {
+      "types": "./dist/esm/vite/error-overlay.d.ts",
+      "default": "./dist/esm/vite/error-overlay.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "vite": ">=6.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@jridgewell/trace-mapping": "^0.3.31",
+    "@shikijs/langs": "^4.4.1",
+    "@shikijs/themes": "^4.4.1",
+    "hast-util-to-html": "^9.0.5",
+    "shiki": "^4.4.1"
+  },
+  "devDependencies": {
+    "@storybook/react-vite": "10.5.5",
+    "@testing-library/react": "16.3.0",
+    "@types/react": "19.1.8",
+    "@types/react-dom": "19.1.6",
+    "@vitejs/plugin-react-swc": "4.3.2",
+    "happy-dom": "18.0.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "storybook": "10.5.5",
+    "tsdown": "0.22.14",
+    "vite": "^8.1.5",
+    "vite-config": "1.0.0",
+    "vitest": "4.1.10"
+  }
+}