feat: implement editor components system (#38)

hugomods · Nov 25, 2023 · 7d54cac · 7d54cac
1 parent ccba22e
commit 7d54cac
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 26 deletions.
diff --git a/assets/decap-cms/init.js.tmpl b/assets/decap-cms/init.js.tmpl
@@ -0,0 +1,28 @@
+{{- $widgets := slice }}
+{{- range resources.Match "decap-cms/widgets/*.js" }}
+  {{- $name := replace .Name "decap-cms/widgets/" "" }}
+  {{- $name = replaceRE ".js$" "" $name }}
+  {{- $widgetName := replaceRE `[^\w_]` "_" (printf "widget_%s" $name) }}
+  {{- printf `import * as %s from "./widgets/%s";` $widgetName $name }}
+  {{- $widgets = $widgets | append $widgetName }}
+{{- end }}
+{{- $editorComponents := slice }}
+{{- range resources.Match "decap-cms/editor-components/*.js" }}
+  {{- $name := replace .Name "decap-cms/editor-components/" "" }}
+  {{- $name = replaceRE ".js$" "" $name }}
+  {{- $componentName := replaceRE `[^\w_]` "_" (printf "editor_component_%s" $name) }}
+  {{- printf `import { default as %s } from "./editor-components/%s";` $componentName $name }}
+  {{- $editorComponents = $editorComponents | append $componentName }}
+{{- end }}
+const plainPreview = createClass({
+  render: function() {
+    return this.props.value;
+  }
+});
+const emptySchema = {};
+{{- range $widgets }}
+  {{- printf "CMS.registerWidget(%s.name, %s.control, %s.preview ?? plainPreview, %s.schema ?? emptySchema);" . . . . }}
+{{- end }}
+{{- range $editorComponents }}
+  {{- printf "CMS.registerEditorComponent(%s);" . }}
+{{- end }}
diff --git a/assets/decap-cms/widgets/index.js.tmpl b/assets/decap-cms/widgets/index.js.tmpl
diff --git a/layouts/_default/decap-cms.html b/layouts/_default/decap-cms.html
@@ -12,7 +12,7 @@
   </head>
   <body>
     <script src="{{ default `https://unpkg.com/decap-cms@^3.0.0/dist/decap-cms.js` site.Params.decap_cms.js_url }}"></script>
-    {{ partialCached "decap-cms/widgets" . }}
+    {{ partialCached "decap-cms/init" . }}
     {{ partialCached "decap-cms/hooks/body-end" . }}
   </body>
 </html>
diff --git a/layouts/partials/decap-cms/init.html b/layouts/partials/decap-cms/init.html
@@ -0,0 +1,11 @@
+{{- $tmpl := resources.GetMatch "decap-cms/init.js.tmpl" }}
+{{- $js := $tmpl | resources.ExecuteAsTemplate "decap-cms/init.js" . }}
+{{- $opts := dict
+  "targetPath" "js/decap-cms-init.js"
+  "minify" hugo.IsProduction
+}}
+{{- $js = $js | js.Build $opts }}
+{{- if hugo.IsProduction }}
+  {{- $js = $js | fingerprint }}
+{{- end }}
+<script src="{{ $js.Permalink }}"></script>
diff --git a/layouts/partials/decap-cms/widgets.html b/layouts/partials/decap-cms/widgets.html