vite-plugin-ember 0.0.0

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+export declare const demoRegistry: Map<string, string>;
+export interface VitePluginEmberOptions {
+    /**
+     * Path to the template compiler module.
+     * Default: 'ember-source/dist/ember-template-compiler'
+     * The standalone "ember-template-compiler.js" bundle is used because the
+     * ESM '@ember/template-compiler' has runtime @embroider/macros calls.
+     */
+    compilerPath?: string;
+    /**
+     * Custom import resolution map. Keys are bare specifiers used in component
+     * code, values are the resolved paths or package names.
+     *
+     * @example
+     * ```ts
+     * vitePluginEmber({
+     *   resolve: {
+     *     'my-helpers': './src/helpers/index.js',
+     *     'tracked-built-ins': 'tracked-built-ins',
+     *   }
+     * })
+     * ```
+     */
+    resolve?: Record<string, string>;
+    /**
+     * Additional Babel plugins to run during .gjs/.gts transformation.
+     * These are appended after the built-in template compilation and
+     * decorator transform plugins.
+     *
+     * @example
+     * ```ts
+     * vitePluginEmber({
+     *   babelPlugins: [
+     *     'ember-concurrency/async-arrow-task-transform',
+     *   ]
+     * })
+     * ```
+     */
+    babelPlugins?: any[];
+}
+export default function vitePluginEmber(options?: VitePluginEmberOptions): any;
+export { emberFence } from './vitepress/ember-fence.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,qBAA4B,CAAC;AAgCtD,MAAM,WAAW,sBAAsB;IACrC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEjC;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,OAAO,GAAE,sBAA2B,GAEnC,GAAG,CAkPL;AAGD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/index.js

