@autumnsgrove/groveengine 0.1.1 → 0.3.0

package/dist/components/admin/GutterManager.svelte

@@ -1,8 +1,7 @@
 <script>
   import { marked } from "marked";
+  import { Input, Button } from '@groveengine/ui';
   import Dialog from "../ui/Dialog.svelte";
-  import Input from "../ui/Input.svelte";
-  import Button from "../ui/Button.svelte";
   import Select from "../ui/Select.svelte";
   import { toast } from "../ui/toast";
 

package/dist/components/admin/MarkdownEditor.svelte

@@ -4,9 +4,8 @@
   import { onMount, tick } from "svelte";
   import { sanitizeMarkdown } from "../../utils/sanitize.js";
   import "../../styles/content.css";
+  import { Button, Input } from '@groveengine/ui';
   import Dialog from "../ui/Dialog.svelte";
-  import Button from "../ui/Button.svelte";
-  import Input from "../ui/Input.svelte";
 
   // Initialize mermaid with grove-themed dark config
   mermaid.initialize({

package/dist/components/custom/InternalsPostViewer.svelte

@@ -0,0 +1,95 @@
+<script>
+	/**
+	 * Simple component to display a featured blog post
+	 * @prop {{ title: string; description?: string; slug: string; date?: string }} post - Post data
+	 * @prop {string} [caption] - Optional caption text
+	 */
+	let { post, caption = "" } = $props();
+
+	const formattedDate = $derived(post.date ? new Date(post.date).toLocaleDateString('en-US', {
+		year: 'numeric',
+		month: 'long',
+		day: 'numeric'
+	}) : null);
+</script>
+
+<article class="post-viewer">
+	{#if caption}
+		<span class="caption">{caption}</span>
+	{/if}
+	<a href="/blog/{post.slug}" class="post-link">
+		<h3 class="title">{post.title}</h3>
+		{#if post.description}
+			<p class="description">{post.description}</p>
+		{/if}
+		{#if formattedDate}
+			<time class="date">{formattedDate}</time>
+		{/if}
+	</a>
+</article>
+
+<style>
+	.post-viewer {
+		background: var(--color-bg-secondary);
+		border: 1px solid var(--color-border);
+		border-radius: var(--border-radius-standard);
+		padding: 1.5rem;
+		transition: all 0.3s ease;
+	}
+
+	.caption {
+		display: block;
+		font-size: 0.75rem;
+		text-transform: uppercase;
+		letter-spacing: 0.05em;
+		color: var(--color-primary);
+		margin-bottom: 0.5rem;
+	}
+
+	.post-link {
+		text-decoration: none;
+		color: inherit;
+		display: block;
+	}
+
+	.post-link:hover .title {
+		color: var(--color-primary);
+	}
+
+	.title {
+		font-size: 1.25rem;
+		margin: 0 0 0.5rem 0;
+		color: var(--color-text);
+		transition: color 0.2s ease;
+	}
+
+	.description {
+		margin: 0 0 0.75rem 0;
+		color: var(--color-text-muted);
+		font-size: 0.95rem;
+		line-height: 1.6;
+	}
+
+	.date {
+		display: block;
+		font-size: 0.875rem;
+		color: var(--color-text-subtle);
+	}
+
+	:global(.dark) .post-viewer {
+		background: var(--color-bg-tertiary-dark);
+		border-color: var(--color-border-dark);
+	}
+
+	:global(.dark) .title {
+		color: var(--color-text-dark);
+	}
+
+	:global(.dark) .description {
+		color: var(--color-text-subtle-dark);
+	}
+
+	:global(.dark) .date {
+		color: var(--color-text-subtle-dark);
+	}
+</style>

package/dist/components/custom/InternalsPostViewer.svelte.d.ts

@@ -0,0 +1,13 @@
+export default InternalsPostViewer;
+type InternalsPostViewer = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const InternalsPostViewer: import("svelte").Component<{
+    post: any;
+    caption?: string;
+}, {}, "">;
+type $$ComponentProps = {
+    post: any;
+    caption?: string;
+};

package/dist/components/ui/index.d.ts

@@ -1,26 +1,14 @@
-export { default as Button } from "./Button.svelte";
-export { default as Card } from "./Card.svelte";
-export { default as Badge } from "./Badge.svelte";
 export { default as Dialog } from "./Dialog.svelte";
-export { default as Input } from "./Input.svelte";
-export { default as Textarea } from "./Textarea.svelte";
 export { default as Select } from "./Select.svelte";
 export { default as Tabs } from "./Tabs.svelte";
 export { default as Accordion } from "./Accordion.svelte";
 export { default as Sheet } from "./Sheet.svelte";
 export { default as Toast } from "./Toast.svelte";
-export { default as Skeleton } from "./Skeleton.svelte";
 export { default as Table } from "./Table.svelte";
 export { toast } from "./toast";
 export { Root as DialogRoot, Trigger as DialogTrigger, Close as DialogClose, Portal as DialogPortal } from "./dialog";
 export { Root as SheetRoot, Trigger as SheetTrigger, Close as SheetClose, Portal as SheetPortal, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription } from "./sheet";
 export { Root as TableRoot, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow } from "./table";
-export { Root as SkeletonRoot, Skeleton as SkeletonComponent } from "./skeleton";
 export { Root as AccordionRoot } from "./accordion";
-export { Root as BadgeRoot } from "./badge";
-export { Root as ButtonRoot } from "./button";
-export { Root as CardRoot, Header as CardHeader, Title as CardTitle, Description as CardDescription, Content as CardContent, Footer as CardFooter } from "./card";
-export { Root as InputRoot } from "./input";
-export { Root as TextareaRoot } from "./textarea";
 export { Root as SelectRoot, Trigger as SelectTrigger, Content as SelectContent, Item as SelectItem, Group as SelectGroup, GroupHeading as SelectLabel, Separator as SelectSeparator, ScrollUpButton as SelectScrollUpButton, ScrollDownButton as SelectScrollDownButton } from "./select";
 export { Root as TabsRoot, List as TabsList, Trigger as TabsTrigger, Content as TabsContent } from "./tabs";

package/dist/components/ui/index.js

@@ -1,16 +1,11 @@
-// Wrappers
-export { default as Button } from "./Button.svelte";
-export { default as Card } from "./Card.svelte";
-export { default as Badge } from "./Badge.svelte";
+// Admin-specific UI component wrappers
+// Generic UI components (Button, Card, Badge, Input, Textarea, Skeleton) are now in @groveengine/ui
 export { default as Dialog } from "./Dialog.svelte";
-export { default as Input } from "./Input.svelte";
-export { default as Textarea } from "./Textarea.svelte";
 export { default as Select } from "./Select.svelte";
 export { default as Tabs } from "./Tabs.svelte";
 export { default as Accordion } from "./Accordion.svelte";
 export { default as Sheet } from "./Sheet.svelte";
 export { default as Toast } from "./Toast.svelte";
-export { default as Skeleton } from "./Skeleton.svelte";
 export { default as Table } from "./Table.svelte";
 // Toast utilities
 export { toast } from "./toast";
@@ -18,12 +13,6 @@ export { toast } from "./toast";
 export { Root as DialogRoot, Trigger as DialogTrigger, Close as DialogClose, Portal as DialogPortal } from "./dialog";
 export { Root as SheetRoot, Trigger as SheetTrigger, Close as SheetClose, Portal as SheetPortal, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription } from "./sheet";
 export { Root as TableRoot, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow } from "./table";
-export { Root as SkeletonRoot, Skeleton as SkeletonComponent } from "./skeleton";
 export { Root as AccordionRoot } from "./accordion";
-export { Root as BadgeRoot } from "./badge";
-export { Root as ButtonRoot } from "./button";
-export { Root as CardRoot, Header as CardHeader, Title as CardTitle, Description as CardDescription, Content as CardContent, Footer as CardFooter } from "./card";
-export { Root as InputRoot } from "./input";
-export { Root as TextareaRoot } from "./textarea";
 export { Root as SelectRoot, Trigger as SelectTrigger, Content as SelectContent, Item as SelectItem, Group as SelectGroup, GroupHeading as SelectLabel, Separator as SelectSeparator, ScrollUpButton as SelectScrollUpButton, ScrollDownButton as SelectScrollDownButton } from "./select";
 export { Root as TabsRoot, List as TabsList, Trigger as TabsTrigger, Content as TabsContent } from "./tabs";

package/dist/components/ui/select/select-separator.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
-	import type { Separator as SeparatorPrimitive } from "bits-ui";
-	import { Separator } from "../separator/index.js";
+	import { Separator as SeparatorPrimitive } from "bits-ui";
 	import { cn } from "../../../utils";
 
 	let {
@@ -10,4 +9,4 @@
 	}: SeparatorPrimitive.RootProps = $props();
 </script>
 
-<Separator bind:ref class={cn("bg-muted -mx-1 my-1 h-px", className)} {...restProps} />
+<SeparatorPrimitive.Root bind:ref class={cn("bg-muted -mx-1 my-1 h-px", className)} {...restProps} />

package/dist/components/ui/select/select-separator.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Separator as SeparatorPrimitive } from "bits-ui";
+import { Separator as SeparatorPrimitive } from "bits-ui";
 declare const SelectSeparator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
 type SelectSeparator = ReturnType<typeof SelectSeparator>;
 export default SelectSeparator;

package/dist/utils/markdown.d.ts

@@ -121,3 +121,45 @@ export function createContentLoader(config: {
     homeGutter: Object;
     contactGutter: Object;
 }): Object;
+/**
+ * Register a content loader for the site
+ * This should be called by the consuming site to provide access to content
+ * @param {Object} loader - Object with getAllPosts, getSiteConfig, getLatestPost functions
+ */
+export function registerContentLoader(loader: Object): void;
+/**
+ * Get all blog posts
+ * @returns {Array} Array of post objects
+ */
+export function getAllPosts(): any[];
+/**
+ * Get site configuration
+ * @returns {Object} Site config object
+ */
+export function getSiteConfig(): Object;
+/**
+ * Get the latest post
+ * @returns {Object|null} Latest post or null
+ */
+export function getLatestPost(): Object | null;
+/**
+ * Get home page content
+ * @returns {Object|null} Home page data or null
+ */
+export function getHomePage(): Object | null;
+/**
+ * Get a post by its slug
+ * @param {string} slug - The post slug
+ * @returns {Object|null} Post object or null
+ */
+export function getPostBySlug(slug: string): Object | null;
+/**
+ * Get about page content
+ * @returns {Object|null} About page data or null
+ */
+export function getAboutPage(): Object | null;
+/**
+ * Get contact page content
+ * @returns {Object|null} Contact page data or null
+ */
+export function getContactPage(): Object | null;

package/dist/utils/markdown.js

@@ -755,3 +755,107 @@ export function createContentLoader(config) {
     },
   };
 }
+
+/**
+ * Registry for site-specific content loaders
+ * Sites must register their content loaders using registerContentLoader()
+ */
+let contentLoader = null;
+
+/**
+ * Register a content loader for the site
+ * This should be called by the consuming site to provide access to content
+ * @param {Object} loader - Object with getAllPosts, getSiteConfig, getLatestPost functions
+ */
+export function registerContentLoader(loader) {
+  contentLoader = loader;
+}
+
+/**
+ * Get all blog posts
+ * @returns {Array} Array of post objects
+ */
+export function getAllPosts() {
+  if (!contentLoader || !contentLoader.getAllPosts) {
+    console.warn('getAllPosts: No content loader registered. Call registerContentLoader() in your site.');
+    return [];
+  }
+  return contentLoader.getAllPosts();
+}
+
+/**
+ * Get site configuration
+ * @returns {Object} Site config object
+ */
+export function getSiteConfig() {
+  if (!contentLoader || !contentLoader.getSiteConfig) {
+    console.warn('getSiteConfig: No content loader registered. Call registerContentLoader() in your site.');
+    return {
+      owner: { name: "Admin", email: "" },
+      site: { title: "GroveEngine Site", description: "", copyright: "" },
+      social: {},
+    };
+  }
+  return contentLoader.getSiteConfig();
+}
+
+/**
+ * Get the latest post
+ * @returns {Object|null} Latest post or null
+ */
+export function getLatestPost() {
+  if (!contentLoader || !contentLoader.getLatestPost) {
+    console.warn('getLatestPost: No content loader registered. Call registerContentLoader() in your site.');
+    return null;
+  }
+  return contentLoader.getLatestPost();
+}
+
+/**
+ * Get home page content
+ * @returns {Object|null} Home page data or null
+ */
+export function getHomePage() {
+  if (!contentLoader || !contentLoader.getHomePage) {
+    console.warn('getHomePage: No content loader registered. Call registerContentLoader() in your site.');
+    return null;
+  }
+  return contentLoader.getHomePage();
+}
+
+/**
+ * Get a post by its slug
+ * @param {string} slug - The post slug
+ * @returns {Object|null} Post object or null
+ */
+export function getPostBySlug(slug) {
+  if (!contentLoader || !contentLoader.getPostBySlug) {
+    console.warn('getPostBySlug: No content loader registered. Call registerContentLoader() in your site.');
+    return null;
+  }
+  return contentLoader.getPostBySlug(slug);
+}
+
+/**
+ * Get about page content
+ * @returns {Object|null} About page data or null
+ */
+export function getAboutPage() {
+  if (!contentLoader || !contentLoader.getAboutPage) {
+    console.warn('getAboutPage: No content loader registered. Call registerContentLoader() in your site.');
+    return null;
+  }
+  return contentLoader.getAboutPage();
+}
+
+/**
+ * Get contact page content
+ * @returns {Object|null} Contact page data or null
+ */
+export function getContactPage() {
+  if (!contentLoader || !contentLoader.getContactPage) {
+    console.warn('getContactPage: No content loader registered. Call registerContentLoader() in your site.');
+    return null;
+  }
+  return contentLoader.getContactPage();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autumnsgrove/groveengine",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "Multi-tenant blog engine for Grove Platform. Features gutter annotations, markdown editing, magic code auth, and Cloudflare Workers deployment.",
   "author": "AutumnsGrove",
   "license": "MIT",
@@ -114,6 +114,7 @@
     "vitest": "^4.0.14"
   },
   "dependencies": {
+    "@groveengine/ui": "^0.3.0",
     "@types/dompurify": "^3.0.5",
     "chart.js": "^4.5.1",
     "clsx": "^2.1.1",

package/dist/components/ui/Badge.svelte

@@ -1,48 +0,0 @@
-<script lang="ts">
-	import { Badge as ShadcnBadge } from "./badge";
-	import type { Snippet } from "svelte";
-
-	type BadgeVariant = "default" | "secondary" | "destructive" | "tag";
-
-	/**
-	 * Badge component wrapper for displaying small labels, tags, or status indicators
-	 *
-	 * @prop {BadgeVariant} [variant="default"] - Badge style variant (default|secondary|destructive|tag)
-	 * @prop {string} [class] - Additional CSS classes to apply
-	 * @prop {Snippet} [children] - Badge content (typically short text)
-	 *
-	 * @example
-	 * <Badge variant="default">New</Badge>
-	 *
-	 * @example
-	 * <Badge variant="destructive">Error</Badge>
-	 *
-	 * @example
-	 * <Badge variant="tag">TypeScript</Badge>
-	 */
-	interface Props {
-		variant?: BadgeVariant;
-		class?: string;
-		children?: Snippet;
-	}
-
-	let {
-		variant = "default",
-		class: className,
-		children
-	}: Props = $props();
-
-	// Map tag variant to secondary styling
-	const variantMap: Record<BadgeVariant, "default" | "secondary" | "destructive"> = {
-		default: "default",
-		secondary: "secondary",
-		destructive: "destructive",
-		tag: "secondary"
-	};
-
-	const shadcnVariant = $derived(variantMap[variant]);
-</script>
-
-<ShadcnBadge variant={shadcnVariant} class={className}>
-	{@render children?.()}
-</ShadcnBadge>

package/dist/components/ui/Badge.svelte.d.ts

@@ -1,26 +0,0 @@
-import type { Snippet } from "svelte";
-type BadgeVariant = "default" | "secondary" | "destructive" | "tag";
-/**
- * Badge component wrapper for displaying small labels, tags, or status indicators
- *
- * @prop {BadgeVariant} [variant="default"] - Badge style variant (default|secondary|destructive|tag)
- * @prop {string} [class] - Additional CSS classes to apply
- * @prop {Snippet} [children] - Badge content (typically short text)
- *
- * @example
- * <Badge variant="default">New</Badge>
- *
- * @example
- * <Badge variant="destructive">Error</Badge>
- *
- * @example
- * <Badge variant="tag">TypeScript</Badge>
- */
-interface Props {
-    variant?: BadgeVariant;
-    class?: string;
-    children?: Snippet;
-}
-declare const Badge: import("svelte").Component<Props, {}, "">;
-type Badge = ReturnType<typeof Badge>;
-export default Badge;

package/dist/components/ui/Button.svelte

@@ -1,74 +0,0 @@
-<script lang="ts">
-	import { Button as ShadcnButton } from "./button";
-	import type { Snippet } from "svelte";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	type ButtonVariant = "primary" | "secondary" | "danger" | "ghost" | "link";
-	type ButtonSize = "sm" | "md" | "lg";
-
-	/**
-	 * Button component wrapper around shadcn-svelte Button
-	 *
-	 * @prop {ButtonVariant} [variant="primary"] - Button style variant (primary|secondary|danger|ghost|link)
-	 * @prop {ButtonSize} [size="md"] - Button size (sm|md|lg)
-	 * @prop {boolean} [disabled=false] - Whether button is disabled
-	 * @prop {Function} [onclick] - Click handler function
-	 * @prop {string} [href] - Optional link href (renders as anchor element)
-	 * @prop {string} [class] - Additional CSS classes to apply
-	 * @prop {Snippet} [children] - Button content (text/icons/etc)
-	 *
-	 * @example
-	 * <Button variant="primary" size="lg">Save Changes</Button>
-	 *
-	 * @example
-	 * <Button variant="danger" onclick={() => handleDelete()}>Delete</Button>
-	 *
-	 * @example
-	 * <Button variant="ghost" href="/settings">Settings</Button>
-	 */
-	interface Props extends Omit<HTMLButtonAttributes, "class"> {
-		variant?: ButtonVariant;
-		size?: ButtonSize;
-		disabled?: boolean;
-		class?: string;
-		children?: Snippet;
-	}
-
-	let {
-		variant = "primary",
-		size = "md",
-		disabled = false,
-		class: className,
-		children,
-		...restProps
-	}: Props = $props();
-
-	// Map our simplified variants to shadcn variants
-	const variantMap: Record<ButtonVariant, "default" | "secondary" | "destructive" | "ghost" | "link"> = {
-		primary: "default",
-		secondary: "secondary",
-		danger: "destructive",
-		ghost: "ghost",
-		link: "link"
-	};
-
-	// Map our size variants to shadcn sizes
-	const sizeMap: Record<ButtonSize, "sm" | "default" | "lg"> = {
-		sm: "sm",
-		md: "default",
-		lg: "lg"
-	};
-
-	const shadcnVariant = $derived(variantMap[variant]);
-	const shadcnSize = $derived(sizeMap[size]);
-</script>
-
-<ShadcnButton
-	variant={shadcnVariant}
-	size={shadcnSize}
-	disabled={disabled}
-	class={className}
-	{...restProps}
->
-	{@render children?.()}
-</ShadcnButton>

package/dist/components/ui/Button.svelte.d.ts

@@ -1,34 +0,0 @@
-import type { Snippet } from "svelte";
-import type { HTMLButtonAttributes } from "svelte/elements";
-type ButtonVariant = "primary" | "secondary" | "danger" | "ghost" | "link";
-type ButtonSize = "sm" | "md" | "lg";
-/**
- * Button component wrapper around shadcn-svelte Button
- *
- * @prop {ButtonVariant} [variant="primary"] - Button style variant (primary|secondary|danger|ghost|link)
- * @prop {ButtonSize} [size="md"] - Button size (sm|md|lg)
- * @prop {boolean} [disabled=false] - Whether button is disabled
- * @prop {Function} [onclick] - Click handler function
- * @prop {string} [href] - Optional link href (renders as anchor element)
- * @prop {string} [class] - Additional CSS classes to apply
- * @prop {Snippet} [children] - Button content (text/icons/etc)
- *
- * @example
- * <Button variant="primary" size="lg">Save Changes</Button>
- *
- * @example
- * <Button variant="danger" onclick={() => handleDelete()}>Delete</Button>
- *
- * @example
- * <Button variant="ghost" href="/settings">Settings</Button>
- */
-interface Props extends Omit<HTMLButtonAttributes, "class"> {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    disabled?: boolean;
-    class?: string;
-    children?: Snippet;
-}
-declare const Button: import("svelte").Component<Props, {}, "">;
-type Button = ReturnType<typeof Button>;
-export default Button;

package/dist/components/ui/Card.svelte

@@ -1,102 +0,0 @@
-<script lang="ts">
-	import {
-		Card as ShadcnCard,
-		CardHeader,
-		CardTitle,
-		CardDescription,
-		CardContent,
-		CardFooter
-	} from "./card";
-	import type { Snippet } from "svelte";
-	import { cn } from "../../utils";
-
-	/**
-	 * Card component wrapper providing structured layout with header, content, and footer
-	 *
-	 * @prop {string} [title] - Card title (renders in CardHeader with CardTitle)
-	 * @prop {string} [description] - Card description (renders in CardHeader with CardDescription)
-	 * @prop {boolean} [hoverable=false] - Enable hover shadow effect for interactive cards
-	 * @prop {Snippet} [header] - Custom header content (overrides title/description)
-	 * @prop {Snippet} [footer] - Footer content (rendered in CardFooter)
-	 * @prop {Snippet} [children] - Main card content (rendered in CardContent)
-	 * @prop {string} [class] - Additional CSS classes for Card root
-	 *
-	 * @example
-	 * <Card title="Profile" description="Update your profile settings">
-	 *   <p>Card content here</p>
-	 * </Card>
-	 *
-	 * @example
-	 * <Card hoverable>
-	 *   {#snippet header()}
-	 *     <CustomHeader />
-	 *   {/snippet}
-	 *   Content here
-	 * </Card>
-	 *
-	 * @example
-	 * <Card title="Actions">
-	 *   {#snippet footer()}
-	 *     <Button>Save</Button>
-	 *   {/snippet}
-	 *   Form content
-	 * </Card>
-	 */
-	interface Props {
-		title?: string;
-		description?: string;
-		hoverable?: boolean;
-		class?: string;
-		header?: Snippet;
-		footer?: Snippet;
-		children?: Snippet;
-		[key: string]: any; // Allow any additional props to be forwarded
-	}
-
-	let {
-		title,
-		description,
-		hoverable = false,
-		class: className,
-		header,
-		footer,
-		children,
-		...restProps
-	}: Props = $props();
-
-	const cardClass = $derived(
-		cn(
-			hoverable && "hover:shadow-lg transition-shadow cursor-pointer",
-			className
-		)
-	);
-</script>
-
-<ShadcnCard class={cardClass} {...restProps}>
-	{#if header || title || description}
-		<CardHeader>
-			{#if header}
-				{@render header()}
-			{:else}
-				{#if title}
-					<CardTitle>{title}</CardTitle>
-				{/if}
-				{#if description}
-					<CardDescription>{description}</CardDescription>
-				{/if}
-			{/if}
-		</CardHeader>
-	{/if}
-
-	{#if children}
-		<CardContent>
-			{@render children()}
-		</CardContent>
-	{/if}
-
-	{#if footer}
-		<CardFooter>
-			{@render footer()}
-		</CardFooter>
-	{/if}
-</ShadcnCard>