@functionalcms/svelte-components 3.5.20 → 4.0.0-pre

package/dist/index.d.ts

@@ -1,29 +1,23 @@
-export { Visiblity, HeaderNavigationItem } from './components/menu/Menu.js';
-export { default as Banner } from './components/Banner.svelte';
-export { default as DefaultLayout } from './components/layouts/DefaultLayout.svelte';
 export { default as Meta } from './components/layouts/Meta.svelte';
 export { default as Tracker } from './components/layouts/Tracker.svelte';
+export { default as DefaultLayout } from './components/layouts/DefaultLayout.svelte';
 export { default as TwoColumnsLayout } from './components/layouts/TwoColumnsLayout.svelte';
-export { default as Logo } from './components/Logo.svelte';
+export { default as Well } from './components/layouts/Well.svelte';
+export { default as Banner } from './components/layouts/Banner.svelte';
 export { default as SimpleFooter } from './components/layouts/SimpleFooter.svelte';
-export { default as Spacer } from './components/Spacer.svelte';
-export { default as Well } from './components/Well.svelte';
-export { default as Link } from './components/Link.svelte';
+export { HeaderNavigationItem, Visiblity } from './components/menu/types.js';
+export { Justify, AlignItmes, Placement, Orientation, Position, Sizes, ComponentSize } from './components/Styling.js';
+export { default as Link } from './components/presentation/Link.svelte';
+export { default as Logo } from './components/presentation/Logo.svelte';
+export { default as Card } from './components/presentation/Card.svelte';
 export { default as Gallery } from './components/presentation/Gallery.svelte';
+export type { CarouselItem } from './components/presentation/Carousel.js';
 export { default as Carousel } from './components/presentation/Carousel.svelte';
-export { CarouselItem as CarouselItem } from './components/presentation/Carusele.js';
-export { default as ImageCompare } from './components/presentation/ImageCompare.svelte';
-export { default as BlogDescription } from './components/blog/BlogDescription.svelte';
-export { default as BlogTitle } from './components/blog/BlogTitle.svelte';
-export type { BlogPost } from './components/blog/BlogPost.js';
-export { importPost, listAllPosts } from './components/blog/blog.js';
-export { convertShowItemsToNavigationItems } from './components/converters/ShowItemToNavigationItems.js';
-export { ShowItem } from './components/presentation/ShowItem.js';
-export { Justify, Placement, Orientation, Position, Sizes, AlignItmes } from './components/Styling.js';
-export { default as SvelteMarkdown } from './components/Markdown.svelte';
-export { default as Button } from './components/agnostic/Button/Button.svelte';
-export { default as Card } from './components/presentation/Card.svelte';
-export { default as Disclose } from './components/agnostic/Disclose/Disclose.svelte';
+export { default as Drawer } from './components/presentation/Drawer.svelte';
+export { default as ListMenu } from './components/menu/ListMenu.svelte';
+export { default as DynamicMenu } from './components/menu/DynamicMenu.svelte';
+export { default as HamburgerMenu } from './components/menu/HamburgerMenu.svelte';
+export { default as Button } from './components/form/Button.svelte';
 export { default as Input } from './components/form/Input.svelte';
-export { default as Loader } from './components/agnostic/Loader/Loader.svelte';
-export { default as Switch } from './components/form/Switch.svelte';
+export { Type, Size } from './components/form/Input.js';
+export { default as Markdown } from './components/content/Markdown.svelte';

package/dist/index.js

@@ -1,64 +1,46 @@
-// export { default as HamburgerMenu } from './components/menu/HamburgerMenu.svelte';
-// export { default as ColumnMenu } from './components/menu/NavigationItems.svelte';
-// export { default as DynamicMenu } from './components/menu/DynamicMenu.svelte';
-// export { default as CollapsibleMenu } from './components/menu/CollapsibleMenu.svelte';
-// export { default as DropDownMenu } from './components/menu/Menu.svelte';
-export { Visiblity, HeaderNavigationItem } from './components/menu/Menu.js';
-export { default as Banner } from './components/Banner.svelte';
-export { default as DefaultLayout } from './components/layouts/DefaultLayout.svelte';
+/*
+ * Layout
+ */
 export { default as Meta } from './components/layouts/Meta.svelte';
 export { default as Tracker } from './components/layouts/Tracker.svelte';
