chore(deps): update deps

examples/nextjs-base/.env.development

@@ -1,4 +1,4 @@
 NEXT_PUBLIC_ARKE_SERVER_URL=http://0.0.0.0:4000
 NEXTAUTH_URL=http://localhost:3000/next/api/auth
 NEXTAUTH_SECRET=your_secret
-NEXT_PUBLIC_ARKE_PROJECT=timesheet
+NEXT_PUBLIC_ARKE_PROJECT=nextjs-base

examples/nextjs-base/next.config.js

@@ -1,5 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  reactStrictMode: false,
   output: "standalone",
   async rewrites() {
     return [{ source: "/next/api/:path*", destination: "/api/:path*" }];

examples/nextjs-base/package.json

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@arkejs/client": "^2.9.1",
+    "@arkejs/client": "^2.9.5",
     "next": "14.0.4",
     "next-auth": "^4.24.5",
     "react": "^18",

examples/nextjs-pages-base/.env.development

@@ -1,4 +1,4 @@
 NEXT_PUBLIC_ARKE_SERVER_URL=http://0.0.0.0:4000
 NEXTAUTH_URL=http://localhost:3000/api/auth
 NEXTAUTH_SECRET=your_secret
-NEXT_PUBLIC_ARKE_PROJECT=nextjs-base
+NEXT_PUBLIC_ARKE_PROJECT=nextjs-pages-base

examples/nextjs-pages-base/next.config.js

@@ -1,6 +1,10 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  reactStrictMode: true,
-}
+  reactStrictMode: false,
+  output: "standalone",
+  async rewrites() {
+    return [{ source: "/next/api/:path*", destination: "/api/:path*" }];
+  },
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;

examples/nextjs-pages-base/package.json

@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@arkejs/client": "^2.2.0",
-    "@arkejs/ui": "^0.27.0",
+    "@arkejs/client": "^2.9.5",
+    "@arkejs/ui": "^0.29.5",
     "@types/node": "20.2.5",
     "@types/react": "18.2.8",
     "@types/react-dom": "18.2.4",

examples/nextjs-pages-crud/.env.development

@@ -1,4 +1,4 @@
-NEXT_PUBLIC_ARKE_SERVER_URL=http://0.0.0.0:4000/lib
+NEXT_PUBLIC_ARKE_SERVER_URL=http://0.0.0.0:4000
 NEXTAUTH_URL=http://localhost:3000/api/auth
 NEXTAUTH_SECRET=your_secret
 NEXT_PUBLIC_ARKE_PROJECT=nextjs-crud

examples/nextjs-pages-crud/components/Crud/CrudAddEdit.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, useEffect, useState } from "react";
 import useClient from "@/arke/useClient";
-import { Form, FormField } from "@arkejs/form";
+import { Field, Form, useForm } from "@arkejs/form";
 import useCrud from "@/hooks/useCrud";
 import { TResponse, TUnit } from "@arkejs/client";
 import { Button, Dialog, Spinner } from "@arkejs/ui";
@@ -16,7 +16,7 @@ export interface CrudProps {
 
 export default function CrudAddEdit(props: CrudProps) {
   const client = useClient();
-  const [fields, setFields] = useState([]);
+  const [fields, setFields] = useState<Field[]>([]);
   const [loading, setLoading] = useState(true);
   const { arke, open, title, id, onClose } = props;
   const { onSubmit } = useCrud(arke, id, props.onSubmit);
@@ -40,6 +40,7 @@ export default function CrudAddEdit(props: CrudProps) {
       // Fields
       promise
         .then((res) => {
+          console.log(res.data.content);
           setFields(res.data.content.parameters as any);
         })
         .finally(() => setLoading(false));
@@ -50,37 +51,35 @@ export default function CrudAddEdit(props: CrudProps) {
     <Dialog open={!!open} title={title} onClose={onClose}>
       {fields.length > 0 ? (
         <Form onSubmit={onSubmit} style={{ height: "100%" }} fields={fields}>
-          {({ fields }) =>
-            loading ? (
-              <div
-                className="flex items-center justify-center"
-                style={{ minHeight: 300 }}
-              >
-                <Spinner />
+          {loading ? (
+            <div
+              className="flex items-center justify-center"
+              style={{ minHeight: 300 }}
+            >
+              <Spinner />
+            </div>
+          ) : (
+            <>
+              <div className="grid gap-4">
+                {fields.map((field) => (
+                  <Form.Field key={field.id} id={field.id} />
+                ))}
               </div>
-            ) : (
-              <>
-                <div className="grid gap-4">
-                  {fields.map((field) => (
-                    <FormField key={field.id} id={field.id} />
-                  ))}
-                </div>
-                <div className="mt-4 flex justify-between gap-4">
-                  <Button
-                    disabled={loading}
-                    className="btn-outlined"
-                    color="primary"
-                    onClick={onClose}
-                  >
-                    Annulla
-                  </Button>
-                  <Button disabled={loading} color="primary" type="submit">
-                    Conferma
-                  </Button>
-                </div>
-              </>
-            )
-          }
+              <div className="mt-4 flex justify-between gap-4">
+                <Button
+                  disabled={loading}
+                  className="btn-outlined"
+                  color="primary"
+                  onClick={onClose}
+                >
+                  Annulla
+                </Button>
+                <Button disabled={loading} color="primary" type="submit">
+                  Conferma
+                </Button>
+              </div>
+            </>
+          )}
         </Form>
       ) : (
         <Spinner />