@aicayzer/inkkit 0.7.2 → 0.7.3

package/dist/chunks/{core-BeZFc1qW.js → core-BI-sSLEL.js}

@@ -59351,16 +59351,18 @@ var ImageView = class {
 		const text = document.createElement("span");
 		text.className = "inkkit-file-label";
 		text.textContent = label;
-		text.title = label;
-		name.append(text);
-		if (activation && this.runtime?.adapter.open) this.activateCard(label);
-		else if (this.runtime?.adapter.open) {
+		if (this.runtime?.adapter.open && !activation) {
 			const open = this.button("", this.activate);
 			open.classList.add("inkkit-file-open");
-			open.setAttribute("aria-label", `${this.runtime.labels.fileOpen} ${label}`);
-			open.title = this.runtime.labels.fileOpen;
-			open.append(openArrow());
+			const opening = `${this.runtime.labels.fileOpen} ${label}`;
+			open.setAttribute("aria-label", opening);
+			open.title = opening;
+			open.append(text, openArrow());
 			name.append(open);
+		} else {
+			text.title = label;
+			name.append(text);
+			if (activation && this.runtime?.adapter.open) this.activateCard(label);
 		}
 		footer.append(name);
 		if (status) {
@@ -59393,6 +59395,7 @@ var ImageView = class {
 		this.element.removeEventListener("click", this.cardClick);
 		this.element.removeEventListener("keydown", this.cardKey);
 		this.element.removeAttribute("tabindex");
+		this.element.removeAttribute("title");
 		this.element.removeAttribute("data-inkkit-file-activation");
 		this.element.removeAttribute("data-inkkit-file-layout");
 		this.cardKeys = false;
@@ -59430,8 +59433,8 @@ var ImageView = class {
 			if (presentation.kind === "missing") this.card(label, this.runtime.labels.fileMissing, true);
 			else if (presentation.kind === "error") this.card(label, presentation.message || this.runtime.labels.fileError, true);
 			else if (presentation.kind === "image") {
+				this.element.title = label;
 				this.renderImage(presentation.url, label, width);
-				this.card(label);
 			} else if (presentation.kind === "audio" || presentation.kind === "video") {
 				const media = document.createElement(presentation.kind);
 				media.controls = true;
@@ -59679,7 +59682,7 @@ async function createMilkdownEditor(root, options, runtime) {
 				return true;
 			}
 		}));
-	}).use(labelsCtx).use(linkSchemesCtx).use(formatInputCtx).use(richTextGuard).use(runtime.plugins.paste).use(visibleClipboard).use(runtime.plugins.suggestions).use(runtime.plugins.keymap).use(createDialect(Boolean(options.images || options.files), Boolean(options.wikiLinks), Boolean(options.files))).use(codeControlCtx).use(codeControlsPlugin(() => runtime.visibleRect())).use(tablePlugins).use(tableBlock).use(runtime.plugins.change).use(runtime.plugins.historyInput).use(history).use(clipboard).use(cursor).use(taskListPlugin((operation) => runtime.mutate(operation))).use(undoTypedRule).use(quoteBackspace).use(calloutEnter).use(literalEnter).use(literalReread).use(listItemBackspace).use(nestedItemEnter).use(rejoinLists).use(movedListItems).use(textInputPolicy).use(runtime.copy ? codeCopyPlugin((text) => runtime.copy?.(text)) : []).use(placeholderPlugin).use(options.rendering?.codeHighlighting === false ? [] : (await import("./highlight-DlSWR6ji.js")).highlightPlugin).use(options.rendering?.diagramPreview === false || !diagramsAvailable() ? [] : mermaidPreview(runtime.diagrams, (error) => runtime.report(error))).use(selectionPlugin(drawn)).use(drawn ? drawnCaretPlugin : []).use($prose(() => search())).use(runtime.plugins.policy).use(options.wikiLinks ? wikiLinkView(options.wikiLinks, {
+	}).use(labelsCtx).use(linkSchemesCtx).use(formatInputCtx).use(richTextGuard).use(runtime.plugins.paste).use(visibleClipboard).use(runtime.plugins.suggestions).use(runtime.plugins.keymap).use(createDialect(Boolean(options.images || options.files), Boolean(options.wikiLinks), Boolean(options.files))).use(codeControlCtx).use(codeControlsPlugin(() => runtime.visibleRect())).use(tablePlugins).use(tableBlock).use(runtime.plugins.change).use(runtime.plugins.historyInput).use(history).use(clipboard).use(cursor).use(taskListPlugin((operation) => runtime.mutate(operation))).use(undoTypedRule).use(quoteBackspace).use(calloutEnter).use(literalEnter).use(literalReread).use(listItemBackspace).use(nestedItemEnter).use(rejoinLists).use(movedListItems).use(textInputPolicy).use(runtime.copy ? codeCopyPlugin((text) => runtime.copy?.(text)) : []).use(placeholderPlugin).use(options.rendering?.codeHighlighting === false ? [] : (await import("./highlight-BF7N9czJ.js")).highlightPlugin).use(options.rendering?.diagramPreview === false || !diagramsAvailable() ? [] : mermaidPreview(runtime.diagrams, (error) => runtime.report(error))).use(selectionPlugin(drawn)).use(drawn ? drawnCaretPlugin : []).use($prose(() => search())).use(runtime.plugins.policy).use(options.wikiLinks ? wikiLinkView(options.wikiLinks, {
 		capture: () => runtime.capture(),
 		active: () => runtime.active(),
 		labels: {

package/dist/chunks/{highlight-DlSWR6ji.js → highlight-BF7N9czJ.js}

@@ -1,4 +1,4 @@
-import { c as DecorationSet, f as __commonJSMin, l as Plugin, o as $prose, p as __toESM, s as Decoration, u as PluginKey } from "./core-BeZFc1qW.js";
+import { c as DecorationSet, f as __commonJSMin, l as Plugin, o as $prose, p as __toESM, s as Decoration, u as PluginKey } from "./core-BI-sSLEL.js";
 //#region node_modules/.pnpm/highlight.js@11.11.2/node_modules/highlight.js/es/languages/arduino.js
 /** @type LanguageFn */
 function cPlusPlus(hljs) {

package/dist/core.js

@@ -1,2 +1,2 @@
-import { a as InkKitError, n as normalizeLinkAddress, r as InkKitEditor, t as canOpenLink } from "./chunks/core-BeZFc1qW.js";
+import { a as InkKitError, n as normalizeLinkAddress, r as InkKitEditor, t as canOpenLink } from "./chunks/core-BI-sSLEL.js";
 export { InkKitEditor, InkKitError, canOpenLink, normalizeLinkAddress };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as InkKitError, i as registerDiagram, n as normalizeLinkAddress, r as InkKitEditor, t as canOpenLink } from "./chunks/core-BeZFc1qW.js";
+import { a as InkKitError, i as registerDiagram, n as normalizeLinkAddress, r as InkKitEditor, t as canOpenLink } from "./chunks/core-BI-sSLEL.js";
 //#region node_modules/.pnpm/dompurify@3.4.17/node_modules/dompurify/dist/purify.es.mjs
 /*! @license DOMPurify 3.4.17 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.17/LICENSE */
 function _OverloadYield(e, d) {

package/dist/style.css

@@ -379,6 +379,14 @@
   padding: 6px;
   white-space: normal;
 }
+/* A picture that loads is drawn bare: no border, padding or caption. Any grey inside it is the
+   picture's own. A picture that is loading or has failed keeps its card. */
+.inkkit-root
+  .ProseMirror
+  .inkkit-file[data-inkkit-file-state='resolved'][data-inkkit-file-kind='image'] {
+  border: 0;
+  padding: 0;
+}
 
 /* A file presentation with `layout: 'fill'` takes the column's width instead of its label's. */
 .inkkit-root
@@ -408,17 +416,6 @@
 .inkkit-root .ProseMirror .inkkit-file-footer:not(:first-child) {
   margin-block-start: 0.25em;
 }
-/* Below a picture, the name takes the picture's width rather than widening the card, so the grip
-   stays at the picture's edge; a short picture still leaves room for a few characters. */
-.inkkit-root .ProseMirror .inkkit-image-preview ~ .inkkit-file-footer {
-  width: 0;
-  min-width: 100%;
-}
-.inkkit-root
-  .ProseMirror
-  .inkkit-image.inkkit-file:has(> .inkkit-image-preview) {
-  min-width: min(100%, 8em);
-}
 /* The name truncates; the open arrow stays visible right after it. */
 .inkkit-root .ProseMirror .inkkit-file-name {
   display: flex;
@@ -470,29 +467,42 @@
   cursor: pointer;
 }
 .inkkit-root .ProseMirror .inkkit-file-open {
+  /* The name and the arrow are one link: a plain control that the footer's muted text colours. */
   display: inline-flex;
+  flex: 0 1 auto;
   align-items: center;
-  justify-content: center;
-  min-width: 1.5em;
-  min-height: 1.5em;
+  gap: 0.25em;
+  min-width: 0;
+  max-width: 100%;
   padding: 0;
   color: var(--_inkkit-muted);
   background: transparent;
-  border-color: transparent;
+  border: 0;
+  border-radius: 3px;
+  text-align: start;
 }
 .inkkit-root .ProseMirror .inkkit-file-open:hover {
   color: var(--_inkkit-text);
-  background: var(--_inkkit-code-bg);
+}
+.inkkit-root .ProseMirror .inkkit-file-open:hover .inkkit-file-label {
+  text-decoration: underline;
 }
 .inkkit-root .ProseMirror .inkkit-file-open svg {
+  flex: none;
+  box-sizing: content-box;
   width: 0.85em;
   height: 0.85em;
+  padding: 0.2em;
+  border-radius: 3px;
   fill: none;
   stroke: currentColor;
   stroke-width: 1.5;
   stroke-linecap: round;
   stroke-linejoin: round;
 }
+.inkkit-root .ProseMirror .inkkit-file-open:hover svg {
+  background: var(--_inkkit-code-bg);
+}
 
 .inkkit-root .ProseMirror {
   /* The viewport, not the wrapper Milkdown adds, so a click below the text still places the caret. */
@@ -764,34 +774,6 @@
   overflow-wrap: anywhere;
 }
 
-.inkkit-root .ProseMirror pre .inkkit-code-controls,
-.inkkit-root .ProseMirror pre .inkkit-copy {
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 120ms;
-}
-
-.inkkit-root .ProseMirror pre:hover .inkkit-code-controls,
-.inkkit-root .ProseMirror pre:hover .inkkit-copy,
-.inkkit-root .ProseMirror pre:focus-within .inkkit-code-controls,
-.inkkit-root .ProseMirror pre:focus-within .inkkit-copy,
-.inkkit-root
-  .ProseMirror
-  pre:has(.inkkit-code-language[aria-expanded='true'])
-  .inkkit-code-controls,
-.inkkit-root
-  .ProseMirror
-  pre:has(.inkkit-code-language[aria-expanded='true'])
-  .inkkit-copy,
-.inkkit-root
-  .ProseMirror-focused
-  pre[data-inkkit-code-active]
-  .inkkit-code-controls,
-.inkkit-root .ProseMirror-focused pre[data-inkkit-code-active] .inkkit-copy {
-  opacity: 1;
-  pointer-events: auto;
-}
-
 .inkkit-root .ProseMirror blockquote {
   position: relative;
   margin: 0 0 calc(var(--_inkkit-font-size) * 0.8);

package/package.json

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