+export { default as DefaultLayout } from './components/layouts/DefaultLayout.svelte';
 export { default as TwoColumnsLayout } from './components/layouts/TwoColumnsLayout.svelte';
-export { default as Logo } from './components/Logo.svelte';
+export { default as Well } from './components/layouts/Well.svelte';
+export { default as Banner } from './components/layouts/Banner.svelte';
 export { default as SimpleFooter } from './components/layouts/SimpleFooter.svelte';
-export { default as Spacer } from './components/Spacer.svelte';
-export { default as Well } from './components/Well.svelte';
-export { default as Link } from './components/Link.svelte';
+/*
+ * Navigation
+ */
+export { HeaderNavigationItem, Visiblity } from './components/menu/types.js';
+/*
+ * Styling
+ */
+export { Justify, AlignItmes, Placement, Orientation, Position, Sizes, ComponentSize } from './components/Styling.js';
+/*
+ * Presentation
+ */
+export { default as Link } from './components/presentation/Link.svelte';
+export { default as Logo } from './components/presentation/Logo.svelte';
+export { default as Card } from './components/presentation/Card.svelte';
 export { default as Gallery } from './components/presentation/Gallery.svelte';
 export { default as Carousel } from './components/presentation/Carousel.svelte';
-export { CarouselItem as CarouselItem } from './components/presentation/Carusele.js';
-export { default as ImageCompare } from './components/presentation/ImageCompare.svelte';
-export { default as BlogDescription } from './components/blog/BlogDescription.svelte';
-export { default as BlogTitle } from './components/blog/BlogTitle.svelte';
-export { importPost, listAllPosts } from './components/blog/blog.js';
-export { convertShowItemsToNavigationItems } from './components/converters/ShowItemToNavigationItems.js';
-export { ShowItem } from './components/presentation/ShowItem.js';
-export { Justify, Placement, Orientation, Position, Sizes, AlignItmes } from './components/Styling.js';
-export { default as SvelteMarkdown } from './components/Markdown.svelte';
-// export { default as Alert } from './components/agnostic/Alert/Alert.svelte';
-// export { default as Avatar } from './components/agnostic/Avatar/Avatar.svelte';
-// export { default as AvatarGroup } from './components/agnostic/Avatar/AvatarGroup.svelte';
-// export { default as Breadcrumb } from './components/agnostic/Breadcrumb/Breadcrumb.svelte';
-export { default as Button } from './components/agnostic/Button/Button.svelte';
-// export { default as ButtonGroup } from './components/agnostic/Button/ButtonGroup.svelte';
-export { default as Card } from './components/presentation/Card.svelte';
-// export { default as ChoiceInput } from './components/agnostic/ChoiceInput/ChoiceInput.svelte';
-// export { default as Close } from './components/agnostic/Close/Close.svelte';
-// export { default as Dialog } from './components/agnostic/Dialog/Dialog.svelte';
-export { default as Disclose } from './components/agnostic/Disclose/Disclose.svelte';
-// export { default as Divider } from './components/agnostic/Divider/Divider.svelte';
-// export { default as Drawer } from './components/agnostic/Drawer/Drawer.svelte';
-// export { default as EmptyState } from './components/agnostic/EmptyState/EmptyState.svelte';
-// export { default as Header } from './components/agnostic/Header/Header.svelte';
-// export { default as HeaderNav } from './components/agnostic/Header/HeaderNav.svelte';
-// export { default as HeaderNavItem } from './components/agnostic/Header/HeaderNavItem.svelte';
-// export { default as Icon } from './components/agnostic/Icon/Icon.svelte';
+export { default as Drawer } from './components/presentation/Drawer.svelte';
+/*
+ * Menu
+ */
+export { default as ListMenu } from './components/menu/ListMenu.svelte';
+export { default as DynamicMenu } from './components/menu/DynamicMenu.svelte';
+export { default as HamburgerMenu } from './components/menu/HamburgerMenu.svelte';
+/*
+ * Form
+ */
+export { default as Button } from './components/form/Button.svelte';
 export { default as Input } from './components/form/Input.svelte';
