@hkdigital/lib-core 0.3.9 → 0.3.11

package/dist/valibot/{url.js → parsers/url.js}

@@ -1,95 +1,111 @@
-// > Imports
-
-import * as v from 'valibot';
-
-// > Exports
-
-/**
- * Schema to validate an URL or empty string.
- */
-export const UrlOrEmptyString = v.pipe(
-	v.pipe(v.string(), v.trim()),
-	v.union([v.literal(''), v.pipe(v.string(), v.url())])
-);
-
-/**
- * Schema to validate an url that may miss the protocol part
- *
- * @note an empty string is not allowed!
- */
-export const HumanUrl = v.pipe(
-	v.string(),
-	v.trim(),
-	v.transform((value) => {
-		if (!value.length || value.includes('://')) {
-			return value;
-		} else {
-			// Prefix 'url' with 'https://'
-			return `https://${value}`;
-		}
-	}),
-	v.url()
-);
-
-/**
- * Schema to validate url path, without a search and hash part
- */
-export const UrlPath = v.pipe(
-	v.string(),
-	v.transform((value) => {
-		// Convert relative url to URL object
-		// @note removes ../../ parts
-		try {
-			return new URL(value, 'http://localhost');
-
-			// eslint-disable-next-line no-unused-vars
-		} catch (e) {
-			return null;
-		}
-	}),
-	v.custom((urlOrNull) => {
-		return urlOrNull ? true : false;
-	}, 'Invalid URL pathname'),
-	v.transform((url) => {
-		return url.pathname;
-	})
-);
-
-/**
- * Schema to validate a url path, which consists of
- * a path and optionally search and hash parts
- */
-export const RelativeUrl = v.pipe(
-	v.string(),
-	v.transform((value) => {
-		// Convert relative url to URL object
-		// @note removes ../../ parts
-		try {
-			return new URL(value, 'http://localhost');
-
-			// eslint-disable-next-line no-unused-vars
-		} catch (e) {
-			return null;
-		}
-	}),
-	v.custom((urlOrNull) => {
-		return urlOrNull ? true : false;
-	}, 'Invalid URL pathname or search part'),
-	v.transform((url) => {
-		return (
-			`${url.pathname}` +
-			`${url.search.length <= 1 ? '' : url.search}` +
-			`${url.hash.length <= 1 ? '' : url.hash}`
-		);
-	})
-);
-
-/**
- * Schema to validate an absolute or relative url
- *
- * @note an empty string is not allowed!
- */
-export const AbsOrRelUrl = v.union([
-	v.pipe(v.string(), v.trim(), v.url()),
-	v.pipe(v.string(), v.nonEmpty(), RelativeUrl)
-]);
+// > Imports
+
+import * as v from 'valibot';
+
+import { URL_SLUG } from '../../constants/regexp/index.js';
+
+// > URL Parsers
+
+/**
+ * Parser for URL or empty string.
+ */
+export const UrlOrEmptyString = v.pipe(
+	v.pipe(v.string(), v.trim()),
+	v.union([v.literal(''), v.pipe(v.string(), v.url())])
+);
+
+/**
+ * Parser for URL that may miss the protocol part
+ *
+ * @note an empty string is not allowed!
+ */
+export const HumanUrl = v.pipe(
+	v.string(),
+	v.trim(),
+	v.transform((value) => {
+		if (!value.length || value.includes('://')) {
+			return value;
+		} else {
+			// Prefix 'url' with 'https://'
+			return `https://${value}`;
+		}
+	}),
+	v.url()
+);
+
+/**
+ * Parser for URL path, without a search and hash part
+ */
+export const UrlPath = v.pipe(
+	v.string(),
+	v.transform((value) => {
+		// Convert relative url to URL object
+		// @note removes ../../ parts
+		try {
+			return new URL(value, 'http://localhost');
+
+			// eslint-disable-next-line no-unused-vars
+		} catch (e) {
+			return null;
+		}
+	}),
+	v.custom((urlOrNull) => {
+		return urlOrNull ? true : false;
+	}, 'Invalid URL pathname'),
+	v.transform((url) => {
+		return url.pathname;
+	})
+);
+
+/**
+ * Parser for URL path, which consists of
+ * a path and optionally search and hash parts
+ */
+export const RelativeUrl = v.pipe(
+	v.string(),
+	v.transform((value) => {
+		// Convert relative url to URL object
+		// @note removes ../../ parts
+		try {
+			return new URL(value, 'http://localhost');
+
+			// eslint-disable-next-line no-unused-vars
+		} catch (e) {
+			return null;
+		}
+	}),
+	v.custom((urlOrNull) => {
+		return urlOrNull ? true : false;
+	}, 'Invalid URL pathname or search part'),
+	v.transform((url) => {
+		return (
+			`${url.pathname}` +
+			`${url.search.length <= 1 ? '' : url.search}` +
+			`${url.hash.length <= 1 ? '' : url.hash}`
+		);
+	})
+);
+
+/**
+ * Parser for absolute or relative URL
+ *
+ * @note an empty string is not allowed!
+ */
+export const AbsOrRelUrl = v.union([
+	v.pipe(v.string(), v.trim(), v.url()),
+	v.pipe(v.string(), v.nonEmpty(), RelativeUrl)
+]);
+
+/**
+ * Parser for URL slug (e.g., "my-blog-post", "user-123")
+ * 
+ * @note Must start and end with Latin characters or numbers
+ * @note Hyphens are allowed between character groups
+ * @note Automatically converts to lowercase
+ */
+export const Slug = v.pipe(
+	v.string(),
+	v.trim(),
+	v.toLowerCase(),
+	v.regex(new RegExp(URL_SLUG, 'v'), 'Must be a valid URL slug')
+);

