@witchcraft/ui 0.2.1-beta.2 → 0.2.1

package/src/runtime/globalResizeObserver.ts

@@ -4,7 +4,6 @@
 
 import { ResizeObserverWrapper } from "./helpers/resizeObserverWrapper.js"
 
-
 if (typeof ResizeObserver === "undefined") {
 	// eslint-disable-next-line no-console
 	console.warn("You are using a directive that uses a ResizeObserver or are importing something that uses this resize observer in a context (e.g. the server) where ResizeObserver does not exist.")

package/src/runtime/helpers/NotificationHandler.ts

@@ -6,10 +6,9 @@ import { isBlank } from "@alanscodelog/utils/isBlank"
 import { pretty } from "@alanscodelog/utils/pretty"
 import { setReadOnly } from "@alanscodelog/utils/setReadOnly"
 
-
 export class NotificationHandler<
 	TRawEntry extends RawNotificationEntry<any, any> = RawNotificationEntry<any, any>,
-	TEntry extends NotificationEntry<TRawEntry> = NotificationEntry<TRawEntry>,
+	TEntry extends NotificationEntry<TRawEntry> = NotificationEntry<TRawEntry>
 > {
 	timeout: number = 5000
 
@@ -30,7 +29,7 @@ export class NotificationHandler<
 	constructor({
 		timeout,
 		stringifier,
-		maxHistory,
+		maxHistory
 	}: {
 		timeout?: NotificationHandler<TRawEntry>["timeout"]
 		stringifier?: NotificationHandler<TRawEntry>["stringifier"]
@@ -101,11 +100,10 @@ export class NotificationHandler<
 			timeout: rawEntry.timeout === true
 				? this.timeout
 				: rawEntry.timeout !== undefined && rawEntry.timeout !== false
-				? rawEntry.timeout
-				: undefined,
+					? rawEntry.timeout
+					: undefined
 		} as any as TEntry
 
-
 		if (rawEntry.cancellable === true || (rawEntry.cancellable === undefined && entry.options?.includes("Cancel"))) {
 			entry.cancellable = "Cancel" as any
 		}
@@ -120,8 +118,8 @@ export class NotificationHandler<
 
 	async notify<TNotifyEntry extends RawNotificationEntry<any, any>>(rawEntry: TNotifyEntry):
 	NotificationPromise<TNotifyEntry["options"][number] extends string
-			? TNotifyEntry["options"][number]
-			: "Ok" | "Cancel"> {
+		? TNotifyEntry["options"][number]
+		: "Ok" | "Cancel"> {
 		const entry = this._createEntry(rawEntry)
 		entry.promise = new Promise(_resolve => {
 			entry.resolve = _resolve
@@ -195,7 +193,7 @@ export type NotificationPromise<TOption extends string = string> = Promise<TOpti
 
 export type RawNotificationEntry<
 	TOptions extends string[] = ["Ok", "Cancel"],
-	TCancellable extends boolean | TOptions[number] = "Cancel",
+	TCancellable extends boolean | TOptions[number] = "Cancel"
 > = {
 	message: string
 	title?: string
@@ -215,7 +213,7 @@ export type RawNotificationEntry<
 }
 
 export type NotificationEntry<
-	TRawEntry extends RawNotificationEntry<any, any> = RawNotificationEntry<any, any>,
+	TRawEntry extends RawNotificationEntry<any, any> = RawNotificationEntry<any, any>
 > = Omit<MakeRequired<TRawEntry, "options" | "requiresAction" | "default" | "dangerous">, "cancellable"> & {
 	promise: NotificationPromise
 	resolve: AnyFunction
@@ -227,6 +225,4 @@ export type NotificationEntry<
 
 export type NotificationListener<TEntry extends NotificationEntry<any>> = (notification: TEntry, type: "added" | "resolved" | "deleted") => void
 
-
 export type NotificationStringifier<T extends NotificationEntry<any>> = (notification: T) => string
-

package/src/runtime/helpers/base64ToImg.ts

@@ -1,14 +1,13 @@
 export const base64ToImg = async (imageSrc: string): Promise<HTMLImageElement> => {
 	const img = new Image()
 
-	const loaded = new Promise((resolve => {
+	const loaded = new Promise(resolve => {
 		img.addEventListener("load", () => {
 			resolve(img)
 		})
-	})) as any as Promise<HTMLImageElement>
+	}) as any as Promise<HTMLImageElement>
 
 	img.src = imageSrc // must be set after
 	await loaded
 	return img
 }
-

package/src/runtime/helpers/createNoonUtcDate.ts

@@ -18,4 +18,3 @@ export function createNoonUtcDate(date: CalendarDate): ZonedDateTime {
 	)
 	return d
 }
-

package/src/runtime/helpers/defaultTranslationFunction.ts

@@ -30,4 +30,3 @@ export function defaultTranslationFunction(key: string, replacements?: Record<st
 	}
 	return value
 }
-

package/src/runtime/helpers/getTimeZoneList.ts

@@ -1,4 +1,3 @@
 export function getTimeZoneList(): string[] {
 	return Intl.supportedValuesOf("timeZone")
 }
-

package/src/runtime/helpers/readFile.ts

@@ -5,8 +5,8 @@ export const readFile = async <TType extends "DataUrl" | "ArrayBuffer" | "Binary
 ):
 Promise<
 	TType extends "ArrayBuffer"
-	? ArrayBuffer
-	: string
+		? ArrayBuffer
+		: string
 > => new Promise((resolve, reject) => {
 	const reader = new FileReader()
 	reader.addEventListener("load", () => {

package/src/runtime/helpers/resizeObserverWrapper.ts

@@ -1,6 +1,5 @@
 import type { ResizeCallback } from "../types/index.js"
 
-
 export class ResizeObserverWrapper {
 	observers: WeakMap<Element, Set<ResizeCallback>> = new WeakMap()
 

package/src/runtime/helpers/storybook.ts

@@ -2,7 +2,6 @@ import type { Ref } from "vue"
 
 import { hasModifiers } from "./hasModifiers.js"
 
-
 export const createRecorderHandler = (
 	recordingValue: Ref<string>,
 	recording: Ref<boolean>,
@@ -23,7 +22,7 @@ export const createRecorderHandler = (
 		recordingValue.value += ` ${e.key}`
 	},
 	mousedown(e: MouseEvent) {
-		const target = (e.target as any)
+		const target = e.target as any
 		const el = recordingEl.value
 		if (target === el || el?.contains(target)) {
 			return
@@ -34,7 +33,7 @@ export const createRecorderHandler = (
 	wheel(e: WheelEvent) {
 		recordingValue.value += ` ${e.deltaY > 0 ? "↓" : "↑"}`
 		e.preventDefault()
-	},
+	}
 })
 
 export const createRecorderWatchEffect = (recordingValue: Ref<string>, recording: Ref<boolean>, modelValue: Ref<string>, values?: Ref<string[]>) => () => {

package/src/runtime/main.lib.ts

@@ -9,7 +9,6 @@ export { VueComponentsPlugin } from "./vue/VueComponentsPlugin.js"
 
 import type * as components from "./components/index.js"
 
-
 type Components = typeof components
 
 /**
@@ -28,4 +27,3 @@ type Components = typeof components
 export type GlobalComponentTypes = {
 	[key in keyof Components]: Components[key]
 }
-

package/src/runtime/nuxt/plugins/vue-plugin.ts

@@ -4,16 +4,15 @@ import { defineNuxtPlugin, useRuntimeConfig } from "#imports"
 
 import { registerDirectives } from "../../vue/registerDirectives.js"
 
-
 export default defineNuxtPlugin({
 	name: "components-plugin",
-	async setup(nuxtApp): Promise<void> {
+	async setup(nuxtApp: any): Promise<void> {
 		const config = useRuntimeConfig().public.witchcraftUi
 		const app = nuxtApp.vueApp
 		const directives = (isArray(config?.directives)
-		? (await Promise.all(config.directives.map(async (name: string) => (import(`../../directives/${name}.ts`))))).map((_: any) => Object.values(_)[0])
+			? (await Promise.all(config.directives.map(async (name: string) => (import(`../../directives/${name}.ts`))))).map((_: any) => Object.values(_)[0])
 		// @ts-expect-error ts filetype needed for nuxt
-		: await import(`../../directives/index.ts`))
+			: await import(`../../directives/index.ts`))
 		registerDirectives(app as any, Object.values(directives))
-	},
+	}
 })

package/src/runtime/tailwind/themeConvertionOpts.ts

@@ -1,5 +1,4 @@
-import { type themeAsTailwindCss } from "metamorphosis/tailwind"
-
+import type { themeAsTailwindCss } from "metamorphosis/tailwind"
 
 export const themeConvertionOpts: Parameters<typeof themeAsTailwindCss>[1] = {
 	topLevel: ["number-spacing"],
@@ -10,6 +9,6 @@ export const themeConvertionOpts: Parameters<typeof themeAsTailwindCss>[1] = {
 		"color-warning": "500",
 		"color-ok": "500",
 		"color-error": "500",
-		"color-accent": "500",
-	},
+		"color-accent": "500"
+	}
 }

package/src/runtime/theme.ts

@@ -1,5 +1,4 @@
 import { baseTheme } from "metamorphosis/BaseTheme"
 import type { Theme } from "metamorphosis/Theme"
 
-
 export const theme = baseTheme as Theme

package/src/runtime/types/index.ts

@@ -1,5 +1,5 @@
 import type { ErrorW } from "@alanscodelog/utils"
-import { type Ref } from "vue"
+import type { Ref } from "vue"
 
 export type ResizableOptions = {
 	/**
@@ -51,7 +51,6 @@ export type ResizeCallback = (_rect: DOMRectReadOnly, el: Element) => void
 
 export type FileInputError = ErrorW<{ file: File, isValidMimeType: boolean, isValidExtension: boolean }>
 
-
 /** h 0-360+ (deg), s 0-100%, v 0-100%, a 0-1 */
 export type HsvaColor = { h: number, s: number, v: number, a?: number }
 /** rgb 0-255, 0-1 for alpha */
@@ -60,7 +59,7 @@ export type RgbaColor = { r: number, g: number, b: number, a?: number }
 export type Point = { x: number, y: number }
 
 export type ScrollNearContainerEdgesOptions = {
-	containerEl: Ref< HTMLElement | null>
+	containerEl: Ref<HTMLElement | null>
 	/** Margin inside contianer that allows scrolling. 10 by default. */
 	scrollMargin?: number
 	/** Margin around container that still allows scrolling. 0 by defualt. */
@@ -80,7 +79,7 @@ export type ScrollNearContainerEdgesOptions = {
 }
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export type SimpleDOMRect = Omit<DOMRect, "toJSON">
- 
+
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export interface IPopupReference { getBoundingClientRect: () => SimpleDOMRect }
 export type PopupPosition = { x: number, y: number, maxWidth?: number, maxHeight?: number }

package/src/runtime/utils/notifyIfError.ts

@@ -13,7 +13,7 @@ export function notifyIfError<T>(
 	err: T, {
 		logger,
 		ns,
-		force = false,
+		force = false
 	}: {
 		logger?: { debug: (...args: any[]) => void }
 		/* Logger namespace. */
@@ -24,7 +24,7 @@ export function notifyIfError<T>(
 	if (force || err instanceof Error) {
 		const errMessage = {
 			message: err instanceof Error ? err.message : `Unknown error ${err as any}`,
-			code: err instanceof TypedError ? err.code : undefined,
+			code: err instanceof TypedError ? err.code : undefined
 		}
 		if (logger) {
 			logger.debug({

package/src/runtime/utils/twMerge.ts

@@ -3,8 +3,8 @@ import { extendTailwindMerge } from "tailwind-merge"
 const _twMergeExtend = {
 	extend: {
 		classGroups: {
-			"focus-outline": [{ "focus-outline": ["", "no-offset", "none"]}],
-		},
+			"focus-outline": [{ "focus-outline": ["", "no-offset", "none"] }]
+		}
 	}
 } satisfies Parameters<typeof extendTailwindMerge>[0]
 

package/src/runtime/vue/VueComponentsPlugin.ts

@@ -11,6 +11,5 @@ export const VueComponentsPlugin: Plugin = {
 	install(app: App) {
 		registerComponents(app, components)
 		registerDirectives(app, directives)
-	},
+	}
 }
-

package/src/runtime/vue/registerComponents.ts

@@ -19,7 +19,6 @@ import type { App } from "vue"
  * ```
  */
 
-
 export const registerComponents = (app: App, components: Record<string, any>, prefix = ""): void => {
 	for (const key of Object.keys(components)) {
 		const component = (components as any)[key]