@functionalcms/svelte-components 2.14.4 → 2.15.1

package/dist/components/blog/BlogDescription.svelte

@@ -0,0 +1,9 @@
+<script>import Link from "../Link.svelte";
+import { Justify } from "../Styling.js";
+export let description;
+</script>
+
+<p>
+	{description}
+	<slot name="readMore"></slot>
+</p>

package/dist/components/blog/BlogDescription.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        description: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        readMore: {};
+    };
+};
+export type BlogDescriptionProps = typeof __propDef.props;
+export type BlogDescriptionEvents = typeof __propDef.events;
+export type BlogDescriptionSlots = typeof __propDef.slots;
+export default class BlogDescription extends SvelteComponent<BlogDescriptionProps, BlogDescriptionEvents, BlogDescriptionSlots> {
+}
+export {};

package/dist/components/blog/BlogPost.d.ts

@@ -0,0 +1,12 @@
+export interface BlogPost {
+    slug: string;
+    title: string;
+    author: string;
+    description: string;
+    date: string;
+    published: boolean;
+}
+export interface MdsvexFile {
+    default: import('svelte/internal').SvelteComponent;
+    metadata: Record<string, string>;
+}

package/dist/components/blog/BlogPost.js

@@ -0,0 +1 @@
+export {};

package/dist/components/blog/BlogTitle.svelte

@@ -0,0 +1,16 @@
+<script>export let slug = "";
+export let path = "";
+export let title;
+const href = `${path}/${slug}`;
+const isLink = slug != "";
+</script>
+
+<h1>
+	{#if isLink}
+		<a {href}>
+			{title}
+		</a>
+	{:else}
+		{title}
+	{/if}
+</h1>

package/dist/components/blog/BlogTitle.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        slug?: string | undefined;
+        path?: string | undefined;
+        title: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type BlogTitleProps = typeof __propDef.props;
+export type BlogTitleEvents = typeof __propDef.events;
+export type BlogTitleSlots = typeof __propDef.slots;
+export default class BlogTitle extends SvelteComponent<BlogTitleProps, BlogTitleEvents, BlogTitleSlots> {
+}
+export {};

package/dist/components/blog/blog.d.ts

@@ -0,0 +1,3 @@
+export declare function listAllPosts(page?: number, postCount?: number): Promise<{
+    posts: any;
+}>;

package/dist/components/blog/blog.js

@@ -0,0 +1,13 @@
+const MAX_POSTS = 25;
+const slugFromPath = (path) => path.match(/([\w-]+)\.(svelte\.md|md|svx)/i)?.[1] ?? null;
+export async function listAllPosts(page = 0, postCount = MAX_POSTS) {
+    const modules = import.meta.glob(`/src/posts/*.{md,svx,svelte.md}`);
+    const postPromises = Object.entries(modules).map(([path, resolver]) => resolver().then((post) => ({
+        slug: slugFromPath(path),
+        ...post.metadata
+    })));
+    const posts = await Promise.all(postPromises);
+    const publishedPosts = posts.filter((post) => post.published).slice(page, postCount);
+    publishedPosts.sort((a, b) => (new Date(a.date) > new Date(b.date) ? -1 : 1));
+    return { posts: publishedPosts };
+}

package/dist/index.d.ts

@@ -14,6 +14,10 @@ import Link from './components/Link.svelte';
 import Gallery from './components/presentation/Gallery.svelte';
 import Carusel from './components/presentation/Carusel.svelte';
 import { CaruseleItem } from './components/presentation/Carusele.js';
+import BlogDescription from './components/blog/BlogDescription.svelte';
+import BlogTitle from './components/blog/BlogTitle.svelte';
+import type { BlogPost } from './components/blog/BlogPost.js';
+import { listAllPosts } from './components/blog/blog.js';
 import { convertShowItemsToNavigationItems } from './components/converters/ShowItemToNavigationItems.js';
 import { ShowItem } from './components/presentation/ShowItem.js';
 import { title, suffix } from './stores/title.js';
@@ -21,4 +25,5 @@ import { pages } from './stores/pages.js';
 import { metaDescription, metaKeywords } from './stores/meta.js';
 import { Justify, Placement, Orientation, Position, Sizes, AlignItmes } from './components/Styling.js';
 import { Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts } from 'agnostic-svelte';
-export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };
+export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, BlogTitle, BlogDescription, listAllPosts, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };
+export type { BlogPost };

package/dist/index.js

@@ -14,6 +14,9 @@ import Link from './components/Link.svelte';
 import Gallery from './components/presentation/Gallery.svelte';
 import Carusel from './components/presentation/Carusel.svelte';
 import { CaruseleItem } from './components/presentation/Carusele.js';
+import BlogDescription from './components/blog/BlogDescription.svelte';
+import BlogTitle from './components/blog/BlogTitle.svelte';
+import { listAllPosts } from './components/blog/blog.js';
 import { convertShowItemsToNavigationItems } from './components/converters/ShowItemToNavigationItems.js';
 import { ShowItem } from './components/presentation/ShowItem.js';
 import { title, suffix } from './stores/title.js';
@@ -21,4 +24,4 @@ import { pages } from './stores/pages.js';
 import { metaDescription, metaKeywords } from './stores/meta.js';
 import { Justify, Placement, Orientation, Position, Sizes, AlignItmes } from './components/Styling.js';
 import { Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts } from 'agnostic-svelte';
-export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };
+export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, BlogTitle, BlogDescription, listAllPosts, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.14.4",
+	"version": "2.15.1",
 	"watch": {
 		"build": {
 			"patterns": [
@@ -50,7 +50,7 @@
 		"npm-watch": "^0.11.0",
 		"publint": "^0.2.7",
 		"sass": "^1.69.7",
-		"svelte": "^4.2.8",
+		"svelte": "^4.2.18",
 		"svelte-check": "^3.6.2",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3",