file-viewer3 1.0.8 → 1.0.26

package/dist/components/CodeViewer.js

@@ -0,0 +1,151 @@
+import { n as e, t } from "./asyncToGenerator.js";
+import { n, r, t as i } from "./viewerZoom.js";
+import { t as a } from "./_plugin-vue_export-helper.js";
+import { computed as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, onMounted as p, openBlock as m, ref as h, toDisplayString as g, watch as _ } from "vue";
+//#region src/package/vendors/text/CodeViewer.vue?vue&type=script&setup=true&lang.ts
+e();
+var v = { class: "code-toolbar" }, y = { class: "code-area" }, b = ["innerHTML"], x = /*#__PURE__*/ a(/* @__PURE__ */ l({
+	__name: "CodeViewer",
+	props: {
+		value: {},
+		type: {}
+	},
+	setup(e) {
+		let a = e, l = h(null), x = h(1), S = i(), C = {
+			bash: "bash",
+			c: "cpp",
+			cc: "cpp",
+			cjs: "javascript",
+			cpp: "cpp",
+			cs: "csharp",
+			css: "css",
+			diff: "diff",
+			go: "go",
+			h: "cpp",
+			hpp: "cpp",
+			html: "xml",
+			htm: "xml",
+			ini: "ini",
+			java: "java",
+			js: "javascript",
+			json: "json",
+			jsx: "javascript",
+			log: "plaintext",
+			md: "markdown",
+			markdown: "markdown",
+			mjs: "javascript",
+			php: "php",
+			py: "python",
+			rs: "rust",
+			sh: "bash",
+			sql: "sql",
+			ts: "typescript",
+			tsx: "typescript",
+			txt: "plaintext",
+			vue: "xml",
+			xml: "xml",
+			yaml: "yaml",
+			yml: "yaml"
+		}, w = {
+			bash: () => import("./bash.js"),
+			cpp: () => import("./cpp.js"),
+			csharp: () => import("./csharp.js"),
+			css: () => import("./css.js"),
+			diff: () => import("./diff.js"),
+			go: () => import("./go.js"),
+			ini: () => import("./ini.js"),
+			java: () => import("./java.js"),
+			javascript: () => import("./javascript.js"),
+			json: () => import("./json.js"),
+			markdown: () => import("./markdown.js"),
+			php: () => import("./php.js"),
+			python: () => import("./python.js"),
+			rust: () => import("./rust.js"),
+			sql: () => import("./sql.js"),
+			typescript: () => import("./typescript.js"),
+			xml: () => import("./xml.js"),
+			yaml: () => import("./yaml.js")
+		}, T = null, E = /* @__PURE__ */ new Set(), D = function() {
+			var e = t(function* () {
+				return T || (T = import("./core.js").then((e) => e.default)), T;
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), O = function() {
+			var e = t(function* (e, t) {
+				if (E.has(t)) return !0;
+				let n = w[t];
+				if (!n) return !1;
+				let { default: r } = yield n();
+				return e.registerLanguage(t, r), E.add(t), !0;
+			});
+			return function(t, n) {
+				return e.apply(this, arguments);
+			};
+		}(), k = o(() => C[a.type.toLowerCase()] || "plaintext"), A = (e) => e.replace(/[&<>"']/g, (e) => ({
+			"&": "&amp;",
+			"<": "&lt;",
+			">": "&gt;",
+			"\"": "&quot;",
+			"'": "&#39;"
+		})[e]), j = h(""), M = 0;
+		_(() => [a.value, k.value], function() {
+			var e = t(function* () {
+				let e = ++M, t = k.value;
+				if (t === "plaintext") {
+					j.value = A(a.value);
+					return;
+				}
+				try {
+					let n = yield D(), r = yield O(n, t);
+					if (e !== M) return;
+					j.value = r ? n.highlight(a.value, {
+						language: t,
+						ignoreIllegals: !0
+					}).value : A(a.value);
+				} catch (t) {
+					e === M && (j.value = A(a.value));
+				}
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), { immediate: !0 });
+		let N = o(() => a.value.split(/\r\n|\r|\n/).length), P = o(() => ({ "--code-font-size": `${13 * x.value}px` })), F = (e) => Math.min(2.6, Math.max(.6, Number(e.toFixed(2)))), I = () => ({
+			scale: x.value,
+			label: `${Math.round(x.value * 100)}%`,
+			canZoomIn: x.value < 2.6,
+			canZoomOut: x.value > .6,
+			canReset: x.value !== 1,
+			minScale: .6,
+			maxScale: 2.6
+		});
+		return _(x, () => {
+			S.emit();
+		}), p(() => {
+			let e = l.value;
+			e && n(e, {
+				zoomIn: () => (x.value = F(x.value + .1), I()),
+				zoomOut: () => (x.value = F(x.value - .1), I()),
+				resetZoom: () => (x.value = 1, I()),
+				setZoom: (e) => (x.value = F(e), I()),
+				getState: I,
+				subscribe: S.subscribe
+			});
+		}), f(() => {
+			r(l.value);
+		}), (t, n) => (m(), s("div", {
+			ref_key: "root",
+			ref: l,
+			class: "code-viewer",
+			"data-viewer-zoom-provider": "code",
+			style: d(P.value)
+		}, [c("div", v, [c("span", null, g(e.type.toUpperCase()), 1), c("strong", null, g(N.value) + " lines", 1)]), c("pre", y, [c("code", {
+			class: u(["hljs", `language-${k.value}`]),
+			innerHTML: j.value
+		}, null, 10, b)])], 4));
+	}
+}), [["__scopeId", "data-v-31bc9b38"]]);
+//#endregion
+export { x as default };