@prokodo/ui 0.0.53 → 0.0.55

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,9 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+__name(getDefaultExportFromCjs, "getDefaultExportFromCjs");
+export {
+  getDefaultExportFromCjs
+};

package/dist/_virtual/common.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+import { __require as requireCommon } from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/lib/common.js";
+var commonExports = requireCommon();
+const HighlightJS = /* @__PURE__ */ getDefaultExportFromCjs(commonExports);
+export {
+  HighlightJS as default
+};

package/dist/components/list/List.module.scss.js

@@ -8,7 +8,6 @@ const styles = {
   "prokodo-List__item__link": "prokodo-List__item__link",
   "prokodo-List__item__link__header": "prokodo-List__item__link__header",
   "prokodo-List__item__icon": "prokodo-List__item__icon",
-  "prokodo-List__item__icon__svg": "prokodo-List__item__icon__svg",
   "prokodo-List__item__icon__wrapper": "prokodo-List__item__icon__wrapper",
   "prokodo-List__item__title--card": "prokodo-List__item__title--card",
   "prokodo-List__item__content": "prokodo-List__item__content",

package/dist/components/post-item/PostItem.client.js

@@ -1,13 +1,12 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { memo, useMemo } from "react";
-import { calculateWordCount } from "../../helpers/calculation.js";
+import { isNumber } from "../../helpers/validations.js";
 import { PostItemView } from "./PostItem.view.js";
 const PostItemClient = memo((props) => {
-  const { content, readingWpm = 200 } = props;
-  const wordCount = useMemo(() => calculateWordCount(content), [content]);
+  const { wordCount, readingWpm = 200 } = props;
   const readMinutes = useMemo(
-    () => wordCount > 0 ? Math.max(1, Math.ceil(wordCount / readingWpm)) : 0,
+    () => isNumber(wordCount) && wordCount > 0 ? Math.max(1, Math.ceil(wordCount / readingWpm)) : 0,
     [wordCount, readingWpm]
   );
   return /* @__PURE__ */ jsx(PostItemView, { ...props, readMinutes, wordCount });

package/dist/components/post-item/PostItem.server.js

@@ -1,12 +1,11 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { jsx } from "react/jsx-runtime";
-import { calculateWordCount } from "../../helpers/calculation.js";
+import { isNumber } from "../../helpers/validations.js";
 import { PostItemView } from "./PostItem.view.js";
 function PostItemServer(p) {
-  const { content, readingWpm = 200 } = p;
-  const wordCount = calculateWordCount(content);
-  const readMinutes = wordCount > 0 ? Math.max(1, Math.ceil(wordCount / readingWpm)) : 0;
+  const { wordCount, readingWpm = 200 } = p;
+  const readMinutes = isNumber(wordCount) && wordCount > 0 ? Math.max(1, Math.ceil(wordCount / readingWpm)) : 0;
   return /* @__PURE__ */ jsx(PostItemView, { ...p, readMinutes, wordCount });
 }
 __name(PostItemServer, "PostItemServer");

package/dist/components/post-item/PostItem.view.js

@@ -3,7 +3,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { create } from "../../helpers/bem.js";
 import { localizeDate } from "../../helpers/date.js";
-import { isString } from "../../helpers/validations.js";
+import { isString, isNumber } from "../../helpers/validations.js";
 import styles from "./PostItem.module.scss.js";
 import { PostItemAuthor } from "./PostItemAuthor.js";
 import { Button } from "../button/Button.js";
@@ -208,7 +208,7 @@ function PostItemView(props) {
             }
           ) })
         ] }),
