@analogjs/content 3.0.0-alpha.81 → 3.0.0-alpha.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@analogjs/content",
-  "version": "3.0.0-alpha.81",
+  "version": "3.0.0-alpha.82",
   "description": "Content Rendering for Analog",
   "type": "module",
   "author": "Brandon Roberts <robertsbt@gmail.com>",
@@ -73,11 +73,6 @@
       "import": "./fesm2022/analogjs-content.mjs",
       "default": "./fesm2022/analogjs-content.mjs"
     },
-    "./devtools": {
-      "types": "./types/devtools/src/index.d.ts",
-      "import": "./fesm2022/analogjs-content-devtools.mjs",
-      "default": "./fesm2022/analogjs-content-devtools.mjs"
-    },
     "./md4x": {
       "types": "./types/md4x/src/index.d.ts",
       "import": "./fesm2022/analogjs-content-md4x.mjs",
@@ -113,8 +108,8 @@
     "tslib": "^2.3.0"
   },
   "devDependencies": {
-    "@analogjs/vite-plugin-angular": "3.0.0-alpha.81",
-    "@analogjs/vitest-angular": "3.0.0-alpha.81"
+    "@analogjs/vite-plugin-angular": "3.0.0-alpha.82",
+    "@analogjs/vitest-angular": "3.0.0-alpha.82"
   },
   "ng-update": {
     "packageGroup": [

package/devtools/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../fesm2022/analogjs-content-devtools.mjs",
-  "typings": "../types/devtools/src/index.d.ts"
-}

package/fesm2022/analogjs-content-devtools.mjs

@@ -1,162 +0,0 @@
-import { t as ContentRenderer } from "./content-renderer.mjs";
-import * as i0 from "@angular/core";
-import { Injectable, InjectionToken, inject } from "@angular/core";
-import { transformWithOxc } from "vite";
-//#region \0rolldown/runtime.js
-var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
-//#endregion
-//#region packages/content/src/lib/devtools/content-devtools-renderer.ts
-/**
-* Token for the wrapped renderer that DevTools delegates to.
-* @internal
-*/
-var DEVTOOLS_INNER_RENDERER = new InjectionToken("devtools_inner_renderer");
-/**
-* Wraps an existing ContentRenderer to collect timing and metadata for the
-* Content DevTools panel. Dispatches a custom event on the window after
-* each render so the devtools client can update.
-*
-* @experimental Content DevTools is experimental and may change in future releases.
-*/
-var DevToolsContentRenderer = class DevToolsContentRenderer extends ContentRenderer {
-	constructor() {
-		super(...arguments);
-		this.inner = inject(DEVTOOLS_INNER_RENDERER);
-	}
-	async render(content) {
-		const start = performance.now();
-		const result = await this.inner.render(content);
-		const elapsed = performance.now() - start;
-		if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent("analog-content-devtools-data", { detail: {
-			renderer: this.inner.constructor.name,
-			renderTimeMs: elapsed,
-			toc: result.toc,
-			contentLength: content.length,
-			headingCount: result.toc.length,
-			frontmatter: {}
-		} }));
-		return result;
-	}
-	getContentHeadings(content) {
-		return this.inner.getContentHeadings(content);
-	}
-	enhance() {
-		this.inner.enhance();
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.0.0",
-			ngImport: i0,
-			type: DevToolsContentRenderer,
-			deps: null,
-			target: i0.ɵɵFactoryTarget.Injectable
-		});
-	}
-	static {
-		this.ɵprov = i0.ɵɵngDeclareInjectable({
-			minVersion: "12.0.0",
-			version: "22.0.0",
-			ngImport: i0,
-			type: DevToolsContentRenderer
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.0.0",
-	ngImport: i0,
-	type: DevToolsContentRenderer,
-	decorators: [{ type: Injectable }]
-});
-//#endregion
-//#region packages/content/src/lib/devtools/content-devtools-plugin.ts
-var import___vite_browser_external = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
-	module.exports = {};
-})))();
-/**
-* Vite plugin that injects the Analog Content DevTools panel in dev mode.
-*
-* Shows render time, frontmatter data, TOC, and content stats in a floating
-* panel. Dev-only — completely stripped from production builds.
-*
-* @experimental Content DevTools is experimental and may change in future releases.
-*
-* @example
-* ```typescript
-* // vite.config.ts
-* import { contentDevToolsPlugin } from '@analogjs/content/devtools';
-*
-* export default defineConfig({
-*   plugins: [
-*     analog({ ... }),
-*     contentDevToolsPlugin(),
-*   ],
-* });
-* ```
-*/
-function contentDevToolsPlugin() {
-	let isDev = false;
-	return {
-		name: "analog-content-devtools",
-		apply: "serve",
-		configResolved(config) {
-			isDev = config.command === "serve";
-		},
-		transformIndexHtml: {
-			order: "post",
-			async handler(html) {
-				if (!isDev) return html;
-				const pluginDir = (0, import___vite_browser_external.dirname)((0, import___vite_browser_external.fileURLToPath)(import.meta.url));
-				const cssPath = (0, import___vite_browser_external.resolve)(pluginDir, "content-devtools.styles.css");
-				const clientPath = (0, import___vite_browser_external.resolve)(pluginDir, "content-devtools-client.ts");
-				let css;
-				let clientCode;
-				try {
-					css = (0, import___vite_browser_external.readFileSync)(cssPath, "utf-8");
-					clientCode = (0, import___vite_browser_external.readFileSync)(clientPath, "utf-8");
-				} catch {
-					return html;
-				}
-				const transformResult = await transformWithOxc(clientCode, "content-devtools-client.ts", { lang: "ts" });
-				const injection = `
-<style>${css}</style>
-<script type="module">${transformResult.code}<\/script>`;
-				return html.replace("</body>", `${injection}\n</body>`);
-			}
-		}
-	};
-}
-//#endregion
-//#region packages/content/src/lib/devtools/index.ts
-/**
-* Wraps the given ContentRenderer with DevTools instrumentation.
-*
-* The supplied renderer class is provided under DEVTOOLS_INNER_RENDERER and
-* DevToolsContentRenderer becomes the new ContentRenderer, delegating
-* all calls and collecting timing data.
-*
-* @param innerRenderer The renderer class to wrap with devtools instrumentation.
-*
-* @experimental Content DevTools is experimental and may change in future releases.
-*
-* @example
-* ```typescript
-* provideContent(
-*   withContentDevTools(NoopContentRenderer),
-* );
-* ```
-*/
-function withContentDevTools(innerRenderer) {
-	return [{
-		provide: DEVTOOLS_INNER_RENDERER,
-		useClass: innerRenderer
-	}, {
-		provide: ContentRenderer,
-		useClass: DevToolsContentRenderer
-	}];
-}
-//#endregion
-export { DevToolsContentRenderer, contentDevToolsPlugin, withContentDevTools };
-
-//# sourceMappingURL=analogjs-content-devtools.mjs.map

