runeforge 0.0.8 → 0.0.9

package/README.md

@@ -23,6 +23,7 @@ A SvelteKit toolkit that forges forms, tables, actions, and CRUD workflows from
   - [Theming](#theming)
     - [Tailwind source scanning](#tailwind-source-scanning)
     - [CSS variables](#css-variables)
+  - [Configuration](#configuration)
   - [Basic Usage](#basic-usage)
     - [1. Define your interface and metadata](#1-define-your-interface-and-metadata)
     - [2. Create the model](#2-create-the-model)
@@ -136,6 +137,25 @@ Responsive overrides work too:
 
 ---
 
+## Configuration
+
+Global settings are applied once in your root layout via `setConfig`. This avoids passing the same prop to every CRUD component.
+
+```svelte
+<!-- +layout.svelte -->
+<script>
+  import { setConfig } from 'runeforge';
+
+  setConfig({ homeHref: '/admin' });
+</script>
+```
+
+| Option | Default | Description |
+| --- | --- | --- |
+| `homeHref` | `'/'` | URL for the home crumb in every breadcrumb trail |
+
+---
+
 ## Basic Usage
 
 ### 1. Define your interface and metadata

package/dist/components/common/Header.svelte

@@ -7,19 +7,17 @@
     title,
     breadcrumbs = [],
     buttons,
-    admin = false,
   }: {
     title: string;
     breadcrumbs?: BreadcrumbItem[];
     buttons?: Snippet;
-    admin?: boolean;
   } = $props();
 </script>
 
 <div class="header-root flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
   <div class="flex flex-col gap-1 flex-1">
     <h1>{title}</h1>
-    <Breadcrumbs items={breadcrumbs} {admin} />
+    <Breadcrumbs items={breadcrumbs} />
   </div>
 
   {#if buttons}

package/dist/components/common/Header.svelte.d.ts

@@ -4,7 +4,6 @@ type $$ComponentProps = {
     title: string;
     breadcrumbs?: BreadcrumbItem[];
     buttons?: Snippet;
-    admin?: boolean;
 };
 declare const Header: import("svelte").Component<$$ComponentProps, {}, "">;
 type Header = ReturnType<typeof Header>;

package/dist/components/crud/views/Create.svelte

@@ -75,7 +75,6 @@
 <div class="flex flex-col gap-6">
 
   <Header
-    admin
     title={labelMany}
     breadcrumbs={[
       { label: labelMany, icon: entityIcon, link: { href: '#', onclick: (e) => { e.preventDefault(); onCancel?.(); } }, prominent: true },

package/dist/components/crud/views/List.svelte

@@ -126,7 +126,6 @@
 <div class="flex flex-col gap-6">
 
   <Header
-    admin
     title={labelMany}
     breadcrumbs={[
       { label: labelMany, icon: entityIcon, link: { href: '#' }, prominent: true },

package/dist/components/crud/views/Read.svelte

@@ -65,7 +65,6 @@
 <div class="flex flex-col gap-6">
 
   <Header
-    admin
     title={labelMany}
     breadcrumbs={[
       { label: labelMany, icon: entityIcon, link: { href: '#', onclick: (e) => { e.preventDefault(); onCancel?.(); } }, prominent: true },

package/dist/components/crud/views/Update.svelte

@@ -85,7 +85,6 @@
 <div class="flex flex-col gap-6">
 
   <Header
-    admin
     title={labelMany}
     breadcrumbs={[
       { label: labelMany, icon: entityIcon, link: { href: '#', onclick: (e) => { e.preventDefault(); onCancel?.(); } }, prominent: true },

package/dist/components/navigation/Breadcrumbs.svelte

@@ -1,15 +1,14 @@
 <script lang="ts">
   import { getIconSet } from '../../icons/context.js';
   import { defaultIconSet } from '../../icons/sets/default.js';
+  import { getConfig } from '../../config/context.js';
   import type { BreadcrumbItem } from '../../types/breadcrumb.js';
 
   let {
     items = [],
-    admin = false,
     homeHref,
   }: {
     items?: BreadcrumbItem[];
-    admin?: boolean;
     homeHref?: string;
   } = $props();
 
@@ -18,7 +17,7 @@
   const home: BreadcrumbItem = $derived({
     label: 'Inicio',
     icon: icons.home,
-    link: { href: homeHref ?? (admin ? '/admin' : '/') },
+    link: { href: homeHref ?? getConfig().homeHref ?? '/' },
   });
 
   const allItems = $derived([home, ...items]);

package/dist/components/navigation/Breadcrumbs.svelte.d.ts

@@ -1,7 +1,6 @@
 import type { BreadcrumbItem } from '../../types/breadcrumb.js';
 type $$ComponentProps = {
     items?: BreadcrumbItem[];
-    admin?: boolean;
     homeHref?: string;
 };
 declare const Breadcrumbs: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/config/context.d.ts

@@ -0,0 +1,5 @@
+export interface RuneforgeConfig {
+    homeHref?: string;
+}
+export declare function setConfig(config: RuneforgeConfig): void;
+export declare function getConfig(): RuneforgeConfig;

package/dist/config/context.js

@@ -0,0 +1,9 @@
+import { getContext, setContext } from 'svelte';
+const KEY = Symbol('runeforge-config');
+export function setConfig(config) {
+    const existing = getContext(KEY) ?? {};
+    setContext(KEY, { ...existing, ...config });
+}
+export function getConfig() {
+    return getContext(KEY) ?? {};
+}

package/dist/index.d.ts

@@ -3,6 +3,8 @@ export { AttributeType } from './types/attribute.js';
 export type { AttributeMetadata, InterfaceMetadata, SelectOption, OptionsResolver, FormatterResolver } from './types/attribute.js';
 export type { CellProps, CellComponent, CellFormatter, SortDirection, IndexedRow, DistinctEntry } from './types/table.js';
 export type { ColumnDefinition, FieldDefinition, ActionConfiguration, CustomAction, RowAction } from './types/crud.js';
+export type { RuneforgeConfig } from './config/context.js';
+export { setConfig, getConfig } from './config/context.js';
 export type { CRUDIconSet, IconComponent } from './icons/types.js';
 export { setIconSet, getIconSet } from './icons/context.js';
 export { defaultIconSet } from './icons/sets/default.js';

package/dist/index.js

@@ -1,4 +1,5 @@
 export { AttributeType } from './types/attribute.js';
+export { setConfig, getConfig } from './config/context.js';
 export { setIconSet, getIconSet } from './icons/context.js';
 export { defaultIconSet } from './icons/sets/default.js';
 export { bootstrapIconSet } from './icons/sets/bootstrap.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "runeforge",
-	"version": "0.0.8",
+	"version": "0.0.9",
 	"description": "SvelteKit toolkit for building metadata-driven CRUD interfaces with tables, forms, and actions",
 	"license": "MIT",
 	"author": "Ezequiel Puerta",