@pantheon-systems/create-p1-starter-kit 0.4.2 → 0.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantheon-systems/create-p1-starter-kit",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Scaffold a new P1 starter project",
   "type": "module",
   "bin": {

package/template/.env.example

@@ -2,9 +2,11 @@ PCC_SITE_ID=your-site-id
 PCC_TOKEN=your-token
 
 # --- P1 backend ---
-NEXT_PUBLIC_CSS_BASE_URL=https://css.example.com
+# NEXT_PUBLIC_CSS_BASE_URL defaults to https://ccr.p1.pantheon for production.
+# Override for staging, local, or sandbox deployments:
+# NEXT_PUBLIC_CSS_BASE_URL=https://staging.example.com
 NEXT_PUBLIC_CSS_SITE_ID=site-123
-P1_CSS_API_KEY=your-api-key
+CSS_API_KEY=your-api-key
 
 # --- P1 Admin Dashboard (optional) ---
 # Override the default dashboard URL (https://content.pantheon.io)

package/template/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @pantheon-systems/p1-starter
 
+## 1.0.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @pantheon-systems/puck-css@0.4.3
+  - @pantheon-systems/p1-next-sdk@0.4.3
+  - @pantheon-systems/css-client@0.4.3
+
 ## 1.0.1
 
 ### Patch Changes

package/template/app/[...puckPath]/page.tsx

@@ -18,7 +18,7 @@ import { REMOTE_DATASOURCE_FETCHERS } from "../../lib/remote-datasource-fetchers
 
 const initPromise = ensureInitialized({
   p1BaseUrl: process.env.NEXT_PUBLIC_CSS_BASE_URL,
-  p1ApiKey: process.env.P1_CSS_API_KEY,
+  p1ApiKey: process.env.CSS_API_KEY,
   p1SiteId: process.env.NEXT_PUBLIC_CSS_SITE_ID,
   p1BranchId: process.env.NEXT_PUBLIC_CSS_BRANCH_ID,
 });
@@ -34,6 +34,10 @@ export async function generateMetadata({
   const { puckPath = [] } = await params;
   const path = pagePathFromCatchAllSegments(puckPath);
 
+  if (path.startsWith("/_registry/") || path === "/_registry") {
+    return { title: "Not Found" };
+  }
+
   const [pageData, sp, routeTemplateKeys] = await Promise.all([
     getPage(path),
     searchParams,
@@ -70,6 +74,11 @@ export default async function Page({
   const { puckPath = [] } = await params;
   const path = pagePathFromCatchAllSegments(puckPath);
 
+  if (path.startsWith("/_registry/") || path === "/_registry") {
+    const { notFound } = await import("next/navigation");
+    notFound();
+  }
+
   const [data, searchParamData, routeTemplateKeys] = await Promise.all([
     getPage(path),
     searchParams,

package/template/app/p1/[[...p1]]/editor-client.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useCallback } from "react";
+import React, { useCallback, useState } from "react";
 import { useRouter } from "next/navigation";
 import { Puck } from "@puckeditor/core";
 import {
@@ -13,6 +13,7 @@ import {
 } from "@pantheon-systems/puck-css";
 import { P1NextRouterProvider } from "@pantheon-systems/p1-next-sdk";
 import type { Checkpoint } from "@pantheon-systems/puck-css";
+import type { ContentRole } from "@pantheon-systems/puck-css";
 
 import "@pantheon-systems/puck-css/styles.css";
 import "@pantheon-systems/puck-css/pds/styles.css";
@@ -30,8 +31,10 @@ try {
 
 const editorConfig = wrapConfigForEditorPreview(config);
 
+const ROLES: ContentRole[] = ['admin', 'editor', 'junior-editor'];
+
 export function EditorClientWrapper({ path }: { path: string }) {
-  // Keep ref at this level - EditorClientWrapper doesn't unmount on branch switch
+  const [userRole, setUserRole] = useState<ContentRole>('editor');
   const lastGoodStateRef = React.useRef<{ puckKey: string; puckProps: any } | null>(null);
 
   if (!p1Config) {
@@ -53,16 +56,67 @@ export function EditorClientWrapper({ path }: { path: string }) {
     <P1QueryProvider>
       <P1NextRouterProvider>
         <P1App
-          config={p1Config}
+          config={{ ...p1Config, userRole }}
           loginPageProps={{ title: "P1 Starter", subtitle: "Sign in to edit" }}
         >
           <EditorContent path={path} lastGoodStateRef={lastGoodStateRef} />
         </P1App>
+        <RoleSwitcher currentRole={userRole} onRoleChange={setUserRole} />
       </P1NextRouterProvider>
     </P1QueryProvider>
   );
 }
 
+function RoleSwitcher({
+  currentRole,
+  onRoleChange,
+}: {
+  currentRole: ContentRole;
+  onRoleChange: (role: ContentRole) => void;
+}) {
+  return (
+    <div
+      style={{
+        position: "fixed",
+        bottom: 16,
+        right: 16,
+        zIndex: 99999,
+        background: "rgba(0,0,0,0.85)",
+        color: "#fff",
+        borderRadius: 8,
+        padding: "8px 12px",
+        fontFamily: "system-ui",
+        fontSize: 12,
+        display: "flex",
+        alignItems: "center",
+        gap: 8,
+        boxShadow: "0 2px 8px rgba(0,0,0,0.3)",
+      }}
+    >
+      <span style={{ opacity: 0.7 }}>Role:</span>
+      <select
+        value={currentRole}
+        onChange={(e) => onRoleChange(e.target.value as ContentRole)}
+        style={{
+          background: "rgba(255,255,255,0.15)",
+          color: "#fff",
+          border: "1px solid rgba(255,255,255,0.3)",
+          borderRadius: 4,
+          padding: "2px 6px",
+          fontSize: 12,
+          cursor: "pointer",
+        }}
+      >
+        {ROLES.map((role) => (
+          <option key={role} value={role}>
+            {role}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+}
+
 function EditorContent({
   path,
   lastGoodStateRef,

package/template/app/p1/[[...p1]]/page.tsx

@@ -7,7 +7,7 @@ import { RenderClientWrapper } from "./render-client";
 const pages = createP1Pages({
   config,
   p1BaseUrl: process.env.NEXT_PUBLIC_CSS_BASE_URL,
-  p1ApiKey: process.env.P1_CSS_API_KEY,
+  p1ApiKey: process.env.CSS_API_KEY,
   p1SiteId: process.env.NEXT_PUBLIC_CSS_SITE_ID,
   p1BranchId: process.env.NEXT_PUBLIC_CSS_BRANCH_ID,
   EditorClient: EditorClientWrapper,

package/template/app/p1/api/[...p1]/route.ts

@@ -6,7 +6,7 @@ import { REMOTE_DATASOURCE_REGISTRY } from "../../../../lib/remote-datasources";
 const handler = createP1Handler({
   config,
   p1BaseUrl: process.env.NEXT_PUBLIC_CSS_BASE_URL,
-  p1ApiKey: process.env.P1_CSS_API_KEY,
+  p1ApiKey: process.env.CSS_API_KEY,
   p1SiteId: process.env.NEXT_PUBLIC_CSS_SITE_ID,
   p1BranchId: process.env.NEXT_PUBLIC_CSS_BRANCH_ID,
   builtinFetchers: REMOTE_DATASOURCE_FETCHERS,

package/template/app/p1/auth/[...action]/route.ts

@@ -1,7 +1,7 @@
 import { createP1AuthHandler } from "@pantheon-systems/p1-next-sdk/server";
 
 const handler = createP1AuthHandler({
-  p1ApiKey: process.env.P1_CSS_API_KEY,
+  p1ApiKey: process.env.CSS_API_KEY,
   p1BaseUrl: process.env.NEXT_PUBLIC_CSS_BASE_URL,
   prompt: 'login',
 });

package/template/app/page.tsx

@@ -16,7 +16,7 @@ import { CollectionNav } from "./collection-nav";
 
 const initPromise = ensureInitialized({
   p1BaseUrl: process.env.NEXT_PUBLIC_CSS_BASE_URL,
-  p1ApiKey: process.env.P1_CSS_API_KEY,
+  p1ApiKey: process.env.CSS_API_KEY,
   p1SiteId: process.env.NEXT_PUBLIC_CSS_SITE_ID,
   p1BranchId: process.env.NEXT_PUBLIC_CSS_BRANCH_ID,
 });

package/template/package.json

@@ -11,9 +11,9 @@
   },
   "dependencies": {
     "@pantheon-systems/cpub-react-sdk": "^5.2.1",
-    "@pantheon-systems/css-client": "^0.4.2",
-    "@pantheon-systems/p1-next-sdk": "^0.4.2",
-    "@pantheon-systems/puck-css": "^0.4.2",
+    "@pantheon-systems/css-client": "^0.4.3",
+    "@pantheon-systems/p1-next-sdk": "^0.4.3",
+    "@pantheon-systems/puck-css": "^0.4.3",
     "@puckeditor/core": "^0.21.1",
     "@tailwindcss/postcss": "^4.2.2",
     "classnames": "^2.5.1",