@formisch/qwik 0.1.0 → 0.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formisch/qwik",
   "description": "The modular and type-safe form library for Qwik",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "author": "Fabian Hiller",
   "homepage": "https://formisch.dev",
@@ -20,19 +20,17 @@
     "type-safe"
   ],
   "type": "module",
-  "main": "./lib/index.qwik.mjs",
-  "qwik": "./lib/index.qwik.mjs",
-  "types": "./lib-types/index.d.ts",
+  "main": "./dist/index.qwik.js",
+  "qwik": "./dist/index.qwik.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./lib-types/index.d.ts",
-      "import": "./lib/index.qwik.mjs",
-      "require": "./lib/index.qwik.cjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.qwik.js"
     }
   },
   "files": [
-    "lib",
-    "lib-types"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
@@ -41,17 +39,10 @@
     "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
   },
   "scripts": {
-    "build": "qwik build",
-    "build.lib": "vite build --mode lib",
-    "build.types": "tsc --emitDeclarationOnly",
-    "dev": "vite --mode ssr",
-    "dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
+    "build": "tsdown",
     "fmt": "prettier --write .",
     "fmt.check": "prettier --check .",
     "lint": "eslint \"src/**/*.ts*\"",
-    "release": "np",
-    "start": "vite --open --mode ssr",
-    "test": "echo \"No test specified\" && exit 0",
     "qwik": "qwik"
   },
   "devDependencies": {
@@ -64,6 +55,7 @@
     "eslint-plugin-qwik": "2.0.0-beta.5",
     "globals": "16.3.0",
     "prettier": "3.6.2",
+    "tsdown": "^0.12.9",
     "typescript": "5.8.3",
     "typescript-eslint": "8.36.0",
     "valibot": "^1.1.0",

package/lib/components/Field/Field.qwik.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@qwik.dev/core");
-const useField = require("../../hooks/useField/useField.qwik.cjs");
-require("../../hooks/useForm_/useForm_.qwik.cjs");
-const useResolvedQrl = require("../../hooks/useResolvedQrl/useResolvedQrl.qwik.cjs");
-const Field = core.component$(({ of, path, render$ }) => {
-  const field = useField.useField(of, {
-    path
-  });
-  const render = useResolvedQrl.useResolvedQrl(render$);
-  return render(field);
-});
-exports.Field = Field;

package/lib/components/Field/Field.qwik.mjs

@@ -1,14 +0,0 @@
-import { component$ } from "@qwik.dev/core";
-import { useField } from "../../hooks/useField/useField.qwik.mjs";
-import "../../hooks/useForm_/useForm_.qwik.mjs";
-import { useResolvedQrl } from "../../hooks/useResolvedQrl/useResolvedQrl.qwik.mjs";
-const Field = component$(({ of, path, render$ }) => {
-  const field = useField(of, {
-    path
-  });
-  const render = useResolvedQrl(render$);
-  return render(field);
-});
-export {
-  Field
-};

package/lib/components/FieldArray/FieldArray.qwik.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@qwik.dev/core");
-const useFieldArray = require("../../hooks/useFieldArray/useFieldArray.qwik.cjs");
-require("../../hooks/useForm_/useForm_.qwik.cjs");
-const useResolvedQrl = require("../../hooks/useResolvedQrl/useResolvedQrl.qwik.cjs");
-const FieldArray = core.component$(({ of, path, render$ }) => {
-  const field = useFieldArray.useFieldArray(of, {
-    path
-  });
-  const render = useResolvedQrl.useResolvedQrl(render$);
-  return render(field);
-});
-exports.FieldArray = FieldArray;

package/lib/components/FieldArray/FieldArray.qwik.mjs

@@ -1,14 +0,0 @@
-import { component$ } from "@qwik.dev/core";
-import { useFieldArray } from "../../hooks/useFieldArray/useFieldArray.qwik.mjs";
-import "../../hooks/useForm_/useForm_.qwik.mjs";
-import { useResolvedQrl } from "../../hooks/useResolvedQrl/useResolvedQrl.qwik.mjs";
-const FieldArray = component$(({ of, path, render$ }) => {
-  const field = useFieldArray(of, {
-    path
-  });
-  const render = useResolvedQrl(render$);
-  return render(field);
-});
-export {
-  FieldArray
-};

package/lib/components/Form/Form.qwik.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const index_qwik = require("../../packages/core/dist/index.qwik.qwik.cjs");
-const core = require("@qwik.dev/core");
-const Form = core.component$(({ of, onSubmit$, ...other }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("form", {
-    ...other,
-    noValidate: true,
-    "preventdefault:submit": true,
-    ref: (element) => {
-      of[index_qwik.INTERNAL].element = element;
-    },
-    onSubmit$: async (event) => {
-      const internalFormStore = of[index_qwik.INTERNAL];
-      internalFormStore.isSubmitted.value = true;
-      internalFormStore.isSubmitting.value = true;
-      try {
-        const result = await index_qwik.validateFormInput(internalFormStore, {
-          shouldFocus: true
-        });
-        if (result.success) {
-          await onSubmit$(result.output, event);
-        }
-      } catch (error) {
-        internalFormStore.errors.value = [
-          error instanceof Error ? error.message : "An unknown error has occurred."
-        ];
-      } finally {
-        internalFormStore.isSubmitting.value = false;
-      }
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
-  });
-});
-exports.Form = Form;

package/lib/components/Form/Form.qwik.mjs

@@ -1,36 +0,0 @@
-import { jsx } from "@qwik.dev/core/jsx-runtime";
-import { INTERNAL, validateFormInput } from "../../packages/core/dist/index.qwik.qwik.mjs";
-import { component$, Slot } from "@qwik.dev/core";
-const Form = component$(({ of, onSubmit$, ...other }) => {
-  return /* @__PURE__ */ jsx("form", {
-    ...other,
-    noValidate: true,
-    "preventdefault:submit": true,
-    ref: (element) => {
-      of[INTERNAL].element = element;
-    },
-    onSubmit$: async (event) => {
-      const internalFormStore = of[INTERNAL];
-      internalFormStore.isSubmitted.value = true;
-      internalFormStore.isSubmitting.value = true;
-      try {
-        const result = await validateFormInput(internalFormStore, {
-          shouldFocus: true
-        });
-        if (result.success) {
-          await onSubmit$(result.output, event);
-        }
-      } catch (error) {
-        internalFormStore.errors.value = [
-          error instanceof Error ? error.message : "An unknown error has occurred."
-        ];
-      } finally {
-        internalFormStore.isSubmitting.value = false;
-      }
-    },
-    children: /* @__PURE__ */ jsx(Slot, {})
-  });
-});
-export {
-  Form
-};

package/lib/hooks/useField/useField.qwik.cjs

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index_qwik = require("../../packages/core/dist/index.qwik.qwik.cjs");
-const core = require("@qwik.dev/core");
-const usePathSignal = require("../usePathSignal/usePathSignal.qwik.cjs");
-function useField(form, config) {
-  const pathSignal = usePathSignal.usePathSignal(config.path);
-  const internalFieldStore = core.useComputed$(() => index_qwik.getFieldStore(form[index_qwik.INTERNAL], pathSignal.value));
-  core.useTask$(({ track, cleanup }) => {
-    track(internalFieldStore);
-    cleanup(() => {
-      internalFieldStore.value.elements = internalFieldStore.value.elements.filter((element) => element.isConnected);
-    });
-  });
-  return core.useConstant(() => ({
-    path: pathSignal,
-    input: core.createComputed$(() => index_qwik.getFieldInput(internalFieldStore.value)),
-    errors: core.createComputed$(() => internalFieldStore.value.errors.value),
-    isTouched: core.createComputed$(() => index_qwik.getFieldBool(internalFieldStore.value, "isTouched")),
-    isDirty: core.createComputed$(() => index_qwik.getFieldBool(internalFieldStore.value, "isDirty")),
-    isValid: core.createComputed$(() => !index_qwik.getFieldBool(internalFieldStore.value, "errors")),
-    props: {
-      get name() {
-        return internalFieldStore.value.name;
-      },
-      autofocus: !!internalFieldStore.value.errors.value,
-      ref: core.$((element) => {
-        internalFieldStore.value.elements.push(element);
-      }),
-      onFocus$: core.$(() => {
-        index_qwik.setFieldBool(internalFieldStore.value, "isTouched", true);
-        index_qwik.validateIfRequired(form[index_qwik.INTERNAL], internalFieldStore.value, "touch");
-      }),
-      onInput$: core.$((_, element) => {
-        const nextValue = index_qwik.getElementInput(element, internalFieldStore.value);
-        index_qwik.setFieldInput(internalFieldStore.value, nextValue);
-        index_qwik.validateIfRequired(form[index_qwik.INTERNAL], internalFieldStore.value, "input");
-      }),
-      onChange$: core.$(() => {
-        index_qwik.validateIfRequired(form[index_qwik.INTERNAL], internalFieldStore.value, "change");
-      }),
-      onBlur$: core.$(() => {
-        index_qwik.validateIfRequired(form[index_qwik.INTERNAL], internalFieldStore.value, "blur");
-      })
-    }
-  }));
-}
-exports.useField = useField;

package/lib/hooks/useField/useField.qwik.mjs

@@ -1,48 +0,0 @@
-import { getFieldStore, INTERNAL, validateIfRequired, getElementInput, setFieldInput, setFieldBool, getFieldBool, getFieldInput } from "../../packages/core/dist/index.qwik.qwik.mjs";
-import { useComputed$, useTask$, useConstant, $, createComputed$ } from "@qwik.dev/core";
-import { usePathSignal } from "../usePathSignal/usePathSignal.qwik.mjs";
-function useField(form, config) {
-  const pathSignal = usePathSignal(config.path);
-  const internalFieldStore = useComputed$(() => getFieldStore(form[INTERNAL], pathSignal.value));
-  useTask$(({ track, cleanup }) => {
-    track(internalFieldStore);
-    cleanup(() => {
-      internalFieldStore.value.elements = internalFieldStore.value.elements.filter((element) => element.isConnected);
-    });
-  });
-  return useConstant(() => ({
-    path: pathSignal,
-    input: createComputed$(() => getFieldInput(internalFieldStore.value)),
-    errors: createComputed$(() => internalFieldStore.value.errors.value),
-    isTouched: createComputed$(() => getFieldBool(internalFieldStore.value, "isTouched")),
-    isDirty: createComputed$(() => getFieldBool(internalFieldStore.value, "isDirty")),
-    isValid: createComputed$(() => !getFieldBool(internalFieldStore.value, "errors")),
-    props: {
-      get name() {
-        return internalFieldStore.value.name;
-      },
-      autofocus: !!internalFieldStore.value.errors.value,
-      ref: $((element) => {
-        internalFieldStore.value.elements.push(element);
-      }),
-      onFocus$: $(() => {
-        setFieldBool(internalFieldStore.value, "isTouched", true);
-        validateIfRequired(form[INTERNAL], internalFieldStore.value, "touch");
-      }),
-      onInput$: $((_, element) => {
-        const nextValue = getElementInput(element, internalFieldStore.value);
-        setFieldInput(internalFieldStore.value, nextValue);
-        validateIfRequired(form[INTERNAL], internalFieldStore.value, "input");
-      }),
-      onChange$: $(() => {
-        validateIfRequired(form[INTERNAL], internalFieldStore.value, "change");
-      }),
-      onBlur$: $(() => {
-        validateIfRequired(form[INTERNAL], internalFieldStore.value, "blur");
-      })
-    }
-  }));
-}
-export {
-  useField
-};

package/lib/hooks/useFieldArray/useFieldArray.qwik.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index_qwik = require("../../packages/core/dist/index.qwik.qwik.cjs");
-const core = require("@qwik.dev/core");
-const usePathSignal = require("../usePathSignal/usePathSignal.qwik.cjs");
-function useFieldArray(form, config) {
-  const pathSignal = usePathSignal.usePathSignal(config.path);
-  const internalFieldStore = core.useComputed$(() => index_qwik.getFieldStore(form[index_qwik.INTERNAL], pathSignal.value));
-  return core.useConstant(() => ({
-    path: pathSignal,
-    items: core.createComputed$(() => internalFieldStore.value.items.value),
-    errors: core.createComputed$(() => internalFieldStore.value.errors.value),
-    isTouched: core.createComputed$(() => index_qwik.getFieldBool(internalFieldStore.value, "isTouched")),
-    isDirty: core.createComputed$(() => index_qwik.getFieldBool(internalFieldStore.value, "isDirty")),
-    isValid: core.createComputed$(() => !index_qwik.getFieldBool(internalFieldStore.value, "errors"))
-  }));
-}
-exports.useFieldArray = useFieldArray;

package/lib/hooks/useFieldArray/useFieldArray.qwik.mjs

@@ -1,18 +0,0 @@
-import { getFieldStore, INTERNAL, getFieldBool } from "../../packages/core/dist/index.qwik.qwik.mjs";
-import { useComputed$, useConstant, createComputed$ } from "@qwik.dev/core";
-import { usePathSignal } from "../usePathSignal/usePathSignal.qwik.mjs";
-function useFieldArray(form, config) {
-  const pathSignal = usePathSignal(config.path);
-  const internalFieldStore = useComputed$(() => getFieldStore(form[INTERNAL], pathSignal.value));
-  return useConstant(() => ({
-    path: pathSignal,
-    items: createComputed$(() => internalFieldStore.value.items.value),
-    errors: createComputed$(() => internalFieldStore.value.errors.value),
-    isTouched: createComputed$(() => getFieldBool(internalFieldStore.value, "isTouched")),
-    isDirty: createComputed$(() => getFieldBool(internalFieldStore.value, "isDirty")),
-    isValid: createComputed$(() => !getFieldBool(internalFieldStore.value, "errors"))
-  }));
-}
-export {
-  useFieldArray
-};

package/lib/hooks/useForm_/useForm_.qwik.cjs

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index_qwik = require("../../packages/core/dist/index.qwik.qwik.cjs");
-const core = require("@qwik.dev/core");
-const v = require("valibot");
-const useResolvedQrl = require("../useResolvedQrl/useResolvedQrl.qwik.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const v__namespace = /* @__PURE__ */ _interopNamespaceDefault(v);
-function useFormQrl(configQrl) {
-  const config = useResolvedQrl.useResolvedQrl(configQrl);
-  const form = core.useConstant(() => {
-    const internalFormStore = index_qwik.createFormStore({
-      ...config,
-      schema: JSON.parse(JSON.stringify(config.schema))
-    }, core.$(async (input) => v__namespace.safeParseAsync((await configQrl.resolve()).schema, input)));
-    return {
-      [index_qwik.INTERNAL]: internalFormStore,
-      isSubmitting: internalFormStore.isSubmitting,
-      isSubmitted: internalFormStore.isSubmitted,
-      isValidating: internalFormStore.isValidating,
-      isTouched: core.createComputed$(() => index_qwik.getFieldBool(internalFormStore, "isTouched")),
-      isDirty: core.createComputed$(() => index_qwik.getFieldBool(internalFormStore, "isDirty")),
-      isValid: core.createComputed$(() => !index_qwik.getFieldBool(internalFormStore, "errors")),
-      errors: internalFormStore.errors
-    };
-  });
-  const validateOn = config.validateOn;
-  core.useTask$(async () => {
-    if (validateOn === "initial") {
-      await index_qwik.validateFormInput(form[index_qwik.INTERNAL]);
-    }
-  });
-  return form;
-}
-const useForm$ = core.implicit$FirstArg(useFormQrl);
-exports.useForm$ = useForm$;
-exports.useFormQrl = useFormQrl;

package/lib/hooks/useForm_/useForm_.qwik.mjs

@@ -1,35 +0,0 @@
-import { createFormStore, getFieldBool, INTERNAL, validateFormInput } from "../../packages/core/dist/index.qwik.qwik.mjs";
-import { implicit$FirstArg, useConstant, $, createComputed$, useTask$ } from "@qwik.dev/core";
-import * as v from "valibot";
-import { useResolvedQrl } from "../useResolvedQrl/useResolvedQrl.qwik.mjs";
-function useFormQrl(configQrl) {
-  const config = useResolvedQrl(configQrl);
-  const form = useConstant(() => {
-    const internalFormStore = createFormStore({
-      ...config,
-      schema: JSON.parse(JSON.stringify(config.schema))
-    }, $(async (input) => v.safeParseAsync((await configQrl.resolve()).schema, input)));
-    return {
-      [INTERNAL]: internalFormStore,
-      isSubmitting: internalFormStore.isSubmitting,
-      isSubmitted: internalFormStore.isSubmitted,
-      isValidating: internalFormStore.isValidating,
-      isTouched: createComputed$(() => getFieldBool(internalFormStore, "isTouched")),
-      isDirty: createComputed$(() => getFieldBool(internalFormStore, "isDirty")),
-      isValid: createComputed$(() => !getFieldBool(internalFormStore, "errors")),
-      errors: internalFormStore.errors
-    };
-  });
-  const validateOn = config.validateOn;
-  useTask$(async () => {
-    if (validateOn === "initial") {
-      await validateFormInput(form[INTERNAL]);
-    }
-  });
-  return form;
-}
-const useForm$ = implicit$FirstArg(useFormQrl);
-export {
-  useForm$,
-  useFormQrl
-};

package/lib/hooks/usePathSignal/usePathSignal.qwik.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@qwik.dev/core");
-function isEqual(a, b) {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i++) {
-    if (a[i] !== b[i]) return false;
-  }
-  return true;
-}
-function usePathSignal(path) {
-  const signal = core.useSignal(path);
-  if (!isEqual(signal.value, path)) {
-    signal.value = path;
-  }
-  return signal;
-}
-exports.usePathSignal = usePathSignal;

package/lib/hooks/usePathSignal/usePathSignal.qwik.mjs

@@ -1,18 +0,0 @@
-import { useSignal } from "@qwik.dev/core";
-function isEqual(a, b) {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i++) {
-    if (a[i] !== b[i]) return false;
-  }
-  return true;
-}
-function usePathSignal(path) {
-  const signal = useSignal(path);
-  if (!isEqual(signal.value, path)) {
-    signal.value = path;
-  }
-  return signal;
-}
-export {
-  usePathSignal
-};

package/lib/hooks/useResolvedQrl/useResolvedQrl.qwik.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@qwik.dev/core");
-function useResolvedQrl(qrl) {
-  const store = core.useSignal();
-  const resolved = qrl.resolved ?? store.value;
-  if (!resolved) {
-    throw qrl.resolve().then((resolved2) => {
-      store.value = resolved2;
-    });
-  }
-  return resolved;
-}
-exports.useResolvedQrl = useResolvedQrl;

package/lib/hooks/useResolvedQrl/useResolvedQrl.qwik.mjs

@@ -1,14 +0,0 @@
-import { useSignal } from "@qwik.dev/core";
-function useResolvedQrl(qrl) {
-  const store = useSignal();
-  const resolved = qrl.resolved ?? store.value;
-  if (!resolved) {
-    throw qrl.resolve().then((resolved2) => {
-      store.value = resolved2;
-    });
-  }
-  return resolved;
-}
-export {
-  useResolvedQrl
-};

package/lib/index.qwik.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index_qwik = require("./packages/methods/dist/index.qwik.qwik.cjs");
-const Field = require("./components/Field/Field.qwik.cjs");
-const FieldArray = require("./components/FieldArray/FieldArray.qwik.cjs");
-const Form = require("./components/Form/Form.qwik.cjs");
-const useField = require("./hooks/useField/useField.qwik.cjs");
-const useFieldArray = require("./hooks/useFieldArray/useFieldArray.qwik.cjs");
-const useForm$ = require("./hooks/useForm_/useForm_.qwik.cjs");
-exports.focus = index_qwik.focus;
-exports.getAllErrors = index_qwik.getAllErrors;
-exports.getErrors = index_qwik.getErrors;
-exports.getInput = index_qwik.getInput;
-exports.insert = index_qwik.insert;
-exports.move = index_qwik.move;
-exports.remove = index_qwik.remove;
-exports.replace = index_qwik.replace;
-exports.reset = index_qwik.reset;
-exports.setErrors = index_qwik.setErrors;
-exports.setInput = index_qwik.setInput;
-exports.submit = index_qwik.submit;
-exports.swap = index_qwik.swap;
-exports.validate = index_qwik.validate;
-exports.Field = Field.Field;
-exports.FieldArray = FieldArray.FieldArray;
-exports.Form = Form.Form;
-exports.useField = useField.useField;
-exports.useFieldArray = useFieldArray.useFieldArray;
-exports.useForm$ = useForm$.useForm$;
-exports.useFormQrl = useForm$.useFormQrl;

package/lib/index.qwik.mjs

@@ -1,30 +0,0 @@
-import { focus, getAllErrors, getErrors, getInput, insert, move, remove, replace, reset, setErrors, setInput, submit, swap, validate } from "./packages/methods/dist/index.qwik.qwik.mjs";
-import { Field } from "./components/Field/Field.qwik.mjs";
-import { FieldArray } from "./components/FieldArray/FieldArray.qwik.mjs";
-import { Form } from "./components/Form/Form.qwik.mjs";
-import { useField } from "./hooks/useField/useField.qwik.mjs";
-import { useFieldArray } from "./hooks/useFieldArray/useFieldArray.qwik.mjs";
-import { useForm$, useFormQrl } from "./hooks/useForm_/useForm_.qwik.mjs";
-export {
-  Field,
-  FieldArray,
-  Form,
-  focus,
-  getAllErrors,
-  getErrors,
-  getInput,
-  insert,
-  move,
-  remove,
-  replace,
-  reset,
-  setErrors,
-  setInput,
-  submit,
-  swap,
-  useField,
-  useFieldArray,
-  useForm$,
-  useFormQrl,
-  validate
-};