@velastack/cms 0.2.4 → 0.2.6

package/dist/components/cms/cms-link-editable.svelte

@@ -226,7 +226,8 @@
 		data-popover-open={pageSelectOpen ? '' : undefined}
 	>
 		{#if children}
-			<span class="cms-link-edit__custom">
+			<!-- svelte-ignore a11y_no_static_element_interactions -->
+			<span class="cms-link-edit__custom" onclickcapture={blockNav}>
 				{@render children(renderProps)}
 			</span>
 		{:else}
@@ -390,6 +391,15 @@
 		white-space: nowrap;
 		font-family: ui-sans-serif, system-ui, sans-serif;
 	}
+	/* Bridge the gap between the link and the toolbar so hover isn't lost crossing it. */
+	.cms-link-edit__toolbar::after {
+		content: '';
+		position: absolute;
+		top: 100%;
+		left: 0;
+		right: 0;
+		height: 0.5rem;
+	}
 	.cms-link-edit:hover .cms-link-edit__toolbar,
 	.cms-link-edit:focus-within .cms-link-edit__toolbar,
 	.cms-link-edit[data-popover-open] .cms-link-edit__toolbar {

package/dist/components/cms/cms-rich-text.svelte

@@ -43,6 +43,12 @@
 </script>
 
 {#if editable && ref}
+	<!-- Mounted straight into edit mode (navigation while editing): the
+	     children branch below never rendered, so render it hidden once to
+	     capture the default markup. Removed as soon as it's captured. -->
+	{#if children && initialFromChildren === undefined}
+		<div bind:this={childrenEl} class="cms-rich-text-capture">{@render children()}</div>
+	{/if}
 	{#await import('./cms-rich-text-editable.svelte') then { default: Editable }}
 		<Editable scope={ref} {name} initial={editInitial} />
 	{/await}
@@ -63,6 +69,9 @@
 	.cms-rich-text-children {
 		display: contents;
 	}
+	.cms-rich-text-capture {
+		display: none;
+	}
 	.cms-missing {
 		padding: 0.25rem 0.5rem;
 		border: 1px dashed rgba(127, 127, 127, 0.6);

package/dist/components/cms/cms-text.svelte

@@ -73,6 +73,12 @@
 </script>
 
 {#if editable && ref}
+	<!-- Mounted straight into edit mode (navigation while editing): the
+	     children branch below never rendered, so render it hidden once to
+	     capture the default text. Removed as soon as it's captured. -->
+	{#if children && initialFromChildren === undefined}
+		<span bind:this={childrenEl} class="cms-text-capture">{@render children()}</span>
+	{/if}
 	<span
 		bind:this={el}
 		class="cms-text-editable"
@@ -118,6 +124,9 @@
 	.cms-text-children {
 		display: contents;
 	}
+	.cms-text-capture {
+		display: none;
+	}
 
 	.cms-missing {
 		display: inline-block;

package/dist/server/mock-adapter.d.ts

@@ -56,6 +56,13 @@ export type MockAdapterOptions = {
      * pending edits onto published content.
      */
     resolvePreview?: (previewKey: string) => ReleaseSnapshot | null | undefined;
+    /**
+     * Surfaced as `CmsPayload.endpoint` so the admin bar signs in against a
+     * hosted CMS even when content is served from memory — a static site built
+     * offline (`VELA_CMS_OFFLINE=1`) with fallbacks, whose editors still need
+     * somewhere to sign in. Unset, the loader falls back to `/api/cms`.
+     */
+    endpoint?: string;
 };
 /**
  * In-memory {@link CmsAdapter} useful for tests, demos, and local development

package/dist/server/mock-adapter.js

@@ -62,6 +62,7 @@ export const mockAdapter = (options = {}) => {
     const pageDocs = options.pageDocs ?? {};
     const resolvePreview = options.resolvePreview;
     return {
+        ...(options.endpoint ? { endpoint: options.endpoint } : {}),
         fetchDocs(queries, context) {
             const previewKey = context.previewKey;
             const release = previewKey && resolvePreview ? resolvePreview(previewKey) : null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@velastack/cms",
-	"version": "0.2.4",
+	"version": "0.2.6",
 	"description": "A scope-aware CMS for SvelteKit, for static or dynamic sites.",
 	"keywords": [
 		"svelte",