-// export { default as InputAddonItem } from './components/form/InputAddonItem.svelte';
-export { default as Loader } from './components/agnostic/Loader/Loader.svelte';
-// export { default as Progress } from './components/agnostic/Progress/Progress.svelte';
-// export { default as Select } from './components/form/Select.svelte';
-// export { default as Spinner } from './components/agnostic/Spinner/Spinner.svelte';
-export { default as Switch } from './components/form/Switch.svelte';
-// export { default as Table } from './components/agnostic/Table/Table.svelte';
-// export { default as Tabs } from './components/agnostic/Tabs/Tabs.svelte';
-// export { default as Tag } from './components/agnostic/Tag/Tag.svelte';
-// export { default as Toasts } from './components/agnostic/Toasts/Toasts.svelte';
-// export { default as Tooltip } from './components/agnostic/Tooltip/Tooltip.svelte';
-// export {
-//     DatePicker,
-//     DateInput,
-//     localeFromDateFnsLocale,
-//     type Locale,
-// } from 'date-picker-svelte';
-// export { default as Dropzone } from 'svelte-file-dropzone';
+export { Type, Size } from './components/form/Input.js';
+/*
+ * Content
+ */
+export { default as Markdown } from './components/content/Markdown.svelte';
+/*
+ *
+ */ 

package/dist/server-side/getServices.d.ts

@@ -1,5 +1,5 @@
 import { CommunicationService, DataService, TemplateService, WebsitesService, BlobService, AiService } from "@functionalcms/services";
-import type { Locals } from "./types";
+import type { Locals } from "./types.js";
 export declare const getDataService: (locals: Locals) => DataService;
 export declare const getCommunicationService: (locals: Locals) => CommunicationService;
 export declare const getWebsiteService: (locals: Locals) => WebsitesService;

package/dist/server-side/types.d.ts

@@ -1,5 +1,4 @@
-import type { Session, Token } from "../auth/types";
+import type { Token } from "../auth/types.js";
 export interface Locals {
-    session: Session;
     token: Token;
 }

package/dist/utils.d.ts

@@ -0,0 +1 @@
+export declare function cn(...params: string[]): string;

package/dist/utils.js

@@ -0,0 +1,54 @@
+// import { cubicOut } from "svelte/easing";
+// import type { TransitionConfig } from "svelte/transition";
+// export function cn(...inputs: ClassValue[]) {
+// 	return twMerge(clsx(inputs));
+// }
+export function cn(...params) {
+    return Array.from(params).flat(2).filter((c) => c).join(' ');
+}
+// type FlyAndScaleParams = {
+// 	y?: number;
+// 	x?: number;
+// 	start?: number;
+// 	duration?: number;
+// };
+// export const flyAndScale = (
+// 	node: Element,
+// 	params: FlyAndScaleParams = { y: -8, x: 0, start: 0.95, duration: 150 }
+// ): TransitionConfig => {
+// 	const style = getComputedStyle(node);
+// 	const transform = style.transform === "none" ? "" : style.transform;
+// 	const scaleConversion = (
+// 		valueA: number,
+// 		scaleA: [number, number],
+// 		scaleB: [number, number]
+// 	) => {
+// 		const [minA, maxA] = scaleA;
+// 		const [minB, maxB] = scaleB;
+// 		const percentage = (valueA - minA) / (maxA - minA);
+// 		const valueB = percentage * (maxB - minB) + minB;
+// 		return valueB;
+// 	};
+// 	const styleToString = (
+// 		style: Record<string, number | string | undefined>
+// 	): string => {
+// 		return Object.keys(style).reduce((str, key) => {
+// 			if (style[key] === undefined) return str;
+// 			return str + `${key}:${style[key]};`;
+// 		}, "");
+// 	};
+// 	return {
+// 		duration: params.duration ?? 200,
+// 		delay: 0,
+// 		css: (t) => {
+// 			const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0]);
+// 			const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0]);
+// 			const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1]);
+// 			return styleToString({
+// 				transform: `${transform} translate3d(${x}px, ${y}px, 0) scale(${scale})`,
+// 				opacity: t
+// 			});
+// 		},
+// 		easing: cubicOut
+// 	};
+// };