package/fesm2022/analogjs-content-devtools.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"analogjs-content-devtools.mjs","names":[],"sources":["../../src/lib/devtools/content-devtools-renderer.ts","../../../../__vite-browser-external","../../src/lib/devtools/content-devtools-plugin.ts","../../src/lib/devtools/index.ts"],"sourcesContent":["import { Injectable, InjectionToken, inject } from '@angular/core';\n\nimport {\n  ContentRenderer,\n  RenderedContent,\n  TableOfContentItem,\n} from '../content-renderer';\n\n/**\n * Token for the wrapped renderer that DevTools delegates to.\n * @internal\n */\nexport const DEVTOOLS_INNER_RENDERER: InjectionToken<ContentRenderer> =\n  new InjectionToken<ContentRenderer>('devtools_inner_renderer');\n\n/**\n * Wraps an existing ContentRenderer to collect timing and metadata for the\n * Content DevTools panel. Dispatches a custom event on the window after\n * each render so the devtools client can update.\n *\n * @experimental Content DevTools is experimental and may change in future releases.\n */\n@Injectable()\nexport class DevToolsContentRenderer extends ContentRenderer {\n  private readonly inner = inject(DEVTOOLS_INNER_RENDERER);\n\n  override async render(content: string): Promise<RenderedContent> {\n    const start = performance.now();\n    const result = await this.inner.render(content);\n    const elapsed = performance.now() - start;\n\n    if (typeof window !== 'undefined') {\n      window.dispatchEvent(\n        new CustomEvent('analog-content-devtools-data', {\n          detail: {\n            renderer: this.inner.constructor.name,\n            renderTimeMs: elapsed,\n            toc: result.toc,\n            contentLength: content.length,\n            headingCount: result.toc.length,\n            frontmatter: {},\n          },\n        }),\n      );\n    }\n\n    return result;\n  }\n\n  override getContentHeadings(content: string): TableOfContentItem[] {\n    return this.inner.getContentHeadings(content);\n  }\n\n  override enhance(): void {\n    this.inner.enhance();\n  }\n}\n","module.exports = {}","import { readFileSync } from 'node:fs';\nimport { resolve, dirname } from 'node:path';\nimport { fileURLToPath } from 'node:url';\n\nimport type { Plugin } from 'vite';\nimport { transformWithOxc } from 'vite';\n\n/**\n * Vite plugin that injects the Analog Content DevTools panel in dev mode.\n *\n * Shows render time, frontmatter data, TOC, and content stats in a floating\n * panel. Dev-only — completely stripped from production builds.\n *\n * @experimental Content DevTools is experimental and may change in future releases.\n *\n * @example\n * ```typescript\n * // vite.config.ts\n * import { contentDevToolsPlugin } from '@analogjs/content/devtools';\n *\n * export default defineConfig({\n *   plugins: [\n *     analog({ ... }),\n *     contentDevToolsPlugin(),\n *   ],\n * });\n * ```\n */\nexport function contentDevToolsPlugin(): Plugin {\n  let isDev = false;\n\n  return {\n    name: 'analog-content-devtools',\n    apply: 'serve',\n\n    configResolved(config) {\n      isDev = config.command === 'serve';\n    },\n\n    transformIndexHtml: {\n      order: 'post',\n      async handler(html) {\n        if (!isDev) return html;\n\n        const pluginDir = dirname(fileURLToPath(import.meta.url));\n        const cssPath = resolve(pluginDir, 'content-devtools.styles.css');\n        const clientPath = resolve(pluginDir, 'content-devtools-client.ts');\n\n        let css: string;\n        let clientCode: string;\n        try {\n          css = readFileSync(cssPath, 'utf-8');\n          clientCode = readFileSync(clientPath, 'utf-8');\n        } catch {\n          // Fallback: files may not exist if running from compiled output.\n          // The plugin silently degrades — no devtools panel.\n          return html;\n        }\n\n        const transformResult = await transformWithOxc(\n          clientCode,\n          'content-devtools-client.ts',\n          { lang: 'ts' },\n        );\n\n        const injection = `\n<style>${css}</style>\n<script type=\"module\">${transformResult.code}</script>`;\n\n        return html.replace('</body>', `${injection}\\n</body>`);\n      },\n    },\n  };\n}\n","import { Provider, Type } from '@angular/core';\nimport { ContentRenderer } from '../content-renderer';\nimport {\n  DevToolsContentRenderer,\n  DEVTOOLS_INNER_RENDERER,\n} from './content-devtools-renderer';\n\nexport { contentDevToolsPlugin } from './content-devtools-plugin';\nexport {\n  DevToolsContentRenderer,\n  DEVTOOLS_INNER_RENDERER,\n} from './content-devtools-renderer';\n\n/**\n * Wraps the given ContentRenderer with DevTools instrumentation.\n *\n * The supplied renderer class is provided under DEVTOOLS_INNER_RENDERER and\n * DevToolsContentRenderer becomes the new ContentRenderer, delegating\n * all calls and collecting timing data.\n *\n * @param innerRenderer The renderer class to wrap with devtools instrumentation.\n *\n * @experimental Content DevTools is experimental and may change in future releases.\n *\n * @example\n * ```typescript\n * provideContent(\n *   withContentDevTools(NoopContentRenderer),\n * );\n * ```\n */\nexport function withContentDevTools(\n  innerRenderer: Type<ContentRenderer>,\n): Provider {\n  return [\n    {\n      provide: DEVTOOLS_INNER_RENDERER,\n      useClass: innerRenderer,\n    },\n    {\n      provide: ContentRenderer,\n      useClass: DevToolsContentRenderer,\n    },\n  ];\n}\n"],"mappings":";;;;;;;;;;;;AAYA,IAAa,0BACX,IAAI,eAAgC,0BAA0B;;;;;;;;IAetD,0BAAA,MAAA,gCAAiC,gBAAQ;CAC/C,cAAgB;AAEZ,QAAO,GAAA,UAAW;AACpB,OAAO,QAAA,OACD,wBAAY;;CAGZ,MAAA,OAAA,SAAc;EACd,MAAK,QAAO,YAAA,KAAA;EACZ,MAAA,SAAe,MAAQ,KAAA,MAAA,OAAA,QAAA;EACvB,MAAA,UAAc,YAAW,KAAA,GAAA;AACzB,MAAA,OAAa,WAAA,YAGlB,QAAA,cAAA,IAAA,YAAA,gCAAA,EAAA,QAAA;GAGI,UAAA,KAAA,MAAA,YAAA;;GAGmB,KAAA,OAAuC;GAC/C,eAAA,QAAmB;;GAGd,aAAA,EAAA;GACZ,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtDf,QAAO,UAAU,EAAA;;;;;;;;;;;;;;;;;;;;;;;AC4BjB,SAAgB,wBAAgC;CAC9C,IAAI,QAAQ;AAEZ,QAAO;EACC,MAAA;EACN,OAAO;EAEP,eAAe,QAAQ;AACb,WAAO,OAAA,YAAY;;EAG7B,oBAAoB;GACX,OAAA;GACD,MAAQ,QAAM,MAAA;AACN,QAAA,CAAA,MAEN,QAAY;IACZ,MAAU,aAAA,GAAA,+BAAA,UAAA,GAAA,+BAAA,eAAmB,OAAA,KAAA,IAA8B,CAAA;IAC3D,MAAA,WAAA,GAAA,+BAAA,SAAqB,WAAW,8BAA6B;IAE/D,MAAA,cAAA,GAAA,+BAAA,SAAA,WAAA,6BAAA;IACA,IAAA;IACA,IAAA;AACI,QAAA;AACO,YAAA,GAAA,+BAAA,cAAa,SAAY,QAAQ;AACxC,mBAAA,GAAA,+BAAA,cAAA,YAAA,QAAA;;AAaH,YAAA;;IAGO,MAAA,kBAAsB,MAAA,iBAAqB,YAAA,8BAAA,EAAA,MAAA,MAAA,CAAA;;;wBAG5D,gBAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;ACzCH,SAAgB,oBACd,eACU;AACV,QACE,CACE;EACU,SAAA;EAEZ,UAAA;EACE,EACA;EAEH,SAAA"}

