@jianwen-lang/parser 0.1.1 → 0.1.3

package/dist/html/theme/light/css.js

@@ -40,6 +40,30 @@ const LIGHT_CSS = `
   --jw-task-not-done-cross: #ffffff;
   --jw-task-in-progress: #555555;
 
+  --jw-strong-color: #2b2f39;
+  --jw-strong-weight: 700;
+  --jw-underline-color: #1d4ed8;
+  --jw-underline-thickness: 0.08em;
+  --jw-underline-offset: 0.12em;
+  --jw-wave-color: #1d4ed8;
+  --jw-strike-color: #767676;
+
+  --jw-table-border-color: #d1d5db;
+  --jw-table-header-bg: #f0f3f6;
+  --jw-table-header-text: #3f4654;
+  --jw-table-row-bg: #ffffff;
+  --jw-table-row-alt-bg: #f9fafb;
+
+  --jw-code-block-bg: #f5f5f5;
+  --jw-code-border-color: #dddddd;
+  --jw-code-header-bg: rgba(0, 0, 0, 0.04);
+  --jw-code-header-text: #5f6672;
+  --jw-code-lang-bg: rgba(0, 0, 0, 0.06);
+  --jw-code-lang-text: #4b5563;
+  --jw-code-copy-border: #c9ced6;
+  --jw-code-copy-hover-bg: rgba(0, 0, 0, 0.08);
+  --jw-code-line-number-color: #9aa0ad;
+
   --jw-color-red: ${PRESET_COLORS.red};
   --jw-color-orange: ${PRESET_COLORS.orange};
   --jw-color-yellow: ${PRESET_COLORS.yellow};

package/dist/html/theme/theme.d.ts

@@ -1,9 +1,31 @@
 export type DocumentTheme = 'light' | 'dark' | 'auto';
+export type ThemeCssPreset = 'default' | 'none';
+type PresetColorName = 'red' | 'orange' | 'yellow' | 'green' | 'cyan' | 'blue' | 'purple' | 'black' | 'darkgray' | 'gray';
+export declare const JIANWEN_THEME_TOKEN_KEYS: readonly ["--jw-line-height-base", "--jw-block-spacing", "--jw-nested-list-gap", "--jw-quote-gap", "--jw-bg-color", "--jw-text-color", "--jw-link-color", "--jw-quote-border-color", "--jw-quote-border-color-2", "--jw-quote-border-color-3", "--jw-quote-background", "--jw-quote-text", "--jw-border-color", "--jw-border-color-subtle", "--jw-border-color-strong", "--jw-text-muted", "--jw-text-subtle", "--jw-text-strong", "--jw-text-faint", "--jw-surface-code", "--jw-surface-task", "--jw-surface-overlay-1", "--jw-surface-overlay-2", "--jw-surface-overlay-3", "--jw-highlight-marker", "--jw-task-done-bg", "--jw-task-done-text", "--jw-task-not-done-cross", "--jw-task-in-progress", "--jw-color-red", "--jw-color-orange", "--jw-color-yellow", "--jw-color-green", "--jw-color-cyan", "--jw-color-blue", "--jw-color-purple", "--jw-color-black", "--jw-color-darkgray", "--jw-color-gray", "--jw-strong-color", "--jw-strong-weight", "--jw-underline-color", "--jw-underline-thickness", "--jw-underline-offset", "--jw-wave-color", "--jw-strike-color", "--jw-table-border-color", "--jw-table-header-bg", "--jw-table-header-text", "--jw-table-row-bg", "--jw-table-row-alt-bg", "--jw-code-block-bg", "--jw-code-border-color", "--jw-code-header-bg", "--jw-code-header-text", "--jw-code-lang-bg", "--jw-code-lang-text", "--jw-code-copy-border", "--jw-code-copy-hover-bg", "--jw-code-line-number-color"];
+export type JianwenThemeTokenKey = (typeof JIANWEN_THEME_TOKEN_KEYS)[number];
+export type JianwenThemeTokenValues = Record<JianwenThemeTokenKey, string>;
+export type JianwenThemeTokenOverrides = Partial<JianwenThemeTokenValues>;
+export interface JianwenThemeConfig {
+    light?: JianwenThemeTokenOverrides;
+    dark?: JianwenThemeTokenOverrides;
+    includeAutoDark?: boolean;
+}
 export interface ThemeCssBundle {
     baseCss: string;
     lightCss: string;
     darkCss: string;
 }
+export interface ComposeThemeCssOptions {
+    preset?: ThemeCssPreset;
+    theme?: JianwenThemeConfig;
+    extraCss?: string;
+}
 export declare const DEFAULT_THEME: ThemeCssBundle;
+export declare const PRESET_COLORS: Record<PresetColorName, string> & Record<string, string>;
+export declare const DEFAULT_THEME_TOKENS_LIGHT: JianwenThemeTokenValues;
+export declare const DEFAULT_THEME_TOKENS_DARK: JianwenThemeTokenValues;
+export declare const DEFAULT_THEME_CONFIG: JianwenThemeConfig;
 export declare const DEFAULT_CSS: string;
-export declare const PRESET_COLORS: Record<string, string>;
+export declare function renderThemeTokenCss(theme: JianwenThemeConfig): string;
+export declare function composeThemeCss(options?: ComposeThemeCssOptions): string;
+export {};

package/dist/html/theme/theme.js

@@ -3,19 +3,259 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PRESET_COLORS = exports.DEFAULT_CSS = exports.DEFAULT_THEME = void 0;
+exports.DEFAULT_CSS = exports.DEFAULT_THEME_CONFIG = exports.DEFAULT_THEME_TOKENS_DARK = exports.DEFAULT_THEME_TOKENS_LIGHT = exports.PRESET_COLORS = exports.DEFAULT_THEME = exports.JIANWEN_THEME_TOKEN_KEYS = void 0;
+exports.renderThemeTokenCss = renderThemeTokenCss;
+exports.composeThemeCss = composeThemeCss;
 const css_1 = __importDefault(require("./base/css"));
 const css_2 = __importDefault(require("./dark/css"));
 const css_3 = __importDefault(require("./light/css"));
 const colors_1 = __importDefault(require("./preset/colors"));
+exports.JIANWEN_THEME_TOKEN_KEYS = [
+    '--jw-line-height-base',
+    '--jw-block-spacing',
+    '--jw-nested-list-gap',
+    '--jw-quote-gap',
+    '--jw-bg-color',
+    '--jw-text-color',
+    '--jw-link-color',
+    '--jw-quote-border-color',
+    '--jw-quote-border-color-2',
+    '--jw-quote-border-color-3',
+    '--jw-quote-background',
+    '--jw-quote-text',
+    '--jw-border-color',
+    '--jw-border-color-subtle',
+    '--jw-border-color-strong',
+    '--jw-text-muted',
+    '--jw-text-subtle',
+    '--jw-text-strong',
+    '--jw-text-faint',
+    '--jw-surface-code',
+    '--jw-surface-task',
+    '--jw-surface-overlay-1',
+    '--jw-surface-overlay-2',
+    '--jw-surface-overlay-3',
+    '--jw-highlight-marker',
+    '--jw-task-done-bg',
+    '--jw-task-done-text',
+    '--jw-task-not-done-cross',
+    '--jw-task-in-progress',
+    '--jw-color-red',
+    '--jw-color-orange',
+    '--jw-color-yellow',
+    '--jw-color-green',
+    '--jw-color-cyan',
+    '--jw-color-blue',
+    '--jw-color-purple',
+    '--jw-color-black',
+    '--jw-color-darkgray',
+    '--jw-color-gray',
+    '--jw-strong-color',
+    '--jw-strong-weight',
+    '--jw-underline-color',
+    '--jw-underline-thickness',
+    '--jw-underline-offset',
+    '--jw-wave-color',
+    '--jw-strike-color',
+    '--jw-table-border-color',
+    '--jw-table-header-bg',
+    '--jw-table-header-text',
+    '--jw-table-row-bg',
+    '--jw-table-row-alt-bg',
+    '--jw-code-block-bg',
+    '--jw-code-border-color',
+    '--jw-code-header-bg',
+    '--jw-code-header-text',
+    '--jw-code-lang-bg',
+    '--jw-code-lang-text',
+    '--jw-code-copy-border',
+    '--jw-code-copy-hover-bg',
+    '--jw-code-line-number-color',
+];
 exports.DEFAULT_THEME = {
     baseCss: String(css_1.default),
     lightCss: String(css_3.default),
     darkCss: String(css_2.default),
 };
+exports.PRESET_COLORS = colors_1.default;
+exports.DEFAULT_THEME_TOKENS_LIGHT = {
+    '--jw-line-height-base': '1.7',
+    '--jw-block-spacing': '1em',
+    '--jw-nested-list-gap': '0.35em',
+    '--jw-quote-gap': '0.6em',
+    '--jw-bg-color': '#ffffff',
+    '--jw-text-color': '#222222',
+    '--jw-link-color': '#1d4ed8',
+    '--jw-quote-border-color': '#d0d0d0',
+    '--jw-quote-border-color-2': '#c5c5c5',
+    '--jw-quote-border-color-3': '#b8b8b8',
+    '--jw-quote-background': '#f8f8f8',
+    '--jw-quote-text': '#595959',
+    '--jw-border-color': '#cccccc',
+    '--jw-border-color-subtle': '#dddddd',
+    '--jw-border-color-strong': '#999999',
+    '--jw-text-muted': '#777777',
+    '--jw-text-subtle': '#666666',
+    '--jw-text-strong': '#555555',
+    '--jw-text-faint': '#999999',
+    '--jw-surface-code': '#f5f5f5',
+    '--jw-surface-task': '#eeeeee',
+    '--jw-surface-overlay-1': 'rgba(0, 0, 0, 0.02)',
+    '--jw-surface-overlay-2': 'rgba(0, 0, 0, 0.05)',
+    '--jw-surface-overlay-3': 'rgba(0, 0, 0, 0.1)',
+    '--jw-highlight-marker': '#FFEB3B',
+    '--jw-task-done-bg': '#333333',
+    '--jw-task-done-text': '#ffffff',
+    '--jw-task-not-done-cross': '#ffffff',
+    '--jw-task-in-progress': '#555555',
+    '--jw-color-red': exports.PRESET_COLORS.red,
+    '--jw-color-orange': exports.PRESET_COLORS.orange,
+    '--jw-color-yellow': exports.PRESET_COLORS.yellow,
+    '--jw-color-green': exports.PRESET_COLORS.green,
+    '--jw-color-cyan': exports.PRESET_COLORS.cyan,
+    '--jw-color-blue': exports.PRESET_COLORS.blue,
+    '--jw-color-purple': exports.PRESET_COLORS.purple,
+    '--jw-color-black': exports.PRESET_COLORS.black,
+    '--jw-color-darkgray': exports.PRESET_COLORS.darkgray,
+    '--jw-color-gray': exports.PRESET_COLORS.gray,
+    '--jw-strong-color': '#2b2f39',
+    '--jw-strong-weight': '700',
+    '--jw-underline-color': '#1d4ed8',
+    '--jw-underline-thickness': '0.08em',
+    '--jw-underline-offset': '0.12em',
+    '--jw-wave-color': '#1d4ed8',
+    '--jw-strike-color': '#767676',
+    '--jw-table-border-color': '#d1d5db',
+    '--jw-table-header-bg': '#f0f3f6',
+    '--jw-table-header-text': '#3f4654',
+    '--jw-table-row-bg': '#ffffff',
+    '--jw-table-row-alt-bg': '#f9fafb',
+    '--jw-code-block-bg': '#f5f5f5',
+    '--jw-code-border-color': '#dddddd',
+    '--jw-code-header-bg': 'rgba(0, 0, 0, 0.04)',
+    '--jw-code-header-text': '#5f6672',
+    '--jw-code-lang-bg': 'rgba(0, 0, 0, 0.06)',
+    '--jw-code-lang-text': '#4b5563',
+    '--jw-code-copy-border': '#c9ced6',
+    '--jw-code-copy-hover-bg': 'rgba(0, 0, 0, 0.08)',
+    '--jw-code-line-number-color': '#9aa0ad',
+};
+exports.DEFAULT_THEME_TOKENS_DARK = {
+    '--jw-line-height-base': '1.7',
+    '--jw-block-spacing': '1em',
+    '--jw-nested-list-gap': '0.35em',
+    '--jw-quote-gap': '0.6em',
+    '--jw-bg-color': '#15171c',
+    '--jw-text-color': '#e8e9ed',
+    '--jw-link-color': '#8ab4f8',
+    '--jw-quote-border-color': '#343843',
+    '--jw-quote-border-color-2': '#2c313a',
+    '--jw-quote-border-color-3': '#252a33',
+    '--jw-quote-background': '#1d2028',
+    '--jw-quote-text': '#c9ccd5',
+    '--jw-border-color': '#333844',
+    '--jw-border-color-subtle': '#282d38',
+    '--jw-border-color-strong': '#434958',
+    '--jw-text-muted': '#b3b7c2',
+    '--jw-text-subtle': '#9aa0ad',
+    '--jw-text-strong': '#d7d9e2',
+    '--jw-text-faint': '#7c8494',
+    '--jw-surface-code': '#1c1f26',
+    '--jw-surface-task': '#262b36',
+    '--jw-surface-overlay-1': 'rgba(255, 255, 255, 0.03)',
+    '--jw-surface-overlay-2': 'rgba(255, 255, 255, 0.06)',
+    '--jw-surface-overlay-3': 'rgba(255, 255, 255, 0.1)',
+    '--jw-highlight-marker': '#d2b21f',
+    '--jw-task-done-bg': '#cfd3dd',
+    '--jw-task-done-text': '#1c1f26',
+    '--jw-task-not-done-cross': '#eef1f7',
+    '--jw-task-in-progress': '#b7bdca',
+    '--jw-color-red': exports.PRESET_COLORS.red,
+    '--jw-color-orange': exports.PRESET_COLORS.orange,
+    '--jw-color-yellow': exports.PRESET_COLORS.yellow,
+    '--jw-color-green': exports.PRESET_COLORS.green,
+    '--jw-color-cyan': exports.PRESET_COLORS.cyan,
+    '--jw-color-blue': exports.PRESET_COLORS.blue,
+    '--jw-color-purple': exports.PRESET_COLORS.purple,
+    '--jw-color-black': exports.PRESET_COLORS.black,
+    '--jw-color-darkgray': exports.PRESET_COLORS.darkgray,
+    '--jw-color-gray': exports.PRESET_COLORS.gray,
+    '--jw-strong-color': '#f3f5f8',
+    '--jw-strong-weight': '700',
+    '--jw-underline-color': '#8ab4f8',
+    '--jw-underline-thickness': '0.08em',
+    '--jw-underline-offset': '0.12em',
+    '--jw-wave-color': '#8ab4f8',
+    '--jw-strike-color': '#98a2b3',
+    '--jw-table-border-color': '#374151',
+    '--jw-table-header-bg': '#1f2937',
+    '--jw-table-header-text': '#d1d5db',
+    '--jw-table-row-bg': '#141922',
+    '--jw-table-row-alt-bg': '#171d28',
+    '--jw-code-block-bg': '#1c1f26',
+    '--jw-code-border-color': '#313846',
+    '--jw-code-header-bg': 'rgba(255, 255, 255, 0.05)',
+    '--jw-code-header-text': '#b8c2d3',
+    '--jw-code-lang-bg': 'rgba(255, 255, 255, 0.08)',
+    '--jw-code-lang-text': '#d1d8e3',
+    '--jw-code-copy-border': '#4b5563',
+    '--jw-code-copy-hover-bg': 'rgba(255, 255, 255, 0.12)',
+    '--jw-code-line-number-color': '#8b95a7',
+};
+exports.DEFAULT_THEME_CONFIG = {
+    light: exports.DEFAULT_THEME_TOKENS_LIGHT,
+    dark: exports.DEFAULT_THEME_TOKENS_DARK,
+    includeAutoDark: true,
+};
 exports.DEFAULT_CSS = [
     exports.DEFAULT_THEME.baseCss,
     exports.DEFAULT_THEME.lightCss,
     exports.DEFAULT_THEME.darkCss,
 ].join('\n');
-exports.PRESET_COLORS = colors_1.default;
+function renderTokenDeclarations(tokens) {
+    return exports.JIANWEN_THEME_TOKEN_KEYS.map((key) => `  ${key}: ${tokens[key]};`).join('\n');
+}
+function renderTokenBlock(selector, tokens) {
+    return `${selector} {\n${renderTokenDeclarations(tokens)}\n}`;
+}
+function resolveThemeConfig(theme) {
+    return {
+        light: {
+            ...exports.DEFAULT_THEME_TOKENS_LIGHT,
+            ...(theme.light ?? {}),
+        },
+        dark: {
+            ...exports.DEFAULT_THEME_TOKENS_DARK,
+            ...(theme.dark ?? {}),
+        },
+        includeAutoDark: theme.includeAutoDark ?? true,
+    };
+}
+function renderThemeTokenCss(theme) {
+    const resolved = resolveThemeConfig(theme);
+    const parts = [
+        renderTokenBlock(':where(.jw-root)', resolved.light),
+        renderTokenBlock(':where(.jw-root)[data-jw-theme="dark"]', resolved.dark),
+    ];
+    if (resolved.includeAutoDark) {
+        parts.push(`@media (prefers-color-scheme: dark) {
+  ${renderTokenBlock(':where(.jw-root)[data-jw-theme="auto"]', resolved.dark)}
+}`);
+    }
+    return parts.join('\n');
+}
+function composeThemeCss(options = {}) {
+    const preset = options.preset ?? 'default';
+    const extraCss = options.extraCss?.trim() ?? '';
+    const parts = [];
+    if (preset === 'default') {
+        parts.push(exports.DEFAULT_CSS);
+    }
+    if (options.theme) {
+        parts.push(renderThemeTokenCss(options.theme));
+    }
+    if (extraCss) {
+        parts.push(extraCss);
+    }
+    return parts.join('\n');
+}

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@jianwen-lang/parser",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "JianWen language parser implemented in TypeScript",
   "main": "dist/parser.js",
   "types": "dist/parser.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Jianwen-lang/parser.git"
+  },
   "publishConfig": {
     "access": "public"
   },