@emberkit/core 0.1.2 → 0.2.1

package/dist/signals/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/signals/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/dist/signals/types.d.ts

@@ -0,0 +1,23 @@
+export interface SignalOptions<T> {
+    equals?: (prev: T, next: T) => boolean;
+}
+export interface Signal<T> {
+    value: T;
+    readonly peek: () => T;
+    subscribe: (fn: (v: T) => void) => () => void;
+}
+export interface ReadonlySignal<T> {
+    readonly value: T;
+    readonly peek: () => T;
+    subscribe: (fn: (v: T) => void) => () => void;
+}
+export interface WritableSignal<T> extends Signal<T> {
+    value: T;
+}
+export interface EffectCleanup {
+    readonly: () => void;
+}
+export type EffectCallback = () => void | (() => void);
+export type EqualityFn<T> = (prev: T, next: T) => boolean;
+export declare const DEFAULT_EQUALS: <T>(prev: T, next: T) => boolean;
+//# sourceMappingURL=types.d.ts.map

package/dist/signals/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/signals/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACxC;AAED,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IAClB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,MAAM,CAAC,CAAC,CAAC;IAClD,KAAK,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AAEvD,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;AAE1D,eAAO,MAAM,cAAc,GAAI,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,YAAkB,CAAC"}

package/dist/ssg/index.d.ts

@@ -0,0 +1,38 @@
+export interface SSGConfig {
+    outDir: string;
+    routes: string[];
+    prerender?: boolean;
+    cacheControl?: string;
+}
+export interface SSGManifest {
+    pages: Map<string, string>;
+    errors: Map<string, Error>;
+    buildTime: number;
+}
+export interface StaticPage {
+    path: string;
+    html: string;
+    status: number;
+    headers: Record<string, string>;
+}
+export declare class SSGBuilder {
+    private config;
+    private manifest;
+    constructor(config: SSGConfig);
+    build(renderFn: (path: string) => Promise<string>): Promise<SSGManifest>;
+    getManifest(): SSGManifest;
+    getBuildStats(): {
+        pages: number;
+        errors: number;
+        time: number;
+    };
+}
+export declare function generateStaticPages(routes: string[], renderFn: (path: string) => Promise<string>, options?: Partial<SSGConfig>): Promise<SSGManifest>;
+export declare function createSSGManifest(pages: StaticPage[]): SSGManifest;
+export declare function serializeManifest(manifest: SSGManifest): string;
+export declare function deserializeManifest(json: string): SSGManifest;
+export declare const STATIC_ROUTE_PATTERNS: string[];
+export declare function isStaticRoute(path: string): boolean;
+export declare function crawlRoutes(startPath: string, shouldCrawl: (path: string) => Promise<boolean>, getLinks: (html: string) => string[]): Promise<string[]>;
+export declare function estimateBuildTime(pages: number): number;
+//# sourceMappingURL=index.d.ts.map

package/dist/ssg/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ssg/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAED,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,QAAQ,CAAc;gBAElB,MAAM,EAAE,SAAS;IAcvB,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,CAAC;IAkC9E,WAAW,IAAI,WAAW;IAI1B,aAAa,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE;CAOjE;AAED,wBAAsB,mBAAmB,CACvC,MAAM,EAAE,MAAM,EAAE,EAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,EAC3C,OAAO,GAAE,OAAO,CAAC,SAAS,CAAM,GAC/B,OAAO,CAAC,WAAW,CAAC,CAQtB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,WAAW,CAMlE;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,WAAW,GAAG,MAAM,CAM/D;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAQ7D;AAED,eAAO,MAAM,qBAAqB,UAMjC,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAOnD;AAED,wBAAsB,WAAW,CAC/B,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,EAC/C,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,GACnC,OAAO,CAAC,MAAM,EAAE,CAAC,CA0BnB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEvD"}

package/dist/ssr/helpers/render-html.d.ts

