@cyfung1031/prism-code-editor 5.2.0-cdn-esm.0

package/dist/webComponent.js

@@ -0,0 +1,108 @@
+import { basicEditor, minimalEditor, readonlyEditor } from "./setups/index.js";
+//#region \0@oxc-project+runtime@0.132.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.132.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.132.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.132.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+//#endregion
+//#region src/webComponent.ts
+var attributeMap = {
+	language: [(value) => value || "text"],
+	"tab-size": [(value) => +value || 2, "tabSize"],
+	"insert-spaces": [(value) => value != null, "insertSpaces"],
+	"line-numbers": [(value) => value != null, "lineNumbers"],
+	readonly: [(value) => value != null, "readOnly"],
+	"word-wrap": [(value) => value != null, "wordWrap"],
+	rtl: [(value) => value != null],
+	theme: [(value) => value || "vs-code-dark"]
+};
+var attributes = Object.keys(attributeMap);
+var getOptions = (el) => {
+	const options = {};
+	for (let key in attributeMap) options[attributeMap[key][1] || key] = attributeMap[key][0](el.getAttribute(key));
+	options.value = el.textContent;
+	el.textContent = "";
+	return options;
+};
+var addComponent = (createEditor, name) => {
+	var _Class;
+	customElements.define(name, (_Class = class extends HTMLElement {
+		constructor() {
+			super();
+			_defineProperty(this, "editor", void 0);
+			const internals = this.attachInternals?.();
+			this.editor = createEditor(this, getOptions(this), () => this.dispatchEvent(new CustomEvent("ready")));
+			if (internals) this.editor.on("update", internals.setFormValue.bind(internals));
+			for (const attr in attributeMap) Object.defineProperty(this, attributeMap[attr][1] || attr, {
+				enumerable: true,
+				get: () => attributeMap[attr][0](this.getAttribute(attr)),
+				set: /language|theme|tab-size/.test(attr) ? (val) => this.setAttribute(attr, val) : (val) => this.toggleAttribute(attr, val)
+			});
+		}
+		get value() {
+			return this.editor.value;
+		}
+		set value(value) {
+			this.editor.setOptions({ value });
+		}
+		formResetCallback() {
+			this.value = this.editor.options.value;
+		}
+		attributeChangedCallback(name, oldValue, newValue) {
+			const [fn, propName] = attributeMap[name];
+			const newVal = fn(newValue);
+			if (fn(oldValue) != newVal) this.editor.setOptions({ [propName || name]: newVal });
+		}
+	}, _defineProperty(_Class, "observedAttributes", attributes), _defineProperty(_Class, "formAssociated", true), _Class));
+};
+/**
+* Adds a custom element wrapping the {@link minimalEditor} setup.
+* @param name Name of the custom element. Must be a valid custom element name.
+*/
+var addMinimalEditor = (name) => addComponent(minimalEditor, name);
+/**
+* Adds a custom element wrapping the {@link basicEditor} setup.
+* @param name Name of the custom element. Must be a valid custom element name.
+*/
+var addBasicEditor = (name) => addComponent(basicEditor, name);
+/**
+* Adds a custom element wrapping the {@link readonlyEditor} setup.
+* @param name Name of the custom element. Must be a valid custom element name.
+*/
+var addReadonlyEditor = (name) => addComponent(readonlyEditor, name);
+//#endregion
+export { addBasicEditor, addMinimalEditor, addReadonlyEditor };
+
+//# sourceMappingURL=webComponent.js.map

