@autumnsgrove/groveengine 0.1.0 → 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

@@ -1,29 +1,3 @@
-/**
- * Get the site configuration
- * @returns {Object} Site configuration object
- */
-export function getSiteConfig(): Object;
-/**
- * Get all markdown posts from the posts directory
- * @returns {Array} Array of post objects with metadata and slug
- */
-export function getAllPosts(): any[];
-/**
- * Get the latest (most recent) post with full content
- * @returns {Object|null} The latest post object with content, or null if no posts exist
- */
-export function getLatestPost(): Object | null;
-/**
- * Get all recipes from the recipes directory
- * @returns {Array} Array of recipe objects with metadata and slug
- */
-export function getAllRecipes(): any[];
-/**
- * Get a single post by slug
- * @param {string} slug - The post slug
- * @returns {Object|null} Post object with content and metadata
- */
-export function getPostBySlug(slug: string): Object | null;
 /**
  * Extract headers from markdown content for table of contents
  * @param {string} markdown - The raw markdown content
@@ -38,64 +12,154 @@ export function extractHeaders(markdown: string): any[];
  */
 export function processAnchorTags(html: string): string;
 /**
- * Get gutter content for a recipe by slug
- * @param {string} slug - The recipe slug
- * @returns {Array} Array of gutter items with content and position info
+ * Process Mermaid diagrams in markdown content
+ * @param {string} markdown - The markdown content
+ * @returns {string} Processed markdown with Mermaid diagrams
  */
-export function getRecipeGutterContent(slug: string): any[];
+export function processMermaidDiagrams(markdown: string): string;
 /**
- * Get gutter content for a blog post by slug
- * @param {string} slug - The post slug
- * @returns {Array} Array of gutter items with content and position info
+ * Render Mermaid diagrams in the DOM
+ * This should be called after the content is mounted
  */
-export function getGutterContent(slug: string): any[];
+export function renderMermaidDiagrams(): Promise<void>;
 /**
- * Get gutter content for the home page
- * @param {string} slug - The page slug (e.g., 'home')
- * @returns {Array} Array of gutter items with content and position info
+ * Parse markdown content and convert to HTML
+ * @param {string} markdownContent - The raw markdown content (may include frontmatter)
+ * @returns {Object} Object with data (frontmatter), content (HTML), headers, and raw markdown
  */
-export function getHomeGutterContent(slug: string): any[];
+export function parseMarkdownContent(markdownContent: string): Object;
 /**
- * Get gutter content for the contact page
- * @param {string} slug - The page slug (e.g., 'contact')
- * @returns {Array} Array of gutter items with content and position info
+ * Parse markdown content with sanitization (for user-facing pages like home, about, contact)
+ * @param {string} markdownContent - The raw markdown content (may include frontmatter)
+ * @returns {Object} Object with data (frontmatter), content (sanitized HTML), headers
  */
-export function getContactGutterContent(slug: string): any[];
+export function parseMarkdownContentSanitized(markdownContent: string): Object;
 /**
- * Get the home page content
- * @returns {Object|null} Home page object with content, metadata, and galleries
+ * Get gutter content from provided modules
+ * This is a utility function that processes gutter manifests, markdown, and images
+ *
+ * @param {string} slug - The page/post slug
+ * @param {Object} manifestModules - The manifest modules (from import.meta.glob)
+ * @param {Object} markdownModules - The markdown modules (from import.meta.glob)
+ * @param {Object} imageModules - The image modules (from import.meta.glob)
+ * @returns {Array} Array of gutter items with content and position info
  */