@@ -0,0 +1,16 @@
+import type { JSXNode } from '../../runtime/types.js';
+export declare function renderToHTMLString(element: JSXNode | null): string;
+export declare function renderChildrenToHTML(children: (string | number | JSXNode)[]): string;
+export declare function createHtmlDocument(html: string, options?: {
+    title?: string;
+    lang?: string;
+    doctype?: string;
+    baseUrl?: string;
+    headExtra?: string;
+}): string;
+export declare function escapeHtml(text: string): string;
+export declare function createMetaTags(meta: Record<string, string>): string;
+export declare function createLinkTags(links: Record<string, string>): string;
+export declare function createScriptTags(scripts: string[]): string;
+export declare function createStyleTags(styles: string[]): string;
+//# sourceMappingURL=render-html.d.ts.map

package/dist/ssr/helpers/render-html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-html.d.ts","sourceRoot":"","sources":["../../../src/ssr/helpers/render-html.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAc,MAAM,wBAAwB,CAAC;AAElE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,MAAM,CAQlE;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,EAAE,GAAG,MAAM,CAEpF;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACf,GACL,MAAM,CAgBR;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO/C;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAInE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAIpE;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAE1D;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAExD"}

package/dist/ssr/helpers/ssr.d.ts

@@ -0,0 +1,14 @@
+import type { JSXNode } from '../../runtime/types.js';
+import type { LoaderResult } from '../../loader/types.js';
+import type { SSRRenderOptions, SSRRenderResult } from '../types.js';
+export declare function renderSSR(element: JSXNode | null, options?: SSRRenderOptions): SSRRenderResult;
+export declare function renderSSRWithError(element: JSXNode | null, error: LoaderResult<unknown> | null, options?: SSRRenderOptions): SSRRenderResult;
+export declare function renderSSRWithHeaders(element: JSXNode | null, headers: Record<string, string>, options?: SSRRenderOptions): SSRRenderResult;
+export declare function createStreamingRenderer(): {
+    write(html: string): void;
+    writeChunk(type: "html" | "status" | "error", content: string): void;
+    end(): string;
+    reset(): void;
+};
+export declare function injectScripts(html: string, scripts: string[]): string;
+//# sourceMappingURL=ssr.d.ts.map

package/dist/ssr/helpers/ssr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr.d.ts","sourceRoot":"","sources":["../../../src/ssr/helpers/ssr.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGrE,wBAAgB,SAAS,CACvB,OAAO,EAAE,OAAO,GAAG,IAAI,EACvB,OAAO,GAAE,gBAAqB,GAC7B,eAAe,CAsBjB;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,OAAO,GAAG,IAAI,EACvB,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,EACnC,OAAO,GAAE,gBAAqB,GAC7B,eAAe,CAuBjB;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,OAAO,GAAG,IAAI,EACvB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC/B,OAAO,GAAE,gBAAqB,GAC7B,eAAe,CAQjB;AAED,wBAAgB,uBAAuB;gBAIvB,MAAM,GAAG,IAAI;qBAIR,MAAM,GAAG,QAAQ,GAAG,OAAO,WAAW,MAAM,GAAG,IAAI;WAU7D,MAAM;aAIJ,IAAI;EAIhB;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAWrE"}

package/dist/ssr/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types.js';
+export * from './helpers/render-html.js';
+export * from './helpers/ssr.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ssr/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ssr/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC"}

package/dist/ssr/types.d.ts

@@ -0,0 +1,29 @@
+import type { LoaderResult } from '../loader/types.js';
+export interface SSRContext {
+    request: Request;
+    params: Record<string, string>;
+    query: Record<string, string | string[]>;
+    loaderData: Record<string, LoaderResult<unknown>>;
+}
+export interface SSRRenderOptions {
+    doctype?: string;
+    title?: string;
+    lang?: string;
+    baseUrl?: string;
+    streaming?: boolean;
+    headExtra?: string;
+}
+export interface SSRRenderResult {
+    html: string;
+    status: number;
+    headers: Headers;
+}
+export interface StreamChunk {
+    type: 'html' | 'error' | 'status';
+    content: string;
+}
+export declare const DEFAULT_DOCTYPE = "<!DOCTYPE html>";
+export declare const DEFAULT_LANG = "en";
+export declare const STATUS_CODES: Record<number, string>;
+export declare function getStatusText(status: number): string;
+//# sourceMappingURL=types.d.ts.map

