@stanko/ctrls 0.1.8 → 0.1.9

package/dist/ctrls/ctrl-dual-range.d.ts

@@ -1,5 +1,5 @@
 import DualRangeInput from "@stanko/dual-range-input";
-import type { Ctrl, CtrlChangeHandler, CtrlType, CtrlTypeRegistry } from ".";
+import type { Ctrl, CtrlChangeHandler, CtrlType, ConfigFor } from ".";
 export type DualRangeControlOptions = {
     min: number;
     max: number;
@@ -25,7 +25,7 @@ export declare class DualRangeCtrl implements Ctrl<DualRangeValue> {
     maxInput: HTMLInputElement;
     dualRange: DualRangeInput;
     valueSpan: HTMLSpanElement;
-    constructor(config: CtrlTypeRegistry["dual-range"]["config"], onChange: CtrlChangeHandler<DualRangeValue>, onInput: CtrlChangeHandler<DualRangeValue>);
+    constructor(config: ConfigFor<"dual-range">, onChange: CtrlChangeHandler<DualRangeValue>, onInput: CtrlChangeHandler<DualRangeValue>);
     parse: (string: string) => {
         min: number;
         max: number;

package/dist/ctrls/ctrl-easing.d.ts

@@ -1,4 +1,4 @@
-import type { Ctrl, CtrlChangeHandler, CtrlType, CtrlTypeRegistry } from ".";
+import type { Ctrl, CtrlChangeHandler, CtrlType, ConfigFor } from ".";
 export type Easing = [number, number, number, number];
 export declare class EasingCtrl implements Ctrl<Easing> {
     type: CtrlType;
@@ -15,7 +15,7 @@ export declare class EasingCtrl implements Ctrl<Easing> {
     lines: SVGLineElement[];
     path: SVGPathElement;
     presets: Record<string, Easing>;
-    constructor(config: CtrlTypeRegistry["easing"]["config"], onChange: CtrlChangeHandler<Easing>, onInput: CtrlChangeHandler<Easing>);
+    constructor(config: ConfigFor<"easing">, onChange: CtrlChangeHandler<Easing>, onInput: CtrlChangeHandler<Easing>);
     parse: (string: string) => Easing;
     getRandomValue: () => Easing;
     getDefaultValue: () => Easing;

package/dist/ctrls/ctrl-radio.d.ts

@@ -1,4 +1,4 @@
-import type { Ctrl, CtrlChangeHandler, CtrlType, CtrlTypeRegistry } from ".";
+import type { Ctrl, CtrlChangeHandler, CtrlType, ConfigFor } from ".";
 type Option = {
     label: string;
     value: string;
@@ -18,7 +18,7 @@ export declare class RadioCtrl implements Ctrl<string> {
     element: HTMLElement;
     columns: 1 | 2 | 3 | 4 | 5;
     id: string;
-    constructor(config: CtrlTypeRegistry["radio"]["config"], onChange: CtrlChangeHandler<string>, onInput: CtrlChangeHandler<string>);
+    constructor(config: ConfigFor<"radio">, onChange: CtrlChangeHandler<string>, onInput: CtrlChangeHandler<string>);
     parse: (string: string) => string;
     getRandomValue: () => string;
     getDefaultValue: () => string;

package/dist/ctrls/ctrl-range.d.ts

@@ -1,4 +1,4 @@
-import type { Ctrl, CtrlChangeHandler, CtrlType, CtrlTypeRegistry } from ".";
+import type { Ctrl, CtrlChangeHandler, CtrlType, ConfigFor } from ".";
 export declare class RangeCtrl implements Ctrl<number> {
     type: CtrlType;
     name: string;
@@ -13,7 +13,7 @@ export declare class RangeCtrl implements Ctrl<number> {
     element: HTMLElement;
     input: HTMLInputElement;
     valueSpan: HTMLSpanElement;
-    constructor(config: CtrlTypeRegistry["range"]["config"], onChange: CtrlChangeHandler<number>, onInput: CtrlChangeHandler<number>);
+    constructor(config: ConfigFor<"range">, onChange: CtrlChangeHandler<number>, onInput: CtrlChangeHandler<number>);
     parse: (string: string) => number;
     getRandomValue: () => number;
     getDefaultValue: () => number;

package/dist/ctrls/index.d.ts

@@ -31,57 +31,51 @@ export interface Ctrl<T> {
     update: (value: T) => void;
     element: HTMLElement;
 }
-export type CtrlComponent = BooleanCtrl | RangeCtrl | RadioCtrl | SeedCtrl | EasingCtrl | DualRangeCtrl;
-export type ControlConstructor<T> = new (...args: any[]) => T;
-export interface CtrlTypeRegistry {
+export interface CtrlTypeMap {
     boolean: {
-        config: CtrlConfig<boolean>;
-        instance: BooleanCtrl;
         value: boolean;
     };
     range: {
-        config: CtrlConfig<number> & {
-            min: number;
-            max: number;
-            step?: number;
-        };
-        instance: RangeCtrl;
         value: number;
+        min: number;
+        max: number;
+        step?: number;
     };
     radio: {
-        config: CtrlConfig<string> & {
-            items: Record<string, string>;
-            columns?: 1 | 2 | 3 | 4 | 5;
-        };
-        instance: RadioCtrl;
         value: string;
+        items: Record<string, string>;
+        columns?: 1 | 2 | 3 | 4 | 5;
     };
     seed: {
-        config: CtrlConfig<string>;
-        instance: SeedCtrl;
         value: string;
     };
     easing: {
-        config: CtrlConfig<Easing> & {
-            presets?: Record<string, Easing>;
-        };
-        instance: EasingCtrl;
         value: Easing;
+        presets?: Record<string, Easing>;
     };
     "dual-range": {
-        config: CtrlConfig<DualRangeValue> & {
-            min: number;
-            max: number;
-            step?: number;
-        };
-        instance: DualRangeCtrl;
         value: DualRangeValue;
+        min: number;
+        max: number;
+        step?: number;
     };
 }
-export type TypedControlConfig = CtrlTypeRegistry[keyof CtrlTypeRegistry]["config"];
-type OptionsMap<Configs extends readonly TypedControlConfig[]> = {
-    [C in Configs[number] as C["name"]]: CtrlTypeRegistry[C["type"]]["value"];
-} & {
+export type TypedControlConfig = {
+    [K in CtrlType]: {
+        type: K;
+        name: string;
+        label?: string;
+        defaultValue?: CtrlTypeMap[K]["value"];
+        isRandomizationDisabled?: boolean;
+    } & Omit<CtrlTypeMap[K], "value">;
+}[CtrlType];
+export type ConfigFor<T extends CtrlType> = Extract<TypedControlConfig, {
+    type: T;
+}>;
+type ExtractValues<Configs extends readonly TypedControlConfig[]> = {
+    [C in Configs[number] as C["name"]]: CtrlTypeMap[C["type"]]["value"];
+};
+type DerivedProps<Configs extends readonly TypedControlConfig[]> = {
     [C in Extract<Configs[number], {
         type: "easing";
     }> as `${C["name"]}Easing`]: ReturnType<typeof BezierEasing>;
@@ -90,6 +84,7 @@ type OptionsMap<Configs extends readonly TypedControlConfig[]> = {
         type: "seed";
     }> as `${C["name"]}Rng`]: PRNG;
 };
+type OptionsMap<Configs extends readonly TypedControlConfig[]> = ExtractValues<Configs> & DerivedProps<Configs>;
 type ControlsOptions = {
     showRandomizeButton?: boolean;
     storage?: "hash" | "none";
@@ -97,10 +92,11 @@ type ControlsOptions = {
     parent?: Element;
     title?: string;
 };
+type CtrlComponent = BooleanCtrl | RangeCtrl | RadioCtrl | SeedCtrl | EasingCtrl | DualRangeCtrl;
 export declare class Ctrls<Configs extends readonly TypedControlConfig[]> {
     options: ControlsOptions;
-    controls: CtrlTypeRegistry[keyof CtrlTypeRegistry]["instance"][];
-    controlsMap: Record<string, CtrlTypeRegistry[keyof CtrlTypeRegistry]["instance"]>;
+    controls: CtrlComponent[];
+    controlsMap: Record<string, CtrlComponent>;
     element: HTMLDivElement;
     onChange?: (updatedValues: Partial<ReturnType<typeof this.getValues>>) => void;
     onInput?: (updatedValues: Partial<ReturnType<typeof this.getValues>>) => void;

package/dist/utils/generate-seed.js

@@ -1,9 +1,11 @@
+import Alea from "./alea";
 import random from "./random";
 import { words } from "./words";
+const rng = Alea();
 export default function generateSeed() {
     return [1, 2, 3]
         .map(() => {
-        const index = random(0, words.length - 1, Math.random, 0);
+        const index = random(0, words.length - 1, rng, 0);
         return words[index];
     })
         .join("-");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanko/ctrls",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "type": "module",
   "scripts": {
     "start": "npm run parse-markdown && vite",