@particle-academy/fancy-code 0.8.0 → 0.9.0

package/dist/index.cjs

@@ -446,89 +446,6 @@ var tokenizeJavaScript = (source) => {
   return tokens;
 };
 
-// src/engine/tokenizers/html.ts
-var tokenizeHtml = (source) => {
-  const tokens = [];
-  const len = source.length;
-  let i = 0;
-  while (i < len) {
-    if (source[i] === "<" && source.slice(i, i + 4) === "<!--") {
-      const pos2 = i;
-      i += 4;
-      while (i < len && source.slice(i, i + 3) !== "-->") i++;
-      i += 3;
-      tokens.push({ type: "comment", start: pos2, end: i });
-      continue;
-    }
-    if (source[i] === "<" && source.slice(i, i + 9).toUpperCase() === "<!DOCTYPE") {
-      const pos2 = i;
-      while (i < len && source[i] !== ">") i++;
-      i++;
-      tokens.push({ type: "keyword", start: pos2, end: i });
-      continue;
-    }
-    if (source[i] === "<") {
-      tokens.push({ type: "punctuation", start: i, end: i + 1 });
-      i++;
-      if (i < len && source[i] === "/") {
-        tokens.push({ type: "punctuation", start: i, end: i + 1 });
-        i++;
-      }
-      if (i < len && /[a-zA-Z]/.test(source[i])) {
-        const pos2 = i;
-        while (i < len && /[a-zA-Z0-9-]/.test(source[i])) i++;
-        tokens.push({ type: "tag", start: pos2, end: i });
-      }
-      while (i < len && source[i] !== ">" && !(source[i] === "/" && source[i + 1] === ">")) {
-        if (source[i] === " " || source[i] === "	" || source[i] === "\n" || source[i] === "\r") {
-          i++;
-          continue;
-        }
-        if (/[a-zA-Z_@:]/.test(source[i])) {
-          const pos2 = i;
-          while (i < len && /[a-zA-Z0-9_\-:.]/.test(source[i])) i++;
-          tokens.push({ type: "attribute", start: pos2, end: i });
-          while (i < len && (source[i] === " " || source[i] === "	")) i++;
-          if (i < len && source[i] === "=") {
-            tokens.push({ type: "operator", start: i, end: i + 1 });
-            i++;
-            while (i < len && (source[i] === " " || source[i] === "	")) i++;
-            if (i < len && (source[i] === '"' || source[i] === "'")) {
-              const quote = source[i];
-              const pos3 = i;
-              i++;
-              while (i < len && source[i] !== quote) i++;
-              i++;
-              tokens.push({ type: "attributeValue", start: pos3, end: i });
-            } else if (i < len && /[^\s>]/.test(source[i])) {
-              const pos3 = i;
-              while (i < len && /[^\s>]/.test(source[i])) i++;
-              tokens.push({ type: "attributeValue", start: pos3, end: i });
-            }
-          }
-          continue;
-        }
-        i++;
-      }
-      if (i < len && source[i] === "/") {
-        tokens.push({ type: "punctuation", start: i, end: i + 1 });
-        i++;
-      }
-      if (i < len && source[i] === ">") {
-        tokens.push({ type: "punctuation", start: i, end: i + 1 });
-        i++;
-      }
-      continue;
-    }
-    const pos = i;
-    while (i < len && source[i] !== "<") i++;
-    if (i > pos) {
-      tokens.push({ type: "plain", start: pos, end: i });
-    }
-  }
-  return tokens;
-};
-
 // src/engine/tokenizers/php.ts
 var PHP_KEYWORDS = /* @__PURE__ */ new Set([
   "abstract",
@@ -706,7 +623,7 @@ var tokenizePhp = (source) => {
     if (source[i] === "<" && source[i + 1] === "?") {
       if (i > htmlChunkStart) {
         const htmlChunk = source.slice(htmlChunkStart, i);
-        const htmlTokens = tokenizeHtml(htmlChunk);
+        const htmlTokens = fancyFileCommons.tokenizeHtml(htmlChunk);
         for (const t of htmlTokens) {
           tokens.push({ type: t.type, start: t.start + htmlChunkStart, end: t.end + htmlChunkStart });
         }
@@ -733,7 +650,7 @@ var tokenizePhp = (source) => {
   }
   if (htmlChunkStart < len) {
     const htmlChunk = source.slice(htmlChunkStart);
-    const htmlTokens = tokenizeHtml(htmlChunk);
+    const htmlTokens = fancyFileCommons.tokenizeHtml(htmlChunk);
     for (const t of htmlTokens) {
       tokens.push({ type: t.type, start: t.start + htmlChunkStart, end: t.end + htmlChunkStart });
     }
@@ -1112,11 +1029,6 @@ var tokenizeGo = (source) => {
   return tokens;
 };
 
-// src/engine/tokenizer.ts
-function tok(type, s, e) {
-  return { type, start: s, end: e };
-}
-
 // src/engine/tokenizers/markdown.ts
 function tokenizeMarkdown(source) {
   const tokens = [];
@@ -1128,26 +1040,26 @@ function tokenizeMarkdown(source) {
     const len = line.length;
     offset += len + 1;
     if (/^\s*(```|~~~)/.test(line)) {
-      tokens.push(tok("string", base, base + len));
+      tokens.push(fancyFileCommons.tok("string", base, base + len));
       inFence = !inFence;
       continue;
     }
     if (inFence) {
-      tokens.push(tok("string", base, base + len));
+      tokens.push(fancyFileCommons.tok("string", base, base + len));
       continue;
     }
     if (/^#{1,6}\s/.test(line)) {
-      tokens.push(tok("keyword", base, base + len));
+      tokens.push(fancyFileCommons.tok("keyword", base, base + len));
       continue;
     }
     if (/^\s*>/.test(line)) {
-      tokens.push(tok("comment", base, base + len));
+      tokens.push(fancyFileCommons.tok("comment", base, base + len));
       continue;
     }
     const list = line.match(/^(\s*)([-*+]|\d+\.)\s/);
     if (list) {
       const start = base + list[1].length;
-      tokens.push(tok("operator", start, start + list[2].length));
+      tokens.push(fancyFileCommons.tok("operator", start, start + list[2].length));
     }
     pushInline(line, base, tokens);
   }
@@ -1157,7 +1069,7 @@ function pushInline(line, base, out) {
   if (line.length > 5e3) return;
   const spans = [];
   const add = (type, start, end) => {
-    spans.push(tok(type, base + start, base + end));
+    spans.push(fancyFileCommons.tok(type, base + start, base + end));
   };
   let m;
   const code = /`[^`]+`/g;
@@ -1200,7 +1112,7 @@ registerLanguage({
 registerLanguage({
   name: "HTML",
   aliases: ["html", "htm"],
-  tokenize: tokenizeHtml
+  tokenize: fancyFileCommons.tokenizeHtml
 });
 registerLanguage({
   name: "PHP",
@@ -1321,112 +1233,17 @@ function getTheme(name) {
 function getRegisteredThemes() {
   return Array.from(themeRegistry.keys());
 }
-
-// src/themes/light.ts
 registerTheme({
   name: "light",
   variant: "light",
-  colors: {
-    background: "#ffffff",
-    foreground: "#1e1e2e",
-    gutterBackground: "#f8fafc",
-    gutterForeground: "#94a3b8",
-    gutterBorder: "#e2e8f0",
-    activeLineBackground: "#f8fafc",
-    selectionBackground: "#dbeafe",
-    cursorColor: "#3b82f6",
-    diffAdded: "#1a7f37",
-    diffModified: "#0969da",
-    diffRemoved: "#cf222e",
-    keyword: "#8b5cf6",
-    string: "#059669",
-    comment: "#94a3b8",
-    number: "#d97706",
-    operator: "#0891b2",
-    function: "#2563eb",
-    type: "#d97706",
-    tag: "#dc2626",
-    attribute: "#d97706",
-    attributeValue: "#059669",
-    punctuation: "#64748b",
-    variable: "#1e1e2e"
-  }
+  colors: fancyFileCommons.LIGHT_COLORS
 });
-
-// src/themes/dark.ts
 registerTheme({
   name: "dark",
   variant: "dark",
-  colors: {
-    background: "#18181b",
-    foreground: "#e4e4e7",
-    gutterBackground: "#18181b",
-    gutterForeground: "#52525b",
-    gutterBorder: "#27272a",
-    activeLineBackground: "#27272a",
-    selectionBackground: "#1e3a5f",
-    cursorColor: "#60a5fa",
-    diffAdded: "#3fb950",
-    diffModified: "#4184e4",
-    diffRemoved: "#f85149",
-    keyword: "#c084fc",
-    string: "#34d399",
-    comment: "#71717a",
-    number: "#fbbf24",
-    operator: "#22d3ee",
-    function: "#60a5fa",
-    type: "#fbbf24",
-    tag: "#f87171",
-    attribute: "#fbbf24",
-    attributeValue: "#34d399",
-    punctuation: "#a1a1aa",
-    variable: "#e4e4e7"
-  }
+  colors: fancyFileCommons.DARK_COLORS
 });
 
-// src/engine/highlight.ts
-function escapeHtml(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-var COLOR_RE = /^(#[0-9a-fA-F]{3,8}|(?:rgb|rgba|hsl|hsla)\([\d\s,.%/-]+\)|[a-zA-Z]+)$/;
-function safeColor(value) {
-  return typeof value === "string" && COLOR_RE.test(value.trim()) ? value.trim() : "inherit";
-}
-function highlightCode(source, tokens, colors) {
-  if (tokens.length === 0) return escapeHtml(source);
-  const colorMap = {
-    keyword: colors.keyword,
-    string: colors.string,
-    comment: colors.comment,
-    number: colors.number,
-    operator: colors.operator,
-    function: colors.function,
-    type: colors.type,
-    tag: colors.tag,
-    attribute: colors.attribute,
-    attributeValue: colors.attributeValue,
-    punctuation: colors.punctuation,
-    variable: colors.variable,
-    plain: colors.foreground
-  };
-  const parts = [];
-  let pos = 0;
-  for (const token of tokens) {
-    if (token.start > pos) {
-      parts.push(escapeHtml(source.slice(pos, token.start)));
-    }
-    const text = escapeHtml(source.slice(token.start, token.end));
-    const color = safeColor(colorMap[token.type]);
-    const style = token.type === "comment" ? `color:${color};font-style:italic` : `color:${color}`;
-    parts.push(`<span style="${style}">${text}</span>`);
-    pos = token.end;
-  }
-  if (pos < source.length) {
-    parts.push(escapeHtml(source.slice(pos)));
-  }
-  return parts.join("");
-}
-
 // src/engine/position.ts
 function lineColumnToOffset(text, line, column = 1) {
   const lines = text.split("\n");
@@ -1494,7 +1311,7 @@ function useEditorEngine({
       return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
     }
     const tokens = tokenizer(value);
-    return highlightCode(value, tokens, themeColors);
+    return fancyFileCommons.highlightCode(value, tokens, themeColors);
   }, [value, tokenizer, themeColors]);
   const lineCount = react.useMemo(() => {
     let count = 1;
@@ -1819,7 +1636,7 @@ var CodeEditor = Object.assign(CodeEditorRoot, {
 });
 
 // src/engine/markdown-render.ts
-function escapeHtml2(s) {
+function escapeHtml(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 function escapeAttr(s) {
@@ -1860,10 +1677,10 @@ function renderMarkdown(markdown) {
         i++;
       }
       i++;
-      out.push(`<pre><code${lang ? ` class="language-${escapeAttr(escapeHtml2(lang))}"` : ""}>${escapeHtml2(body.join("\n"))}</code></pre>`);
+      out.push(`<pre><code${lang ? ` class="language-${escapeAttr(escapeHtml(lang))}"` : ""}>${escapeHtml(body.join("\n"))}</code></pre>`);
       continue;
     }
-    const esc = escapeHtml2(line);
+    const esc = escapeHtml(line);
     if (/^\s*$/.test(line)) {
       flushPara();
       closeList();