package/dist/valibot/{user.js → parsers/user.js}

@@ -1,23 +1,23 @@
-// > Imports
-
-import * as v from 'valibot';
-
-import {
-	RE_FULLNAME,
-	RE_NAME,
-	RE_USERNAME,
-	RE_SURNAME,
-	RE_PHONENUMBER
-} from '../constants/regexp/index.js';
-
-// > Exports
-
-export const Name = v.pipe(v.string(), v.trim(), v.regex(RE_NAME));
-
-export const Fullname = v.pipe(v.string(), v.trim(), v.regex(RE_FULLNAME));
-
-export const Username = v.pipe(v.string(), v.trim(), v.regex(RE_USERNAME));
-
-export const Surname = v.pipe(v.string(), v.trim(), v.regex(RE_SURNAME));
-
-export const PhoneNumber = v.pipe(v.string(), v.trim(), v.regex(RE_PHONENUMBER));
+// > Imports
+
+import * as v from 'valibot';
+
+import {
+	RE_FULLNAME,
+	RE_NAME,
+	RE_USERNAME,
+	RE_SURNAME,
+	RE_PHONENUMBER
+} from '../../constants/regexp/index.js';
+
+// > User Parsers
+
+export const Name = v.pipe(v.string(), v.trim(), v.regex(RE_NAME));
+
+export const Fullname = v.pipe(v.string(), v.trim(), v.regex(RE_FULLNAME));
+
+export const Username = v.pipe(v.string(), v.trim(), v.regex(RE_USERNAME));
+
+export const Surname = v.pipe(v.string(), v.trim(), v.regex(RE_SURNAME));
+
+export const PhoneNumber = v.pipe(v.string(), v.trim(), v.regex(RE_PHONENUMBER));

package/dist/valibot/parsers.d.ts

@@ -0,0 +1,2 @@
+export * from "./parsers/url.js";
+export * from "./parsers/user.js";

package/dist/valibot/parsers.js

@@ -0,0 +1,4 @@
+// > Exports
+
+export * from './parsers/url.js';
+export * from './parsers/user.js';

package/package.json

