chore: replace decap-cms with static-cms

HipsterBrown · Mar 1, 2024 · 6ab77e5 · 6ab77e5
1 parent 64e089b
commit 6ab77e5
Show file tree

Hide file tree

Showing 10 changed files with 12,412 additions and 7,183 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -33,7 +33,7 @@ function getCategory(name) {
 module.exports = (config) => {
   config.on("eleventy.after", () => {
     return esbuild.build({
-      entryPoints: ["js/app.ts"],
+      entryPoints: ["js/*.ts"],
       bundle: true,
       outdir: "_site/assets",
       minify: process.env.ELEVENTY_ENV === "production",

diff --git a/.envrc b/.envrc
@@ -1 +1 @@
-use rtx
+use mise
diff --git a/admin/config.yml b/admin/config.yml
@@ -12,9 +12,10 @@ collections:
     create: true
     slug: "{{year}}-{{month}}-{{day}}-{{slug}}"
     sortable_fields:
-      - 'date'
-      - 'title'
-      - 'slug'
+      fields:
+        - 'date'
+        - 'title'
+        - 'slug'
     editor:
       preview: false
     fields:

diff --git a/admin/index.html b/admin/index.html
@@ -6,12 +6,13 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="robots" content="noindex" />
   <title>Content Manager</title>
+  <link rel="stylesheet" href="/assets/admin.css" />
   <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
 </head>
 
 <body>
-  <decap-cms></decap-cms>
-  <script src="/assets/app.js"></script>
+  <static-cms></static-cms>
+  <script src="/assets/admin.js"></script>
 </body>
 
 </html>
diff --git a/js/_elements/decap-cms-element.ts b/js/_elements/decap-cms-element.ts
diff --git a/js/_elements/static-cms-element.ts b/js/_elements/static-cms-element.ts
@@ -0,0 +1,15 @@
+import CMS from '@staticcms/core';
+import '@staticcms/core/dist/main.css';
+
+class StaticCMSElement extends HTMLElement {
+  async connectedCallback() {
+    try {
+      CMS.init()
+    } catch (error) {
+      console.error('Unable to resolve @staticcms/core due to error: ', error)
+      return;
+    }
+  }
+}
+
+customElements.define('static-cms', StaticCMSElement);
diff --git a/js/admin.ts b/js/admin.ts
@@ -0,0 +1 @@
+import "./_elements/static-cms-element";
diff --git a/js/app.ts b/js/app.ts
@@ -2,4 +2,3 @@
 import "./_elements/random-word-element";
 import "./_elements/fit-text-element";
 import "./_elements/scroll-nav-element";
-import "./_elements/decap-cms-element";