fix: removal of .svelte.ts files (#1705)

jjagielka · web-flow · commit ed5bd5ad5fcb · 2025-08-05T11:00:31.000+02:00
* fix: removal of .svelte.ts files

* fix: typos
diff --git a/src/lib/alert/Alert.svelte b/src/lib/alert/Alert.svelte
@@ -4,7 +4,7 @@
   import clsx from "clsx";
   import { type AlertProps, type ParamsType, CloseButton } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { children, icon, alertStatus = $bindable(true), closeIcon: CloseIcon, color = "primary", rounded = true, border, class: className, dismissable, transition = fade, params, ...restProps }: AlertProps = $props();
 
diff --git a/src/lib/badge/Badge.svelte b/src/lib/badge/Badge.svelte
@@ -4,7 +4,7 @@
   import clsx from "clsx";
   import { fade } from "svelte/transition";
   import { badge } from ".";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { children, icon, badgeStatus = $bindable(true), color = "primary", large = false, dismissable = false, class: className, classes, border, href, target, rounded, transition = fade, params, aClass, ...restProps }: BadgeProps = $props();
 
diff --git a/src/lib/banner/Banner.svelte b/src/lib/banner/Banner.svelte
@@ -4,7 +4,7 @@
   import clsx from "clsx";
   import { type ParamsType, type BannerProps, CloseButton } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { children, header, open = $bindable(true), dismissable = true, color = "gray", type, class: className, classes, innerClass, transition = fade, params, closeClass, ...restProps }: BannerProps = $props();
 
diff --git a/src/lib/drawer/Drawer.svelte b/src/lib/drawer/Drawer.svelte
@@ -5,7 +5,7 @@
   import { sineIn } from "svelte/easing";
   import { drawer } from ".";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { children, hidden = $bindable(), activateClickOutside = true, position, width, backdrop = true, backdropClass, placement = "left", class: className, classes, transitionParams, transitionType = fly, bodyScrolling = false, ...restProps }: DrawerProps = $props();
 
diff --git a/src/lib/forms/fileupload/Fileupload.svelte b/src/lib/forms/fileupload/Fileupload.svelte
@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import { CloseButton, type FileuploadProps } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { files = $bindable(), size = "md", clearable = false, elementRef = $bindable(), class: className, classes, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, wrapperClass, ...restProps }: FileuploadProps = $props();
 
diff --git a/src/lib/forms/floating-label/FloatingLabelInput.svelte b/src/lib/forms/floating-label/FloatingLabelInput.svelte
@@ -4,7 +4,7 @@
   import clsx from "clsx";
   import { type FloatingLabelInputProps, CloseButton } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { children, id = idGenerator(), value = $bindable(), elementRef = $bindable(), variant = "standard", size = "default", color = "default", class: className, classes, inputClass, labelClass, clearable, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, data = [], maxSuggestions = 5, onSelect, comboClass, ...restProps }: FloatingLabelInputProps = $props();
 
diff --git a/src/lib/forms/input-field/Input.svelte b/src/lib/forms/input-field/Input.svelte
@@ -4,7 +4,7 @@
   import { CloseButton, type SizeType, type InputProps, type InputValue } from "$lib";
   import { input, clampSize } from ".";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { children, left, right, value = $bindable(), elementRef = $bindable(), clearable = false, size, color = "default", class: className, classes, wrapperClass, leftClass, rightClass, divClass, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, data = [], maxSuggestions = 5, onSelect, comboClass, comboItemClass, onInput, onFocus, onBlur, onKeydown, oninput, onfocus, onblur, onkeydown, ...restProps }: InputProps<InputValue> = $props();
 
diff --git a/src/lib/forms/search/Search.svelte b/src/lib/forms/search/Search.svelte
@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import { CloseButton, type SearchProps } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { children, inputClass, size, placeholder = "Search", value = $bindable(), elementRef = $bindable(), clearable = false, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, class: className, classes, ...restProps }: SearchProps = $props();
 
diff --git a/src/lib/forms/select/MultiSelect.svelte b/src/lib/forms/select/MultiSelect.svelte
@@ -4,7 +4,7 @@
   import { multiSelect } from ".";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
   import { onMount } from "svelte";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   // Consider reusing that component - https://svelecte.vercel.app/
 
diff --git a/src/lib/forms/select/Select.svelte b/src/lib/forms/select/Select.svelte
@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import { type SelectProps, CloseButton } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { children, items, value = $bindable(), elementRef = $bindable(), underline, size = "md", disabled, placeholder = "Choose option ...", clearable, clearableColor = "none", clearableOnClick, onClear, clearableSvgClass, clearableClass, selectClass, class: className, classes, ...restProps }: SelectProps<T> = $props();
 
diff --git a/src/lib/forms/textarea/Textarea.svelte b/src/lib/forms/textarea/Textarea.svelte
@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import { type TextareaProps, CloseButton } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { header, footer, addon, value = $bindable(), elementRef = $bindable(), divClass, innerClass, headerClass, footerClass, addonClass, disabled, class: className, classes, clearable, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, textareaClass, ...restProps }: TextareaProps = $props();
 
diff --git a/src/lib/modal/Modal.svelte b/src/lib/modal/Modal.svelte
@@ -5,7 +5,7 @@
   import { fade } from "svelte/transition";
   import { modal as modalStyle } from ".";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { children, onaction = () => true, oncancel, onsubmit, ontoggle, form = false, modal = true, autoclose = false, focustrap = false, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, outsideclose = true, size = "md", placement, class: className, classes, params, transition = fade, fullscreen = false, ...restProps }: ModalProps = $props();
 
diff --git a/src/lib/toast/Toast.svelte b/src/lib/toast/Toast.svelte
@@ -6,7 +6,7 @@
   import { fly } from "svelte/transition";
   import clsx from "clsx";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
-  import { createDismissableContext } from "$lib/utils/dismissable.svelte";
+  import { createDismissableContext } from "$lib/utils/dismissable";
 
   let { children, icon, toastStatus = $bindable(true), dismissable = true, color = "primary", position, iconClass, contentClass, align = true, params, transition = fly, class: className, classes, ...restProps }: ToastProps = $props();
 
diff --git a/src/lib/utils/CloseButton.svelte b/src/lib/utils/CloseButton.svelte
@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { type CloseButtonProps } from "$lib";
   import { closeButton } from ".";
-  import { useDismiss } from "./dismissable.svelte";
+  import { useDismiss } from "./dismissable";
 
   let { children, color = "gray", onclick: onclickorg, name = "Close", ariaLabel, size = "md", class: className, svgClass, ...restProps }: CloseButtonProps = $props();
 
diff --git a/src/lib/utils/dismissable.ts b/src/lib/utils/dismissable.ts
diff --git a/src/lib/utils/singleselection.svelte.js b/src/lib/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
+ * @returns {SingleSelectionContext<T>}
+ */
+export function createSingleSelectionContext() {
+  // @ts-ignore - $state is assumed to be a Svelte store or similar
+  const context = $state({ value: undefined });
+  return setContext(SINGLE_SELECTION_KEY, context);
+}
+
+/**
+ * @template T
+ * @param {SingleSelectionContext<T>} context
+ * @param {boolean} open
+ * @param {T=} value
+ * @returns {SingleSelectionContext<T>}
+ */
+function setSelected(context, open, 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();
+
+  // @ts-ignore - $effect is assumed to be a Svelte reactive helper
+  $effect(() => {
+    if (context.value !== undefined) callback(context.value);
+  });
+  return (open, v) => setSelected(context, open, v);
+}
diff --git a/src/lib/utils/singleselection.svelte.ts b/src/lib/utils/singleselection.svelte.ts
diff --git a/svelte.config.js b/svelte.config.js
@@ -18,7 +18,7 @@ const config = {
     // preprocess({
     //   postcss: true
     // })
-    vitePreprocess()
+    vitePreprocess({typeScript: true})
   ],
   vitePlugin: {
     inspector: {
