Support signals 2.0

.changeset/cold-otters-care.md

@@ -0,0 +1,5 @@
+---
+"signal-form": minor
+---
+
+Added support for signals 2.0

lib/context.tsx

@@ -3,6 +3,7 @@ import { createContext, useContext } from "react";
 import type { ReadonlySignal } from "@preact/signals-react";
 import type { ValidationError, ValidationResult } from "~/utils/validate";
 import type { AnyObjectSchema, InferType } from "yup";
+import { useSignals } from "@preact/signals-react/runtime";
 
 export type Touched = Record<string, boolean>;
 export type FieldsContext = {
@@ -30,6 +31,7 @@ export const FieldsContext = createContext<FieldsContext | undefined>(
 );
 
 export function useFormContext<S extends AnyObjectSchema = any>() {
+  useSignals();
   let context = useContext(FormContext) as FormContext<S>;
   if (context) {
     return context;
@@ -39,6 +41,7 @@ export function useFormContext<S extends AnyObjectSchema = any>() {
 }
 
 export function useFieldsContext() {
+  useSignals();
   let context = useContext(FieldsContext);
   if (context) {
     return context;

lib/fields-array-for.tsx

@@ -5,6 +5,7 @@ import type { FieldsForProps } from "./fields-for";
 import { useFieldsArray } from "~/use-fields-array";
 import { FieldsContext, useFieldsContext } from "~/context";
 import type { ReadonlySignal } from "@preact/signals-react";
+import { useSignals } from "@preact/signals-react/runtime";
 
 export function FieldsArrayFor({
   name,
@@ -55,6 +56,7 @@ let FieldsArrayRowContext = createContext<FieldsArrayRow | undefined>(
 );
 
 export function useFieldsArrayRow() {
+  useSignals();
   let context = useContext(FieldsArrayRowContext);
   if (context) {
     return context;

lib/use-field.tsx

@@ -3,6 +3,7 @@ import { signal as createSignal, computed } from "@preact/signals-react";
 import type { ReadonlySignal } from "@preact/signals-react";
 import { FormContext, FieldsContext } from "./context";
 import type { ValidationError } from "~/utils/validate";
+import { useSignals } from "@preact/signals-react/runtime";
 
 export type Field<T> = {
   name: string;
@@ -22,6 +23,8 @@ export function useField<T>(
   fieldName: string,
   options: UseFieldOptions = {}
 ): Field<T> {
+  useSignals();
+
   const formContext = useContext(FormContext);
   const fieldContext = useContext(FieldsContext);
 

package.json

@@ -23,7 +23,7 @@
     "css-check": "ts-node --esm ./scripts/css-check.ts"
   },
   "dependencies": {
-    "@preact/signals-react": "^1.1.0",
+    "@preact/signals-react": "^2.0.0",
     "@remix-run/node": ">=1.19.0",
     "@remix-run/react": ">=1.19.0",
     "react": "^18.0.0",