@@ -0,0 +1,253 @@
+import { transformAsync } from '@babel/core';
+import templateCompilation from 'babel-plugin-ember-template-compilation';
+import { Preprocessor } from 'content-tag';
+import { createRequire } from 'node:module';
+import { existsSync } from 'node:fs';
+// ── Shared demo registry (populated by ember-fence, read by load hook) ──
+export const demoRegistry = new Map();
+// ── Virtual-module helpers (for inline markdown demos) ──────────────────
+const PUBLIC_PREFIX = 'virtual:ember-demo-';
+/**
+ * Virtual module ID for the @embroider/macros runtime shim.
+ * ember-source's ESM modules import from @embroider/macros and call compile-time
+ * functions like isDevelopingApp(). Outside of the Ember build pipeline these need
+ * runtime implementations instead of throwing.
+ */
+const EMBROIDER_MACROS_ID = '\0embroider-macros-shim';
+const EMBROIDER_MACROS_CODE = `
+export function isDevelopingApp() { return true; }
+export function isTesting() { return false; }
+export function macroCondition(condition) { return condition; }
+export function dependencySatisfies() { return true; }
+export function getOwnConfig() { return {}; }
+export function getConfig() { return {}; }
+export function importSync(specifier) {
+  throw new Error('[embroider-macros shim] importSync is not supported at runtime: ' + specifier);
+}
+export function getGlobalConfig() { return { isDevelopingApp: true, isTesting: false }; }
+`;
+/**
+ * Bare-specifier prefixes that should be resolved into ember-source's
+ * dist/packages tree.  E.g. `@ember/renderer` →
+ * `<ember-source>/dist/packages/@ember/renderer/index.js`
+ */
+const EMBER_PACKAGE_PREFIXES = ['@ember/', '@glimmer/'];
+export default function vitePluginEmber(options = {}) {
+    const preprocessor = new Preprocessor();
+    // Locate ember-source's dist/packages directory on disk
+    let emberSourcePackagesDir;
+    // The loaded template compiler object (passed directly to babel plugin)
+    let compilerObj;
+    // createRequire anchored to the project root — used to resolve node_modules
+    let rootRequire;
+    // ── Resolution caches (avoid repeated fs lookups & require.resolve) ──
+    const resolveCache = new Map();
+    let decoratorRuntimePath;
+    // ── Pre-built babel configs (allocated once, cloned per-transform) ──
+    let babelConfigGJS;
+    let babelConfigGTS;
+    function buildBabelConfigs() {
+        const baseParserPlugins = [
+            'classProperties',
+            'classPrivateProperties',
+            'classPrivateMethods',
+        ];
+        const basePlugins = [
+            [templateCompilation, { compiler: compilerObj }],
+            [
+                'module:decorator-transforms',
+                { runtime: { import: 'decorator-transforms/runtime' } },
+            ],
+            ...(options.babelPlugins ?? []),
+        ];
+        babelConfigGJS = {
+            plugins: basePlugins,
+            parserPlugins: baseParserPlugins,
+        };
+        babelConfigGTS = {
+            plugins: [
+                ...basePlugins,
+                [
+                    '@babel/plugin-transform-typescript',
+                    {
+                        allExtensions: true,
+                        onlyRemoveTypeImports: true,
+                        allowDeclareFields: true,
+                    },
+                ],
+            ],
+            parserPlugins: [...baseParserPlugins, 'typescript'],
+        };
+    }
+    /**
+     * Look up a bare @ember/* or @glimmer/* specifier.
+     * Results are cached to avoid repeated existsSync / require.resolve calls.
+     */
+    function resolveEmberPackage(id) {
+        if (resolveCache.has(id))
+            return resolveCache.get(id);
+        let resolved = null;
+        if (emberSourcePackagesDir) {
+            const dirPath = `${emberSourcePackagesDir}/${id}/index.js`;
+            if (existsSync(dirPath)) {
+                resolved = dirPath;
+            }
+            else {
+                const filePath = `${emberSourcePackagesDir}/${id}.js`;
+                if (existsSync(filePath)) {
+                    resolved = filePath;
+                }
+            }
+        }
+        // Fallback: resolve from node_modules (e.g. @glimmer/component@2)
+        if (!resolved && rootRequire) {
+            try {
+                resolved = rootRequire.resolve(id);
+            }
+            catch {
+                // not installed
+            }
+        }
+        resolveCache.set(id, resolved);
+        return resolved;
+    }
+    return {
+        name: 'vite-plugin-ember',
+        enforce: 'pre',
+        /* ─── locate ember-source from the project root ───────────────── */
+        configResolved(config) {
+            if (!emberSourcePackagesDir) {
+                try {
+                    rootRequire = createRequire(config.root + '/package.json');
+                    const emberPkg = rootRequire.resolve('ember-source/package.json');
+                    emberSourcePackagesDir = emberPkg.replace(/package\.json$/, 'dist/packages');
+                    // Load the standalone template compiler (CJS bundle)
+                    if (options.compilerPath) {
+                        compilerObj = rootRequire(options.compilerPath);
+                    }
+                    else {
+                        compilerObj = rootRequire('ember-source/dist/ember-template-compiler.js');
+                    }
+                    // Pre-resolve decorator-transforms runtime (CJS → ESM)
+                    try {
+                        const cjsPath = rootRequire.resolve('decorator-transforms/runtime');
+                        decoratorRuntimePath = cjsPath.replace(/runtime\.cjs$/, 'runtime.js');
+                    }
+                    catch {
+                        // not installed
+                    }
+                    // Build reusable babel config objects now that compiler is loaded
+                    buildBabelConfigs();
+                }
+                catch {
+                    // ember-source not found
+                }
+            }
+        },
+        /* ─── serve virtual modules before VitePress catches them ─────── */
+        configureServer(server) {
+            server.middlewares.use(async (req, res, next) => {
+                const url = req.url ?? '';
+                // Only intercept virtual ember-demo modules — file-based .gjs/.gts
+                // are handled natively by Vite's transform pipeline.
+                if (!url.includes('virtual:ember-demo-'))
+                    return next();
+                try {
+                    const idMatch = url.match(/(virtual:ember-demo-[^?&]+)/);
+                    if (!idMatch)
+                        return next();
+                    const result = await server.transformRequest(idMatch[1], {
+                        ssr: false,
+                    });
+                    if (!result)
+                        return next();
+                    res.setHeader('Content-Type', 'application/javascript');
+                    res.setHeader('Cache-Control', 'no-cache');
+                    res.end(result.code);
+                }
+                catch (err) {
+                    console.error('[vite-plugin-ember] middleware error:', err);
+                    next();
+                }
+            });
+        },
+        /* ─── resolve virtual modules + @ember/* / @glimmer/* ─────────── */
+        resolveId(id) {
+            if (id.startsWith('\0'))
+                return null;
+            // Shim @embroider/macros with runtime implementations
+            if (id === '@embroider/macros')
+                return EMBROIDER_MACROS_ID;
+            // Resolve decorator-transforms runtime (pre-cached ESM path)
+            if (id === 'decorator-transforms/runtime') {
+                return decoratorRuntimePath ?? null;
+            }
+            // Virtual ember-demo modules (with or without /@id/ prefix)
+            let stripped = id;
+            if (stripped.startsWith('/@id/'))
+                stripped = stripped.slice('/@id/'.length);
+            const bareStripped = stripped.split('?')[0];
+            if (bareStripped.startsWith(PUBLIC_PREFIX))
+                return bareStripped;
+            // Resolve bare @ember/* and @glimmer/* to ember-source dist (cached)
+            for (const prefix of EMBER_PACKAGE_PREFIXES) {
+                if (id.startsWith(prefix)) {
+                    return resolveEmberPackage(id);
+                }
+            }
+            // User-provided custom resolution map
+            if (options.resolve?.[id]) {
+                return options.resolve[id];
+            }
+            return null;
+        },
+        /* ─── load virtual module source from registry ────────────────── */
+        load(id) {
+            if (id === EMBROIDER_MACROS_ID)
+                return EMBROIDER_MACROS_CODE;
+            if (!id.startsWith(PUBLIC_PREFIX))
+                return null;
+            return demoRegistry.get(id) ?? null;
+        },
+        /* ─── transform .gjs / .gts files ─────────────────────────────── */
+        async transform(code, id) {
+            const bareId = id.split('?', 1)[0];
+            const isGJS = bareId.endsWith('.gjs');
+            const isGTS = bareId.endsWith('.gts');
+            if (!isGJS && !isGTS)
+                return null;
+            // ── Step 1: content-tag preprocessing ──
+            let preprocessed;
+            try {
+                const result = preprocessor.process(code, { filename: bareId });
+                preprocessed =
+                    typeof result === 'string'
+                        ? result
+                        : (result.code ?? result);
+            }
+            catch (err) {
+                this.error(`[vite-plugin-ember] content-tag failed for ${bareId}: ${err.message}`);
+                return null;
+            }
+            // ── Step 2: Babel (template compilation + decorators + optional TS) ──
+            const cfg = isGTS ? babelConfigGTS : babelConfigGJS;
+            const result = await transformAsync(preprocessed, {
+                filename: bareId,
+                babelrc: false,
+                configFile: false,
+                plugins: cfg.plugins,
+                parserOpts: {
+                    sourceType: 'module',
+                    plugins: cfg.parserPlugins,
+                },
+                sourceMaps: true,
+            });
+            if (!result?.code)
+                return null;
+            return { code: result.code, map: result.map };
+        },
+    };
+}
+// ── Re-exports for VitePress markdown integration ───────────────────────
+export { emberFence } from './vitepress/ember-fence.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/vitepress/ember-fence.d.ts