package/package.json

@@ -1,25 +1,27 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "3.5.20",
+	"version": "4.0.0-pre",
 	"watch": {
 		"build": {
 			"patterns": [
 				"src"
 			],
 			"extensions": "ts,svelte,scss",
-			"legacyWatch": true
+			"legacyWatch": false
 		}
 	},
 	"scripts": {
 		"dev": "vite dev",
 		"build-css": "sass ./src/lib/css/functional.scss ./css/functional.css --style compressed",
-		"build": "vite build && npm run package",
+		"build": "npm run build-css && vite build && npm run package",
 		"preview": "vite preview",
-		"package": "npm run build-css && svelte-kit sync && svelte-package && publint",
+		"package": "svelte-kit sync && svelte-package && publint",
 		"prepublishOnly": "npm run package",
-		"watch": "npm-watch build",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "eslint . && prettier --check .",
-		"format": "prettier --write ."
+		"format": "prettier --write .",
+		"watch": "npm-watch build"
 	},
 	"exports": {
 		".": {
@@ -30,7 +32,6 @@
 			"types": "./dist/index-server.d.ts",
 			"svelte": "./dist/index-server.js"
 		},
-		"./css/functional.css": "./css/functional.css",
 		"./package.json": "./package.json"
 	},
 	"files": [
@@ -46,37 +47,39 @@
 	"devDependencies": {
 		"@eslint/compat": "^1.2.3",
 		"@eslint/js": "^9.17.0",
-		"@functionalcms/services": "latest",
-		"@inlang/paraglide-js": "1.11.8",
-		"@inlang/paraglide-sveltekit": "^0.15.5",
-		"@playwright/test": "^1.45.3",
-		"@splidejs/svelte-splide": "^0.2.9",
-		"@sveltejs/adapter-netlify": "^4.4.0",
-		"@sveltejs/kit": "^2.0.0",
+		"@functionalcms/services": "^0.9.3",
+		"@sveltejs/adapter-auto": "^3.0.0",
 		"@sveltejs/package": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^4.0.0",
+		"autoprefixer": "^10.4.20",
+		"embla-carousel-svelte": "^8.5.2",
 		"eslint": "^9.7.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.36.0",
-		"globals": "^15.0.0",
+		"marked": "^15.0.6",
+		"oauth4webapi": "^3.1.4",
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.6",
 		"publint": "^0.2.0",
-		"sass": "^1.83.1",
+		"sass": "^1.83.4",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
-		"tslib": "^2.8.1",
+		"sveltekit-superforms": "^2.22.1",
 		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.0.0",
-		"vite": "^5.4.11"
+		"vite": "^5.4.11",
+		"zod": "^3.24.1"
 	},
 	"dependencies": {
-		"@sveltejs/kit": "^2.15.2",
 		"ioredis": "^5.4.2",
-		"marked": "^15.0.6",
-		"npm-watch": "^0.13.0",
-		"oauth4webapi": "^3.1.4",
-		"svelte": "^5.17.3"
+		"npm-watch": "^0.13.0"
+	},
+	"peerDependencies": {
+		"@sveltejs/kit": "^2.15.3",
+		"svelte": "^5.0.0"
 	},
-	"type": "module"
+	"type": "module",
+	"main": "./dist/index.js",
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts"
 }

package/dist/components/CssHelper.d.ts

@@ -1 +0,0 @@
-export declare function mergedClasses(...params: string[]): string;

package/dist/components/CssHelper.js

@@ -1,3 +0,0 @@
-export function mergedClasses(...params) {
-    return Array.from(params).flat(2).filter((c) => c).join(' ');
-}