@streamscloud/kit 0.87.0 → 0.89.0

package/dist/core/index.d.ts

@@ -2,5 +2,5 @@ export type { CursorPayload, CursorResult } from './cursor-result';
 export { ContinuationToken } from './continuation-token';
 export { Deferred } from './deferred';
 export { AppEvent, EventDispatcher } from './event-dispatcher';
-export { generateHandle } from './handle-generator';
 export { createGQLClient } from './graphql';
+export { generateHandle, HANDLE_DEFAULT_MAX_LENGTH, HANDLE_PATTERN } from './url-name';

package/dist/core/index.js

@@ -2,5 +2,5 @@
 export { ContinuationToken } from './continuation-token';
 export { Deferred } from './deferred';
 export { AppEvent, EventDispatcher } from './event-dispatcher';
-export { generateHandle } from './handle-generator';
 export { createGQLClient } from './graphql';
+export { generateHandle, HANDLE_DEFAULT_MAX_LENGTH, HANDLE_PATTERN } from './url-name';

package/dist/core/url-name.d.ts

@@ -0,0 +1,4 @@
+export declare const HANDLE_DEFAULT_MAX_LENGTH = 80;
+export declare const HANDLE_PATTERN: RegExp;
+/** Mirrors the backend's `UrlName.From` (AnyAscii, same version on both sides) — the server compares names by this handle, so keep both in lockstep. */
+export declare const generateHandle: (text: string | null | undefined, maxLength?: number) => string;

package/dist/core/url-name.js

@@ -0,0 +1,19 @@
+import anyAscii from 'any-ascii';
+export const HANDLE_DEFAULT_MAX_LENGTH = 80;
+export const HANDLE_PATTERN = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+const STARTS_WITH_SYMBOL = /^\p{S}/u;
+const graphemes = new Intl.Segmenter('und', { granularity: 'grapheme' });
+const dropSymbols = (text) => Array.from(graphemes.segment(text), ({ segment }) => segment)
+    .filter((segment) => !STARTS_WITH_SYMBOL.test(segment))
+    .join('');
+/** Mirrors the backend's `UrlName.From` (AnyAscii, same version on both sides) — the server compares names by this handle, so keep both in lockstep. */
+export const generateHandle = (text, maxLength = HANDLE_DEFAULT_MAX_LENGTH) => {
+    if (!text) {
+        return '';
+    }
+    const handle = anyAscii(dropSymbols(text))
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '');
+    return handle.length <= maxLength ? handle : handle.slice(0, maxLength).replace(/-+$/, '');
+};

package/dist/core/validation/validation-schemas/handle-validations.js

@@ -1,8 +1,8 @@
+import { HANDLE_PATTERN } from '../../url-name';
 import { ValidationLocalization } from './validation-localization';
 import * as yup from 'yup';
 const DEFAULT_MIN_LENGTH = 3;
 const DEFAULT_MAX_LENGTH = 30;
