@fluid-app/fluid-cli-portal 0.1.15 → 0.1.17

package/templates/base/src/screens/ExampleForm.tsx

@@ -7,9 +7,8 @@
  * Uncomment the nav entry and import in portal.config.ts to enable.
  */
 
-import { useForm } from "react-hook-form";
 import { z } from "zod";
-import { zodResolver } from "@hookform/resolvers/zod";
+import { useZodForm } from "@fluid-app/ui-primitives";
 
 // =============================================================================
 // Zod Schema
@@ -41,9 +40,7 @@ export function ExampleFormScreen() {
     handleSubmit,
     reset,
     formState: { errors, isSubmitting, isSubmitSuccessful },
-  } = useForm<ContactFormData>({
-    resolver: zodResolver(contactFormSchema),
-  });
+  } = useZodForm<ContactFormData>(contactFormSchema);
 
   const onSubmit = async (_data: ContactFormData) => {
     // Replace with your API call, e.g.:

package/templates/starter/.env.example

@@ -1 +1,6 @@
 VITE_API_URL=https://api.fluid.app
+
+# Optional: override the Fluid CLI auth token for this project.
+# Takes effect when running `pnpm pull`, `pnpm push`, etc.
+# Alternatively, set the "profile" field in .fluidrc (committed to the repo).
+# FLUID_TOKEN=

package/templates/starter/README.md.template

@@ -156,9 +156,8 @@ pnpm add react-hook-form zod @hookform/resolvers
 ### Example
 
 ```tsx
-import { useForm } from "react-hook-form";
 import { z } from "zod";
-import { zodResolver } from "@hookform/resolvers/zod";
+import { useZodForm } from "@fluid-app/ui-primitives";
 
 const schema = z.object({
   name: z.string().min(1, "Name is required"),
@@ -172,9 +171,7 @@ export function MyFormScreen() {
     register,
     handleSubmit,
     formState: { errors, isSubmitting },
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-  });
+  } = useZodForm<FormData>(schema);
 
   const onSubmit = async (data: FormData) => {
     // Call your API here

package/templates/starter/package.json.template

@@ -8,20 +8,25 @@
     "build": "tsc -b && vite build",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
-    "lint": "oxlint"
+    "lint": "oxlint",
+    "pull": "fluid portal pull",
+    "push": "fluid portal push",
+    "widget:create": "fluid portal widget create"
   },
   "dependencies": {
-    "@fluid-app/portal-preview": "{{sdkVersion}}",
     "@fluid-app/portal-sdk": "{{sdkVersion}}",
+    "@fluid-app/ui-primitives": "^0.1.0",
     "@tanstack/react-query": "^5.90.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.55.0",
     "@hookform/resolvers": "^4.1.3",
-    "zod": "^3.24.0"
+    "zod": "^3.24.0",
+    "zustand": "^5.0.0"
   },
   "devDependencies": {
-    "@fluid-app/fluid-cli-portal": "{{sdkVersion}}",
+    "@fluid-app/fluid-cli": "{{cliVersion}}",
+    "@fluid-app/fluid-cli-portal": "{{cliVersion}}",
     "@tailwindcss/vite": "^4.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",