@emberkit/core 0.2.0 → 0.2.3

package/dist/vite-plugin/index.js

@@ -1,9 +1,10 @@
 import { DEFAULT_CONFIG } from './types.js';
-import { readdirSync, statSync } from 'node:fs';
+import { readdirSync, statSync, existsSync } 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';
+import { compression } from 'vite-plugin-compression2';
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const VIRTUAL_EMBERKIT_CONFIG = 'virtual:emberkit-config';
 const VIRTUAL_EMBERKIT_ROUTES = 'virtual:emberkit-routes';
@@ -23,11 +24,20 @@ export function emberkitVitePlugin(userOptions = {}) {
         config() {
             const pkgRoot = resolve(__dirname, '..', '..');
             const srcDir = join(pkgRoot, 'src');
+            const plugins = [];
+            if (options.compression?.gzip) {
+                plugins.push(compression({ algorithm: 'gzip' }));
+            }
+            if (options.compression?.brotli) {
+                plugins.push(compression({ algorithm: 'brotliCompress' }));
+            }
+            const isWorkspace = existsSync(join(pkgRoot, 'src', 'index.ts'));
             return {
+                plugins,
                 resolve: {
-                    alias: {
+                    alias: isWorkspace ? {
                         '@emberkit/core': srcDir,
-                    },
+                    } : {},
                 },
                 esbuild: {
                     jsxImportSource: '@emberkit/core',
@@ -144,7 +154,7 @@ async function transformMDX(code, id) {
     }
     // Extract code blocks before MDX compilation to preserve syntax
     const codeBlocks = [];
-    let processedContent = content.replace(/```(\w*)\n([\s\S]*?)```/g, (_match, lang, blockCode) => {
+    const 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} />`;
@@ -188,7 +198,7 @@ async function transformMDX(code, id) {
     const componentsOverride = codeBlocks.length > 0
         ? `
 const _codeBlockComponents = {
-  ${codeBlocks.map(b => `CodeBlock_${b.index}`).join(', ')}
+  ${codeBlocks.map((b) => `CodeBlock_${b.index}`).join(', ')}
 };
 `
         : '';
@@ -227,7 +237,7 @@ function _GfmSup(props) {
 export default function MDXComponent(props) {
   const components = {
     ...(props.components || {}),
-    ${codeBlocks.map(b => `CodeBlock_${b.index}`).join(', ')}
+    ${codeBlocks.map((b) => `CodeBlock_${b.index}`).join(', ')}
   };
   
   return createElement('div', {
@@ -265,7 +275,10 @@ function parseFrontmatter(content) {
         else if (!isNaN(Number(value)))
             value = Number(value);
         else if (typeof value === 'string' && value.startsWith('[')) {
-            value = value.replace(/[\[\]]/g, '').split(',').map((s) => s.trim());
+            value = value
+                .replace(/[\[\]]/g, '')
+                .split(',')
+                .map((s) => s.trim());
         }
         result[key] = value;
     }
@@ -300,7 +313,12 @@ function processHeadings(html) {
 }
 function renderCodeBlock(lang, code) {
     let highlighted = code.trim();
-    if (lang === 'ts' || lang === 'tsx' || lang === 'js' || lang === 'jsx' || lang === 'typescript' || lang === 'javascript') {
+    if (lang === 'ts' ||
+        lang === 'tsx' ||
+        lang === 'js' ||
+        lang === 'jsx' ||
+        lang === 'typescript' ||
+        lang === 'javascript') {
         highlighted = highlightTS(highlighted);
     }
     else if (lang === 'bash' || lang === 'sh' || lang === 'shell') {
@@ -316,19 +334,109 @@ function renderCodeBlock(lang, code) {
     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
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;');
+    return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
 }
 function highlightTS(code) {
     const tokens = [];
     let remaining = code;
-    const controlFlow = new Set(['if', 'else', 'for', 'while', 'do', 'switch', 'case', 'break', 'continue', 'return', 'throw', 'try', 'catch', 'finally']);
-    const declarations = new Set(['import', 'export', 'from', 'const', 'let', 'var', 'function', 'class', 'extends', 'super', 'enum', 'type', 'interface', 'module', 'namespace', 'declare', 'new', 'delete', 'typeof', 'instanceof', 'in', 'of', 'default', 'as', 'satisfies', 'keyof', 'infer', 'is', 'asserts', 'abstract', 'implements']);
-    const modifiers = new Set(['readonly', 'public', 'private', 'protected', 'static', 'abstract', 'async', 'override']);
+    const controlFlow = new Set([
+        'if',
+        'else',
+        'for',
+        'while',
+        'do',
+        'switch',
+        'case',
+        'break',
+        'continue',
+        'return',
+        'throw',
+        'try',
+        'catch',
+        'finally',
+    ]);
+    const declarations = new Set([
+        'import',
+        'export',
+        'from',
+        'const',
+        'let',
+        'var',
+        'function',
+        'class',
+        'extends',
+        'super',
+        'enum',
+        'type',
+        'interface',
+        'module',
+        'namespace',
+        'declare',
+        'new',
+        'delete',
+        'typeof',
+        'instanceof',
+        'in',
+        'of',
+        'default',
+        'as',
+        'satisfies',
+        'keyof',
+        'infer',
+        'is',
+        'asserts',
+        'abstract',
+        'implements',
+    ]);
+    const modifiers = new Set([
+        'readonly',
+        'public',
+        'private',
+        'protected',
+        'static',
+        'abstract',
+        'async',
+        'override',
+    ]);
     const literals = new Set(['true', 'false', 'null', 'undefined', 'this']);
-    const builtins = new Set(['console', 'document', 'window', 'Math', 'JSON', 'Array', 'Object', 'String', 'Number', 'Boolean', 'Promise', 'Map', 'Set', 'RegExp', 'Date', 'Error', 'Symbol', 'Record', 'Partial', 'Required', 'Pick', 'Omit', 'Exclude', 'Extract', 'ReturnType', 'Parameters', 'JSX', 'FC', 'Props', 'State', 'Effect', 'Memo', 'Signal', 'Ref', 'Context', 'React']);
+    const builtins = new Set([
+        'console',
+        'document',
+        'window',
+        'Math',
+        'JSON',
+        'Array',
+        'Object',
+        'String',
+        'Number',
+        'Boolean',
+        'Promise',
+        'Map',
+        'Set',
+        'RegExp',
+        'Date',
+        'Error',
+        'Symbol',
+        'Record',
+        'Partial',
+        'Required',
+        'Pick',
+        'Omit',
+        'Exclude',
+        'Extract',
+        'ReturnType',
+        'Parameters',
+        'JSX',
+        'FC',
+        'Props',
+        'State',
+        'Effect',
+        'Memo',
+        'Signal',
+        'Ref',
+        'Context',
+        'React',
+    ]);
     while (remaining.length > 0) {
         let m;
         // Multi-line comment
@@ -419,7 +527,33 @@ function highlightTS(code) {
         }
         // JSX prop name (word followed by =)
         m = remaining.match(/^([a-zA-Z_][\w.]*)\s*(?==)/);
-        if (m && !['if', 'else', 'for', 'while', 'switch', 'case', 'return', 'import', 'export', 'from', 'const', 'let', 'var', 'function', 'class', 'new', 'typeof', 'instanceof', 'void', 'null', 'undefined', 'true', 'false', 'this'].includes(m[1])) {
+        if (m &&
+            ![
+                'if',
+                'else',
+                'for',
+                'while',
+                'switch',
+                'case',
+                'return',
+                'import',
+                'export',
+                'from',
+                'const',
+                'let',
+                'var',
+                'function',
+                'class',
+                'new',
+                'typeof',
+                'instanceof',
+                'void',
+                'null',
+                'undefined',
+                'true',
+                'false',
+                'this',
+            ].includes(m[1])) {
             tokens.push(`<span class="attr">${escapeHtml(m[1])}</span>`);
             remaining = remaining.slice(m[1].length);
             continue;
@@ -502,7 +636,8 @@ function highlightInlineExpr(code) {
 }
 function highlightBash(code) {
     const lines = code.split('\n');
-    return lines.map(line => {
+    return lines
+        .map((line) => {
         const trimmed = line.trimStart();
         // Comment
         if (trimmed.startsWith('#')) {
@@ -537,7 +672,35 @@ function highlightBash(code) {
             // Word (potential command)
             m = remaining.match(/^([a-zA-Z][\w-]*)/);
             if (m) {
-                const cmds = new Set(['sudo', 'cd', 'mkdir', 'rm', 'cp', 'mv', 'ls', 'cat', 'echo', 'npm', 'pnpm', 'yarn', 'git', 'curl', 'chmod', 'export', 'source', 'node', 'npx', 'bun', 'deno', 'grep', 'awk', 'sed', 'find', 'docker', 'kubectl']);
+                const cmds = new Set([
+                    'sudo',
+                    'cd',
+                    'mkdir',
+                    'rm',
+                    'cp',
+                    'mv',
+                    'ls',
+                    'cat',
+                    'echo',
+                    'npm',
+                    'pnpm',
+                    'yarn',
+                    'git',
+                    'curl',
+                    'chmod',
+                    'export',
+                    'source',
+                    'node',
+                    'npx',
+                    'bun',
+                    'deno',
+                    'grep',
+                    'awk',
+                    'sed',
+                    'find',
+                    'docker',
+                    'kubectl',
+                ]);
                 tokens.push(cmds.has(m[1]) ? `<span class="kw">${m[1]}</span>` : m[1]);
                 remaining = remaining.slice(m[1].length);
                 continue;
@@ -547,7 +710,8 @@ function highlightBash(code) {
             remaining = remaining.slice(1);
         }
         return tokens.join('');
-    }).join('\n');
+    })
+        .join('\n');
 }
 function highlightJSON(code) {
     let result = escapeHtml(code);
@@ -568,10 +732,14 @@ function processTables(html) {
     while (i < lines.length) {
         // Check if this line and the next look like a table
         if (i + 1 < lines.length &&
-            lines[i].trim().startsWith('|') && lines[i].trim().endsWith('|') &&
+            lines[i].trim().startsWith('|') &&
+            lines[i].trim().endsWith('|') &&
             lines[i + 1].trim().match(/^\|[\s\-:|]+\|$/)) {
             // Parse header row
-            const headerCells = lines[i].trim().split('|').filter(c => c.trim() !== '');
+            const headerCells = lines[i]
+                .trim()
+                .split('|')
+                .filter((c) => c.trim() !== '');
             result.push('<table>');
             result.push('<thead><tr>');
             for (const cell of headerCells) {
@@ -583,7 +751,10 @@ function processTables(html) {
             i += 2;
             // Parse data rows
             while (i < lines.length && lines[i].trim().startsWith('|') && lines[i].trim().endsWith('|')) {
-                const cells = lines[i].trim().split('|').filter(c => c.trim() !== '');
+                const cells = lines[i]
+                    .trim()
+                    .split('|')
+                    .filter((c) => c.trim() !== '');
                 result.push('<tr>');
                 for (const cell of cells) {
                     result.push(`<td>${cell.trim()}</td>`);
@@ -690,7 +861,8 @@ function processEmphasis(html) {
 function processParagraphs(html, breaks) {
     // Split on pre blocks to avoid processing code content
     const parts = html.split(/(<pre[\s\S]*?<\/pre>)/);
-    return parts.map((part) => {
+    return parts
+        .map((part) => {
         // Don't process content inside pre tags
         if (part.startsWith('<pre'))
             return part;
@@ -700,8 +872,12 @@ function processParagraphs(html, breaks) {
             p = p.trim();
             if (!p)
                 return '';
-            if (p.startsWith('<h') || p.startsWith('<ul') || p.startsWith('<ol') ||
-                p.startsWith('<pre') || p.startsWith('<blockquote') || p.startsWith('<table') ||
+            if (p.startsWith('<h') ||
+                p.startsWith('<ul') ||
+                p.startsWith('<ol') ||
+                p.startsWith('<pre') ||
+                p.startsWith('<blockquote') ||
+                p.startsWith('<table') ||
                 p.startsWith('<hr')) {
                 return p;
             }
@@ -709,7 +885,8 @@ function processParagraphs(html, breaks) {
             return `<p>${p}</p>`;
         })
             .join('\n');
-    }).join('');
+    })
+        .join('');
 }
 function scanRouteFiles(dir) {
     const files = [];
@@ -746,7 +923,9 @@ function generateRoutesCode(files, routeDir) {
         const ext = file.split('.').pop() ?? '';
         const isMarkdown = ext === 'md' || ext === 'mdx';
         // Skip special files
-        if (relativePath.includes('_layout') || relativePath.includes('_error') || relativePath.includes('_loading')) {
+        if (relativePath.includes('_layout') ||
+            relativePath.includes('_error') ||
+            relativePath.includes('_loading')) {
             continue;
         }
         // Skip API routes

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

@@ -0,0 +1,44 @@
+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;
+    compression?: {
+        gzip?: boolean;
+        brotli?: boolean;
+    };
+}
+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: {};
+    readonly compression: {
+        readonly gzip: true;
+        readonly brotli: true;
+    };
+};
+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;IAChB,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH;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;;;;;;;;;;;;;;;;CAgBjB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,GAAG,qBAAqB,CAAC"}

package/dist/vite-plugin/types.js

@@ -10,4 +10,8 @@ export const DEFAULT_CONFIG = {
         tables: true,
     },
     mdx: {},
+    compression: {
+        gzip: true,
+        brotli: true,
+    },
 };

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@emberkit/core",
-  "version": "0.2.0",
+  "version": "0.2.3",
   "type": "module",
+  "private": false,
   "description": "Lightweight TypeScript-first JSX framework core",
   "license": "Apache-2.0",
   "repository": {
@@ -45,14 +46,6 @@
       "types": "./dist/jsx-dev-runtime.d.ts"
     }
   },
-  "scripts": {
-    "build": "tsc --build",
-    "dev": "tsc --build --watch",
-    "lint": "eslint src --ext .ts,.tsx",
-    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
-    "test": "vitest",
-    "typecheck": "tsc --noEmit"
-  },
   "dependencies": {
     "@mdx-js/mdx": "^3.1.1",
     "remark-gfm": "^4.0.0",
@@ -66,6 +59,15 @@
     "eslint-plugin-perfectionist": "^5.9.0",
     "jsdom": "^29.1.1",
     "typescript-eslint": "^8.59.3",
+    "vite-plugin-compression2": "^2.5.3",
     "vitest": "^3.0.0"
+  },
+  "scripts": {
+    "build": "tsc --build",
+    "dev": "tsc --build --watch",
+    "lint": "eslint src --ext .ts,.tsx",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit"
   }
-}
+}