-        wordCount > 0 && /* @__PURE__ */ jsx("meta", { content: String(wordCount), itemProp: "wordCount" }),
+        isNumber(wordCount) && wordCount > 0 && /* @__PURE__ */ jsx("meta", { content: String(wordCount), itemProp: "wordCount" }),
         isString(category) && /* @__PURE__ */ jsx("meta", { content: category, itemProp: "articleSection" }),
         Boolean(structuredData) && /* @__PURE__ */ jsx(
           "script",

package/dist/components/post-teaser/PostTeaser.client.js

@@ -1,14 +1,13 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { memo, useMemo, useState, useCallback } from "react";
-import { calculateWordCount } from "../../helpers/calculation.js";
+import { isNumber } from "../../helpers/validations.js";
 import { PostTeaserView } from "./PostTeaser.view.js";
 const PostTeaserClient = memo((props) => {
-  const { content, readingWpm = 200 } = props;
-  const wordCount = useMemo(() => calculateWordCount(content), [content]);
+  const { readCount, readingWpm = 200 } = props;
   const readMinutes = useMemo(
-    () => wordCount > 0 ? Math.max(1, Math.ceil(wordCount / readingWpm)) : 0,
-    [wordCount, readingWpm]
+    () => isNumber(readCount) && readCount > 0 ? Math.max(1, Math.ceil(readCount / readingWpm)) : 0,
+    [readCount, readingWpm]
   );
   const [isHovered, setIsHovered] = useState(false);
   const handleMouseEnter = useCallback(() => setIsHovered(true), []);
@@ -18,8 +17,8 @@ const PostTeaserClient = memo((props) => {
     {
       ...props,
       isHovered,
+      readCount,
       readMinutes,
-      wordCount,
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave
     }

package/dist/components/post-teaser/PostTeaser.server.js

@@ -1,12 +1,11 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { jsx } from "react/jsx-runtime";
-import { calculateWordCount } from "../../helpers/calculation.js";
+import { isNumber } from "../../helpers/validations.js";
 import { PostTeaserView } from "./PostTeaser.view.js";
 function PostTeaserServer(p) {
-  const { content, readingWpm = 200 } = p;
-  const wordCount = calculateWordCount(content);
-  const readMinutes = wordCount > 0 ? Math.max(1, Math.ceil(wordCount / readingWpm)) : 0;
+  const { wordCount, readingWpm = 200 } = p;
+  const readMinutes = isNumber(wordCount) && wordCount > 0 ? Math.max(1, Math.ceil(wordCount / readingWpm)) : 0;
   return /* @__PURE__ */ jsx(
     PostTeaserView,
     {

package/dist/components/post-teaser/PostTeaser.view.js

@@ -4,7 +4,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { isValidElement } from "react";
 import { create } from "../../helpers/bem.js";
 import { localizeDate } from "../../helpers/date.js";
-import { isString } from "../../helpers/validations.js";
+import { isString, isNumber } from "../../helpers/validations.js";
 import styles from "./PostTeaser.module.scss.js";
 import { Chip } from "../chip/Chip.js";
 import { Card } from "../card/Card.js";
@@ -22,6 +22,7 @@ function PostTeaserView(props) {
     componentsProps,
     image,
     readCount,
+    wordCount,
     title,
     date,
     hideCategory,
@@ -32,7 +33,6 @@ function PostTeaserView(props) {
     structuredData = true,
     // private
     isHovered,
-    wordCount,
     readMinutes,
     // passthrough hover
     onMouseEnter,
@@ -218,7 +218,7 @@ function PostTeaserView(props) {
             ]
           }
         ),
-        wordCount > 0 && /* @__PURE__ */ jsx("meta", { content: String(wordCount), itemProp: "wordCount" }),
+        isNumber(wordCount) && wordCount > 0 && /* @__PURE__ */ jsx("meta", { content: String(wordCount), itemProp: "wordCount" }),
         isString(category) && /* @__PURE__ */ jsx("meta", { content: category, itemProp: "articleSection" }),
         structuredData && /* @__PURE__ */ jsx(
           "script",
@@ -231,7 +231,7 @@ function PostTeaserView(props) {
                 headline: title == null ? void 0 : title.content,
                 datePublished: isString(formattedDate == null ? void 0 : formattedDate.meta) ? formattedDate == null ? void 0 : formattedDate.meta : void 0,
                 articleSection: category,
-                wordCount,
+                readCount,
                 interactionStatistic: typeof readCount === "number" ? {
                   "@type": "InteractionCounter",
                   interactionType: { "@type": "ReadAction" },

package/dist/components/rich-text/RichText.client.js

@@ -2,18 +2,79 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { jsx, jsxs } from "react/jsx-runtime";
-import { marked } from "../../node_modules/.pnpm/marked@15.0.12/node_modules/marked/lib/marked.esm.js";
-import { useMemo, Fragment, Children, isValidElement, createElement } from "react";
+import { Marked } from "../../node_modules/.pnpm/marked@15.0.12/node_modules/marked/lib/marked.esm.js";
+import { useRef, useMemo, useState, useEffect, Fragment, Children, isValidElement, createElement } from "react";
 import { l as libExports } from "../../_virtual/index.js";
 import { create } from "../../helpers/bem.js";
+import { isString } from "../../helpers/validations.js";
 import styles from "./RichText.module.scss.js";
 import { Icon } from "../icon/Icon.js";
 import { Link } from "../link/Link.js";
 import { Headline } from "../headline/Headline.js";
 import { AnimatedText } from "../animatedText/AnimatedText.js";
 const bem = create(styles, "RichText");
+const xssOptions = (() => {
+  const wl = typeof libExports.getDefaultWhiteList === "function" ? libExports.getDefaultWhiteList() : {};
+  const add = /* @__PURE__ */ __name((tag) => {
+    wl[tag] = Array.from(/* @__PURE__ */ new Set([...wl[tag] ?? [], "class"]));
+  }, "add");
+  add("pre");
+  add("code");
+  add("span");
+  return {
+    whiteList: wl,
+    allowList: wl
+  };
+})();
 const normalize = /* @__PURE__ */ __name((nodes) => Children.toArray(nodes), "normalize");
 const withKey = /* @__PURE__ */ __name((el, key) => isValidElement(el) ? el.key == null ? { ...el, key } : el : el, "withKey");
+const hasCodeBlocks = /* @__PURE__ */ __name((src) => /(^|\n)```/.test(src) || /<pre|<code/i.test(src), "hasCodeBlocks");
+const extractFenceLangs = /* @__PURE__ */ __name((src) => {
+  const langs = /* @__PURE__ */ new Set();
+  const re = /(^|\n)```([\w+-]+)/g;
+  let m;
+  while (m = re.exec(src)) {
+    const lang = (m[2] ?? "").toLowerCase().trim();
+    if (lang) langs.add(lang);
+  }
+  return langs;
+}, "extractFenceLangs");
+async function prepareHljs(_langs, theme) {
+  const hljs = (await import("../../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/common.js")).default;
+  const version = (hljs == null ? void 0 : hljs.versionString) || "11.11.1";
+  ensureHljsThemeLoaded(version, theme);
+  return hljs;
+}
+__name(prepareHljs, "prepareHljs");
+function ensureHljsThemeLoaded(version, theme) {
+  const id = "hljs-theme";
+  const existing = document.getElementById(id);
+  const {
+    href: customHref,
+    name: themeName,
+    version: themeVersion
+  } = theme ?? {};
+  let href;
+  if (typeof customHref === "string" && customHref.trim().length > 0) {
+    href = customHref;
+  } else {
+    const name = (themeName ?? "github-dark-dimmed").replace(/\.css$/i, "");
+    const ver = themeVersion === "auto" || !isString(themeVersion) ? version : themeVersion;
+    href = `https://cdnjs.cloudflare.com/ajax/libs/highlight.js/${encodeURIComponent(
+      ver
+    )}/styles/${name}.min.css`;
+  }
+  if (existing) {
+    if (existing.href !== href) existing.href = href;
+    return;
+  }
+  const link = document.createElement("link");
+  link.id = id;
+  link.rel = "stylesheet";
+  link.href = href;
+  document.head.appendChild(link);
+}
+__name(ensureHljsThemeLoaded, "ensureHljsThemeLoaded");
 function RichTextClient({
   children,
   animated,
@@ -24,8 +85,10 @@ function RichTextClient({
   linkComponent,
   className,
   overrideParagraph,
+  codeTheme,
   ...props
 }) {
+  const containerRef = useRef(null);
   const baseProps = {
     animated,
     className: className ?? void 0,
@@ -36,10 +99,78 @@ function RichTextClient({
     if (!Boolean(animated)) return content;
     return typeof content === "string" ? /* @__PURE__ */ jsx(AnimatedText, { ...animationProps, children: content }) : content;
   }, "renderAnimation");
-  const safeHtml = useMemo(() => {
-    marked.setOptions({ gfm: true, breaks: true });
-    return libExports.filterXSS(marked.parse(children ?? ""));
-  }, [children]);
+  const src = String(children ?? "");
+  const fastHtml = useMemo(() => {
+    const parser2 = new Marked({ gfm: true, breaks: true });
+    return libExports.filterXSS(parser2.parse(src), xssOptions);
+  }, [src]);
+  const [html, setHtml] = useState("");
+  useEffect(() => {
+    let cancelled = false;
+    void (async () => {
+      if (!hasCodeBlocks(src)) {
+        if (!cancelled) setHtml(fastHtml);
+        return;
+      }
+      const [mhMod, hljs] = await Promise.all([
+        import("../../node_modules/.pnpm/marked-highlight@2.2.2_marked@15.0.12/node_modules/marked-highlight/src/index.js"),
+        prepareHljs(extractFenceLangs(src), codeTheme)
+      ]);
+      const markedHighlight = (
+        // support both module shapes
+        mhMod.markedHighlight ?? mhMod.default
+      );
+      if (typeof markedHighlight !== "function") {
+        console.error(
+          "[RichText] marked-highlight not resolved; no code styling will be applied."
+        );
+      }
+      const parser2 = new Marked(
+        markedHighlight({
+          emptyLangClass: "hljs",
+          langPrefix: "hljs language-",
+          highlight(code, lang) {
+            try {
+              if (isString(lang) && hljs.getLanguage(lang)) {
+                return hljs.highlight(code, { language: lang }).value;
+              }
+              return hljs.highlightAuto(code).value;
+            } catch {
+              return code;
+            }
+          }
+        }),
+        { gfm: true, breaks: true }
+      );
+      const step1 = libExports.filterXSS(parser2.parse(src), xssOptions);
+      const hasRawBlocks = /<pre[^>]*>\s*<code[^>]*>/.test(step1) && !/<span[^>]+class="[^"]*hljs-/.test(step1);
+      if (!hasRawBlocks) {
+        if (!cancelled) setHtml(step1);
+        return;
+      }
+      const doc2 = new DOMParser().parseFromString(step1, "text/html");
+      doc2.querySelectorAll("pre code").forEach((codeEl) => {
+        var _a;
+        try {
+          const cls = codeEl.getAttribute("class") ?? "";
+          const m = cls.match(/language-([\w+-]+)/);
+          const lang = m == null ? void 0 : m[1];
+          const text = codeEl.textContent ?? "";
+          const html2 = isString(lang) && hljs.getLanguage(lang) ? hljs.highlight(text, { language: lang }).value : hljs.highlightAuto(text).value;
+          codeEl.innerHTML = html2;
+          codeEl.classList.add("hljs");
+          (_a = codeEl.closest("pre")) == null ? void 0 : _a.classList.add("hljs");
+        } catch {
+        }
+      });
+      const step2 = doc2.body.innerHTML;
+      if (!cancelled) setHtml(step2);
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [src, fastHtml, codeTheme]);
+  const safeHtml = html || fastHtml;
   const VOID_TAGS = /* @__PURE__ */ new Set([
     "area",
     "base",
@@ -134,8 +265,22 @@ function RichTextClient({
         );
       }
       case "pre": {
-        const cls = bem("pre");
-        return /* @__PURE__ */ jsx("pre", { className: cls, children: keyedChildren });
+        const existing = elem.getAttribute("class");
+        return /* @__PURE__ */ jsx("pre", { className: [bem("pre"), existing].filter(Boolean).join(" "), children: keyedChildren });
+      }
+      case "code": {
+        const existing = elem.getAttribute("class");
+        return /* @__PURE__ */ jsx("code", { className: [bem("code"), existing].filter(Boolean).join(" "), children: keyedChildren });
+      }
+      case "blockquote": {
+        const existing = elem.getAttribute("class");
+        return /* @__PURE__ */ jsx(
+          "blockquote",
+          {
+            className: [bem("blockquote"), existing].filter(Boolean).join(" "),
+            children: keyedChildren
+          }
+        );
       }
       case "ul": {
         const cls = bem("ul");
@@ -143,7 +288,23 @@ function RichTextClient({
       }
       case "ol": {
         const cls = bem("ol");
-        return /* @__PURE__ */ jsx("ol", { className: cls, children: keyedChildren });
+        const startAttr = elem.getAttribute("start");
+        const start = isString(startAttr) ? parseInt(startAttr, 10) || 1 : 1;
+        const liElems = Array.from(elem.children).filter(
+          (e) => e.tagName.toLowerCase() === "li"
+        );
+        return /* @__PURE__ */ jsx("ol", { className: cls, children: liElems.map((liEl, index) => {
+          const contentNodes = Array.from(liEl.childNodes).map(
+            (child, i) => domNodeToReact(child, `${path}.li${index}.${i}`)
+          );
+          return (
+            // eslint-disable-next-line react/no-array-index-key
+            /* @__PURE__ */ jsxs("li", { className: bem("li"), children: [
+              /* @__PURE__ */ jsx("i", { className: bem("ol__decimal"), children: start + index }),
+              /* @__PURE__ */ jsx("span", { className: bem("li__content"), children: normalize(contentNodes.map(renderAnimation)) })
+            ] }, `ol-li-${index}`)
+          );
+        }) });
       }
       case "li": {
         const cls = bem("li");
@@ -162,7 +323,10 @@ function RichTextClient({
         ] });
       }
       default: {
-        const props2 = { className: bem(tagName) };
+        const existing = elem.getAttribute("class");
+        const props2 = {
+          className: [bem(tagName), existing].filter(Boolean).join(" ")
+        };
         if (tagName === "img") {
           props2.src = elem.getAttribute("src") ?? "";
           props2.alt = elem.getAttribute("alt") ?? "";
@@ -197,6 +361,7 @@ function RichTextClient({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      ref: containerRef,
       className: bem(void 0, void 0, className),
       ...schema,
       ...props,

package/dist/components/rich-text/RichText.module.scss.js

@@ -1,8 +1,8 @@
 const styles = {
   "prokodo-RichText__a": "prokodo-RichText__a",
-  "prokodo-RichText": "prokodo-RichText",
   "prokodo-RichText__p": "prokodo-RichText__p",
   "prokodo-RichText__pre": "prokodo-RichText__pre",
+  "prokodo-RichText__blockquote": "prokodo-RichText__blockquote",
   "prokodo-RichText__ul": "prokodo-RichText__ul",
   "prokodo-RichText__ol": "prokodo-RichText__ol",
   "prokodo-RichText__li": "prokodo-RichText__li",

package/dist/components/slider/Slider.view.js

@@ -100,10 +100,25 @@ const SliderView = /* @__PURE__ */ __name(({
         {
           ...valueLabelProps,
           className: bem("valueText", { focused: isFocused }),
-          style: {
-            left: `${pct}%`,
-            transform: "translateX(-50%)"
-          },
+          style: (() => {
+            const EDGE_PAD_PX = 8;
+            if (pct <= 10) {
+              return {
+                left: "0%",
+                transform: `translateX(${EDGE_PAD_PX}px)`
+              };
+            }
+            if (pct >= 90) {
+              return {
+                left: "100%",
+                transform: `translateX(calc(-100% - ${EDGE_PAD_PX}px))`
+              };
+            }
+            return {
+              left: `${pct}%`,
+              transform: "translateX(-50%)"
+            };
+          })(),
           children: internalValue
         }
       ),

package/dist/constants/project.js

@@ -1,4 +1,4 @@
-const PROKODO_UI_VERSION = "0.0.53";
+const PROKODO_UI_VERSION = "0.0.55";
 export {
   PROKODO_UI_VERSION
 };

package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/common.js

@@ -0,0 +1,5 @@
+import HighlightJS from "../../../../../../_virtual/common.js";
+export {
+  HighlightJS,
+  HighlightJS as default
+};

package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/lib/common.js

@@ -0,0 +1,90 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { __require as requireCore } from "./core.js";
+import { __require as requireXml } from "./languages/xml.js";
+import { __require as requireBash } from "./languages/bash.js";
+import { __require as requireC } from "./languages/c.js";
+import { __require as requireCpp } from "./languages/cpp.js";
+import { __require as requireCsharp } from "./languages/csharp.js";
+import { __require as requireCss } from "./languages/css.js";
+import { __require as requireMarkdown } from "./languages/markdown.js";
+import { __require as requireDiff } from "./languages/diff.js";
+import { __require as requireRuby } from "./languages/ruby.js";
+import { __require as requireGo } from "./languages/go.js";
+import { __require as requireGraphql } from "./languages/graphql.js";
+import { __require as requireIni } from "./languages/ini.js";
+import { __require as requireJava } from "./languages/java.js";
+import { __require as requireJavascript } from "./languages/javascript.js";
+import { __require as requireJson } from "./languages/json.js";
+import { __require as requireKotlin } from "./languages/kotlin.js";
+import { __require as requireLess } from "./languages/less.js";
+import { __require as requireLua } from "./languages/lua.js";
+import { __require as requireMakefile } from "./languages/makefile.js";
+import { __require as requirePerl } from "./languages/perl.js";
+import { __require as requireObjectivec } from "./languages/objectivec.js";
+import { __require as requirePhp } from "./languages/php.js";
+import { __require as requirePhpTemplate } from "./languages/php-template.js";
+import { __require as requirePlaintext } from "./languages/plaintext.js";
+import { __require as requirePython } from "./languages/python.js";
+import { __require as requirePythonRepl } from "./languages/python-repl.js";
+import { __require as requireR } from "./languages/r.js";
+import { __require as requireRust } from "./languages/rust.js";
+import { __require as requireScss } from "./languages/scss.js";
+import { __require as requireShell } from "./languages/shell.js";
+import { __require as requireSql } from "./languages/sql.js";
+import { __require as requireSwift } from "./languages/swift.js";
+import { __require as requireYaml } from "./languages/yaml.js";
+import { __require as requireTypescript } from "./languages/typescript.js";
+import { __require as requireVbnet } from "./languages/vbnet.js";
+import { __require as requireWasm } from "./languages/wasm.js";
+var common;
+var hasRequiredCommon;
+function requireCommon() {
+  if (hasRequiredCommon) return common;
+  hasRequiredCommon = 1;
+  var hljs = /* @__PURE__ */ requireCore();
+  hljs.registerLanguage("xml", /* @__PURE__ */ requireXml());
+  hljs.registerLanguage("bash", /* @__PURE__ */ requireBash());
+  hljs.registerLanguage("c", /* @__PURE__ */ requireC());
+  hljs.registerLanguage("cpp", /* @__PURE__ */ requireCpp());
+  hljs.registerLanguage("csharp", /* @__PURE__ */ requireCsharp());
+  hljs.registerLanguage("css", /* @__PURE__ */ requireCss());
+  hljs.registerLanguage("markdown", /* @__PURE__ */ requireMarkdown());
+  hljs.registerLanguage("diff", /* @__PURE__ */ requireDiff());
+  hljs.registerLanguage("ruby", /* @__PURE__ */ requireRuby());
+  hljs.registerLanguage("go", /* @__PURE__ */ requireGo());
+  hljs.registerLanguage("graphql", /* @__PURE__ */ requireGraphql());
+  hljs.registerLanguage("ini", /* @__PURE__ */ requireIni());
+  hljs.registerLanguage("java", /* @__PURE__ */ requireJava());
+  hljs.registerLanguage("javascript", /* @__PURE__ */ requireJavascript());
+  hljs.registerLanguage("json", /* @__PURE__ */ requireJson());
+  hljs.registerLanguage("kotlin", /* @__PURE__ */ requireKotlin());
+  hljs.registerLanguage("less", /* @__PURE__ */ requireLess());
+  hljs.registerLanguage("lua", /* @__PURE__ */ requireLua());
+  hljs.registerLanguage("makefile", /* @__PURE__ */ requireMakefile());
+  hljs.registerLanguage("perl", /* @__PURE__ */ requirePerl());
+  hljs.registerLanguage("objectivec", /* @__PURE__ */ requireObjectivec());
+  hljs.registerLanguage("php", /* @__PURE__ */ requirePhp());
+  hljs.registerLanguage("php-template", /* @__PURE__ */ requirePhpTemplate());
+  hljs.registerLanguage("plaintext", /* @__PURE__ */ requirePlaintext());
+  hljs.registerLanguage("python", /* @__PURE__ */ requirePython());
+  hljs.registerLanguage("python-repl", /* @__PURE__ */ requirePythonRepl());
+  hljs.registerLanguage("r", /* @__PURE__ */ requireR());
+  hljs.registerLanguage("rust", /* @__PURE__ */ requireRust());
+  hljs.registerLanguage("scss", /* @__PURE__ */ requireScss());
+  hljs.registerLanguage("shell", /* @__PURE__ */ requireShell());
+  hljs.registerLanguage("sql", /* @__PURE__ */ requireSql());
+  hljs.registerLanguage("swift", /* @__PURE__ */ requireSwift());
+  hljs.registerLanguage("yaml", /* @__PURE__ */ requireYaml());
+  hljs.registerLanguage("typescript", /* @__PURE__ */ requireTypescript());
+  hljs.registerLanguage("vbnet", /* @__PURE__ */ requireVbnet());
+  hljs.registerLanguage("wasm", /* @__PURE__ */ requireWasm());
+  hljs.HighlightJS = hljs;
+  hljs.default = hljs;
+  common = hljs;
+  return common;
+}
+__name(requireCommon, "requireCommon");
+export {
+  requireCommon as __require
+};