@imfusion/web-ui 0.6.1-dev.15.g88494338 → 0.6.1-dev.16.g616c20b4

package/dist/integrations/code-highlight/highlighter.d.ts

@@ -23,6 +23,30 @@ declare const LANGUAGE_DEFINITIONS: {
     readonly cmake: {
         readonly aliases: readonly [];
     };
+    readonly html: {
+        readonly aliases: readonly ["htm", "xml", "angular-html"];
+    };
+    readonly js: {
+        readonly aliases: readonly ["javascript", "mjs", "cjs", "js-vue"];
+    };
+    readonly jsx: {
+        readonly aliases: readonly [];
+    };
+    readonly markdown: {
+        readonly aliases: readonly ["md"];
+    };
+    readonly yaml: {
+        readonly aliases: readonly ["yml"];
+    };
+    readonly sql: {
+        readonly aliases: readonly [];
+    };
+    readonly dockerfile: {
+        readonly aliases: readonly [];
+    };
+    readonly toml: {
+        readonly aliases: readonly [];
+    };
 };
 export declare const SUPPORTED_LANGUAGES: string[];
 type CanonicalLanguage = keyof typeof LANGUAGE_DEFINITIONS;

package/dist/integrations/code-highlight.js

@@ -5,14 +5,22 @@ import { jsx as a } from "react/jsx-runtime";
 import { cloneElement as o, useMemo as s } from "react";
 import { createHighlighter as c, defineLanguage as l, renderNodesToHtml as u, renderTokens as d } from "@tanstack/highlight/core";
 import { css as f } from "@tanstack/highlight/languages/css";
-import { json as p } from "@tanstack/highlight/languages/json";
-import { plaintext as m } from "@tanstack/highlight/languages/plaintext";
-import { shell as h } from "@tanstack/highlight/languages/shell";
-import { ts as g } from "@tanstack/highlight/languages/ts";
-import { tsx as _ } from "@tanstack/highlight/languages/tsx";
-import { python as v } from "@tanstack/highlight/languages/python";
+import { dockerfile as p } from "@tanstack/highlight/languages/dockerfile";
+import { html as m } from "@tanstack/highlight/languages/html";
+import { js as h } from "@tanstack/highlight/languages/js";
+import { jsx as g } from "@tanstack/highlight/languages/jsx";
+import { json as _ } from "@tanstack/highlight/languages/json";
+import { markdown as v } from "@tanstack/highlight/languages/markdown";
+import { plaintext as y } from "@tanstack/highlight/languages/plaintext";
+import { shell as b } from "@tanstack/highlight/languages/shell";
+import { sql as x } from "@tanstack/highlight/languages/sql";
+import { toml as S } from "@tanstack/highlight/languages/toml";
+import { ts as C } from "@tanstack/highlight/languages/ts";
+import { tsx as w } from "@tanstack/highlight/languages/tsx";
+import { yaml as T } from "@tanstack/highlight/languages/yaml";
+import { python as E } from "@tanstack/highlight/languages/python";
 //#region src/integrations/code-highlight/language-patterns.ts