package/src/lib/devtools/content-devtools-client.ts

@@ -1,215 +0,0 @@
-/**
- * Client-side script for the Analog Content DevTools panel.
- * Injected by the Vite plugin in dev mode only.
- *
- * @experimental Content DevTools is experimental and may change in future releases.
- */
-
-interface DevToolsData {
-  renderer: string;
-  renderTimeMs: number;
-  frontmatter: Record<string, unknown>;
-  toc: Array<{ id: string; level: number; text: string }>;
-  contentLength: number;
-  headingCount: number;
-}
-
-const STORAGE_KEY = 'analog-content-devtools-open';
-
-// Cache the latest devtools payload at module level so events fired
-// during initial bootstrap (before the panel is created) are not lost.
-let latestDevToolsData: DevToolsData | null = null;
-let panelUpdateCallback: ((data: DevToolsData) => void) | null = null;
-
-window.addEventListener('analog-content-devtools-data', ((
-  e: CustomEvent<DevToolsData>,
-) => {
-  latestDevToolsData = e.detail;
-  if (panelUpdateCallback) {
-    panelUpdateCallback(e.detail);
-  }
-}) as EventListener);
-
-function createPanel(): HTMLElement {
-  const root = document.createElement('div');
-  root.id = 'analog-content-devtools';
-  root.innerHTML = `
-    <button class="acd-toggle" title="Analog Content DevTools">
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zM6 20V4h5v7h7v9H6z"/>
-        <path d="M8 13h8v1H8zm0 3h6v1H8z" opacity=".6"/>
-      </svg>
-    </button>
-    <div class="acd-panel" style="display:none">
-      <div class="acd-header">
-        <span>Analog Content DevTools <span class="acd-badge acd-badge-experimental">experimental</span></span>
-      </div>
-      <div class="acd-tabs">
-        <button class="acd-tab" data-tab="overview" data-active="true">Overview</button>
-        <button class="acd-tab" data-tab="frontmatter">Frontmatter</button>
-        <button class="acd-tab" data-tab="toc">TOC</button>
-      </div>
-      <div class="acd-body">
-        <div class="acd-empty">No content data available. Navigate to a content page.</div>
-      </div>
-    </div>
-  `;
-  return root;
-}
-
-function renderOverview(data: DevToolsData): string {
-  const speedClass =
-    data.renderTimeMs < 5
-      ? 'acd-fast'
-      : data.renderTimeMs > 50
-        ? 'acd-slow'
-        : '';
-  return `
-    <div class="acd-section">
-      <div class="acd-section-title">Renderer</div>
-      <div class="acd-kv">
-        <span class="acd-key">Active</span>
-        <span class="acd-value"><span class="acd-badge acd-badge-renderer">${data.renderer}</span></span>
-      </div>
-      <div class="acd-kv">
-        <span class="acd-key">Render time</span>
-        <span class="acd-value ${speedClass}">${data.renderTimeMs.toFixed(2)}ms</span>
-      </div>
-    </div>
-    <div class="acd-section">
-      <div class="acd-section-title">Content</div>
-      <div class="acd-kv">
-        <span class="acd-key">Length</span>
-        <span class="acd-value">${data.contentLength.toLocaleString()} chars</span>
-      </div>
-      <div class="acd-kv">
-        <span class="acd-key">Headings</span>
-        <span class="acd-value">${data.headingCount}</span>
-      </div>
-      <div class="acd-kv">
-        <span class="acd-key">Frontmatter keys</span>
-        <span class="acd-value">${Object.keys(data.frontmatter).length}</span>
-      </div>
-    </div>
-  `;
-}
-
-function renderFrontmatter(data: DevToolsData): string {
-  const keys = Object.keys(data.frontmatter);
-  if (keys.length === 0) {
-    return '<div class="acd-empty">No frontmatter found.</div>';
-  }
-  return `
-    <div class="acd-section">
-      <div class="acd-section-title">Frontmatter attributes</div>
-      <div class="acd-pre">${escapeHtml(JSON.stringify(data.frontmatter, null, 2))}</div>
-    </div>
-  `;
-}
-
-function renderToc(data: DevToolsData): HTMLElement {
-  if (data.toc.length === 0) {
-    const empty = document.createElement('div');
-    empty.className = 'acd-empty';
-    empty.textContent = 'No headings found.';
-    return empty;
-  }
-  const section = document.createElement('div');
-  section.className = 'acd-section';
-  const title = document.createElement('div');
-  title.className = 'acd-section-title';
-  title.textContent = `Table of Contents (${data.toc.length} headings)`;
-  section.appendChild(title);
-
-  for (const h of data.toc) {
-    const item = document.createElement('div');
-    item.className = 'acd-toc-item';
-    item.style.paddingLeft = `${(h.level - 1) * 12}px`;
-    const anchor = document.createElement('a');
-    anchor.setAttribute('href', `#${encodeURIComponent(h.id)}`);
-    anchor.textContent = `${'#'.repeat(h.level)} ${h.text}`;
-    item.appendChild(anchor);
-    section.appendChild(item);
-  }
-
-  return section;
-}
-
-function escapeHtml(str: string): string {
-  return str
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;');
-}
-
-function initDevTools() {
-  if (document.getElementById('analog-content-devtools')) return;
-
-  const panel = createPanel();
-  document.body.appendChild(panel);
-
-  const toggle = panel.querySelector('.acd-toggle') as HTMLElement;
-  const panelEl = panel.querySelector('.acd-panel') as HTMLElement;
-  const body = panel.querySelector('.acd-body') as HTMLElement;
-  const tabs = panel.querySelectorAll('.acd-tab');
-
-  let isOpen = localStorage.getItem(STORAGE_KEY) === 'true';
-  let activeTab = 'overview';
-  let currentData: DevToolsData | null = latestDevToolsData;
-
-  function updateVisibility() {
-    panelEl.style.display = isOpen ? 'flex' : 'none';
-    localStorage.setItem(STORAGE_KEY, String(isOpen));
-  }
-
-  function updateBody() {
-    if (!currentData) {
-      body.innerHTML =
-        '<div class="acd-empty">No content data available. Navigate to a content page.</div>';
-      return;
-    }
-    switch (activeTab) {
-      case 'overview':
-        body.innerHTML = renderOverview(currentData);
-        break;
-      case 'frontmatter':
-        body.innerHTML = renderFrontmatter(currentData);
-        break;
-      case 'toc':
-        body.replaceChildren(renderToc(currentData));
-        break;
-    }
-  }
-
-  toggle.addEventListener('click', () => {
-    isOpen = !isOpen;
-    updateVisibility();
-  });
-
-  tabs.forEach((tab) => {
-    tab.addEventListener('click', () => {
-      activeTab = (tab as HTMLElement).dataset['tab'] || 'overview';
-      tabs.forEach((t) =>
-        (t as HTMLElement).setAttribute('data-active', String(t === tab)),
-      );
-      updateBody();
-    });
-  });
-
-  // Wire the module-level listener to update the panel
-  panelUpdateCallback = (data: DevToolsData) => {
-    currentData = data;
-    updateBody();
-  };
-
-  updateVisibility();
-  updateBody();
-}
-
-// Init when DOM is ready
-if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', initDevTools);
-} else {
-  initDevTools();
-}

