@aphexcms/cms-core 8.1.0 → 9.1.0

package/dist/components/admin/fields/richtext/PortableTextImageView.svelte.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    type: string;
+    nodeKey: string;
+    data: Record<string, unknown>;
+    selected?: boolean;
+    onEdit: () => void;
+    onDelete: () => void;
+}
+declare const PortableTextImageView: import("svelte").Component<Props, {}, "">;
+type PortableTextImageView = ReturnType<typeof PortableTextImageView>;
+export default PortableTextImageView;
+//# sourceMappingURL=PortableTextImageView.svelte.d.ts.map

package/dist/components/admin/fields/richtext/PortableTextImageView.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortableTextImageView.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/PortableTextImageView.svelte.ts"],"names":[],"mappings":"AAOC,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AAwDF,QAAA,MAAM,qBAAqB,2CAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/components/admin/fields/richtext/PortableTextInlineView.svelte

@@ -0,0 +1,111 @@
+<script lang="ts">
+	interface Props {
+		type: string;
+		nodeKey: string;
+		data: Record<string, unknown>;
+		selected: boolean;
+		onEdit: () => void;
+		onDelete: () => void;
+	}
+
+	let { type, data, selected, onEdit, onDelete }: Props = $props();
+
+	const label = $derived(
+		(data?.title as string) || (data?.text as string) || (data?.name as string) || type
+	);
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<span
+	class="inline-object-chip"
+	class:selected
+	onclick={onEdit}
+	title="Edit {type}"
+	role="button"
+	tabindex="0"
+	onkeydown={(e) => {
+		if (e.key === 'Enter') onEdit();
+	}}
+>
+	<span class="inline-object-type">{type.slice(0, 2).toUpperCase()}</span>
+	<span class="inline-object-label">{label}</span>
+	<button
+		class="inline-object-delete"
+		onclick={(e) => {
+			e.stopPropagation();
+			onDelete();
+		}}
+		title="Remove">×</button
+	>
+</span>
+
+<style>
+	.inline-object-chip {
+		display: inline-flex;
+		align-items: center;
+		gap: 2px;
+		padding: 1px 6px 1px 2px;
+		border-radius: 4px;
+		border: 1px solid var(--border);
+		background: var(--muted);
+		font-size: 0.75rem;
+		line-height: 1.4;
+		cursor: pointer;
+		vertical-align: baseline;
+		transition: border-color 0.15s;
+	}
+
+	.inline-object-chip:hover,
+	.inline-object-chip.selected {
+		border-color: var(--primary);
+	}
+
+	.inline-object-type {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 16px;
+		height: 16px;
+		border-radius: 2px;
+		background: var(--muted-foreground);
+		color: var(--background);
+		font-size: 8px;
+		font-weight: 600;
+		flex-shrink: 0;
+	}
+
+	.inline-object-label {
+		max-width: 120px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		color: var(--foreground);
+	}
+
+	.inline-object-delete {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 14px;
+		height: 14px;
+		border: none;
+		background: none;
+		color: var(--muted-foreground);
+		font-size: 12px;
+		cursor: pointer;
+		padding: 0;
+		border-radius: 2px;
+		opacity: 0;
+		transition:
+			opacity 0.15s,
+			color 0.15s;
+	}
+
+	.inline-object-chip:hover .inline-object-delete {
+		opacity: 1;
+	}
+
+	.inline-object-delete:hover {
+		color: var(--destructive);
+	}
+</style>

package/dist/components/admin/fields/richtext/PortableTextInlineView.svelte.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    type: string;
+    nodeKey: string;
+    data: Record<string, unknown>;
+    selected: boolean;
+    onEdit: () => void;
+    onDelete: () => void;
+}
+declare const PortableTextInlineView: import("svelte").Component<Props, {}, "">;
+type PortableTextInlineView = ReturnType<typeof PortableTextInlineView>;
+export default PortableTextInlineView;
+//# sourceMappingURL=PortableTextInlineView.svelte.d.ts.map

package/dist/components/admin/fields/richtext/PortableTextInlineView.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortableTextInlineView.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/PortableTextInlineView.svelte.ts"],"names":[],"mappings":"AAGC,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AA2BF,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/components/admin/fields/richtext/PortableTextObjectView.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">
+	import { Pencil, Trash2 } from '@lucide/svelte';
+
+	interface Props {
+		type: string;
+		nodeKey: string;
+		data: Record<string, unknown>;
+		selected?: boolean;
+		onEdit: () => void;
+		onDelete: () => void;
+	}
+
+	let { type, data, selected = false, onEdit, onDelete }: Props = $props();
+
+	const title = $derived((data.title as string) || (data.name as string) || type);
+
+	const subtitle = $derived.by(() => {
+		const preview: string[] = [];
+		for (const [key, val] of Object.entries(data)) {
+			if (key.startsWith('_') || key === 'title' || key === 'name') continue;
+			if (typeof val === 'string' && val.length > 0) {
+				preview.push(val.length > 40 ? val.slice(0, 40) + '...' : val);
+				if (preview.length >= 2) break;
+			}
+		}
+		return preview.join(' - ');
+	});
+</script>
+
+<div
+	class="border-rule bg-muted/20 hover:bg-muted/40 group my-2 flex items-center gap-2 rounded-md border px-3 py-2 transition-colors"
+	class:ring-primary={selected}
+	class:ring-2={selected}
+>
+	<button type="button" class="flex min-w-0 flex-1 items-center gap-3 text-left" onclick={onEdit}>
+		<div
+			class="bg-muted text-muted-foreground flex h-8 w-8 shrink-0 items-center justify-center rounded text-xs font-medium uppercase"
+		>
+			{type.slice(0, 2)}
+		</div>
+		<div class="min-w-0 flex-1">
+			<div class="text-foreground text-sm font-medium capitalize">{title}</div>
+			{#if subtitle}
+				<div class="text-muted-foreground truncate text-xs">{subtitle}</div>
+			{/if}
+		</div>
+	</button>
+
+	<div class="flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100">
+		<button
+			type="button"
+			class="text-muted-foreground hover:text-foreground rounded p-1 transition-colors"
+			onclick={onEdit}
+			title="Edit"
+		>
+			<Pencil class="h-3.5 w-3.5" />
+		</button>
+		<button
+			type="button"
+			class="text-muted-foreground hover:text-destructive rounded p-1 transition-colors"
+			onclick={onDelete}
+			title="Remove"
+		>
+			<Trash2 class="h-3.5 w-3.5" />
+		</button>
+	</div>
+</div>

package/dist/components/admin/fields/richtext/PortableTextObjectView.svelte.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    type: string;
+    nodeKey: string;
+    data: Record<string, unknown>;
+    selected?: boolean;
+    onEdit: () => void;
+    onDelete: () => void;
+}
+declare const PortableTextObjectView: import("svelte").Component<Props, {}, "">;
+type PortableTextObjectView = ReturnType<typeof PortableTextObjectView>;
+export default PortableTextObjectView;
+//# sourceMappingURL=PortableTextObjectView.svelte.d.ts.map

package/dist/components/admin/fields/richtext/PortableTextObjectView.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortableTextObjectView.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/PortableTextObjectView.svelte.ts"],"names":[],"mappings":"AAMC,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AA+CF,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}