@@ -1,133 +1,131 @@
-{
-	"name": "@hkdigital/lib-core",
-	"version": "0.3.9",
-	"author": {
-		"name": "HKdigital",
-		"url": "https://hkdigital.nl"
-	},
-	"license": "ISC",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/HKdigital/hkdigital--lib-sveltekit.git"
-	},
-	"keywords": [
-		"component-library",
-		"sveltekit",
-		"skeleton",
-		"tailwindcss",
-		"runed",
-		"valibot"
-	],
-	"scripts": {
-		"dev": "run-s svelte:sync dev:start",
-		"build": "run-s svelte:sync build:*",
-		"preview": "vite preview",
-		"check": "run-s svelte:sync check:run",
-		"check:watch": "run-s svelte:sync check:watch-run",
-		"format": "prettier --write .",
-		"lint": "run-s lint:*",
-		"test": "run-s test:unit-run",
-		"prepack": "run-s prepack:*",
-		"publish:npm": "run-s publish:npm:version publish:npm:publish git:push",
-		"upgrade:hk": "run-s upgrade:hk:update pnpm:install",
-		"upgrade:all": "run-s upgrade:all:update pnpm:install",
-		"svelte:sync": "svelte-kit sync",
-		"dev:start": "vite dev",
-		"build:vite": "vite build",
-		"check:run": "svelte-check --tsconfig ./jsconfig.json",
-		"check:watch-run": "svelte-check --tsconfig ./jsconfig.json --watch",
-		"git:push": "git push",
-		"lint:prettier": "prettier --check .",
-		"lint:eslint": "eslint .",
-		"test:unit": "vitest",
-		"test:unit-run": "pnpm run test:unit -- --run",
-		"prepack:sync": "svelte-kit sync",
-		"prepack:build": "svelte-package",
-		"prepack:lint": "publint",
-		"publish:npm:version": "npm version patch",
-		"publish:npm:publish": "npm publish --access public",
-		"upgrade:hk:update": "ncu --dep dev,optional,peer,prod '@hkdigital/*' -u",
-		"upgrade:all:update": "ncu --dep dev,optional,peer,prod -u",
-		"pnpm:install": "pnpm install"
-	},
-	"files": [
-		"dist",
-		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*",
-		"!dist/**/testdata.*",
-		"!dist/**/*.testdata.*"
-	],
-	"sideEffects": [
-		"**/*.css"
-	],
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"type": "module",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js",
-			"default": "./dist/index.js"
-		},
-		"./*": "./dist/*",
-		"./typedef": "./dist/typedef/index.js"
-	},
-	"peerDependencies": {
-		"@eslint/js": "^9.28.0",
-		"@steeze-ui/heroicons": "^2.4.2",
-		"@sveltejs/kit": "^2.21.2",
-		"eslint-plugin-import": "^2.31.0",
-		"pino": "^9.7.0",
-		"pino-pretty": "^13.0.0",
-		"runed": "^0.23.1",
-		"svelte": "^5.33.16",
-		"svelte-preprocess": "^6.0.3",
-		"valibot": "^1.1.0",
-		"zod": "^3.24.2"
-	},
-	"devDependencies": {
-		"@eslint/js": "^9.28.0",
-		"@playwright/test": "^1.52.0",
-		"@skeletonlabs/skeleton": "3.0.0",
-		"@skeletonlabs/skeleton-svelte": "1.2.3",
-		"@steeze-ui/heroicons": "^2.4.2",
-		"@sveltejs/adapter-auto": "^6.0.1",
-		"@sveltejs/package": "^2.3.11",
-		"@sveltejs/vite-plugin-svelte": "^5.1.0",
-		"@tailwindcss/typography": "^0.5.16",
-		"@testing-library/svelte": "^5.2.7",
-		"@testing-library/user-event": "^14.6.1",
-		"@types/eslint": "^9.6.1",
-		"autoprefixer": "^10.4.21",
-		"eslint": "^9.28.0",
-		"eslint-config-prettier": "^10.1.5",
-		"eslint-plugin-import": "^2.31.0",
-		"eslint-plugin-svelte": "^3.9.1",
-		"fake-indexeddb": "^6.0.0",
-		"globals": "^16.2.0",
-		"jsdom": "^26.1.0",
-		"npm-check-updates": "^18.0.1",
-		"npm-run-all": "^4.1.5",
-		"pino": "^9.7.0",
-		"pino-pretty": "^13.0.0",
-		"postcss": "^8.5.4",
-		"postcss-mixins": "^11.0.3",
-		"prettier": "^3.5.3",
-		"prettier-plugin-svelte": "^3.4.0",
-		"prettier-plugin-tailwindcss": "^0.6.12",
-		"publint": "^0.3.12",
-		"standardized-audio-context-mock": "^9.7.22",
-		"svelte": "^5.33.16",
-		"svelte-check": "^4.2.1",
-		"svelte-preprocess": "^6.0.3",
-		"tailwindcss": "^4.1.10",
-		"typescript": "^5.8.3",
-		"vite": "^6.3.5",
-		"vite-imagetools": "^7.1.0",
-		"vitest": "^3.2.2",
-		"zod": "^3.24.2"
-	},
-	"dependencies": {
-		"@tailwindcss/postcss": "^4.1.11"
-	}
-}
+{
+	"name": "@hkdigital/lib-core",
+	"version": "0.3.11",
+	"author": {
+		"name": "HKdigital",
+		"url": "https://hkdigital.nl"
+	},
+	"license": "ISC",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/HKdigital/hkdigital--lib-sveltekit.git"
+	},
+	"keywords": [
+		"component-library",
+		"sveltekit",
+		"skeleton",
+		"tailwindcss",
+		"runed",
+		"valibot"
+	],
+	"scripts": {
+		"dev": "run-s svelte:sync dev:start",
+		"build": "run-s svelte:sync build:*",
+		"preview": "vite preview",
+		"check": "run-s svelte:sync check:run",
+		"check:watch": "run-s svelte:sync check:watch-run",
+		"format": "prettier --write .",
+		"lint": "run-s lint:*",
+		"test": "run-s test:unit-run",
+		"prepack": "run-s prepack:*",
+		"publish:npm": "run-s publish:npm:version publish:npm:publish git:push",
+		"upgrade:hk": "run-s upgrade:hk:update pnpm:install",
+		"upgrade:all": "run-s upgrade:all:update pnpm:install",
+		"svelte:sync": "svelte-kit sync",
+		"dev:start": "vite dev",
+		"build:vite": "vite build",
+		"check:run": "svelte-check --tsconfig ./jsconfig.json",
+		"check:watch-run": "svelte-check --tsconfig ./jsconfig.json --watch",
+		"git:push": "git push",
+		"lint:prettier": "prettier --check .",
+		"lint:eslint": "eslint .",
+		"test:unit": "vitest",
+		"test:unit-run": "pnpm run test:unit -- --run",
+		"prepack:sync": "svelte-kit sync",
+		"prepack:build": "svelte-package",
+		"prepack:lint": "publint",
+		"publish:npm:version": "npm version patch",
+		"publish:npm:publish": "npm publish --access public",
+		"upgrade:hk:update": "ncu --dep dev,optional,peer,prod '@hkdigital/*' -u",
+		"upgrade:all:update": "ncu --dep dev,optional,peer,prod -u",
+		"pnpm:install": "pnpm install"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*",
+		"!dist/**/testdata.*",
+		"!dist/**/*.testdata.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./*": "./dist/*",
+		"./typedef": "./dist/typedef/index.js"
+	},
+	"peerDependencies": {
+		"@eslint/js": "^9.28.0",
+		"@steeze-ui/heroicons": "^2.4.2",
+		"@sveltejs/kit": "^2.21.2",
+		"eslint-plugin-import": "^2.31.0",
+		"pino": "^9.7.0",
+		"pino-pretty": "^13.0.0",
+		"runed": "^0.23.1",
+		"svelte": "^5.33.16",
+		"svelte-preprocess": "^6.0.3",
+		"valibot": "^1.1.0"
+	},
+	"devDependencies": {
+		"@eslint/js": "^9.28.0",
+		"@playwright/test": "^1.52.0",
+		"@skeletonlabs/skeleton": "3.0.0",
+		"@skeletonlabs/skeleton-svelte": "1.2.3",
+		"@steeze-ui/heroicons": "^2.4.2",
+		"@sveltejs/adapter-auto": "^6.0.1",
+		"@sveltejs/package": "^2.3.11",
+		"@sveltejs/vite-plugin-svelte": "^5.1.0",
+		"@tailwindcss/typography": "^0.5.16",
+		"@testing-library/svelte": "^5.2.7",
+		"@testing-library/user-event": "^14.6.1",
+		"@types/eslint": "^9.6.1",
+		"autoprefixer": "^10.4.21",
+		"eslint": "^9.28.0",
+		"eslint-config-prettier": "^10.1.5",
+		"eslint-plugin-import": "^2.31.0",
+		"eslint-plugin-svelte": "^3.9.1",
+		"fake-indexeddb": "^6.0.0",
+		"globals": "^16.2.0",
+		"jsdom": "^26.1.0",
+		"npm-check-updates": "^18.0.1",
+		"npm-run-all": "^4.1.5",
+		"pino": "^9.7.0",
+		"pino-pretty": "^13.0.0",
+		"postcss": "^8.5.4",
+		"postcss-mixins": "^11.0.3",
+		"prettier": "^3.5.3",
+		"prettier-plugin-svelte": "^3.4.0",
+		"prettier-plugin-tailwindcss": "^0.6.12",
+		"publint": "^0.3.12",
+		"standardized-audio-context-mock": "^9.7.22",
+		"svelte": "^5.33.16",
+		"svelte-check": "^4.2.1",
+		"svelte-preprocess": "^6.0.3",
+		"tailwindcss": "^4.1.10",
+		"typescript": "^5.8.3",
+		"vite": "^6.3.5",
+		"vite-imagetools": "^7.1.0",
+		"vitest": "^3.2.2"
+	},
+	"dependencies": {
+		"@tailwindcss/postcss": "^4.1.11"
+	}
+}

