@aicayzer/inkkit 0.1.3 → 0.1.5

package/dist/chunks/{highlight-yHFoKkKz.js → highlight-BIasnL-b.js}

@@ -1,4 +1,4 @@
-import { a as Decoration, c as PluginKey, d as __toESM, i as $prose, o as DecorationSet, s as Plugin, u as __commonJSMin } from "./core-Bvj0PMMi.js";
+import { a as Decoration, c as PluginKey, d as __toESM, i as $prose, o as DecorationSet, s as Plugin, u as __commonJSMin } from "./core-D7n0IhAZ.js";
 //#region node_modules/.pnpm/highlight.js@11.11.2/node_modules/highlight.js/es/languages/arduino.js
 /** @type LanguageFn */
 function cPlusPlus(hljs) {
@@ -14023,7 +14023,8 @@ var lowlight = createLowlight(grammars);
 function blockDecorations(node, pos, deadline) {
 	const language = String(node.attrs.language ?? "").toLowerCase();
 	const found = [];
-	if (!language || !lowlight.registered(language)) return found;
+	if (language && !lowlight.registered(language)) return found;
+	if (!language && node.content.size > 500) return found;
 	if (node.content.size > 5e3 || performance.now() > deadline) return found;
 	let offset = pos + 1;
 	const walk = (children, classes) => {
@@ -14036,7 +14037,7 @@ function blockDecorations(node, pos, deadline) {
 			walk(child.children, [...classes, ...own]);
 		}
 	};
-	walk(lowlight.highlight(language, node.textContent).children, []);
+	walk((language ? lowlight.highlight(language, node.textContent) : lowlight.highlightAuto(node.textContent)).children, []);
 	return found;
 }
 function decorations(doc) {

package/dist/core.js

@@ -1,2 +1,2 @@
-import { r as InkKitError, t as InkKitEditor } from "./chunks/core-Bvj0PMMi.js";
+import { r as InkKitError, t as InkKitEditor } from "./chunks/core-D7n0IhAZ.js";
 export { InkKitEditor, InkKitError };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { n as registerMermaid, r as InkKitError, t as InkKitEditor } from "./chunks/core-Bvj0PMMi.js";
+import { n as registerMermaid, r as InkKitError, t as InkKitEditor } from "./chunks/core-D7n0IhAZ.js";
 //#region src/index.ts
 registerMermaid(async () => (await import("mermaid")).default);
 //#endregion

package/dist/style.css

@@ -554,20 +554,6 @@
   padding-top: max(calc(var(--inkkit-font-size, 15px) * 2), 30px);
 }
 
-.inkkit-root .ProseMirror pre[data-language]::before {
-  content: attr(data-language);
-  position: absolute;
-  top: calc(var(--inkkit-font-size, 15px) * 0.533);
-  left: calc(var(--inkkit-font-size, 15px) * 0.933);
-  font:
-    calc(var(--inkkit-font-size, 15px) * 0.733)/1 -apple-system,
-    system-ui,
-    sans-serif;
-  color: var(--_inkkit-muted);
-  text-transform: lowercase;
-  user-select: none;
-}
-
 .inkkit-root .ProseMirror pre .inkkit-copy {
   position: absolute;
   top: 6px;
@@ -582,7 +568,7 @@
   padding: 0;
   border: 0;
   border-radius: 6px;
-  background: color-mix(in srgb, CanvasText 10%, transparent);
+  background: transparent;
   color: var(--_inkkit-muted);
   cursor: pointer;
   opacity: 0;
@@ -591,11 +577,13 @@
 }
 
 .inkkit-root .ProseMirror pre:hover .inkkit-copy,
+.inkkit-root .ProseMirror pre:focus-within .inkkit-copy,
 .inkkit-root .ProseMirror pre .inkkit-copy[data-copied] {
   opacity: 1;
 }
 
 .inkkit-root .ProseMirror pre .inkkit-copy:hover {
+  background: color-mix(in srgb, CanvasText 10%, transparent);
   color: var(--_inkkit-text);
 }
 
@@ -896,7 +884,8 @@
   .inkkit-root .inkkit-comment,
   .inkkit-root [data-inkkit-callout-toggle],
   .inkkit-root .ProseMirror pre .inkkit-copy,
-  .inkkit-root .inkkit-table-controls {
+  .inkkit-root .inkkit-table-controls,
+  .inkkit-root .inkkit-code-controls {
     display: none !important;
   }
 
@@ -1001,3 +990,85 @@
   clip-path: inset(50%);
   overflow: hidden;
 }
+
+.inkkit-root .inkkit-code-controls {
+  position: absolute;
+  top: 6px;
+  right: 38px;
+  font:
+    11px/1.4 -apple-system,
+    system-ui,
+    sans-serif;
+  white-space: normal;
+  user-select: none;
+}
+.inkkit-root .inkkit-code-language {
+  height: 24px;
+  padding: 0 6px;
+  border: 0;
+  border-radius: 5px;
+  background: transparent;
+  color: var(--_inkkit-muted);
+  font: inherit;
+  cursor: pointer;
+}
+.inkkit-root .inkkit-code-language::after {
+  content: '⌄';
+  margin-left: 5px;
+}
+.inkkit-root .inkkit-code-language:hover {
+  background: color-mix(in srgb, CanvasText 7%, transparent);
+}
+.inkkit-root .inkkit-code-language:focus-visible,
+.inkkit-root .inkkit-copy:focus-visible {
+  outline: 2px solid var(--_inkkit-accent);
+  outline-offset: 1px;
+}
+.inkkit-root .inkkit-code-language-menu {
+  position: fixed;
+  z-index: 50;
+  display: flex;
+  flex-direction: column;
+  width: 220px;
+  max-height: min(320px, 50vh);
+  padding: 5px;
+  box-sizing: border-box;
+  border: 1px solid color-mix(in srgb, CanvasText 15%, transparent);
+  border-radius: 8px;
+  background: Canvas;
+  color: CanvasText;
+  box-shadow: 0 6px 20px #0002;
+}
+.inkkit-root .inkkit-code-language-menu input {
+  box-sizing: border-box;
+  min-width: 0;
+  width: 100%;
+  padding: 7px;
+  border: 0;
+  border-bottom: 1px solid color-mix(in srgb, CanvasText 12%, transparent);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+.inkkit-root .inkkit-code-language-list {
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  padding-top: 4px;
+}
+.inkkit-root .inkkit-code-language-list button {
+  flex-shrink: 0;
+  padding: 5px 8px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.inkkit-root .inkkit-code-language-list button:hover,
+.inkkit-root .inkkit-code-language-list button:focus-visible,
+.inkkit-root .inkkit-code-language-list button[aria-pressed='true'] {
+  background: color-mix(in srgb, CanvasText 8%, transparent);
+}

package/dist/types.d.ts

@@ -255,6 +255,10 @@ export interface EditorLabels {
     sourceEditor: string;
     placeholder: string;
     copyCode: string;
+    codeLanguage: string;
+    codeLanguageSearch: string;
+    codeAuto: string;
+    codePlainText: string;
     expandCallout: string;
     collapseCallout: string;
     diagramRendering: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aicayzer/inkkit",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "A preserving Markdown editor for offline web views and the web",
   "license": "MIT",
   "type": "module",