@@ -0,0 +1,4 @@
+import type MarkdownIt from 'markdown-it';
+/** Markdown-it plugin: ```gjs live → <CodePreview /> */
+export declare function emberFence(md: MarkdownIt, component?: string): void;
+//# sourceMappingURL=ember-fence.d.ts.map

package/dist/vitepress/ember-fence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ember-fence.d.ts","sourceRoot":"","sources":["../../src/vitepress/ember-fence.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAC;AAsB1C,wDAAwD;AACxD,wBAAgB,UAAU,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,SAAgB,QAsCnE"}

package/dist/vitepress/ember-fence.js

@@ -0,0 +1,57 @@
+import { createHash } from 'node:crypto';
+import { demoRegistry } from '../index.js';
+function makeVirtualId(code, lang) {
+    const hash = createHash('sha1').update(code).digest('hex').slice(0, 8);
+    const moduleId = `virtual:ember-demo-${hash}.${lang}`;
+    // Store source in the shared registry (read by the Vite plugin's load hook)
+    demoRegistry.set(moduleId, code);
+    return moduleId;
+}
+/**
+ * Replace `<Component src="...">` with `:loader="() => import('...')"` so
+ * Vite can statically analyse and bundle the import in production (SSG) builds.
+ */
+function transformSrcToLoader(content, component) {
+    const re = new RegExp(`<${component}\\s+src="([^"]+)"`, 'g');
+    return content.replace(re, (_, src) => `<${component} :loader="() => import('${src}')"`);
+}
+/** Markdown-it plugin: ```gjs live → <CodePreview /> */
+export function emberFence(md, component = 'CodePreview') {
+    const originalFence = md.renderer.rules.fence;
+    md.renderer.rules.fence = (tokens, idx, options, env, self) => {
+        const token = tokens[idx];
+        const info = (token.info || '').trim();
+        const [lang, ...flags] = info.split(/\s+/);
+        if ((lang === 'gjs' || lang === 'gts') && flags.includes('live')) {
+            const virtualId = makeVirtualId(token.content, lang);
+            if (flags.includes('preview')) {
+                // Show rendered component + syntax-highlighted code block.
+                // Strip 'live' and 'preview' flags so the original fence renders
+                // a normal Shiki-highlighted block instead of triggering us again.
+                const savedInfo = token.info;
+                token.info = lang;
+                const highlighted = originalFence(tokens, idx, options, env, self);
+                token.info = savedInfo;
+                return `<${component} :loader="() => import('${virtualId}')">${highlighted}</${component}>`;
+            }
+            return `<${component} :loader="() => import('${virtualId}')" />`;
+        }
+        return originalFence(tokens, idx, options, env, self);
+    };
+    // Transform file-based <CodePreview src="..."> tags so Vite can bundle them
+    md.core.ruler.push('ember-loader-transform', (state) => {
+        for (const token of state.tokens) {
+            if (token.type === 'html_block' || token.type === 'html_inline') {
+                token.content = transformSrcToLoader(token.content, component);
+            }
+            if (token.children) {
+                for (const child of token.children) {
+                    if (child.type === 'html_inline') {
+                        child.content = transformSrcToLoader(child.content, component);
+                    }
+                }
+            }
+        }
+    });
+}
+//# sourceMappingURL=ember-fence.js.map