package/src/lib/devtools/content-devtools.styles.css

@@ -1,194 +0,0 @@
-#analog-content-devtools {
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  z-index: 99999;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  font-size: 12px;
-  color: #e4e4e7;
-  pointer-events: none;
-}
-
-#analog-content-devtools * {
-  box-sizing: border-box;
-}
-
-#analog-content-devtools .acd-toggle {
-  position: fixed;
-  bottom: 12px;
-  right: 12px;
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  background: #18181b;
-  border: 1px solid #3f3f46;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: auto;
-  opacity: 0.7;
-  transition: opacity 0.15s;
-}
-
-#analog-content-devtools .acd-toggle:hover {
-  opacity: 1;
-}
-
-#analog-content-devtools .acd-toggle svg {
-  width: 20px;
-  height: 20px;
-  fill: #a1a1aa;
-}
-
-#analog-content-devtools .acd-panel {
-  position: fixed;
-  bottom: 56px;
-  right: 12px;
-  width: 420px;
-  max-height: 70vh;
-  background: #18181b;
-  border: 1px solid #3f3f46;
-  border-radius: 10px;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  pointer-events: auto;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
-}
-
-#analog-content-devtools .acd-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px 12px;
-  background: #27272a;
-  border-bottom: 1px solid #3f3f46;
-  font-weight: 600;
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: #a1a1aa;
-}
-
-#analog-content-devtools .acd-tabs {
-  display: flex;
-  gap: 2px;
-  padding: 4px 8px;
-  background: #27272a;
-  border-bottom: 1px solid #3f3f46;
-}
-
-#analog-content-devtools .acd-tab {
-  padding: 4px 10px;
-  border-radius: 4px;
-  background: transparent;
-  border: none;
-  color: #71717a;
-  cursor: pointer;
-  font-size: 11px;
-  font-family: inherit;
-}
-
-#analog-content-devtools .acd-tab:hover {
-  color: #a1a1aa;
-}
-
-#analog-content-devtools .acd-tab[data-active='true'] {
-  background: #3f3f46;
-  color: #e4e4e7;
-}
-
-#analog-content-devtools .acd-body {
-  overflow-y: auto;
-  padding: 12px;
-  flex: 1;
-}
-
-#analog-content-devtools .acd-section {
-  margin-bottom: 12px;
-}
-
-#analog-content-devtools .acd-section-title {
-  font-size: 10px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: #71717a;
-  margin-bottom: 6px;
-}
-
-#analog-content-devtools .acd-kv {
-  display: flex;
-  justify-content: space-between;
-  padding: 2px 0;
-  border-bottom: 1px solid #27272a;
-}
-
-#analog-content-devtools .acd-key {
-  color: #a1a1aa;
-}
-
-#analog-content-devtools .acd-value {
-  color: #22d3ee;
-}
-
-#analog-content-devtools .acd-value.acd-fast {
-  color: #4ade80;
-}
-
-#analog-content-devtools .acd-value.acd-slow {
-  color: #fb923c;
-}
-
-#analog-content-devtools .acd-toc-item {
-  padding: 2px 0;
-  cursor: pointer;
-  color: #a1a1aa;
-}
-
-#analog-content-devtools .acd-toc-item:hover {
-  color: #e4e4e7;
-}
-
-#analog-content-devtools .acd-toc-item a {
-  color: inherit;
-  text-decoration: none;
-}
-
-#analog-content-devtools .acd-pre {
-  background: #09090b;
-  border: 1px solid #27272a;
-  border-radius: 6px;
-  padding: 8px;
-  overflow-x: auto;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-  font-size: 11px;
-  line-height: 1.5;
-  max-height: 300px;
-  overflow-y: auto;
-}
-
-#analog-content-devtools .acd-empty {
-  color: #52525b;
-  font-style: italic;
-}
-
-#analog-content-devtools .acd-badge {
-  display: inline-block;
-  padding: 1px 6px;
-  border-radius: 4px;
-  font-size: 10px;
-  font-weight: 600;
-}
-
-#analog-content-devtools .acd-badge-experimental {
-  background: #422006;
-  color: #fb923c;
-}
-
-#analog-content-devtools .acd-badge-renderer {
-  background: #042f2e;
-  color: #2dd4bf;
-}

