✨ feat(packages): Add NodePage for scaffold (#77)

octahedroid · Jul 31, 2024 · 307b1d7 · 307b1d7
1 parent 5a8ae88
commit 307b1d7
Show file tree

Hide file tree

Showing 4 changed files with 67 additions and 1 deletion.
diff --git a/.changeset/many-baboons-matter.md b/.changeset/many-baboons-matter.md
@@ -0,0 +1,5 @@
+---
+"@octahedroid/create-drupal-decoupled": minor
+---
+
+Adds the node page for the Route query, and add base styles to tailwind
diff --git a/packages/create-drupal-decoupled/src/helpers/scaffolding.ts b/packages/create-drupal-decoupled/src/helpers/scaffolding.ts
@@ -2,7 +2,19 @@ import fs from 'node:fs'
 import path from 'node:path'
 import { SupportedFrontend } from 'src/constants'
 
-const SCAFFOLD_FILES_PER_FRONTEND = {
+type FilesConfig = {
+  folderPath: string
+  fileName: string
+}
+
+type ScaffoldFilesPerFrontend = Record<
+  SupportedFrontend,
+  {
+    files: FilesConfig[]
+  }
+>
+
+const SCAFFOLD_FILES_PER_FRONTEND: Readonly<ScaffoldFilesPerFrontend> = {
   remix: {
     files: [
       {
@@ -17,6 +29,10 @@ const SCAFFOLD_FILES_PER_FRONTEND = {
         folderPath: 'app/routes',
         fileName: '$.tsx',
       },
+      {
+        folderPath: 'app',
+        fileName: 'tailwind.css',
+      },
     ],
   },
 }

diff --git a/packages/create-drupal-decoupled/src/templates/remix-graphql/$.tsx b/packages/create-drupal-decoupled/src/templates/remix-graphql/$.tsx
@@ -63,6 +63,34 @@ export const loader = async ({ params }: LoaderFunctionArgs) => {
                   }
                 }
               }
+              ... on NodePage {
+                title
+                path
+                body {
+                  value
+                }
+                metatag {
+                  __typename
+                  ... on MetaTagLink {
+                    attributes {
+                      rel
+                      href
+                    }
+                  }
+                  ... on MetaTagValue {
+                    attributes {
+                      name
+                      content
+                    }
+                  }
+                  ... on MetaTagProperty {
+                    attributes {
+                      property
+                      content
+                    }
+                  }
+                }
+              }
             }
           }
           ... on RouteRedirect {

diff --git a/packages/create-drupal-decoupled/src/templates/remix-graphql/tailwind.css b/packages/create-drupal-decoupled/src/templates/remix-graphql/tailwind.css
@@ -0,0 +1,17 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/**
+Overriding the Tailwind CSS reset to have some default browser styles,
+feel free to remove or edit it at your convenience 
+**/
+
+@layer base {
+  ul {
+    @apply list-disc;
+  }
+  a {
+    @apply text-blue-600 underline;
+  }
+}