@rkosafo/cai.components 0.0.1 → 0.0.3

package/dist/utils/index.d.ts

@@ -0,0 +1,8 @@
+import { type ClassValue } from 'clsx';
+export { default as Popper } from './Popper.svelte';
+export * from './closeButton/index.js';
+export { trapFocus } from './action.js';
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function saveToLocalStorage<T>(key: string, data: T): void;
+export declare function loadFromLocalStorage<T>(key: string): T | undefined;
+export declare function extractQueryParam(queryString: string, index?: string): string;

package/dist/utils/index.js

@@ -0,0 +1,35 @@
+import { browser } from '$app/environment';
+import clsx, {} from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export { default as Popper } from './Popper.svelte';
+export * from './closeButton/index.js';
+export { trapFocus } from './action.js';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export function saveToLocalStorage(key, data) {
+    if (browser) {
+        window.localStorage.setItem(key, JSON.stringify(data));
+    }
+}
+export function loadFromLocalStorage(key) {
+    if (browser) {
+        const data = window.localStorage.getItem(key);
+        if (data) {
+            try {
+                return JSON.parse(data);
+            }
+            catch (e) {
+                console.log(`Could not parse: ${data}`);
+            }
+        }
+        else {
+            return undefined;
+        }
+    }
+}
+export function extractQueryParam(queryString, index = 'q') {
+    const urlParams = new URLSearchParams(queryString);
+    const warehouse = urlParams.get(index);
+    return warehouse ?? '';
+}

package/dist/utils/paginate.svelte.d.ts

@@ -0,0 +1,22 @@
+export declare class PageInfo {
+    #private;
+    private computePages;
+    get currentPage(): number;
+    get pageSize(): number;
+    get totalItems(): number;
+    get totalPages(): number;
+    get hasNextPage(): boolean;
+    get hasPrevPage(): boolean;
+    get nextPageUrl(): string;
+    get prevPageUrl(): string;
+    setPageSize(newPageSize: number): void;
+    setHasNextPage(newValue: boolean): void;
+    setHasPrevPage(newValue: boolean): void;
+    setNextPageUrl(newValue: string): void;
+    setPrevPageUrl(newValue: string): void;
+    gotoStart(): void;
+    gotoNext(): boolean;
+    gotoPrev(): boolean;
+    setCurrentPage(val: number): void;
+    set totalItems(v: number);
+}

package/dist/utils/paginate.svelte.js