package/dist/webComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webComponent.js","names":[],"sources":["../src/webComponent.ts"],"sourcesContent":["/** @module web-component */\r\n\r\nimport { PrismEditor } from \"./types.js\"\r\nimport { SetupOptions, basicEditor, minimalEditor, readonlyEditor } from \"./setups/index.js\"\r\nimport { EditorTheme } from \"./themes/index.js\"\r\n\r\nconst attributeMap = {\r\n\tlanguage: [(value: string | null) => value || \"text\"],\r\n\t\"tab-size\": [(value: string | null) => +value! || 2, \"tabSize\"],\r\n\t\"insert-spaces\": [(value: string | null) => value != null, \"insertSpaces\"],\r\n\t\"line-numbers\": [(value: string | null) => value != null, \"lineNumbers\"],\r\n\treadonly: [(value: string | null) => value != null, \"readOnly\"],\r\n\t\"word-wrap\": [(value: string | null) => value != null, \"wordWrap\"],\r\n\trtl: [(value: string | null) => value != null],\r\n\ttheme: [(value: string | null) => value || \"vs-code-dark\"],\r\n} as const\r\n\r\nconst attributes = Object.keys(attributeMap)\r\n\r\nconst getOptions = (el: HTMLElement) => {\r\n\tconst options = <Required<SetupOptions>>{}\r\n\tfor (let key in attributeMap) // @ts-expect-error\r\n\t\toptions[attributeMap[key][1] || key] = attributeMap[key][0](el.getAttribute(key))\r\n\r\n\toptions.value = el.textContent!\r\n\tel.textContent = \"\"\r\n\treturn options\r\n}\r\n\r\nconst addComponent = (createEditor: typeof basicEditor, name: string) => {\r\n\tcustomElements.define(\r\n\t\tname,\r\n\t\tclass extends HTMLElement {\r\n\t\t\tstatic observedAttributes = attributes\r\n\t\t\tstatic formAssociated = true\r\n\r\n\t\t\teditor: PrismEditor\r\n\r\n\t\t\tconstructor() {\r\n\t\t\t\tsuper()\r\n\t\t\t\tconst internals = this.attachInternals?.()\r\n\t\t\t\tthis.editor = createEditor(this, getOptions(this), () =>\r\n\t\t\t\t\tthis.dispatchEvent(new CustomEvent(\"ready\")),\r\n\t\t\t\t)\r\n\t\t\t\tif (internals) {\r\n\t\t\t\t\tthis.editor.on(\"update\", internals.setFormValue.bind(internals))\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfor (const attr in attributeMap)\r\n\t\t\t\t\tObject.defineProperty(this, attributeMap[<keyof typeof attributeMap>attr][1] || attr, {\r\n\t\t\t\t\t\tenumerable: true,\r\n\t\t\t\t\t\tget: () => attributeMap[<keyof typeof attributeMap>attr][0](this.getAttribute(attr)),\r\n\t\t\t\t\t\tset: /language|theme|tab-size/.test(attr)\r\n\t\t\t\t\t\t\t? (val: string) => this.setAttribute(attr, val)\r\n\t\t\t\t\t\t\t: (val: boolean) => this.toggleAttribute(attr, val),\r\n\t\t\t\t\t})\r\n\t\t\t}\r\n\r\n\t\t\tget value() {\r\n\t\t\t\treturn this.editor.value\r\n\t\t\t}\r\n\t\t\tset value(value: string) {\r\n\t\t\t\tthis.editor.setOptions({ value })\r\n\t\t\t}\r\n\r\n\t\t\tformResetCallback() {\r\n\t\t\t\tthis.value = this.editor.options.value\r\n\t\t\t}\r\n\r\n\t\t\tattributeChangedCallback(\r\n\t\t\t\tname: keyof typeof attributeMap,\r\n\t\t\t\toldValue: string | null,\r\n\t\t\t\tnewValue: string | null,\r\n\t\t\t) {\r\n\t\t\t\tconst [fn, propName] = attributeMap[name]\r\n\t\t\t\tconst newVal = fn(newValue)\r\n\t\t\t\tif (fn(oldValue) != newVal) {\r\n\t\t\t\t\tthis.editor.setOptions({\r\n\t\t\t\t\t\t[propName || name]: newVal,\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t)\r\n}\r\n\r\nexport interface PrismEditorElement extends HTMLElement {\r\n\treadonly editor: PrismEditor<{ theme: EditorTheme }>\r\n\tvalue: string\r\n\ttheme: EditorTheme\r\n\tlanguage: string\r\n\ttabSize: number\r\n\tinsertSpaces: boolean\r\n\tlineNumbers: boolean\r\n\treadOnly: boolean\r\n\twordWrap: boolean\r\n\trtl: boolean\r\n\r\n\taddEventListener(\r\n\t\ttype: \"ready\",\r\n\t\tlistener: (this: PrismEditorElement, ev: CustomEvent) => any,\r\n\t\toptions?: boolean | AddEventListenerOptions,\r\n\t): void\r\n\taddEventListener<K extends keyof HTMLElementEventMap>(\r\n\t\ttype: K,\r\n\t\tlistener: (this: PrismEditorElement, ev: HTMLElementEventMap[K]) => any,\r\n\t\toptions?: boolean | AddEventListenerOptions,\r\n\t): void\r\n\taddEventListener(\r\n\t\ttype: string,\r\n\t\tlistener: EventListenerOrEventListenerObject,\r\n\t\toptions?: boolean | AddEventListenerOptions,\r\n\t): void\r\n\r\n\tremoveEventListener(\r\n\t\ttype: \"ready\",\r\n\t\tlistener: (this: PrismEditorElement, ev: CustomEvent) => any,\r\n\t\toptions?: boolean | EventListenerOptions,\r\n\t): void\r\n\tremoveEventListener<K extends keyof HTMLElementEventMap>(\r\n\t\ttype: K,\r\n\t\tlistener: (this: PrismEditorElement, ev: HTMLElementEventMap[K]) => any,\r\n\t\toptions?: boolean | EventListenerOptions,\r\n\t): void\r\n\tremoveEventListener(\r\n\t\ttype: string,\r\n\t\tlistener: EventListenerOrEventListenerObject,\r\n\t\toptions?: boolean | EventListenerOptions,\r\n\t): void\r\n}\r\n\r\n/**\r\n * Adds a custom element wrapping the {@link minimalEditor} setup.\r\n * @param name Name of the custom element. Must be a valid custom element name.\r\n */\r\nexport const addMinimalEditor = (name: string) => addComponent(minimalEditor, name)\r\n/**\r\n * Adds a custom element wrapping the {@link basicEditor} setup.\r\n * @param name Name of the custom element. Must be a valid custom element name.\r\n */\r\nexport const addBasicEditor = (name: string) => addComponent(basicEditor, name)\r\n/**\r\n * Adds a custom element wrapping the {@link readonlyEditor} setup.\r\n * @param name Name of the custom element. Must be a valid custom element name.\r\n */\r\nexport const addReadonlyEditor = (name: string) => addComponent(readonlyEditor, name)\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,eAAe;CACpB,UAAU,EAAE,UAAyB,SAAS,MAAM;CACpD,YAAY,EAAE,UAAyB,CAAC,SAAU,GAAG,SAAS;CAC9D,iBAAiB,EAAE,UAAyB,SAAS,MAAM,cAAc;CACzE,gBAAgB,EAAE,UAAyB,SAAS,MAAM,aAAa;CACvE,UAAU,EAAE,UAAyB,SAAS,MAAM,UAAU;CAC9D,aAAa,EAAE,UAAyB,SAAS,MAAM,UAAU;CACjE,KAAK,EAAE,UAAyB,SAAS,IAAI;CAC7C,OAAO,EAAE,UAAyB,SAAS,cAAc;AAC1D;AAEA,IAAM,aAAa,OAAO,KAAK,YAAY;AAE3C,IAAM,cAAc,OAAoB;CACvC,MAAM,UAAkC,CAAC;CACzC,KAAK,IAAI,OAAO,cACf,QAAQ,aAAa,KAAK,MAAM,OAAO,aAAa,KAAK,GAAG,GAAG,aAAa,GAAG,CAAC;CAEjF,QAAQ,QAAQ,GAAG;CACnB,GAAG,cAAc;CACjB,OAAO;AACR;AAEA,IAAM,gBAAgB,cAAkC,SAAiB;;CACxE,eAAe,OACd,OAAA,SACA,cAAc,YAAY;EAMzB,cAAc;GACb,MAAM;yBAHP,UAAA,KAAA,CAAA;GAIC,MAAM,YAAY,KAAK,kBAAkB;GACzC,KAAK,SAAS,aAAa,MAAM,WAAW,IAAI,SAC/C,KAAK,cAAc,IAAI,YAAY,OAAO,CAAC,CAC5C;GACA,IAAI,WACH,KAAK,OAAO,GAAG,UAAU,UAAU,aAAa,KAAK,SAAS,CAAC;GAGhE,KAAK,MAAM,QAAQ,cAClB,OAAO,eAAe,MAAM,aAAwC,MAAM,MAAM,MAAM;IACrF,YAAY;IACZ,WAAW,aAAwC,MAAM,GAAG,KAAK,aAAa,IAAI,CAAC;IACnF,KAAK,0BAA0B,KAAK,IAAI,KACpC,QAAgB,KAAK,aAAa,MAAM,GAAG,KAC3C,QAAiB,KAAK,gBAAgB,MAAM,GAAG;GACpD,CAAC;EACH;EAEA,IAAI,QAAQ;GACX,OAAO,KAAK,OAAO;EACpB;EACA,IAAI,MAAM,OAAe;GACxB,KAAK,OAAO,WAAW,EAAE,MAAM,CAAC;EACjC;EAEA,oBAAoB;GACnB,KAAK,QAAQ,KAAK,OAAO,QAAQ;EAClC;EAEA,yBACC,MACA,UACA,UACC;GACD,MAAM,CAAC,IAAI,YAAY,aAAa;GACpC,MAAM,SAAS,GAAG,QAAQ;GAC1B,IAAI,GAAG,QAAQ,KAAK,QACnB,KAAK,OAAO,WAAW,GACrB,YAAY,OAAO,OACrB,CAAC;EAEH;CACD,GAAA,gBAAA,QAjDQ,sBAAqB,UAAA,GAAA,gBAAA,QACrB,kBAAiB,IAAA,GAAA,OAiD1B;AACD;;;;;AAmDA,IAAa,oBAAoB,SAAiB,aAAa,eAAe,IAAI;;;;;AAKlF,IAAa,kBAAkB,SAAiB,aAAa,aAAa,IAAI;;;;;AAK9E,IAAa,qBAAqB,SAAiB,aAAa,gBAAgB,IAAI"}