-export function getHomePage(): Object | null;
+export function processGutterContent(slug: string, manifestModules: Object, markdownModules: Object, imageModules: Object): any[];
+/**
+ * Process a list of markdown files into post/recipe objects
+ *
+ * @param {Object} modules - The modules from import.meta.glob (filepath -> content)
+ * @returns {Array} Array of post/content objects with metadata and slug
+ */
+export function processMarkdownModules(modules: Object): any[];
+/**
+ * Get a single item by slug from modules
+ *
+ * @param {string} slug - The item slug
+ * @param {Object} modules - The modules from import.meta.glob (filepath -> content)
+ * @param {Object} options - Optional configuration
+ * @param {Object} options.gutterModules - Gutter modules { manifest, markdown, images }
+ * @param {Object} options.sidecarModules - Sidecar/metadata modules (for recipes)
+ * @returns {Object|null} Item object with content and metadata
+ */
+export function getItemBySlug(slug: string, modules: Object, options?: {
+    gutterModules: Object;
+    sidecarModules: Object;
+}): Object | null;
+/**
+ * Get a page (home, about, contact) by filename from modules
+ * Uses sanitization for security
+ *
+ * @param {string} filename - The filename to look for (e.g., "home.md", "about.md")
+ * @param {Object} modules - The modules from import.meta.glob (filepath -> content)
+ * @param {Object} options - Optional configuration
+ * @param {Object} options.gutterModules - Gutter modules { manifest, markdown, images }
+ * @param {string} options.slug - Override slug (defaults to filename without .md)
+ * @returns {Object|null} Page object with content and metadata
+ */
+export function getPageByFilename(filename: string, modules: Object, options?: {
+    gutterModules: Object;
+    slug: string;
+}): Object | null;
+/**
+ * Get site configuration from a config module
+ *
+ * @param {Object} configModule - The config module from import.meta.glob
+ * @returns {Object} Site configuration object
+ */
+export function getSiteConfigFromModule(configModule: Object): Object;
+/**
+ * Create a configured content loader with all functions bound to the provided modules
+ * This is the main factory function for creating a content loader in the consuming app
+ *
+ * @param {Object} config - Configuration object with all required modules
+ * @param {Object} config.posts - Post modules from import.meta.glob
+ * @param {Object} config.recipes - Recipe modules from import.meta.glob
+ * @param {Object} config.about - About page modules from import.meta.glob
+ * @param {Object} config.home - Home page modules from import.meta.glob
+ * @param {Object} config.contact - Contact page modules from import.meta.glob
+ * @param {Object} config.siteConfig - Site config module from import.meta.glob
+ * @param {Object} config.postGutter - Post gutter modules { manifest, markdown, images }
+ * @param {Object} config.recipeGutter - Recipe gutter modules { manifest, markdown, images }
+ * @param {Object} config.recipeMetadata - Recipe metadata modules from import.meta.glob
+ * @param {Object} config.aboutGutter - About gutter modules { manifest, markdown, images }
+ * @param {Object} config.homeGutter - Home gutter modules { manifest, markdown, images }
+ * @param {Object} config.contactGutter - Contact gutter modules { manifest, markdown, images }
+ * @returns {Object} Object with all content loader functions
+ */
+export function createContentLoader(config: {
+    posts: Object;
+    recipes: Object;
+    about: Object;
+    home: Object;
+    contact: Object;
+    siteConfig: Object;
+    postGutter: Object;
+    recipeGutter: Object;
+    recipeMetadata: Object;
+    aboutGutter: Object;
+    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 the contact page content
- * @returns {Object|null} Contact page object with content and metadata
+ * Get site configuration
+ * @returns {Object} Site config object
  */
-export function getContactPage(): Object | null;
+export function getSiteConfig(): Object;
 /**
- * Get the about page content
- * @returns {Object|null} About page object with content and metadata
+ * Get the latest post
+ * @returns {Object|null} Latest post or null
  */
-export function getAboutPage(): Object | null;
+export function getLatestPost(): Object | null;
 /**
- * Get gutter content for the about page
- * @param {string} slug - The page slug (e.g., 'about')
- * @returns {Array} Array of gutter items with content and position info
+ * Get home page content
+ * @returns {Object|null} Home page data or null
  */
-export function getAboutGutterContent(slug: string): any[];
+export function getHomePage(): Object | null;
 /**
- * Get recipe metadata (step icons, etc.) for a recipe by slug
- * @param {string} slug - The recipe slug
- * @returns {Object|null} Recipe metadata with instruction icons
+ * Get a post by its slug
+ * @param {string} slug - The post slug
+ * @returns {Object|null} Post object or null
  */
-export function getRecipeSidecar(slug: string): Object | null;
+export function getPostBySlug(slug: string): Object | null;
 /**
- * Get a single recipe by slug
- * @param {string} slug - The recipe slug
- * @returns {Object|null} Recipe object with content and metadata
+ * Get about page content
+ * @returns {Object|null} About page data or null
  */
-export function getRecipeBySlug(slug: string): Object | null;
+export function getAboutPage(): Object | null;
 /**
- * Render Mermaid diagrams in the DOM
- * This should be called after the content is mounted
+ * Get contact page content
+ * @returns {Object|null} Contact page data or null
  */
-export function renderMermaidDiagrams(): Promise<void>;
+export function getContactPage(): Object | null;