@@ -0,0 +1,167 @@
+// export class PageInfo {
+// 	// private _currentPage: number = 1;
+// 	// private _pageSize: number;
+// 	// private _totalItems: number;
+// 	// private _totalPages: number = 0;
+// 	// private _hasNextPage = false;
+// 	// private _hasPrevPage = false;
+// 	// private _nextPageUrl: string = '';
+// 	// private _prevPageUrl: string = '';
+// 	constructor(pageSize = 100, currentPage = 1, totalItems = 0) {
+// 		this._currentPage = currentPage;
+// 		this._pageSize = pageSize;
+// 		this._totalItems = totalItems;
+// 		this.computePages();
+// 	}
+// 	private computePages() {
+// 		this._totalPages = Math.ceil(this._totalItems / this._pageSize);
+// 		this._hasNextPage = this._totalPages > this._currentPage;
+// 		this._hasPrevPage = this._currentPage > 1;
+// 	}
+// 	get currentPage() {
+// 		return this._currentPage;
+// 	}
+// 	get pageSize() {
+// 		return this._pageSize;
+// 	}
+// 	get totalItems() {
+// 		return this._totalItems;
+// 	}
+// 	get totalPages() {
+// 		return this._totalPages;
+// 	}
+// 	get hasNextPage() {
+// 		return this._hasNextPage;
+// 	}
+// 	get hasPrevPage() {
+// 		return this._hasPrevPage;
+// 	}
+// 	get nextPageUrl() {
+// 		return this._nextPageUrl;
+// 	}
+// 	get prevPageUrl() {
+// 		return this._prevPageUrl;
+// 	}
+// 	setPageSize(newPageSize: number) {
+// 		this._pageSize = newPageSize;
+// 		this.computePages();
+// 	}
+// 	setHasNextPage(newValue: boolean) {
+// 		this._hasNextPage = newValue;
+// 	}
+// 	setHasPrevPage(newValue: boolean) {
+// 		this._hasPrevPage = newValue;
+// 	}
+// 	setNextPageUrl(newValue: string) {
+// 		this._nextPageUrl = newValue;
+// 	}
+// 	setPrevPageUrl(newValue: string) {
+// 		this._prevPageUrl = newValue;
+// 	}
+// 	gotoStart() {
+// 		this._currentPage = 1;
+// 	}
+// 	gotoNext() {
+// 		if (this._hasNextPage) {
+// 			this._currentPage += 1;
+// 			return true;
+// 		}
+// 		return false;
+// 	}
+// 	gotoPrev() {
+// 		if (this._hasPrevPage) {
+// 			this._currentPage -= 1;
+// 			if (this._currentPage < 1) this._currentPage = 1;
+// 			return true;
+// 		}
+// 		return false;
+// 	}
+//   setCurrentPage(val:number){
+//     this._currentPage = val
+//   }
+// 	set totalItems(v: number) {
+// 		this._totalItems = v;
+// 		this.computePages();
+// 	}
+// }
+export class PageInfo {
+    #currentPage = $state(1);
+    #pageSize = $state(100);
+    #totalItems = $state(0);
+    #totalPages = $state(0);
+    #hasNextPage = $state(false);
+    #hasPrevPage = $state(false);
+    #nextPageUrl = $state('');
+    #prevPageUrl = $state('');
+    computePages() {
+        this.#totalPages = Math.ceil(this.totalItems / this.#pageSize);
+        this.#hasNextPage = this.#totalPages > this.#currentPage;
+        this.#hasPrevPage = this.#currentPage > 1;
+    }
+    get currentPage() {
+        return this.#currentPage;
+    }
+    get pageSize() {
+        return this.#pageSize;
+    }
+    get totalItems() {
+        return this.#totalItems;
+    }
+    get totalPages() {
+        return this.#totalPages;
+    }
+    get hasNextPage() {
+        return this.#hasNextPage;
+    }
+    get hasPrevPage() {
+        return this.#hasPrevPage;
+    }
+    get nextPageUrl() {
+        return this.#nextPageUrl;
+    }
+    get prevPageUrl() {
+        return this.#prevPageUrl;
+    }
+    setPageSize(newPageSize) {
+        this.#pageSize = newPageSize;
+        this.computePages();
+    }
+    setHasNextPage(newValue) {
+        this.#hasNextPage = newValue;
+    }
+    setHasPrevPage(newValue) {
+        this.#hasPrevPage = newValue;
+    }
+    setNextPageUrl(newValue) {
+        this.#nextPageUrl = newValue;
+    }
+    setPrevPageUrl(newValue) {
+        this.#prevPageUrl = newValue;
+    }
+    gotoStart() {
+        this.#currentPage = 1;
+    }
+    gotoNext() {
+        if (this.#hasNextPage) {
+            this.#currentPage += 1;
+            return true;
+        }
+        return false;
+    }
+    gotoPrev() {
+        if (this.#hasPrevPage) {
+            this.#currentPage -= 1;
+            if (this.#currentPage < 1)
+                this.#currentPage = 1;
+            return true;
+        }
+        return false;
+    }
+    setCurrentPage(val) {
+        this.#currentPage = val;
+    }
+    set totalItems(v) {
+        this.#totalItems = v;
+        this.computePages();
+    }
+}

package/dist/utils/singleSelection.svelte.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @template T
+ * @param {boolean} [nonReactive=false] - use a non-reactive placeholder to allow multiple selection and keep context shallow
+ * @returns {SingleSelectionContext<T>}
+ */
+export function createSingleSelectionContext<T>(nonReactive?: boolean): SingleSelectionContext<T>;
+/**
+ * @template T
+ * @param {(value: T) => void} callback
+ * @returns {(open: boolean, v?: T) => SingleSelectionContext<T>}
+ */
+export function useSingleSelection<T>(callback: (value: T) => void): (open: boolean, v?: T) => SingleSelectionContext<T>;
+export type SingleSelectionContext<T> = {
+    value?: T | undefined;
+};

package/dist/utils/singleSelection.svelte.js

@@ -0,0 +1,49 @@
+import { getContext, setContext } from "svelte";
+
+/**
+ * @template T
+ * @typedef {Object} SingleSelectionContext
+ * @property {T=} value
+ */
+
+/** @type {symbol} */
+const SINGLE_SELECTION_KEY = Symbol("singleton");
+
+/**
+ * @template T
+ * @param {boolean} [nonReactive=false] - use a non-reactive placeholder to allow multiple selection and keep context shallow
+ * @returns {SingleSelectionContext<T>}
+ */
+export function createSingleSelectionContext(nonReactive = false) {
+  const context = $state({ value: undefined });
+  return setContext(SINGLE_SELECTION_KEY, nonReactive ? {} : context);
+}
+
+/**
+ * @template T
+ * @param {SingleSelectionContext<T>} context
+ * @param {boolean} open
+ * @param {T=} value
+ * @returns {SingleSelectionContext<T>}
+ */
+function setSelected(context, open, value) {
+  if (Object.hasOwn(context, 'value')) {
+    if (open) context.value = value;
+    else if (context.value === value) context.value = undefined;
+  }
+  return context;
+}
+
+/**
+ * @template T
+ * @param {(value: T) => void} callback
+ * @returns {(open: boolean, v?: T) => SingleSelectionContext<T>}
+ */
+export function useSingleSelection(callback) {
+  const context = getContext(SINGLE_SELECTION_KEY) ?? createSingleSelectionContext(false);
+
+  $effect(() => {
+    if (context.value !== undefined) callback(context.value);
+  });
+  return (open, v) => setSelected(context, open, v);
+}

package/dist/utils/svelte-legos.d.ts

@@ -0,0 +1,7 @@
+import type { ActionReturn } from "svelte/action";
+interface Attributes {
+    "on:clickoutside"?: (e: CustomEvent<void>) => void;
+}
+type Callback = () => unknown;
+export declare function clickOutsideAction(node: HTMLElement, callback?: Callback): ActionReturn<{}, Attributes>;
+export {};

package/dist/utils/svelte-legos.js

@@ -0,0 +1,14 @@
+export function clickOutsideAction(node, callback) {
+    const handleClick = (event) => {
+        if (event.target !== null && !node.contains(event.target)) {
+            node.dispatchEvent(new CustomEvent("clickoutside"));
+            callback?.();
+        }
+    };
+    document.addEventListener("click", handleClick, true);
+    return {
+        destroy() {
+            document.removeEventListener("click", handleClick, true);
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rkosafo/cai.components",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -22,7 +22,7 @@
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^6.0.0",
+    "@sveltejs/adapter-auto": "latest",
     "@sveltejs/kit": "^2.22.0",
     "@sveltejs/package": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^6.0.0",
@@ -35,6 +35,7 @@
     "publint": "^0.3.2",
     "svelte": "^5.0.0",
     "svelte-check": "^4.0.0",
+    "svelte-headless-table": "^0.18.3",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.0.0",
     "vite": "^7.0.4"
@@ -42,6 +43,27 @@
   "keywords": [
     "cai"
   ],
+  "dependencies": {
+    "@felte/validator-zod": "^1.0.18",
+    "@floating-ui/dom": "^1.7.3",
+    "@tiptap/core": "^3.0.7",
+    "@tiptap/extension-list": "^3.0.7",
+    "@tiptap/extension-text-style": "^3.0.7",
+    "@tiptap/pm": "^3.0.7",
+    "@tiptap/starter-kit": "^3.0.7",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "felte": "^1.3.0",
+    "iconify-icon": "^3.0.0",
+    "lodash": "^4.17.21",
+    "mdsvex": "^0.12.6",
+    "nanoid": "^5.1.5",
+    "svelecte": "^5.3.0",
+    "svelte-meta-tags": "^4.4.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwind-variants": "^2.1.0",
+    "zod": "^4.0.17"
+  },
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && pnpm run prepack",