package/dist/components/hk-app-layout/HkAppLayout.state.svelte.d.ts

@@ -1,6 +0,0 @@
-export class AppLayoutState {
-    landscapeOnSmallScreen: boolean;
-}
-export const createOrGetState: (contextKey?: import("../../typedef").ContextKey) => AppLayoutState;
-export const createState: (contextKey?: import("../../typedef").ContextKey) => AppLayoutState;
-export const getState: (contextKey?: import("../../typedef").ContextKey) => AppLayoutState;

package/dist/components/image-box/index.js

@@ -1,5 +0,0 @@
-/** @typedef {import('../../config/typedef.js').ImageMeta} ImageMeta */
-
-export { default as ImageBox } from './ImageBox.svelte';
-
-export default {};

package/dist/constants/regexp/web.d.ts

@@ -1 +0,0 @@
-export const URL_SLUG: "^[\\p{Script=Latin}\\p{Nd}]+([-]{0,1}[\\p{Script=Latin}\\p{Nd}]+)*$";

package/dist/constants/regexp/web.js

@@ -1,3 +0,0 @@
-import { CHAR_NUMBER as CN } from './text.js';
-
-export const URL_SLUG = `^[${CN}]+([-]{0,1}[${CN}]+)*$`;

package/dist/primitives/inputs/text-input/TestTextInput.svelte__