-const HANDLE_REGEX = /^[a-z_]([a-z0-9_]|[.-](?![.-]))*[a-z0-9_]$/;
 const resolveHandleLength = (lengthValidation) => ({
     minLength: lengthValidation?.minLength ?? DEFAULT_MIN_LENGTH,
     maxLength: lengthValidation?.maxLength ?? DEFAULT_MAX_LENGTH
@@ -10,7 +10,7 @@ const resolveHandleLength = (lengthValidation) => ({
 /** Value-level rules of `handleValidationSchema` — within length bounds and matching the handle format. */
 export const isValidHandle = (value, lengthValidation) => {
     const { minLength, maxLength } = resolveHandleLength(lengthValidation);
-    return value.length >= minLength && value.length <= maxLength && HANDLE_REGEX.test(value);
+    return value.length >= minLength && value.length <= maxLength && HANDLE_PATTERN.test(value);
 };
 export const handleValidationSchema = (lengthValidation) => {
     const msg = new ValidationLocalization();
@@ -20,5 +20,5 @@ export const handleValidationSchema = (lengthValidation) => {
         .required(msg.required)
         .min(minLength, msg.minLength(minLength))
         .max(maxLength, msg.maxLength(maxLength))
-        .test('handle-format', msg.badFormat, (val) => !!val && HANDLE_REGEX.test(val));
+        .test('handle-format', msg.badFormat, (val) => !!val && HANDLE_PATTERN.test(val));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.87.0",
+  "version": "0.89.0",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -488,10 +488,11 @@
     "@fontsource/jetbrains-mono": "^5.2.8",
     "@fontsource/source-sans-pro": "^5.2.5",
     "@urql/core": "^6.0.1",
+    "any-ascii": "^0.3.3",
     "cleave-zen": "^0.0.17",
     "colord": "^2.9.3",
     "dequal": "^2.0.3",
-    "dompurify": "^3.4.5",
+    "dompurify": "^3.4.17",
     "esm-env": "^1.2.2",
     "file-type": "^22.1.1",
     "fuse.js": "^7.3.0",
@@ -500,7 +501,7 @@
     "nanoid": "^5.1.11",
     "p-limit": "^7.3.0",
     "rfdc": "^1.4.1",
-    "svelte": "^5.57.0",
+    "svelte": "^5.57.2",
     "svelte-awesome-color-picker": "^4.1.2",
     "svelte-dnd-action": "^0.9.69",
     "wheel-gestures": "^2.2.48",
@@ -518,11 +519,12 @@
     "@tsconfig/svelte": "^5.0.8",
     "@types/node": "^26.6.1",
     "@urql/core": "^6.0.1",
+    "any-ascii": "^0.3.3",
     "autoprefixer": "^10.6.1",
     "cleave-zen": "^0.0.17",
     "colord": "^2.9.3",
     "dequal": "^2.0.3",
-    "dompurify": "^3.4.5",
+    "dompurify": "^3.4.17",
     "eslint": "^10.10.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-formatter-codeframe": "^7.32.2",
@@ -546,14 +548,14 @@
     "publint": "^0.3.24",
     "rfdc": "^1.4.1",
     "sass": "^1.104.1",
-    "svelte": "^5.57.0",
+    "svelte": "^5.57.2",
     "svelte-awesome-color-picker": "^4.1.2",
     "svelte-check": "^4.7.6",
     "svelte-dnd-action": "^0.9.69",
     "svelte-preprocess": "^6.0.5",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.70.0",
-    "vite": "^8.3.0",
+    "vite": "^8.3.5",
     "vite-tsconfig-paths": "^6.1.1",
     "wheel-gestures": "^2.2.48",
     "yup": "^1.7.1"

package/dist/core/handle-generator.d.ts

@@ -1 +0,0 @@
-export declare const generateHandle: (base: string | null | undefined) => string;

package/dist/core/handle-generator.js

@@ -1,32 +0,0 @@
-const SPEC_SYMBOLS = [
-    { symbol: 'å', replacement: 'a' },
-    { symbol: 'Å', replacement: 'A' },
-    { symbol: 'æ', replacement: 'ae' },
-    { symbol: 'Æ', replacement: 'Ae' },
-    { symbol: 'ø', replacement: 'o' },
-    { symbol: 'Ø', replacement: 'O' },
-    { symbol: 'ö', replacement: 'o' },
-    { symbol: 'Ö', replacement: 'O' },
-    { symbol: 'ä', replacement: 'a' },
-    { symbol: 'Ä', replacement: 'A' }
-];
-export const generateHandle = (base) => {
-    if (!base) {
-        return '';
-    }
-    let handle = base;
-    // Replace nordic/special chars
-    for (const { symbol, replacement } of SPEC_SYMBOLS) {
-        handle = handle.replace(new RegExp(symbol, 'g'), replacement);
-    }
-    handle = handle
-        // Insert hyphen before uppercase (camelCase → kebab-case)
-        .replace(/([a-z])([A-Z])/g, '$1-$2')
-        // Lowercase
-        .toLowerCase()
-        // Replace any non-alphanumeric with hyphen
-        .replace(/[^a-z0-9]+/g, '-')
-        // Remove leading/trailing hyphens
-        .replace(/^-+|-+$/g, '');
-    return handle;
-};