package/dist/ssr/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ssr/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IACzC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,YAAY,OAAO,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAkB/C,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEpD"}

package/dist/vite-plugin/index.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'vite';
+import type { EmberKitPluginOptions, EmberKitMode } from './types.js';
+export declare function emberkitVitePlugin(userOptions?: EmberKitPluginOptions): Plugin;
+export type { EmberKitPluginOptions, EmberKitMode };
+//# sourceMappingURL=index.d.ts.map

package/dist/vite-plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite-plugin/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAqBtE,wBAAgB,kBAAkB,CAAC,WAAW,GAAE,qBAA0B,GAAG,MAAM,CA+ElF;AAwoBD,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}

package/dist/vite-plugin/index.js

@@ -2,6 +2,8 @@ import { DEFAULT_CONFIG } from './types.js';
 import { readdirSync, statSync } from 'node:fs';
 import { join, relative, dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
+import { compile } from '@mdx-js/mdx';
+import remarkGfm from 'remark-gfm';
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const VIRTUAL_EMBERKIT_CONFIG = 'virtual:emberkit-config';
 const VIRTUAL_EMBERKIT_ROUTES = 'virtual:emberkit-routes';
@@ -71,7 +73,10 @@ export function emberkitVitePlugin(userOptions = {}) {
                 }
                 return null;
             }