package/dist/xml-shared-ONZRGEwv.js

@@ -0,0 +1,33 @@
+//#region src/prism/utils/xml-shared.js
+var entity = [{
+	pattern: /&[a-z\d]{1,8};/i,
+	alias: "named-entity"
+}, /&#x?[a-f\d]{1,8};/i];
+var xmlComment = /<!--(?:(?!<!--)[^])*?-->/g;
+var tag = {
+	pattern: /<\/?(?!\d)[^\s/=>$<%]+(?:\s(?:\s*[^\s/=>]+(?:\s*=\s*(?!\s)(?:"[^"]*"|'[^']*'|[^\s"'=>]+(?=[\s>]))?|(?=[\s/>])))+)?\s*\/?>/g,
+	inside: {
+		"punctuation": /^<\/?|\/?>$/,
+		"tag": {
+			pattern: /^\S+/,
+			inside: { "namespace": /^[^:]+:/ }
+		},
+		"attr-value": [{
+			pattern: /(=\s*)(?:"[^"]*"|'[^']*'|[^\s"'>]+)/g,
+			lookbehind: true,
+			inside: {
+				"punctuation": /^["']|["']$/g,
+				entity
+			}
+		}],
+		"attr-equals": /=/,
+		"attr-name": {
+			pattern: /\S+/,
+			inside: { "namespace": /^[^:]+:/ }
+		}
+	}
+};
+//#endregion
+export { tag as n, xmlComment as r, entity as t };
+
+//# sourceMappingURL=xml-shared-ONZRGEwv.js.map

package/dist/xml-shared-ONZRGEwv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xml-shared-ONZRGEwv.js","names":[],"sources":["../src/prism/utils/xml-shared.js"],"sourcesContent":["var entity = [\n\t{\n\t\tpattern: /&[a-z\\d]{1,8};/i,\n\t\talias: 'named-entity'\n\t},\n\t/&#x?[a-f\\d]{1,8};/i\n];\n\nvar xmlComment = /<!--(?:(?!<!--)[\\s\\S])*?-->/g;\n\nvar tag = {\n\tpattern: /<\\/?(?!\\d)[^\\s/=>$<%]+(?:\\s(?:\\s*[^\\s/=>]+(?:\\s*=\\s*(?!\\s)(?:\"[^\"]*\"|'[^']*'|[^\\s\"'=>]+(?=[\\s>]))?|(?=[\\s/>])))+)?\\s*\\/?>/g,\n\tinside: {\n\t\t'punctuation': /^<\\/?|\\/?>$/,\n\t\t'tag': {\n\t\t\tpattern: /^\\S+/,\n\t\t\tinside: {\n\t\t\t\t'namespace': /^[^:]+:/\n\t\t\t}\n\t\t},\n\t\t'attr-value': [{\n\t\t\tpattern: /(=\\s*)(?:\"[^\"]*\"|'[^']*'|[^\\s\"'>]+)/g,\n\t\t\tlookbehind: true,\n\t\t\tinside: {\n\t\t\t\t'punctuation': /^[\"']|[\"']$/g,\n\t\t\t\tentity\n\t\t\t}\n\t\t}],\n\t\t'attr-equals': /=/,\n\t\t'attr-name': {\n\t\t\tpattern: /\\S+/,\n\t\t\tinside: {\n\t\t\t\t'namespace': /^[^:]+:/\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport { entity, tag, xmlComment }\n"],"mappings":";AAAA,IAAI,SAAS,CACZ;CACC,SAAS;CACT,OAAO;AACR,GACA,oBACD;AAEA,IAAI,aAAa;AAEjB,IAAI,MAAM;CACT,SAAS;CACT,QAAQ;EACP,eAAe;EACf,OAAO;GACN,SAAS;GACT,QAAQ,EACP,aAAa,UACd;EACD;EACA,cAAc,CAAC;GACd,SAAS;GACT,YAAY;GACZ,QAAQ;IACP,eAAe;IACf;GACD;EACD,CAAC;EACD,eAAe;EACf,aAAa;GACZ,SAAS;GACT,QAAQ,EACP,aAAa,UACd;EACD;CACD;AACD"}

package/package.json

@@ -0,0 +1,136 @@
+{
+  "name": "@cyfung1031/prism-code-editor",
+  "version": "5.2.0-cdn-esm.0",
+  "type": "module",
+  "description": "Lightweight, extensible code editor component for the web using Prism",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./prism": "./dist/prism/index.js",
+    "./prism/utils": "./dist/prism/utils/index.js",
+    "./guides": "./dist/extensions/guides.js",
+    "./web-component": "./dist/webComponent.js",
+    "./copy-button": "./dist/extensions/copyButton/index.js",
+    "./copy-button.css": "./dist/copy.css",
+    "./code-folding.css": "./dist/folding.css",
+    "./scrollbar.css": "./dist/scrollbar.css",
+    "./autocomplete.css": "./dist/autocomplete.css",
+    "./autocomplete-icons.css": "./dist/autocomplete-icons.css",
+    "./guides.css": "./dist/guides.css",
+    "./cursor.css": "./dist/cursor.css",
+    "./setups": "./dist/setups/index.js",
+    "./utils": "./dist/utils/index.js",
+    "./layout.css": "./dist/layout.css",
+    "./rtl-layout.css": "./dist/rtl-layout.css",
+    "./code-block.css": "./dist/code-block.css",
+    "./themes/*.css": "./dist/themes/*.css",
+    "./themes": "./dist/themes/index.js",
+    "./languages": {
+      "types": "./dist/languages/index.d.ts",
+      "import": "./dist/languages/index.js",
+      "default": "./dist/languages/index.js"
+    },
+    "./languages/*": {
+      "types": "./dist/languages/*.d.ts",
+      "import": "./dist/languages/*.js",
+      "default": "./dist/languages/*.js"
+    },
+    "./prism/languages": {
+      "types": "./dist/prism/languages/index.d.ts",
+      "import": "./dist/prism/languages/index.js",
+      "default": "./dist/prism/languages/index.js"
+    },
+    "./prism/languages/*": {
+      "types": "./dist/prism/languages/*.d.ts",
+      "import": "./dist/prism/languages/*.js",
+      "default": "./dist/prism/languages/*.js"
+    },
+    "./match-brackets": "./dist/extensions/matchBrackets/index.js",
+    "./highlight-brackets": "./dist/extensions/matchBrackets/highlight.js",
+    "./match-tags": "./dist/extensions/matchTags.js",
+    "./tooltips": "./dist/tooltips.js",
+    "./autocomplete": "./dist/extensions/autocomplete/index.js",
+    "./autocomplete/css": "./dist/extensions/autocomplete/css/index.js",
+    "./autocomplete/markup": "./dist/extensions/autocomplete/markup/index.js",
+    "./autocomplete/javascript": "./dist/extensions/autocomplete/javascript/index.js",
+    "./autocomplete/vue": "./dist/extensions/autocomplete/vue/index.js",
+    "./autocomplete/svelte": "./dist/extensions/autocomplete/svelte/index.js",
+    "./ssr": "./dist/ssr/index.js",
+    "./client": "./dist/client/index.js",
+    "./code-blocks": "./dist/client/code-block.js",
+    "./commands": "./dist/extensions/commands/index.js",
+    "./cursor": "./dist/extensions/cursor/index.js",
+    "./code-folding": "./dist/extensions/folding/index.js",
+    "./search": "./dist/extensions/search/index.js",
+    "./search/api": "./dist/extensions/search/api.js",
+    "./search.css": "./dist/search.css",
+    "./invisibles.css": "./dist/invisibles.css"
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/*"
+      ]
+    }
+  },
+  "files": [
+    "dist/*"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build && node scripts/build.mjs",
+    "build-html-data": "node scripts/buildHTMLData.mjs",
+    "build-css-data": "node scripts/buildCSSData.mjs",
+    "preview": "vite preview",
+    "regex-coverage": "mocha src/prism/tests/coverage.js",
+    "test": "mocha src/prism/tests/*.js",
+    "test:core": "mocha src/prism/tests/core-tests.js",
+    "test:identifiers": "mocha src/prism/tests/identifier-test.js",
+    "test:languages": "mocha src/prism/tests/run.js",
+    "test:patterns": "mocha src/prism/tests/pattern-tests.js",
+    "prepublish": "tsc && vite build && node scripts/build.mjs"
+  },
+  "devDependencies": {
+    "@types/chai": "^4.3.20",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^20.19.29",
+    "@types/yargs": "^17.0.35",
+    "@vscode/web-custom-data": "^0.6.3",
+    "chai": "^5.3.3",
+    "esbuild": "^0.27.4",
+    "magic-string": "^0.30.21",
+    "mocha": "^11.7.6",
+    "prettier": "2.7.1",
+    "refa": "0.9.1",
+    "regexp-ast-analysis": "0.2.4",
+    "regexpp": "^3.2.0",
+    "scslre": "0.1.6",
+    "typescript": "^5.9.3",
+    "unplugin-dts": "^1.0.1",
+    "vite": "^8.0.14",
+    "yargs": "^17.7.2"
+  },
+  "keywords": [
+    "code",
+    "editor",
+    "code-editor",
+    "textarea",
+    "small",
+    "highlight",
+    "prism"
+  ],
+  "author": "Jonas Pytte",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jonpyt/prism-code-editor.git"
+  },
+  "license": "MIT",
+  "sideEffects": [
+    "./src/prism/languages/*",
+    "./src/languages/*",
+    "*.css",
+    "./dist/languages/*",
+    "./dist/prism/languages/*"
+  ]
+}

package/readme.md

@@ -0,0 +1,128 @@
+<h1 align="center">Prism code editor</h1>
+<p align="center">
+  <a href="https://prism-code-editor.netlify.app">Documentation</a> | <a href="https://prism-code-editor.netlify.app/playground">Playground</a>
+</p>
+<p align="center">
+  <a href="https://bundlephobia.com/package/prism-code-editor"><img src="https://img.shields.io/bundlephobia/minzip/prism-code-editor?label=size" alt="Bundle size"></a>
+  <a href="https://npmjs.com/prism-code-editor"><img src="https://img.shields.io/npm/v/prism-code-editor" alt="NPM package"></a>
+</p>
+<p align="center">
+  <strong>Lightweight, extensible code editor component for the web using <a href="https://github.com/PrismJS/prism">Prism</a>.</strong>
+</p>
+<p align="center">
+  <a href="https://prism-code-editor.netlify.app"><img src="https://github.com/jonpyt/prism-code-editor/blob/8eccecab74f07067c846a05612bd5d7c7e0fc86e/assets/demo.png?raw=true" width="640" alt="Editor example"></a>
+</p>
+
+## Why?
+
+There are multiple fully featured code editors for the web such as Monaco, Ace, and CodeMirror. While these are awesome, they have a large footprint and are likely overkill for code examples, forms, playgrounds or anywhere you won't display large documents.
+
+## How?
+
+This library overlays syntax highlighted code over a `<textarea>`. Libraries like [CodeFlask](https://github.com/kazzkiq/CodeFlask), [react-simple-code-editor](https://github.com/react-simple-code-editor/react-simple-code-editor), and many others have been doing this for years, but this library offers some distinct advantages:
+
+- It uses a trimmed Prism's core less than ⅓ the size that no longer relies on global variables.
+- It re-exports Prism's languages that now automatically import their required dependencies, and embedded languages are resolved at runtime.
+- It splits the highlighted code into lines. This makes it easy to add line numbers, highlight a line, and only update changed lines in the DOM for efficient updates.
+- The core is light as a feather with a wide array of extensions you can choose from and multiple events to listen to.
+
+## Key features
+
+- Line numbers
+- Optional word wrap
+- Line- and block comment toggling
+- Search and replace functionality
+- Wraps selection in brackets/quotes
+- Automatic indentation
+- Automatic closing of brackets, quotes, and tags
+- Indent selected lines with the Tab key
+- Custom undo/redo behavior
+- Language specific autocomplete
+- Highlights the line with the cursor
+- Bracket matching and rainbow brackets
+- Accessible to screen readers and keyboard-only users
+- Works great on mobile
+
+## Installation
+
+    npm i prism-code-editor
+
+If you're not using NPM and a bundler in your project, then you might be interested in this [bundle builder](https://stackblitz.com/edit/pce-bundle-builder) where you can create a customized, minified bundle to use directly.
+
+## Basic usage
+
+The library includes 3 different setups you can import. These will automatically import the necessary styles and scope them with a shadow root, add various extensions, and import all language specific behavior. There are also web components wrapping these setups if that's preferred.
+
+```javascript
+import { minimalEditor, basicEditor, readonlyEditor } from "prism-code-editor/setups"
+// Importing Prism grammars
+import "prism-code-editor/prism/languages/markup"
+
+const editor = basicEditor(
+  "#editor",
+  {
+    language: "html",
+    theme: "github-dark",
+  },
+  () => console.log("ready"),
+)
+```
+
+**Note:** You might want to add `display: grid` to the container the editor is added to.
+
+## Advanced usage
+
+For more advanced usage where you have full control over styling and the added extensions, check [the documentation](https://prism-code-editor.netlify.app).
+
+## Usage with frameworks
+
+This library has rewrites for both React and SolidJS. These rewrites better integrate with their respective framework than any wrapper ever could and are recommended if you're already using React or SolidJS.
+
+- [React rewrite](https://github.com/jonpyt/prism-code-editor/tree/main/react-package)
+- [SolidJS rewrite](https://github.com/jonpyt/prism-code-editor/tree/main/solid-package)
+
+## Examples
+
+- [`height: auto` without layout shifts](https://stackblitz.com/edit/vitejs-vite-sbvab7?file=index.html,src%2Fstyle.css,src%2Fmain.ts,readme.md)
+- [Simple tooltip example](https://stackblitz.com/edit/vitejs-vite-z2fgpu?file=src%2Fmain.ts)
+- [Autocomplete example](https://stackblitz.com/edit/vitejs-vite-tjcjyl?file=src%2Fautocomplete.ts)
+- [Formatting with Prettier](https://stackblitz.com/edit/vitejs-vite-x7tzhu?file=src%2Fmain.ts,src%2Fextensions.ts)
+- [Relative line numbers](https://stackblitz.com/edit/vitejs-vite-2wytja?file=src%2Fextensions.ts,src%2Fmain.ts)
+- [Usage in forms](https://stackblitz.com/edit/vitejs-vite-pk9ud7?file=src%2Fmain.ts)
+- [Adding elements to code lines](https://stackblitz.com/edit/vitejs-vite-y5pwon?file=src%2Fmain.ts,readme.md)
+- [Custom cursor](https://stackblitz.com/edit/vitejs-vite-sza5zx?file=src%2Fstyle.css,src%2Fextensions.ts)
+
+## Performance
+
+All the code is tokenized each time for simplicity's sake. Even though only lines that change are updated in the DOM, the editor slows down as more code is added, although not as quickly as with zero optimizations.
+
+Once you start exceeding 1000 LOC, the editor will start slowing down on most hardware. If you need to display that much code, consider a more robust/heavy library.
+
+## Compatibility
+
+This has been tested to work in the latest desktop and mobile versions of Safari, Chrome, and Firefox. It should work in slightly older browsers too, but there will be many bugs present in browsers that don't support `beforeinput` events.
+
+This library does not support any Prism plugins since Prism hooks have been removed, but behavior like the [Highlight Keywords](https://prismjs.com/plugins/highlight-keywords/) plugin is included.
+
+Some grammars have had small changes, most notably markup tags' grammar. Prism themes will work to style the tokens, but there can be some slight differences.
+
+In PrismJS, greedy matching is controlled by a `greedy` flag on the token. Here, it's instead controlled by the `g` flag on the pattern. When copying Prism grammars, be sure to remove the `greedy` flags and instead add the `g` flag to the regex.
+
+Lists of aliases are not supported. To add multiple aliases to a token, separate them with spaces in a single string instead. For example, convert `["foo", "bar"]` to `"foo bar"`.
+
+## Credits
+
+This library is made possible thanks to [Prism](https://prismjs.com).
+
+## Contributing
+
+Feature requests, bug reports, optimizations, and potentially new themes and extensions are all welcome.
+
+To test your changes during development, install dependencies:
+
+    cd package
+    pnpm install
+
+And run the development server:
+
+    pnpm run dev