@@ -1,102 +0,0 @@
-<script>
-  /**
-   * @type {{
-   *   base?: string,
-   *   error?: string,
-   *   classes?: string,
-   *   fieldClasses?: string,
-   *   fieldError?: string,
-   *   legendBase?: string,
-   *   legendClasses?: string,
-   *   legendError?: string,
-   *   value?: string,
-   *   type?: 'text' | 'url' | 'email' | 'number',
-   *   pattern?: string,
-   *   required?: boolean,
-   *   title?: string,
-   *   valid?: boolean,
-   *   pristine?: boolean,
-   *   validate?: (value: string) => string | undefined,
-   * } & { [attr: string]: any }}
-   */
-  let {
-    base = '',
-    error = '',
-    classes = '',
-
-    fieldClasses,
-    fieldError,
-
-    legendBase = 'ml-16tp px-8tp',
-    legendClasses,
-    legendError,
-
-    value = $bindable(''),
-    type = 'text',
-    pattern,
-    required = false,
-
-    title = '',
-
-    valid = $bindable(true),
-    pristine = $bindable(true),
-
-    validate,
-
-    ...attrs
-  } = $props();
-
-  let inputRef = $state();
-  let validationMessage = $state('');
-  let initialValue = $state('');
-
-  $effect(() => {
-    if (!inputRef) return;
-    initialValue = value;
-    validateInput(inputRef, value);
-  });
-
-  function validateInput(input, currentValue) {
-    input.setCustomValidity('');
-    const isBuiltInValid = input.checkValidity();
-
-    if (isBuiltInValid && validate) {
-      const customError = validate(currentValue);
-      input.setCustomValidity(customError || '');
-    }
-
-    pristine = currentValue === initialValue;
-    valid = input.validity.valid;
-    validationMessage = input.validationMessage;
-  }
-
-  function handleInput(event) {
-    validateInput(event.target, event.target.value);
-  }
-</script>
-
-<fieldset
-  data-inputs="text-input"
-  class="flex w-full items-center rounded {fieldClasses}"
->
-  <legend class="{legendBase} {legendClasses}">{title}</legend>
-
-  <input
-    bind:this={inputRef}
-    {type}
-    {pattern}
-    {required}
-    {value}
-    class="w-full border-none bg-transparent {base} {classes}"
-    aria-invalid={!valid}
-    aria-errormessage={!valid ? 'validation-message' : undefined}
-    oninput={handleInput}
-    {...attrs}
-  />
-
-  {#if !valid}
-    <small id="validation-message" class="text-error" role="alert">
-      {validationMessage}
-    </small>
-  {/if}
-</fieldset>