package/dist/vitepress/ember-fence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ember-fence.js","sourceRoot":"","sources":["../../src/vitepress/ember-fence.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "vite-plugin-ember",
+  "version": "0.0.0",
+  "description": "Vite plugin for rendering live Ember components in VitePress documentation",
+  "license": "MIT",
+  "type": "module",
+  "author": "Alexey Kulakov",
+  "homepage": "https://github.com/aklkv/vite-plugin-ember#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/aklkv/vite-plugin-ember.git",
+    "directory": "vite-plugin-ember"
+  },
+  "bugs": {
+    "url": "https://github.com/aklkv/vite-plugin-ember/issues"
+  },
+  "keywords": [
+    "vite",
+    "vite-plugin",
+    "ember",
+    "glimmer",
+    "vitepress",
+    "gjs",
+    "gts"
+  ],
+  "sideEffects": false,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./components/code-preview.vue": "./src/vitepress/code-preview.vue",
+    "./components/CodePreview": "./src/vitepress/code-preview.vue",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src/vitepress/code-preview.vue"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "lint": "concurrently 'npm:lint:*(!fix)' --names 'lint:'",
+    "lint:fix": "concurrently 'npm:lint:*:fix' --names 'fix:'",
+    "lint:js": "eslint .",
+    "lint:js:fix": "eslint . --fix",
+    "lint:format": "prettier . --cache --check",
+    "lint:format:fix": "prettier . --cache --write",
+    "lint:types": "tsc --noEmit",
+    "format": "prettier . --cache --write",
+    "format:check": "prettier . --cache --check"
+  },
+  "dependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/plugin-transform-typescript": "^7.28.6",
+    "babel-plugin-ember-template-compilation": "^4.0.0",
+    "content-tag": "^4.1.0",
+    "decorator-transforms": "^2.3.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@types/babel__core": "^7.20.5",
+    "@types/markdown-it": "^14.1.2",
+    "@types/node": "^25.2.3",
+    "concurrently": "^9.2.1",
+    "ember-source": "6.10.1",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "globals": "^17.3.0",
+    "markdown-it": "^14.1.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.55.0",
+    "vite": "^7.3.1",
+    "vitepress": "^1.6.4",
+    "vue": "^3.5.28"
+  },
+  "peerDependencies": {
+    "vite": ">=5",
+    "vitepress": ">=1",
+    "vue": ">=3"
+  }
+}

package/src/vitepress/code-preview.vue

@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import { onMounted, onBeforeUnmount, ref } from 'vue';
+import { inBrowser } from 'vitepress';
+
+const props = defineProps<{
+  src?: string;
+  loader?: () => Promise<any>;
+}>();
+const mountEl = ref<HTMLDivElement | null>(null);
+const error = ref<string | null>(null);
+let cleanup: undefined | { destroy?: () => void };
+
+// Cache the renderer import — shared across all CodePreview instances
+let rendererPromise: Promise<{ renderComponent: Function }> | undefined;
+
+function getRenderer() {
+  rendererPromise ??= import('@ember/renderer') as any;
+  return rendererPromise!;
+}
+
+onMounted(async () => {
+  if (!inBrowser || !mountEl.value) return;
+
+  try {
+    const [mod, { renderComponent }] = await Promise.all([
+      props.loader ? props.loader() : import(/* @vite-ignore */ props.src!),
+      getRenderer(),
+    ]);
+
+    const component = mod?.default ?? mod;
+    cleanup = renderComponent(component, { into: mountEl.value });
+  } catch (err) {
+    console.error('[CodePreview] Failed to render:', err);
+    error.value = String(err);
+  }
+});
+
+onBeforeUnmount(() => {
+  cleanup?.destroy?.();
+  cleanup = undefined;
+});
+</script>
+
+<template>
+  <div class="ember-playground">
+    <div v-if="error" class="ember-playground__error">{{ error }}</div>
+    <div ref="mountEl"></div>
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+.ember-playground {
+  padding: 12px;
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 10px;
+}
+
+.ember-playground__error {
+  padding: 8px 12px;
+  margin-bottom: 8px;
+  border-radius: 6px;
+  background: var(--vp-c-danger-soft);
+  color: var(--vp-c-danger-1);
+  font-size: 13px;
+  font-family: var(--vp-font-family-mono);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+</style>