mktcms 0.2.16 → 0.3.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "mktcms",
   "configKey": "mktcms",
-  "version": "0.2.16",
+  "version": "0.3.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -32,7 +32,8 @@ const module$1 = defineNuxtModule({
       mailerTo: "",
       gitUser: "",
       gitRepo: "",
-      gitToken: ""
+      gitToken: "",
+      frontmatter: _options.frontmatter || {}
     }));
     _nuxt.options.runtimeConfig.public.mktcms = defu((_nuxt.options.runtimeConfig.public.mktcms, {
       siteUrl: "",

package/dist/runtime/app/components/content/editor/{selectFile/index.vue.d.ts → frontmatter/filePicker/modal.d.vue.ts}

@@ -1,11 +1,12 @@
 type __VLS_Props = {
     isOpen: boolean;
+    uiHint: 'image' | 'pdf' | 'file';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    select: (filePath: string) => any;
+    select: (path: string) => any;
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((filePath: string) => any) | undefined;
+    onSelect?: ((path: string) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/app/components/content/editor/frontmatter/filePicker/modal.vue

@@ -0,0 +1,122 @@
+<script setup>
+import { computed, watch } from "vue";
+import { useFetch } from "#app";
+import FileIcon from "../../../fileIcon.vue";
+import PickerNode from "./node.vue";
+const props = defineProps({
+  isOpen: { type: Boolean, required: true },
+  uiHint: { type: String, required: true }
+});
+const emit = defineEmits(["close", "select"]);
+const listQuery = computed(() => ({
+  path: "",
+  type: props.uiHint
+}));
+const { data: list, pending, refresh } = await useFetch("/api/admin/list", {
+  query: listQuery
+});
+watch(() => props.isOpen, (isOpen) => {
+  if (isOpen) {
+    refresh();
+  }
+});
+function fileExtension(filename) {
+  const match = filename.match(/\.([^.]+)$/);
+  return match && match[1] ? match[1] : "";
+}
+function filenameWithoutExtension(filename) {
+  return filename.replace(/\.[^/.]+$/, "");
+}
+function selectFile(path) {
+  emit("select", path);
+  emit("close");
+}
+const title = computed(() => {
+  if (props.uiHint === "image") {
+    return "Bild ausw\xE4hlen";
+  }
+  if (props.uiHint === "pdf") {
+    return "PDF ausw\xE4hlen";
+  }
+  return "Datei ausw\xE4hlen";
+});
+</script>
+
+<template>
+  <div
+    v-if="props.isOpen"
+    class="fixed inset-0 bg-black/45 flex items-center justify-center p-4 z-9999"
+    role="presentation"
+    @click.self="emit('close')"
+  >
+    <div
+      class="w-full max-w-220 bg-white rounded-[10px] border border-black/10 shadow-[0_10px_40px_rgba(0,0,0,0.28)] p-6 flex flex-col gap-3"
+      role="dialog"
+      aria-modal="true"
+      :aria-label="title"
+    >
+      <div class="flex items-center justify-between gap-2">
+        <h2 class="font-bold text-2xl">
+          {{ title }}
+        </h2>
+        <button
+          type="button"
+          class="button secondary small"
+          @click="emit('close')"
+        >
+          Schließen
+        </button>
+      </div>
+
+      <div class="max-h-[70vh] overflow-auto pl-1 pr-3">
+        <div
+          v-if="pending"
+          class="text-sm text-gray-500"
+        >
+          Laden...
+        </div>
+
+        <div
+          v-else
+          class="space-y-2"
+        >
+          <button
+            v-for="file in list?.files ?? []"
+            :key="file"
+            type="button"
+            class="w-full button secondary"
+            @click="selectFile(file)"
+          >
+            <FileIcon :file-path="file" />
+            <div class="w-full flex text-left">
+              {{ filenameWithoutExtension(file) }}
+              <span
+                v-if="fileExtension(file)"
+                class="text-sm text-gray-400 ml-auto"
+              >
+                .{{ fileExtension(file) }}
+              </span>
+            </div>
+          </button>
+
+          <PickerNode
+            v-for="dir in list?.dirs ?? []"
+            :key="dir"
+            :path="dir"
+            :name="dir"
+            :level="0"
+            :ui-hint="props.uiHint"
+            @select="selectFile"
+          />
+
+          <div
+            v-if="(list?.files?.length ?? 0) === 0 && (list?.dirs?.length ?? 0) === 0"
+            class="text-sm text-gray-600"
+          >
+            Keine passenden Dateien gefunden.
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/app/components/content/editor/{selectFile/index.d.vue.ts → frontmatter/filePicker/modal.vue.d.ts}

@@ -1,11 +1,12 @@
 type __VLS_Props = {
     isOpen: boolean;
+    uiHint: 'image' | 'pdf' | 'file';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    select: (filePath: string) => any;
+    select: (path: string) => any;
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((filePath: string) => any) | undefined;
+    onSelect?: ((path: string) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/app/components/content/editor/{selectFile/breadcrumb.d.vue.ts → frontmatter/filePicker/node.d.vue.ts}

@@ -1,10 +1,13 @@
 type __VLS_Props = {
     path: string;
+    name: string;
+    level: number;
+    uiHint: 'image' | 'pdf' | 'file';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update-path": (newPathParts: string[]) => any;
+    select: (path: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate-path"?: ((newPathParts: string[]) => any) | undefined;
+    onSelect?: ((path: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/content/editor/frontmatter/filePicker/node.vue

@@ -0,0 +1,145 @@
+<script setup>
+import { computed, ref } from "vue";
+import FileIcon from "../../../fileIcon.vue";
+defineOptions({
+  name: "PickerNode"
+});
+const props = defineProps({
+  path: { type: String, required: true },
+  name: { type: String, required: true },
+  level: { type: Number, required: true },
+  uiHint: { type: String, required: true }
+});
+const emit = defineEmits(["select"]);
+const isExpanded = ref(false);
+const isLoading = ref(false);
+const files = ref([]);
+const dirs = ref([]);
+function filenameWithoutExtension(filename) {
+  return filename.replace(/\.[^/.]+$/, "");
+}
+function fileExtension(filename) {
+  const match = filename.match(/\.([^.]+)$/);
+  return match && match[1] ? match[1] : "";
+}
+function joinPath(basePath, name) {
+  return `${basePath}${basePath ? ":" : ""}${name}`;
+}
+async function toggleExpand() {
+  isExpanded.value = !isExpanded.value;
+  if (isExpanded.value && files.value.length === 0 && dirs.value.length === 0 && !isLoading.value) {
+    isLoading.value = true;
+    const data = await $fetch("/api/admin/list", {
+      query: { path: props.path, type: props.uiHint }
+    });
+    files.value = data.files;
+    dirs.value = data.dirs;
+    isLoading.value = false;
+  }
+}
+const indentStyle = computed(() => ({
+  paddingLeft: `${props.level * 1.5}rem`
+}));
+function selectFile(fileName) {
+  emit("select", joinPath(props.path, fileName));
+}
+</script>
+
+<template>
+  <div>
+    <div :style="indentStyle">
+      <button
+        type="button"
+        class="button directory w-full flex items-center text-left"
+        @click="toggleExpand"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke-width="1.5"
+          stroke="currentColor"
+          class="size-6 opacity-20"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 0 0-1.883 2.542l.857 6a2.25 2.25 0 0 0 2.227 1.932H19.05a2.25 2.25 0 0 0 2.227-1.932l.857-6a2.25 2.25 0 0 0-1.883-2.542m-16.5 0V6A2.25 2.25 0 0 1 6 3.75h3.879a1.5 1.5 0 0 1 1.06.44l2.122 2.12a1.5 1.5 0 0 0 1.06.44H18A2.25 2.25 0 0 1 20.25 9v.776"
+          />
+        </svg>
+
+        <span>{{ props.name }}</span>
+
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke-width="1.5"
+          stroke="currentColor"
+          class="size-4 ml-auto transition-transform duration-300"
+          :class="isExpanded ? 'rotate-90' : ''"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="m8.25 4.5 7.5 7.5-7.5 7.5"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div
+      class="grid transition-[grid-template-rows] duration-300 ease-in-out"
+      :class="isExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'"
+    >
+      <div class="overflow-hidden">
+        <div
+          v-if="isLoading"
+          class="py-2"
+          :style="{ paddingLeft: `${(props.level + 1) * 1.5}rem` }"
+        >
+          <span class="text-sm text-gray-500">Laden...</span>
+        </div>
+
+        <div
+          v-else
+          class="py-2 space-y-2"
+        >
+          <div
+            v-for="file in files"
+            :key="file"
+            class="flex"
+            :style="{ paddingLeft: `${(props.level + 1) * 1.5}rem` }"
+          >
+            <button
+              type="button"
+              class="w-full button secondary"
+              @click="selectFile(file)"
+            >
+              <FileIcon :file-path="joinPath(props.path, file)" />
+              <div class="w-full flex text-left">
+                {{ filenameWithoutExtension(file) }}
+                <span
+                  v-if="fileExtension(file)"
+                  class="text-sm text-gray-400 ml-auto"
+                >
+                  .{{ fileExtension(file) }}
+                </span>
+              </div>
+            </button>
+          </div>
+
+          <PickerNode
+            v-for="dir in dirs"
+            :key="dir"
+            :path="joinPath(props.path, dir)"
+            :name="dir"
+            :level="props.level + 1"
+            :ui-hint="props.uiHint"
+            @select="emit('select', $event)"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/app/components/content/editor/{selectFile/breadcrumb.vue.d.ts → frontmatter/filePicker/node.vue.d.ts}

@@ -1,10 +1,13 @@
 type __VLS_Props = {
     path: string;
+    name: string;
+    level: number;
+    uiHint: 'image' | 'pdf' | 'file';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update-path": (newPathParts: string[]) => any;
+    select: (path: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate-path"?: ((newPathParts: string[]) => any) | undefined;
+    onSelect?: ((path: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/content/editor/frontmatter/form.d.vue.ts

@@ -1,6 +1,6 @@
 type __VLS_Props = {
-    label?: string;
     depth?: number;
+    schema: Record<string, any> | null;
 };
 type __VLS_ModelProps = {
     'frontmatter': any;
@@ -11,7 +11,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:frontmatter"?: ((value: any) => any) | undefined;
 }>, {
-    label: string;
     depth: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;