Add custom root/entry view to dev project

alineacms · Nov 28, 2023 · 1cb97c5 · 1cb97c5
1 parent f4ab065
commit 1cb97c5
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 4 deletions.
diff --git a/apps/dev/cms.ts → apps/dev/cms.tsx b/apps/dev/cms.ts → apps/dev/cms.tsx
@@ -14,6 +14,18 @@ export namespace schema {
     }
   })
 
+  export const CustomPage = alinea.document('Custom page', {
+    [alinea.meta]: {
+      view() {
+        return (
+          <div style={{width: '100%', height: '100%', background: 'red'}}>
+            Custom entry view
+          </div>
+        )
+      }
+    }
+  })
+
   export const Fields = alinea.document('Fields', {
     ...alinea.tabs(
       alinea.tab('Basic fields', {
@@ -138,6 +150,20 @@ export const cms = createCMS({
           }
         }
       }),
+      custom: alinea.root('Custom', {
+        [alinea.meta]: {
+          contains: ['CustomPage'],
+          view() {
+            return (
+              <div
+                style={{width: '100%', height: '100%', background: 'yellow'}}
+              >
+                Custom root view
+              </div>
+            )
+          }
+        }
+      }),
       media: alinea.media(),
       [alinea.meta]: {
         mediaDir: 'public',

diff --git a/apps/dev/content/primary/custom/custom-page.json b/apps/dev/content/primary/custom/custom-page.json
@@ -0,0 +1,9 @@
+{
+  "title": "Custom page",
+  "@alinea": {
+    "entryId": "2YnhoPndWwLQXFYJzxk5TOKPzSl",
+    "type": "CustomPage",
+    "index": "a0",
+    "root": "custom"
+  }
+}
diff --git a/apps/dev/tsconfig.json b/apps/dev/tsconfig.json
@@ -13,7 +13,8 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "strictNullChecks": true
+    "strictNullChecks": true,
+    "jsx": "react-jsx"
   },
-  "include": ["cms.ts"]
+  "include": ["cms.tsx"]
 }
diff --git a/src/dashboard/App.tsx b/src/dashboard/App.tsx
@@ -103,9 +103,10 @@ function AppAuthenticated() {
               <Sidebar.Nav>
                 {Object.entries(roots).map(([key, root], i) => {
                   const isSelected = key === currentRoot
+                  const {entryId, ...location} = entryLocation
                   const link =
-                    entryLocation && entryLocation.root === key
-                      ? nav.entry(entryLocation)
+                    location.root === key
+                      ? nav.entry(location)
                       : nav.root({
                           workspace,
                           root: key,