-            if (isMD || isMDX) {
+            if (isMDX) {
+                return transformMDX(code, id);
+            }
+            if (isMD) {
                 return transformMarkdownToJSX(code, id, options);
             }
             return code;
@@ -128,6 +133,122 @@ export default function MDComponent(props) {
 `;
     return { code: componentCode };
 }
+async function transformMDX(code, id) {
+    const frontmatterMatch = code.match(/^---\n([\s\S]*?)\n---\n?/);
+    let frontmatter = {};
+    let content = code;
+    if (frontmatterMatch) {
+        const fmContent = frontmatterMatch[1];
+        frontmatter = parseFrontmatter(fmContent);
+        content = code.slice(frontmatterMatch[0].length);
+    }
+    // Extract code blocks before MDX compilation to preserve syntax
+    const codeBlocks = [];
+    let processedContent = content.replace(/```(\w*)\n([\s\S]*?)```/g, (_match, lang, blockCode) => {
+        const html = renderCodeBlock(lang, blockCode);
+        codeBlocks.push({ html, index: codeBlocks.length });
+        return `<CodeBlock_${codeBlocks.length - 1} />`;
+    });
+    const compiled = await compile(processedContent, {
+        outputFormat: 'program',
+        development: false,
+        jsx: false,
+        jsxImportSource: '@emberkit/core',
+        remarkPlugins: [remarkGfm],
+    });
+    let compiledCode = String(compiled);
+    // Build code block component definitions
+    const codeBlockComponents = codeBlocks
+        .map((block) => {
+        const escapedHtml = JSON.stringify(block.html);
+        return `function CodeBlock_${block.index}() {
+  return createElement('div', { 
+    dangerouslySetInnerHTML: { __html: ${escapedHtml} }
+  });
+}`;
+    })
+        .join('\n\n');
+    // Rename the MDX default export so we can wrap it
+    compiledCode = compiledCode.replace('export default function MDXContent', 'function _MDXContent');
+    const exportLines = [];
+    if (frontmatter.title) {
+        exportLines.push(`export const title = ${JSON.stringify(frontmatter.title)};`);
+    }
+    if (frontmatter.description) {
+        exportLines.push(`export const description = ${JSON.stringify(frontmatter.description)};`);
+    }
+    if (frontmatter.author) {
+        exportLines.push(`export const author = ${JSON.stringify(frontmatter.author)};`);
+    }
+    if (frontmatter.date) {
+        exportLines.push(`export const date = ${JSON.stringify(frontmatter.date)};`);
+    }
+    exportLines.push(`export const metadata = ${JSON.stringify(frontmatter)};`);
+    // Build components override object
+    const componentsOverride = codeBlocks.length > 0
+        ? `
+const _codeBlockComponents = {
+  ${codeBlocks.map(b => `CodeBlock_${b.index}`).join(', ')}
+};
+`
+        : '';
+    const componentCode = `
+import { createElement } from '@emberkit/core';
+
+${exportLines.join('\n')}
+
+${codeBlockComponents}
+${componentsOverride}
+
+${compiledCode}
+
+function _GfmTable(props) {
+  return createElement('div', { className: 'table-wrapper' },
+    createElement('table', { className: 'gfm-table' }, props.children)
+  );
+}
+
+function _GfmUl(props) {
+  return createElement('ul', { className: 'task-list' }, props.children);
+}
+
+function _GfmLi(props) {
+  return createElement('li', { className: 'task-item' }, props.children);
+}
+
+function _GfmDel(props) {
+  return createElement('span', { className: 'strikethrough' }, props.children);
+}
+
+function _GfmSup(props) {
+  return createElement('span', { className: 'footnote-ref' }, props.children);
+}
+
+export default function MDXComponent(props) {
+  const components = {
+    ...(props.components || {}),
+    ${codeBlocks.map(b => `CodeBlock_${b.index}`).join(', ')}
+  };
+  
+  return createElement('div', {
+    className: 'md-content md-doc',
+    'data-file': ${JSON.stringify(id)},
+    children: createElement(_MDXContent, { 
+      ...props, 
+      components: {
+        ...components,
+        table: _GfmTable,
+        ul: _GfmUl,
+        li: _GfmLi,
+        del: _GfmDel,
+        sup: _GfmSup,
+      }
+    })
+  });
+}
+`;
+    return { code: componentCode };
+}
 function parseFrontmatter(content) {
     const result = {};
     const lines = content.split('\n');
@@ -151,8 +272,13 @@ function parseFrontmatter(content) {
     return result;
 }
 function markdownToJSX(content, options) {
-    let html = content;
-    html = processCodeBlocks(html);
+    // Step 1: Extract all fenced code blocks before any markdown processing
+    const codeBlocks = [];
+    let html = content.replace(/```(\w*)\n([\s\S]*?)```/g, (_match, lang, code) => {
+        codeBlocks.push(renderCodeBlock(lang, code));
+        return `\n__CODE_BLOCK_${codeBlocks.length - 1}__\n`;
+    });
+    // Step 2: Process all other markdown (no backticks in code blocks to interfere)
     html = processHeadings(html);
     html = processHorizontalRules(html);
     html = processTables(html);
@@ -162,6 +288,8 @@ function markdownToJSX(content, options) {
     html = processBlockquotes(html);
     html = processEmphasis(html);
     html = processParagraphs(html, options.breaks);
+    // Step 3: Restore code blocks
+    html = html.replace(/__CODE_BLOCK_(\d+)__/g, (_, index) => codeBlocks[Number(index)]);
     return html;
 }
 function processHeadings(html) {
@@ -170,24 +298,22 @@ function processHeadings(html) {
         return `<h${hashes.length} id="${id}">${text}</h${hashes.length}>`;
     });
 }
-function processCodeBlocks(html) {
-    return html.replace(/```(\w*)\n([\s\S]*?)```/g, (_match, lang, code) => {
-        let highlighted = code.trim();
-        if (lang === 'ts' || lang === 'tsx' || lang === 'js' || lang === 'jsx' || lang === 'typescript' || lang === 'javascript') {
-            highlighted = highlightTS(highlighted);
-        }
-        else if (lang === 'bash' || lang === 'sh' || lang === 'shell') {
-            highlighted = highlightBash(highlighted);
-        }
-        else if (lang === 'json') {
-            highlighted = highlightJSON(highlighted);
-        }
-        else {
-            highlighted = escapeHtml(highlighted);
-        }
-        const langAttr = lang ? ` data-lang="${lang}"` : '';
-        return `<pre${langAttr}><button class="copy-btn" onclick="(async()=>{await navigator.clipboard.writeText(this.closest('pre').querySelector('code').textContent);this.textContent='Copied!';setTimeout(()=>this.textContent='Copy',1500)})()"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg> Copy</button><code class="language-${lang}">${highlighted}</code></pre>`;
-    });
+function renderCodeBlock(lang, code) {
+    let highlighted = code.trim();
+    if (lang === 'ts' || lang === 'tsx' || lang === 'js' || lang === 'jsx' || lang === 'typescript' || lang === 'javascript') {
+        highlighted = highlightTS(highlighted);
+    }
+    else if (lang === 'bash' || lang === 'sh' || lang === 'shell') {
+        highlighted = highlightBash(highlighted);
+    }
+    else if (lang === 'json') {
+        highlighted = highlightJSON(highlighted);
+    }
+    else {
+        highlighted = escapeHtml(highlighted);
+    }
+    const langAttr = lang ? ` data-lang="${lang}"` : '';
+    return `<pre${langAttr}><button class="copy-btn" onclick="(async()=>{await navigator.clipboard.writeText(this.closest('pre').querySelector('code').textContent);this.textContent='Copied!';setTimeout(()=>this.textContent='Copy',1500)})()"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg> Copy</button><code class="language-${lang}">${highlighted}</code></pre>`;
 }
 function escapeHtml(text) {
     return text

package/dist/vite-plugin/types.d.ts

@@ -0,0 +1,36 @@
+import type { Plugin } from 'vite';
+export type EmberKitMode = 'static' | 'ssr' | 'spa' | 'hybrid';
+export interface EmberKitPluginOptions {
+    mode?: EmberKitMode;
+    routeDir?: string;
+    outputDir?: string;
+    jsx?: 'automatic' | 'classic';
+    markdown?: Partial<MarkdownConfig>;
+    mdx?: MDXConfig;
+}
+export interface MarkdownConfig {
+    gfm: boolean;
+    breaks: boolean;
+    html: boolean;
+    tables: boolean;
+}
+export interface MDXConfig {
+    components?: Record<string, string>;
+    scope?: Record<string, unknown>;
+}
+export type EmberKitPlugin = (options?: EmberKitPluginOptions) => Plugin;
+export declare const DEFAULT_CONFIG: {
+    readonly mode: "hybrid";
+    readonly routeDir: "src/routes";
+    readonly outputDir: "dist";
+    readonly jsx: "automatic";
+    readonly markdown: {
+        readonly gfm: true;
+        readonly breaks: false;
+        readonly html: true;
+        readonly tables: true;
+    };
+    readonly mdx: {};
+};
+export type ResolvedConfig = typeof DEFAULT_CONFIG & EmberKitPluginOptions;
+//# sourceMappingURL=types.d.ts.map

package/dist/vite-plugin/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/vite-plugin/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAGnC,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,OAAO,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,EAAE,qBAAqB,KAAK,MAAM,CAAC;AAEzE,eAAO,MAAM,cAAc;;;;;;;;;;;;CAYjB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,GAAG,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emberkit/core",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "type": "module",
   "description": "Lightweight TypeScript-first JSX framework core",
   "license": "Apache-2.0",
@@ -21,6 +21,9 @@
   "sideEffects": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
   "files": [
     "dist"
   ],
@@ -43,6 +46,8 @@
     }
   },
   "dependencies": {
+    "@mdx-js/mdx": "^3.1.1",
+    "remark-gfm": "^4.0.0",
     "vite": "^6.0.0"
   },
   "devDependencies": {