create-puck-app 0.13.0-canary.28f24f9 → 0.13.0-canary.30682a7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-puck-app",
-  "version": "0.13.0-canary.28f24f9",
+  "version": "0.13.0-canary.30682a7",
   "private": false,
   "license": "MIT",
   "type": "module",

package/templates/next/app/[...puckPath]/page.tsx

@@ -23,7 +23,7 @@ export async function generateMetadata({
   const path = `/${puckPath.join("/")}`;
 
   return {
-    title: getPage(path)?.root.title,
+    title: getPage(path)?.root.props.title,
   };
 }
 

package/templates/remix/README.md

@@ -33,7 +33,7 @@ To adopt this recipe you will need to:
 
 - **IMPORTANT** Add authentication to `/edit` routes. This can be done by modifying the example routes `/app/routes/_index.tsx` and `/app/routes/edit.tsx` or the example model in `/app/models/page.server.ts`. **If you don't do this, Puck will be completely public.**
 - Integrate your database into the API calls in `/app/models/page.server.ts`
-- Implement a custom puck configuration in `puck.config.tsx`
+- Implement a custom puck configuration in `/app/puck.config.tsx`
 
 By default, this recipe will have JavaScript enable on all routes - like a usual react app. If you know that your Puck content doesn't need react, then you can disable JS uncommenting the relevant code in `/app/root.tsx` and the example route `/app/routes/_index.tsx`. Check the network tab for no JS downloads, and verify that the page still works.
 

package/templates/remix/app/routes/_index.tsx

@@ -3,7 +3,7 @@ import type { LoaderFunctionArgs, MetaFunction } from "@remix-run/node";
 import { json } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 
-import puckConfig from "../../puck.config";
+import puckConfig from "~/puck.config";
 import { getPage } from "~/models/page.server";
 
 export const loader = async ({ params }: LoaderFunctionArgs) => {
@@ -22,7 +22,7 @@ export const loader = async ({ params }: LoaderFunctionArgs) => {
 };
 
 export const meta: MetaFunction<typeof loader> = ({ data }) => {
-  const title = data?.puckData?.root?.title || "Page";
+  const title = data?.puckData?.root?.props?.title || "Page";
 
   return [{ title }];
 };

package/templates/remix/app/routes/edit.tsx

@@ -10,7 +10,7 @@ import { json } from "@remix-run/node";
 import { useLoaderData, useSubmit } from "@remix-run/react";
 import invariant from "tiny-invariant";
 
-import puckConfig from "../../puck.config";
+import puckConfig from "~/puck.config";
 import { getPage, setPage } from "~/models/page.server";
 
 export const action = async ({ params, request }: ActionFunctionArgs) => {
@@ -40,7 +40,7 @@ export const loader = async ({ params }: LoaderFunctionArgs) => {
 };
 
 export const meta: MetaFunction<typeof loader> = ({ data }) => {
-  const title = data?.initialData?.root?.title || "Untitled page";
+  const title = data?.initialData?.root?.props?.title || "Untitled page";
 
   return [{ title: `Editing: ${title}` }];
 };