-function y(e, t, n = []) {
+function D(e, t, n = []) {
 	let r = [], i = new Uint8Array(e.length);
 	for (let { start: e, end: t } of n) i.fill(1, e, t);
 	for (let n of t) {
@@ -42,7 +50,7 @@ function y(e, t, n = []) {
 }
 //#endregion
 //#region src/integrations/code-highlight/languages/cmake.ts
-var b = [
+var O = [
 	{
 		className: "string",
 		regex: /"(?:\\.|[^"\\\n])*"|\[(=*)\[[\s\S]*?\]\1\]/g
@@ -75,12 +83,12 @@ var b = [
 		className: "operator",
 		regex: /(?:LESS_EQUAL|GREATER_EQUAL|STREQUAL|IN_LIST|MATCHES|EQUAL|LESS|GREATER|AND|OR|NOT|[=<>+*/!-])/gi
 	}
-], x = l({
+], k = l({
 	name: "cmake",
 	tokenize(e) {
-		return y(e, b);
+		return D(e, O);
 	}
-}), S = [
+}), A = [
 	{
 		className: "comment",
 		regex: /\/\/[^\n]*|\/\*[\s\S]*?\*\//g
@@ -117,7 +125,7 @@ var b = [
 		className: "operator",
 		regex: /(?:<<=?|>>=?|->\*|->|\+\+|--|&&|\|\||==|!=|<=|>=|::|\+=|-=|\*=|\/=|%=|&=|\|=|\^=|[-+*/%=&|^!<>?:~])/g
 	}
-], C = l({
+], j = l({
 	name: "cpp",
 	aliases: [
 		"c++",
@@ -126,19 +134,19 @@ var b = [
 		"hpp"
 	],
 	tokenize(e) {
-		return y(e, S);
+		return D(e, A);
 	}
-}), w = [{
+}), M = [{
 	className: "function",
 	regex: /\b[A-Za-z_]\w*(?=\s*\()/g
-}], T = l({
+}], N = l({
 	name: "python",
 	aliases: ["py"],
 	tokenize(e, t) {
-		let n = v.tokenize(e, t), r = y(e, w, n);
+		let n = E.tokenize(e, t), r = D(e, M, n);
 		return [...n, ...r];
 	}
-}), E = {
+}), P = {
 	tsx: { aliases: ["typescriptreact"] },
 	ts: { aliases: ["typescript"] },
 	css: { aliases: ["scss"] },
@@ -156,68 +164,93 @@ var b = [
 		"hpp"
 	] },
 	python: { aliases: ["py"] },
-	cmake: { aliases: [] }
-}, D = Object.keys(E), O = [...D, ...Object.values(E).flatMap(({ aliases: e }) => e)];
-function k(e) {
-	return O.includes(e);
+	cmake: { aliases: [] },
+	html: { aliases: [
+		"htm",
+		"xml",
+		"angular-html"
+	] },
+	js: { aliases: [
+		"javascript",
+		"mjs",
+		"cjs",
+		"js-vue"
+	] },
+	jsx: { aliases: [] },
+	markdown: { aliases: ["md"] },
+	yaml: { aliases: ["yml"] },
+	sql: { aliases: [] },
+	dockerfile: { aliases: [] },
+	toml: { aliases: [] }
+}, F = Object.keys(P), I = [...F, ...Object.values(P).flatMap(({ aliases: e }) => e)];
+function L(e) {
+	return I.includes(e);
 }
-function A(e, t) {
+function R(e, t) {
 	return e.aliases.includes(t);
 }
-function j(e) {
-	for (let [t, n] of Object.entries(E)) if (A(n, e)) return t;
+function z(e) {
+	for (let [t, n] of Object.entries(P)) if (R(n, e)) return t;
 	return e;
 }
-var M = c({
+var B = c({
 	languages: [
-		_,
-		g,
+		w,
+		C,
 		f,
+		b,
+		_,
+		j,
+		N,
+		k,
+		m,
 		h,
-		p,
-		C,
+		g,
+		v,
 		T,
 		x,
-		m
+		p,
+		S,
+		y
 	],
 	fallbackLanguage: "plaintext"
 });
-function N(e, t) {
-	let n = j(t), { tokens: r } = M.tokenize(e, { lang: n });
+function V(e, t) {
+	let n = z(t), { tokens: r } = B.tokenize(e, { lang: n });
 	return u(d(r));
 }
 //#endregion
 //#region src/integrations/code-highlight/code-highlight.tsx
-var P = /* @__PURE__ */ e({
-	Block: () => I,
-	Inline: () => L,
+var H = /* @__PURE__ */ e({
+	Block: () => W,
+	Inline: () => G,
 	InlineLink: () => n
 });
-function F(e, t) {
+function U(e, t) {
 	return s(() => {
-		if (!(t == null || e === "")) return /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: { __html: N(e, t) } });
+		if (!(t == null || e === "")) return /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: { __html: V(e, t) } });
 	}, [e, t]);
 }
-function I({ language: e, children: t, ...n }) {
-	let i = F(t, e);
+function W({ language: e, children: t, ...n }) {
+	let i = U(t, e);
 	return o(/* @__PURE__ */ a(r, {
 		...n,
 		language: e,
 		children: t
 	}), { children: i ?? t });
 }
-I.displayName = "Code.Block";
-function L({ language: e, children: t, ...n }) {
-	let r = F(t, e);
+W.displayName = "Code.Block";
+function G({ language: e, children: t, ...n }) {
+	let r = U(t, e);
 	return o(/* @__PURE__ */ a(i, {
 		...n,
 		children: t
 	}), { children: r ?? t });
 }
-L.displayName = "Code.Inline";
+G.displayName = "Code.Inline";
 //#endregion
 //#region src/integrations/code-highlight/code-highlight.meta.ts
-var R = {
+var K = {
 	name: "CodeHighlight",
 	category: t.display,
 	status: "experimental",
@@ -233,4 +266,4 @@ var R = {
 	}
 };
 //#endregion
-export { P as Code, D as SUPPORTED_LANGUAGES, R as codeHighlightMeta, k as isSupportedLanguage };
+export { H as Code, F as SUPPORTED_LANGUAGES, K as codeHighlightMeta, L as isSupportedLanguage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.6.1-dev.15.g88494338",
+  "version": "0.6.1-dev.16.g616c20b4",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "license": "UNLICENSED",