package/types/devtools/src/index.d.ts

@@ -1 +0,0 @@
-export { contentDevToolsPlugin, DevToolsContentRenderer, withContentDevTools, } from '../../src/lib/devtools/index';

package/types/src/lib/devtools/content-devtools-plugin.d.ts

@@ -1,23 +0,0 @@
-import type { Plugin } from 'vite';
-/**
- * Vite plugin that injects the Analog Content DevTools panel in dev mode.
- *
- * Shows render time, frontmatter data, TOC, and content stats in a floating
- * panel. Dev-only — completely stripped from production builds.
- *
- * @experimental Content DevTools is experimental and may change in future releases.
- *
- * @example
- * ```typescript
- * // vite.config.ts
- * import { contentDevToolsPlugin } from '@analogjs/content/devtools';
- *
- * export default defineConfig({
- *   plugins: [
- *     analog({ ... }),
- *     contentDevToolsPlugin(),
- *   ],
- * });
- * ```
- */
-export declare function contentDevToolsPlugin(): Plugin;

package/types/src/lib/devtools/content-devtools-renderer.d.ts

@@ -1,23 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { ContentRenderer, RenderedContent, TableOfContentItem } from '../content-renderer';
-import * as i0 from "@angular/core";
-/**
- * Token for the wrapped renderer that DevTools delegates to.
- * @internal
- */
-export declare const DEVTOOLS_INNER_RENDERER: InjectionToken<ContentRenderer>;
-/**
- * Wraps an existing ContentRenderer to collect timing and metadata for the
- * Content DevTools panel. Dispatches a custom event on the window after
- * each render so the devtools client can update.
- *
- * @experimental Content DevTools is experimental and may change in future releases.
- */
-export declare class DevToolsContentRenderer extends ContentRenderer {
-    private readonly inner;
-    render(content: string): Promise<RenderedContent>;
-    getContentHeadings(content: string): TableOfContentItem[];
-    enhance(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolsContentRenderer, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DevToolsContentRenderer>;
-}

package/types/src/lib/devtools/index.d.ts

@@ -1,23 +0,0 @@
-import { Provider, Type } from '@angular/core';
-import { ContentRenderer } from '../content-renderer';
-export { contentDevToolsPlugin } from './content-devtools-plugin';
-export { DevToolsContentRenderer, DEVTOOLS_INNER_RENDERER, } from './content-devtools-renderer';
-/**
- * Wraps the given ContentRenderer with DevTools instrumentation.
- *
- * The supplied renderer class is provided under DEVTOOLS_INNER_RENDERER and
- * DevToolsContentRenderer becomes the new ContentRenderer, delegating
- * all calls and collecting timing data.
- *
- * @param innerRenderer The renderer class to wrap with devtools instrumentation.
- *
- * @experimental Content DevTools is experimental and may change in future releases.
- *
- * @example
- * ```typescript
- * provideContent(
- *   withContentDevTools(NoopContentRenderer),
- * );
- * ```
- */
-export declare function withContentDevTools(innerRenderer: Type<ContentRenderer>): Provider;