@kubed.io/cdn 0.0.0-stage → 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 kubed.io
+
+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/README.md

@@ -1,3 +1,78 @@
-# Temporary Holding Version
+# 📦 cdn
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+**A theme layer and web components for Grafana panels.** Shared CSS and ES modules that dashboards load by URL instead of carrying copies: the npm package [`@kubed.io/cdn`](https://www.npmjs.com/package/@kubed.io/cdn), served by [jsDelivr](https://www.jsdelivr.com/). 🎨
+
+[![🧪 Test](https://github.com/kubed-io/cdn/actions/workflows/test.yml/badge.svg)](https://github.com/kubed-io/cdn/actions/workflows/test.yml)
+[![🛡️ Quality](https://github.com/kubed-io/cdn/actions/workflows/quality.yml/badge.svg)](https://github.com/kubed-io/cdn/actions/workflows/quality.yml)
+
+---
+
+## 🗂️ What is here
+
+| File | What it is |
+|---|---|
+| `dist/kd.js` | the core: `applyTheme`, `followTheme` and `define` |
+| `dist/kd.css` | text, links, tables, badges, code and cards for `.kd` markup, styled only from the theme |
+
+The source is TypeScript under `src/`, one folder per entry. `dist/` is built by CI and exists only in the published package.
+
+## 🔗 The URL
+
+```
+https://cdn.jsdelivr.net/npm/@kubed.io/cdn@X.Y.Z/dist/<file>
+```
+
+An exact version is cached for a year and can never change underneath a dashboard. **Never a range like `@0` in a dashboard**: it is stale for up to a week and moves without notice.
+
+Each dashboard holds the base URL once, in a hidden constant variable named `assets`:
+
+```yaml
+- kind: ConstantVariable
+  spec:
+    name: assets
+    query: https://cdn.jsdelivr.net/npm/@kubed.io/cdn@X.Y.Z/dist
+    hide: hideVariable
+```
+
+A release is then a one-line change per dashboard. Move every dashboard together: panels share one page, and the first version of a custom element loaded owns its tag until a full reload.
+
+## 🎨 The theme
+
+`applyTheme` sets these on the panel root, plus `data-theme="dark"` or `"light"`. The names are the public API and follow semver.
+
+| Property | From `GrafanaTheme2` |
+|---|---|
+| `--kd-bg`, `--kd-bg-2`, `--kd-canvas` | `colors.background.primary`, `.secondary`, `.canvas` |
+| `--kd-text`, `--kd-text-2`, `--kd-text-dim` | `colors.text.primary`, `.secondary`, `.disabled` |
+| `--kd-link` | `colors.text.link` |
+| `--kd-border`, `--kd-border-strong` | `colors.border.weak`, `.medium` |
+| `--kd-primary`, `--kd-success`, `--kd-warning`, `--kd-error`, `--kd-info` | `colors.<name>.main` |
+| `--kd-font`, `--kd-font-mono` | `typography.fontFamily`, `.fontFamilyMonospace` |
+| `--kd-radius` | `shape.radius.default` |
+| `--kd-space` | `spacing(1)` |
+
+**Everything is scoped under `.kd`.** Business Text loads stylesheets into the whole page, so no rule here touches an element, `*` or `:root` outside a `.kd` root.
+
+## 🧩 In a Business Text panel
+
+```
+externalStyles: ["${assets}/kd.css"]
+content:        <div class="kd"> ... </div>
+afterRender:    import(context.grafana.replaceVariables("${assets}") + "/kd.js")
+                  .then(m => m.applyTheme(context.element, context.grafana.theme))
+```
+
+`afterRender` runs on every re-render and `applyTheme` is idempotent, so switching Grafana's theme restyles the panel. Code with no `context.grafana.theme` calls `followTheme(element)` instead: it reads the live theme from Grafana's runtime and follows a theme switch.
+
+Every panel imports what it needs itself. The browser loads a URL once per page however many panels import it.
+
+## 🛠️ Develop
+
+```bash
+npm ci
+npm run typecheck
+npm test
+npm run build
+```
+
+Unreleased code is tried in Grafana by publishing a pre-release (a `pre*` bump in the 🧬 Publish Version workflow), which goes to npm under the `next` tag.

package/dist/kd/define.d.ts

@@ -0,0 +1,13 @@
+/** This build's package version. */
+export declare const VERSION: string;
+/**
+ * Registers a custom element unless the name is taken, and says so when it is.
+ *
+ * Every panel on a page shares one registry, and a definition outlives SPA
+ * navigation, so the first version of a tag loaded owns it until a full page
+ * reload. A second define would throw; this keeps the first and warns when the
+ * two builds differ.
+ *
+ * @returns whether this call defined the element
+ */
+export declare function define(name: string, element: CustomElementConstructor, registry?: CustomElementRegistry): boolean;

package/dist/kd/index.d.ts

@@ -0,0 +1,2 @@
+export { applyTheme, followTheme, type ThemeLike } from './theme';
+export { define, VERSION } from './define';

package/dist/kd/theme.d.ts

@@ -0,0 +1,23 @@
+/** The parts of a GrafanaTheme2 the theme layer reads. Any of them may be missing. */
+export interface ThemeLike {
+    isDark?: boolean;
+    [key: string]: unknown;
+}
+/**
+ * Sets the `--kd-*` properties and `data-theme` ("dark" or "light") on
+ * `element` from a GrafanaTheme2. Idempotent, so it is safe in Business Text's
+ * `afterRender`, which runs on every re-render.
+ *
+ * @param element the panel's own root, never `:root`
+ * @param theme a GrafanaTheme2, e.g. `context.grafana.theme`
+ */
+export declare function applyTheme(element: HTMLElement | null | undefined, theme: ThemeLike | null | undefined): void;
+/**
+ * Themes `element` from Grafana's live theme without being handed one, and
+ * keeps it themed across a live theme switch. For code that has no
+ * `context.grafana.theme`. The `<body>` theme class is never used: it goes
+ * stale on a live switch.
+ *
+ * @returns a function that stops following; a no-op outside Grafana
+ */
+export declare function followTheme(element: HTMLElement): Promise<() => void>;

package/dist/kd.css

@@ -0,0 +1,138 @@
+/*
+ * Base styles for markup inside a `.kd` root, built only on the --kd-* properties
+ * the theme layer sets. Business Text loads stylesheets into the whole page, so
+ * every rule is scoped under .kd.
+ */
+
+.kd {
+  color: var(--kd-text);
+  font-family: var(--kd-font);
+  line-height: 1.5;
+}
+
+.kd a {
+  color: var(--kd-link);
+  text-decoration: none;
+}
+
+.kd a:hover {
+  text-decoration: underline;
+}
+
+.kd .dim {
+  color: var(--kd-text-dim);
+}
+
+.kd .muted {
+  color: var(--kd-text-2);
+}
+
+/* Tables */
+
+.kd table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.kd th,
+.kd td {
+  padding: calc(var(--kd-space) / 2) var(--kd-space);
+  border-bottom: 1px solid var(--kd-border);
+  text-align: left;
+  vertical-align: top;
+}
+
+.kd th {
+  color: var(--kd-text-2);
+  font-weight: 500;
+}
+
+.kd tbody tr:hover {
+  background: var(--kd-bg-2);
+}
+
+/* Badges */
+
+.kd .badge {
+  display: inline-block;
+  padding: 0 calc(var(--kd-space) * 0.75);
+  border: 1px solid var(--kd-border-strong);
+  border-radius: var(--kd-radius);
+  color: var(--kd-text-2);
+  font-size: 0.85em;
+  line-height: 1.6;
+  white-space: nowrap;
+}
+
+.kd .badge.primary {
+  border-color: var(--kd-primary);
+  color: var(--kd-primary);
+}
+
+.kd .badge.success {
+  border-color: var(--kd-success);
+  color: var(--kd-success);
+}
+
+.kd .badge.warning {
+  border-color: var(--kd-warning);
+  color: var(--kd-warning);
+}
+
+.kd .badge.error {
+  border-color: var(--kd-error);
+  color: var(--kd-error);
+}
+
+.kd .badge.info {
+  border-color: var(--kd-info);
+  color: var(--kd-info);
+}
+
+/* Code */
+
+.kd code,
+.kd pre {
+  font-family: var(--kd-font-mono);
+  font-size: 0.9em;
+}
+
+.kd code {
+  padding: 0 calc(var(--kd-space) / 2);
+  border-radius: var(--kd-radius);
+  background: var(--kd-bg-2);
+}
+
+.kd pre {
+  padding: var(--kd-space);
+  border: 1px solid var(--kd-border);
+  border-radius: var(--kd-radius);
+  background: var(--kd-canvas);
+  overflow: auto;
+}
+
+.kd pre code {
+  padding: 0;
+  background: transparent;
+}
+
+/* Cards */
+
+.kd .card {
+  padding: calc(var(--kd-space) * 2);
+  border: 1px solid var(--kd-border);
+  border-radius: var(--kd-radius);
+  background: var(--kd-bg-2);
+}
+
+.kd .card + .card {
+  margin-top: var(--kd-space);
+}
+
+.kd .card > :first-child {
+  margin-top: 0;
+}
+
+.kd .card > :last-child {
+  margin-bottom: 0;
+}

package/dist/kd.js

@@ -0,0 +1,64 @@
+//#region src/kd/theme.ts
+var e = [
+	["--kd-bg", (e) => e.colors.background.primary],
+	["--kd-bg-2", (e) => e.colors.background.secondary],
+	["--kd-canvas", (e) => e.colors.background.canvas],
+	["--kd-text", (e) => e.colors.text.primary],
+	["--kd-text-2", (e) => e.colors.text.secondary],
+	["--kd-text-dim", (e) => e.colors.text.disabled],
+	["--kd-link", (e) => e.colors.text.link],
+	["--kd-border", (e) => e.colors.border.weak],
+	["--kd-border-strong", (e) => e.colors.border.medium],
+	["--kd-primary", (e) => e.colors.primary.main],
+	["--kd-success", (e) => e.colors.success.main],
+	["--kd-warning", (e) => e.colors.warning.main],
+	["--kd-error", (e) => e.colors.error.main],
+	["--kd-info", (e) => e.colors.info.main],
+	["--kd-font", (e) => e.typography.fontFamily],
+	["--kd-font-mono", (e) => e.typography.fontFamilyMonospace],
+	["--kd-radius", (e) => e.shape.radius.default],
+	["--kd-space", (e) => e.spacing(1)]
+];
+function t(e, t) {
+	try {
+		let n = t(e);
+		return typeof n == "string" || typeof n == "number" ? String(n) : void 0;
+	} catch {
+		return;
+	}
+}
+function n(n, r) {
+	if (n && r) {
+		for (let [i, a] of e) {
+			let e = t(r, a);
+			e !== void 0 && n.style.setProperty(i, e);
+		}
+		typeof r.isDark == "boolean" && n.setAttribute("data-theme", r.isDark ? "dark" : "light");
+	}
+}
+var r = /* @__PURE__ */ new WeakMap();
+function i(e) {
+	let t = r.get(e);
+	return t || (t = Promise.resolve().then(() => e.System?.import?.("@grafana/runtime")).then((e) => {
+		let t = e;
+		return t?.config?.theme2 && t.getAppEvents && t.ThemeChangedEvent ? t : null;
+	}).catch(() => null), r.set(e, t)), t;
+}
+async function a(e) {
+	let t = e.ownerDocument?.defaultView, r = t ? await i(t) : null;
+	if (!r) return () => {};
+	n(e, r.config.theme2);
+	let a = r.getAppEvents().subscribe(r.ThemeChangedEvent, (t) => n(e, t?.payload ?? r.config.theme2));
+	return () => a.unsubscribe();
+}
+//#endregion
+//#region src/kd/define.ts
+var o = "0.0.1";
+function s(e, t, n = customElements) {
+	let r = n.get(e);
+	return r ? (r !== t && r.kdVersion !== "0.0.1" && console.warn(`@kubed.io/cdn ${o}: <${e}> is already defined by ${r.kdVersion ? `@kubed.io/cdn ${r.kdVersion}` : "another script"}; that definition stays until the page is reloaded.`), !1) : (Object.defineProperty(t, "kdVersion", { value: o }), n.define(e, t), !0);
+}
+//#endregion
+export { o as VERSION, n as applyTheme, s as define, a as followTheme };
+
+//# sourceMappingURL=kd.js.map

package/dist/kd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kd.js","names":["PROPERTIES","t","read","value","get","theme","applyTheme","element","name","runtimes","runtime","found","win","rt","r","followTheme","subscription","event","VERSION","define","existing","registry"],"sources":["../src/kd/theme.ts","../src/kd/define.ts"],"sourcesContent":["// The theme layer: Grafana's live theme as `--kd-*` custom properties.\n// The property names are this package's public API and follow semver.\n\n/** The parts of a GrafanaTheme2 the theme layer reads. Any of them may be missing. */\nexport interface ThemeLike {\n  isDark?: boolean;\n  [key: string]: unknown;\n}\n\ntype Read = (theme: any) => unknown;\n\nconst PROPERTIES: [string, Read][] = [\n  ['--kd-bg', (t) => t.colors.background.primary],\n  ['--kd-bg-2', (t) => t.colors.background.secondary],\n  ['--kd-canvas', (t) => t.colors.background.canvas],\n  ['--kd-text', (t) => t.colors.text.primary],\n  ['--kd-text-2', (t) => t.colors.text.secondary],\n  ['--kd-text-dim', (t) => t.colors.text.disabled],\n  ['--kd-link', (t) => t.colors.text.link],\n  ['--kd-border', (t) => t.colors.border.weak],\n  ['--kd-border-strong', (t) => t.colors.border.medium],\n  ['--kd-primary', (t) => t.colors.primary.main],\n  ['--kd-success', (t) => t.colors.success.main],\n  ['--kd-warning', (t) => t.colors.warning.main],\n  ['--kd-error', (t) => t.colors.error.main],\n  ['--kd-info', (t) => t.colors.info.main],\n  ['--kd-font', (t) => t.typography.fontFamily],\n  ['--kd-font-mono', (t) => t.typography.fontFamilyMonospace],\n  ['--kd-radius', (t) => t.shape.radius.default],\n  ['--kd-space', (t) => t.spacing(1)],\n];\n\n// A theme from an older or newer Grafana may lack a field; that property is\n// skipped so the rest still apply, and CSS falls back to its own default.\nfunction read(theme: ThemeLike, get: Read): string | undefined {\n  try {\n    const value = get(theme);\n    return typeof value === 'string' || typeof value === 'number' ? String(value) : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\n/**\n * Sets the `--kd-*` properties and `data-theme` (\"dark\" or \"light\") on\n * `element` from a GrafanaTheme2. Idempotent, so it is safe in Business Text's\n * `afterRender`, which runs on every re-render.\n *\n * @param element the panel's own root, never `:root`\n * @param theme a GrafanaTheme2, e.g. `context.grafana.theme`\n */\nexport function applyTheme(element: HTMLElement | null | undefined, theme: ThemeLike | null | undefined): void {\n  if (!element || !theme) return;\n  for (const [name, get] of PROPERTIES) {\n    const value = read(theme, get);\n    if (value !== undefined) element.style.setProperty(name, value);\n  }\n  if (typeof theme.isDark === 'boolean') {\n    element.setAttribute('data-theme', theme.isDark ? 'dark' : 'light');\n  }\n}\n\n/** The parts of `@grafana/runtime` that following the theme needs. */\ninterface Runtime {\n  config: { theme2: ThemeLike };\n  getAppEvents(): {\n    subscribe(event: unknown, handler: (event: { payload?: ThemeLike }) => void): { unsubscribe(): void };\n  };\n  ThemeChangedEvent: unknown;\n}\n\ntype GrafanaWindow = Window & { System?: { import?(id: string): Promise<unknown> } };\n\nconst runtimes = new WeakMap<Window, Promise<Runtime | null>>();\n\n// Grafana loads plugins through SystemJS and shares its own packages there, so\n// the page's live config and event bus are one import away. Outside Grafana\n// there is no System and this resolves to null.\nfunction runtime(win: GrafanaWindow): Promise<Runtime | null> {\n  let found = runtimes.get(win);\n  if (!found) {\n    found = Promise.resolve()\n      .then(() => win.System?.import?.('@grafana/runtime'))\n      .then((r) => {\n        const rt = r as Partial<Runtime> | undefined;\n        return rt?.config?.theme2 && rt.getAppEvents && rt.ThemeChangedEvent ? (rt as Runtime) : null;\n      })\n      .catch(() => null);\n    runtimes.set(win, found);\n  }\n  return found;\n}\n\n/**\n * Themes `element` from Grafana's live theme without being handed one, and\n * keeps it themed across a live theme switch. For code that has no\n * `context.grafana.theme`. The `<body>` theme class is never used: it goes\n * stale on a live switch.\n *\n * @returns a function that stops following; a no-op outside Grafana\n */\nexport async function followTheme(element: HTMLElement): Promise<() => void> {\n  const win = element.ownerDocument?.defaultView as GrafanaWindow | null;\n  const rt = win ? await runtime(win) : null;\n  if (!rt) return () => {};\n  applyTheme(element, rt.config.theme2);\n  const subscription = rt\n    .getAppEvents()\n    .subscribe(rt.ThemeChangedEvent, (event) => applyTheme(element, event?.payload ?? rt.config.theme2));\n  return () => subscription.unsubscribe();\n}\n","/** This build's package version. */\nexport const VERSION: string = __KD_VERSION__;\n\n/**\n * Registers a custom element unless the name is taken, and says so when it is.\n *\n * Every panel on a page shares one registry, and a definition outlives SPA\n * navigation, so the first version of a tag loaded owns it until a full page\n * reload. A second define would throw; this keeps the first and warns when the\n * two builds differ.\n *\n * @returns whether this call defined the element\n */\nexport function define(\n  name: string,\n  element: CustomElementConstructor,\n  registry: CustomElementRegistry = customElements,\n): boolean {\n  const existing = registry.get(name) as (CustomElementConstructor & { kdVersion?: string }) | undefined;\n  if (existing) {\n    if (existing !== element && existing.kdVersion !== VERSION) {\n      console.warn(\n        `@kubed.io/cdn ${VERSION}: <${name}> is already defined by ${existing.kdVersion ? `@kubed.io/cdn ${existing.kdVersion}` : 'another script'}; ` +\n          'that definition stays until the page is reloaded.',\n      );\n    }\n    return false;\n  }\n  Object.defineProperty(element, 'kdVersion', { value: VERSION });\n  registry.define(name, element);\n  return true;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,38 @@
 {
   "name": "@kubed.io/cdn",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.0.1",
+  "description": "A theme layer and web components for Grafana panels, loaded by URL from jsDelivr.",
+  "license": "MIT",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kubed-io/cdn.git"
+  },
+  "homepage": "https://github.com/kubed-io/cdn#readme",
+  "bugs": "https://github.com/kubed-io/cdn/issues",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./kd.js": {
+      "types": "./dist/kd/index.d.ts",
+      "default": "./dist/kd.js"
+    },
+    "./kd.css": "./dist/kd.css"
+  },
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "prepublishOnly": "npm run typecheck && npm test && npm run build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "happy-dom": "^20.14.5",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.3",
+    "vitest": "^5.0.3"
+  }
+}