@opengis/cms 0.0.2 → 0.0.3

package/docs/public/logo.svg

@@ -0,0 +1,19 @@
+<svg width="228" height="30" viewBox="0 0 228 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_200_320)">
+<path d="M27.3044 11.5405C27.8889 11.9223 28.5318 12.2086 29.2086 12.3906V17.5268C26.4523 18.2695 24.4219 20.7272 24.4219 23.6324C24.4219 24.1752 24.4927 24.7121 24.6342 25.2311L20.0536 27.7962C19.5398 27.307 18.9492 26.9044 18.3001 26.6031V20.7063C20.5427 19.6773 22.0132 17.485 22.0132 14.9885C22.0132 14.8304 22.007 14.6723 21.9947 14.5142L27.3044 11.5405ZM27.4828 9.48242L20.0597 13.6403C20.192 14.0668 20.2658 14.5202 20.2658 14.9885C20.2658 17.1927 18.6785 19.039 16.5527 19.5103V27.7962C17.8632 28.0885 18.9676 28.9028 19.6229 30.0004L26.8214 25.9708C26.4092 25.2848 26.1723 24.4884 26.1723 23.6383C26.1723 21.0762 28.3165 18.9972 30.9591 18.9972V10.932C29.587 10.932 28.3565 10.3742 27.4828 9.48242Z" fill="#CE4140"/>
+<path d="M20.1119 2.21018L24.6218 4.73653C24.4895 5.24359 24.4218 5.76556 24.4218 6.29052C24.4218 6.46649 24.4279 6.64247 24.4433 6.81845L19.1736 9.76834C18.0938 9.04951 16.8018 8.6558 15.4759 8.6558C14.1593 8.6558 12.8734 9.04653 11.7967 9.75641L6.51157 6.79757C6.52388 6.63054 6.53311 6.46053 6.53311 6.29052C6.53311 5.76556 6.46543 5.24359 6.33315 4.73653L10.8399 2.21316C12.052 3.39431 13.7132 4.08332 15.4728 4.08332C17.2356 4.08332 18.8998 3.39133 20.1119 2.21018ZM19.6566 0C18.8383 1.42275 17.2725 2.38616 15.4728 2.38616C13.6732 2.38616 12.1074 1.42275 11.2891 0.0029827L4.1582 3.99384C4.55505 4.67091 4.78577 5.45238 4.78577 6.28753C4.78577 6.76775 4.71194 7.23007 4.57043 7.66256L11.9843 11.8115C12.858 10.9077 14.0977 10.344 15.4759 10.344C16.8602 10.344 18.1092 10.9137 18.9829 11.8264L26.3906 7.68045C26.2491 7.23901 26.1691 6.77073 26.1691 6.28455C26.1691 5.44939 26.3968 4.66793 26.7967 3.99085L19.6566 0Z" fill="#CE4140"/>
+<path d="M3.67003 11.5278L8.96434 14.4926C8.95203 14.6567 8.94588 14.8237 8.94588 14.9908C8.94588 17.4843 10.4164 19.6736 12.6528 20.7056V26.6054C12.0068 26.9066 11.4131 27.3093 10.9024 27.7955L6.32487 25.2333C6.46638 24.7144 6.53714 24.1745 6.53714 23.6316C6.53714 20.7235 4.50678 18.2687 1.75041 17.5261V12.3928C2.43028 12.2079 3.08245 11.9156 3.67003 11.5278ZM3.48545 9.4668C2.61178 10.3676 1.37511 10.9283 0 10.9283V18.9906C2.64254 18.9906 4.78672 21.0695 4.78672 23.6316C4.78672 24.4817 4.54985 25.2781 4.13762 25.9641L11.33 29.9908C11.9853 28.8961 13.0866 28.0818 14.3971 27.7895V19.5095C12.2744 19.0353 10.6901 17.192 10.6901 14.9878C10.6901 14.5105 10.764 14.0512 10.9024 13.6187L3.48545 9.4668Z" fill="#CE4140"/>
+<path d="M62.2744 21.4218V17.4638C62.2744 15.4833 60.6132 13.8726 58.5706 13.8726H42.8599C42.7953 13.8726 42.7307 13.8786 42.6661 13.8875H42.1062C41.5002 13.8875 41.008 13.4103 41.008 12.8227V8.86466C41.008 8.27707 41.5002 7.79984 42.1062 7.79984H60.767C61.4869 7.79984 62.0714 7.23312 62.0714 6.53517C62.0714 5.83722 61.4869 5.27051 60.767 5.27051H42.1062C40.0635 5.27051 38.4023 6.88117 38.4023 8.86168V12.8197C38.4023 14.8002 40.0635 16.4109 42.1062 16.4109H57.8169C57.8815 16.4109 57.9461 16.4049 58.0107 16.396H58.5706C59.1766 16.396 59.6688 16.8732 59.6688 17.4608V21.4188C59.6688 22.0064 59.1766 22.4837 58.5706 22.4837H39.9097C39.1899 22.4837 38.6054 23.0504 38.6054 23.7483C38.6054 24.4463 39.1899 25.013 39.9097 25.013H58.5706C60.6132 25.013 62.2744 23.4023 62.2744 21.4218Z" fill="#CE4140"/>
+<path d="M88.8396 21.4011V9.01695C88.8396 7.03644 87.1784 5.42578 85.1357 5.42578H68.739C66.6964 5.42578 65.0352 7.03644 65.0352 9.01695V21.4011C65.0352 23.3816 66.6964 24.9923 68.739 24.9923H85.1357C87.1784 24.9923 88.8396 23.3787 88.8396 21.4011ZM67.6408 9.01695C67.6408 8.42936 68.133 7.95213 68.739 7.95213H85.1357C85.7417 7.95213 86.2339 8.42936 86.2339 9.01695V21.4011C86.2339 21.9887 85.7417 22.4659 85.1357 22.4659H68.739C68.133 22.4659 67.6408 21.9887 67.6408 21.4011V9.01695Z" fill="#CE4140"/>
+<path d="M228.002 21.4011V9.01695C228.002 7.03644 226.34 5.42578 224.298 5.42578H207.901C205.858 5.42578 204.197 7.03644 204.197 9.01695V21.4011C204.197 23.3816 205.858 24.9923 207.901 24.9923H224.298C226.34 24.9923 228.002 23.3787 228.002 21.4011ZM206.806 9.01695C206.806 8.42936 207.298 7.95213 207.904 7.95213H224.301C224.907 7.95213 225.399 8.42936 225.399 9.01695V21.4011C225.399 21.9887 224.907 22.4659 224.301 22.4659H207.904C207.298 22.4659 206.806 21.9887 206.806 21.4011V9.01695Z" fill="#CE4140"/>
+<path d="M94.5998 23.7277V18.329H106.194C106.914 18.329 107.499 17.7623 107.499 17.0643C107.499 16.3664 106.914 15.7997 106.194 15.7997H94.5998V9.01701C94.5998 8.42941 95.092 7.95218 95.698 7.95218H111.682C112.402 7.95218 112.987 7.38547 112.987 6.68752C112.987 5.98956 112.402 5.42285 111.682 5.42285H95.698C93.6553 5.42285 91.9941 7.03351 91.9941 9.01402V23.7247C91.9941 24.4227 92.5786 24.9894 93.2985 24.9894C94.0183 24.9923 94.5998 24.4256 94.5998 23.7277Z" fill="#CE4140"/>
+<path d="M116.758 7.95218H125.849V23.4622C125.849 24.1602 126.433 24.7269 127.153 24.7269C127.873 24.7269 128.457 24.1602 128.457 23.4622V7.95218H137.548C138.268 7.95218 138.852 7.38547 138.852 6.68752C138.852 5.98956 138.268 5.42285 137.548 5.42285H116.761C116.042 5.42285 115.457 5.98956 115.457 6.68752C115.454 7.38547 116.038 7.95218 116.758 7.95218Z" fill="#CE4140"/>
+<path d="M152.364 24.6582C153.084 24.6582 153.668 24.0915 153.668 23.3936V18.3289H171.092C173.135 18.3289 174.796 16.7183 174.796 14.7378V9.01695C174.796 7.03644 173.135 5.42578 171.092 5.42578H154.766C152.724 5.42578 151.063 7.03644 151.063 9.01695V23.3965C151.059 24.0915 151.644 24.6582 152.364 24.6582ZM154.763 7.95213H171.089C171.695 7.95213 172.188 8.42936 172.188 9.01695V14.7378C172.188 15.3254 171.695 15.8026 171.089 15.8026H153.665V9.01695C153.665 8.42936 154.157 7.95213 154.763 7.95213Z" fill="#CE4140"/>
+<path d="M178.913 24.6582C179.632 24.6582 180.217 24.0915 180.217 23.3936V18.3289H190.587C190.664 18.4721 190.772 18.6034 190.907 18.7137L197.835 24.3003C198.078 24.4972 198.373 24.5926 198.669 24.5926C199.041 24.5926 199.413 24.4375 199.671 24.1363C200.133 23.5994 200.056 22.803 199.502 22.3556L194.506 18.326H197.641C199.684 18.326 201.345 16.7153 201.345 14.7348V9.01695C201.345 7.03644 199.684 5.42578 197.641 5.42578H181.315C179.273 5.42578 177.611 7.03644 177.611 9.01695V23.3965C177.608 24.0915 178.193 24.6582 178.913 24.6582ZM181.312 7.95213H197.638C198.244 7.95213 198.736 8.42936 198.736 9.01695V14.7378C198.736 15.3254 198.244 15.8026 197.638 15.8026H180.214V9.01695C180.214 8.42936 180.706 7.95213 181.312 7.95213Z" fill="#CE4140"/>
+</g>
+<defs>
+<clipPath id="clip0_200_320">
+<rect width="228" height="30" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/docs/readme/index.md

@@ -0,0 +1,6 @@
+---
+order: 0
+sidebar: false
+---
+
+# Content Management System

package/docs/src/vs-button.vue

@@ -0,0 +1,157 @@
+<template>
+    <button
+      type="button"
+      class="vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all"
+      :class="{
+        ...buttonData.params,
+        [size === 'mini'
+          ? 'py-1 px-3'
+          : size === 'large'
+            ? 'py-3 px-7'
+            : 'py-1.5 px-5']: true,
+        [disabled
+          ? 'disabled opacity-50 focus:ring-0 focus:ring-offset-0 cursor-not-allowed'
+          : 'focus:ring-2 focus:ring-offset-2']: true,
+        ['!px-2 !py-2 !rounded-full']: circle,
+        ['!px-2 !py-2 !rounded-md']: square,
+      }"
+    >
+      <slot>{{title}}</slot>
+      <i
+        v-if="icon"
+        :class="'ti ' + icon"
+        class="pointer-events-none"
+      />
+      <div
+        v-if="loading"
+        role="status"
+      >
+        <svg
+          aria-hidden="true"
+          class="inline w-4 h-4 text-gray-200 animate-spin fill-blue-600"
+          viewBox="0 0 100 101"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+            fill="currentColor"
+          />
+          <path
+            d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+            fill="currentFill"
+          />
+        </svg>
+      </div>
+    </button>
+  </template>
+<script lang="ts">
+
+interface IButtonClass {
+  [key: string]: {
+    params: object
+  }
+}
+
+interface IButtonData {
+  buttonClass: IButtonClass
+}
+
+export default {
+  props: {
+    type: { type: String, default: () => '' },
+    title: { type: String, default: () => '' },
+    color: { type: String, default: 'blue' },
+    size: { type: String, default: () => '' },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    icon: { type: String, default: () => '' },
+    circle: Boolean,
+    square: Boolean,
+  },
+  data() {
+    return {
+      buttonClass: {},
+    } as IButtonData;
+  },
+  computed: {
+    // Return button class by type in props
+    buttonData() {
+      return this.buttonClass?.[this.type] || this.buttonClass.default;
+    },
+  },
+  watch: {
+    color: {
+      immediate: true,
+      // Here is all aviable types with theirs styles
+      handler(newColor) {
+        this.buttonClass = {
+          primary: {
+            params: {
+              'border-1 border-transparent text-white': true,
+              [`bg-${newColor}-500`]: true,
+              [`hover:bg-${newColor}-600`]: true,
+              [`focus:ring-${newColor}-500`]: true,
+            },
+          },
+          text: {
+            params: {
+              'border border-transparent': true,
+              [`text-${newColor}-500`]: true,
+              [`hover:bg-${newColor}-100`]: true,
+              [`focus:ring-${newColor}-500`]: true,
+            },
+          },
+          plain: {
+            params: {
+              'border border-transparent hover:text-white ring-offset-white': true,
+              [`bg-${newColor}-100`]: true,
+              [`text-${newColor}-500`]: true,
+              [`hover:bg-${newColor}-500`]: true,
+              [`focus:ring-${newColor}-500`]: true,
+            },
+          },
+          border: {
+            params: {
+              'border font-medium bg-white shadow-sm align-middle hover:bg-gray-50 focus:ring-offset-white': true,
+              [`text-${newColor}-700`]: true,
+              [`focus:ring-${newColor}-600`]: true,
+            },
+          },
+          link: {
+            params: {
+              'border border-transparent ring-offset-white': true,
+              [`text-${newColor}-600`]: true,
+              [`hover:text-${newColor}-700`]: true,
+              [`focus:ring-${newColor}-600`]: true,
+            },
+          },
+          default: {
+            params: {
+              'border !border-gray-200 hover:text-white bg-white': true,
+              [`text-${newColor}-500`]: true,
+              [`hover:border-${newColor}-500`]: true,
+              [`hover:bg-${newColor}-500`]: true,
+              [`focus:ring-${newColor}-500`]: true,
+            },
+          },
+        };
+      },
+    },
+  },
+};
+</script>
+  <style lang="scss" scoped>
+  .vs-button {
+    width: fit-content;
+    &:active {
+      opacity: 0.8;
+    }
+
+    &.disabled {
+      &:active {
+        opacity: 0.5;
+      }
+    }
+  }
+  </style>

package/docs/vue/basic/button.md

@@ -0,0 +1,144 @@
+<script setup>
+import VsButton from '../../src/vs-button.vue'
+</script>
+
+# VsButton
+
+Часто використовувана кнопка.
+
+## Підключення
+
+```html title='vue'
+<VsButton title="Default" />
+```
+
+<div class="flex mt-2">
+    <VsButton class="mr-2" title="Default" />
+</div>
+
+## Component API
+
+::: tabs
+
+== Style
+
+|  Name   |                                    Description                                    |   Type   |
+| :-----: | :-------------------------------------------------------------------------------: | :------: |
+| `size`  |                        Розмір кнопки (mini, small, large)                         | `String` |
+| `color` | Колір кнопки. [Доступні кольори](https://tailwindcss.com/docs/customizing-colors) | `String` |
+| `type`  |             Тип кнопки (primary, text, plain, border, link, default)              | `String` |
+
+== State
+
+|    Name    |                 Description                  |   Type    |
+| :--------: | :------------------------------------------: | :-------: |
+| `disabled` |         Визначає, чи кнопка вимкнена         | `Boolean` |
+| `loading`  | Анімація індикатора загрузки поруч з текстом | `Boolean` |
+
+== Content
+
+|  Name  |          Description          |   Type   |
+| :----: | :---------------------------: | :------: |
+| `icon` | Іконка поруч з текстом кнопки | `String` |
+
+== Events
+
+|   Name   |         Description         |
+| :------: | :-------------------------: |
+| `@onClick` | Реалізує клік по компоненту |
+
+== Slots
+
+|   Name    |                         Description                          | Default                    |
+| :-------: | :----------------------------------------------------------: | :------------------------- |
+| `default` | Дефолтний слот, зазвичай у кнопку вставляється текст, іконка | `<template>...</template>` |
+
+:::
+
+## Приклади
+
+### Базове використання (тип кнопки)
+
+Використовуйте типи `default`, `primary`, `plain` `border`, `text`, `link` щоб визначити стиль кнопки.
+
+```html title='vue'
+<VsButton title="Default" />
+<VsButton title="Primary" type="primary"/>
+<VsButton title="Plain" type="plain"/>
+<VsButton title="Border" type="border"/>
+<VsButton title="Link" type="link"/>
+<VsButton title="Text" type="text"/>
+```
+
+<div class="flex mt-2">
+    <VsButton class="mr-2" title="Default" />
+    <VsButton class="mr-2" title="Primary" type="primary"/>
+    <VsButton class="mr-2" title="Plain" type="plain"/>
+    <VsButton class="mr-2" title="Border" type="border"/>
+    <VsButton class="mr-2" title="Link" type="link"/>
+    <VsButton  title="Text" type="text"/>
+</div>
+
+### Розміри
+
+Окрім розміру за замовчуванням (`default`), компонент надає два додаткові розміри для вибору з різних сценаріїв.
+Використовуйте розмір атрибута, щоб установити додаткові розміри (`large`, `mini`).
+
+<!-- <VueExample title="VsButton" >
+  { `
+  <VsButton type="primary" size="mini">Primary</VsButton>
+  <VsButton type="primary" size="default">Primary</VsButton>
+  <VsButton type="primary" size="large">Primary</VsButton>
+  ` }
+</VueExample> -->
+
+```html title='vue'
+<VsButton title="Mini" size="mini" type="primary"/>
+<VsButton title="Default" size="default" type="primary"/>
+<VsButton title="Large" size="large" type="primary"/>
+```
+
+<div class="flex mt-2 items-center">
+    <VsButton class="mr-2" title="Mini" size="mini" type="primary"/>
+    <VsButton class="mr-2" title="Default" size="default" type="primary"/>
+    <VsButton class="mr-2" title="Large" size="large" type="primary"/>
+</div>
+
+### Вимкнення кнопки
+
+Атрибут `disabled` визначає, чи кнопка вимкнена.
+Використовуйте атрибут `disabled`, щоб визначити, чи кнопка вимкнена. Він приймає логічне значення.
+
+```html title='vue'
+<VsButton title="Mini" size="mini" type="primary"/>
+<VsButton title="Default" size="default" type="primary"/>
+<VsButton title="Large" size="large" type="primary"/>
+```
+
+<div class="flex mt-2 items-center">
+    <VsButton class="mr-2" disabled title="Mini"  type="primary"/>
+    <VsButton class="mr-2" disabled title="Default"  type="primary"/>
+    <VsButton class="mr-2" disabled title="Large"  type="primary"/>
+</div>
+
+### Завантаження
+
+Відображає анімацію в кнопці під час завантаження даних.
+
+```html title='vue'
+<VsButton type="default" color="rose" :loading="true">Default</VsButton>
+```
+
+<div class="flex mt-2 items-center">
+  <VsButton type="default" color="rose" :loading="true">Default</VsButton>
+</div>
+
+### Іконка
+
+Використовуйте іконки, щоб додати більше значення кнопці. Ви можете використовувати лише значок, щоб заощадити місце, або використовувати його з текстом.
+Використовуйте атрибут `icon` у якості слота або пропса, щоб додати іконку. Ви можете знайти список значків на сайті [Tabler]("https://tabler.io/icons").
+
+<VsButton
+  type="primary"
+  icon="ti ti-search"
+/>

package/docs/vue/index.md

@@ -0,0 +1,9 @@
+---
+order: 0
+---
+
+# Список компонентів
+
+## Basic
+
+- [Button](basic/button) - Кнопка з різноманітними стилями та можливостями кастомізації.

package/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>User Profile</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <div id="modal"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>

package/package.json

@@ -1,17 +1,14 @@
 {
   "name": "@opengis/cms",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "cms",
   "type": "module",
   "author": "Softpro",
   "license": "EULA",
-  "files": [
-  "./editor/dist"
-],
   "scripts": {
     "test": "node --test test/**/*.test.js",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "build": "vite build editor",
+    "build": "vite build",
     "start": "node server",
     "prod": "cross-env NODE_ENV=production npm run start",
     "docs:dev": "vitepress dev docs",

package/server/app.js

@@ -0,0 +1,25 @@
+import path from 'node:path';
+import { config, execMigrations } from '@opengis/fastify-table/utils.js';
+
+config.prefix = config.prefix || '/api';
+const { prefix } = config;
+
+const cwd = process.cwd();
+
+export default async function (fastify) {
+  // core
+  fastify.register(import('./plugins/hook.js'));
+
+  fastify.register(import('@opengis/fastify-table'), config);
+  fastify.register(import('@opengis/fastify-auth'), config);
+  fastify.register(import('@opengis/fastify-file'), config);
+
+  fastify.register(import('./plugins/vite.js'));
+  // API
+  fastify.register(import('./routes/root.mjs'));
+  fastify.register(import('./routes/builder/index.mjs'), { prefix });
+  fastify.register(import('./routes/category/index.mjs'), { prefix });
+  fastify.register(import('./routes/manager/index.mjs'), { prefix });
+  fastify.register(import('./routes/media/index.mjs'), { prefix });
+  execMigrations(path.join(cwd, 'server/migrations')).catch(err => console.log(err));
+}

package/server/config.js

@@ -0,0 +1,5 @@
+import { readFile } from 'fs/promises';
+import fs from 'fs';
+const config = fs.existsSync('config.json') ? JSON.parse(await readFile('config.json')) : {};
+
+export default config;

package/server/index.js

@@ -0,0 +1,23 @@
+import Fastify from 'fastify';
+
+
+import appService from './app.js';
+import config from './config.js';
+
+const isProduction = process.env.NODE_ENV === 'production';
+
+// Instantiate Fastify with some config
+const app = Fastify({ logger: !isProduction });
+
+// Register your application as a normal plugin.
+
+app.register(appService);
+
+process.env.PORT = process.env.PORT || config.port || 3000;
+// Start listening.
+app.listen({ host: '0.0.0.0', port: process.env.PORT }, (err) => {
+  if (err) {
+    app.log.error(err);
+    process.exit(1);
+  }
+});

package/server/migrations/media.sql

@@ -0,0 +1,30 @@
+create schema if not exists crm;
+create table if not exists crm.media();
+
+CREATE TABLE IF NOT EXISTS crm.media();
+ALTER TABLE crm.media DROP CONSTRAINT IF EXISTS crm_media_id_pkey;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS media_id text NOT NULL DEFAULT next_id();
+
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS uploaded_name text;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS file_path text;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS caption text;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS altname text;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS size numeric;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS ext text;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS tags text[];
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS uid text;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS files json;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS cdate timestamp without time zone DEFAULT (now())::timestamp without time zone;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS editor_id text;
+ALTER TABLE crm.media ADD COLUMN IF NOT EXISTS editor_date timestamp without time zone;
+ALTER TABLE crm.media ADD CONSTRAINT crm_media_id_pkey PRIMARY KEY (media_id);
+
+comment on table crm.media is 'Медіа файли';
+
+comment on column crm.media.uploaded_name is 'Назва файлу';
+comment on column crm.media.file_path is 'Відносний шлях до файлу';
+comment on column crm.media.caption is 'Заголовок';
+comment on column crm.media.altname is 'Альтернативна назва';
+comment on column crm.media.size is 'Розмір файлу';
+comment on column crm.media.ext is 'Розширення файлу';
+comment on column crm.media.tags is 'Теги файлу';

package/server/plugins/hook.js

@@ -0,0 +1,91 @@
+import fp from 'fastify-plugin';
+import fs from 'fs';
+import config from '../config.js';
+
+// the use of fastify-plugin is required to be able
+// to export the decorators to the outer scope
+
+async function plugin(fastify) {
+  fastify.decorate('config', config);
+
+  // pre Request
+  fastify.addHook('onRequest', async (req) => {
+    req.funcs = fastify;
+    const { user } = req.session?.passport || {};
+    req.user = user;
+  });
+
+  // preSerialization
+  fastify.addHook('preSerialization', async (req, reply, payload) => {
+    if (req.url.includes('/suggest/') && !req.query.json) {
+      return payload?.data;
+    }
+    /* if (payload.redirect) {
+       return reply.redirect(payload.redirect);
+     }*/
+    if (reply.sent) {
+      return null;
+    }
+    if (!payload) {
+      return payload;
+    }
+
+    if (['200', '400', '500', '403', '404'].includes(payload.status)) {
+      reply.status(payload.status);
+    }
+    /* if (payload.headers) {
+      reply.headers(payload.headers);
+    } */
+    if (payload.buffer) {
+      return payload.buffer;
+    }
+    if (payload.file) {
+      // const buffer = await readFile(payload.file);
+      // return reply.send(buffer);
+      const stream = fs.createReadStream(payload.file);
+      return stream;
+      // return reply.send(stream);
+    }
+
+    if (payload.message) {
+      return payload.message;
+    }
+    return payload;
+  });
+
+  //  preValidation
+  fastify.addHook('preValidation', async (req) => {
+    const parseRawBody = ['POST', 'PUT'].includes(req.method) && req.body && typeof req.body === 'string'
+      && req.body.trim(/\r\n/g).startsWith('{')
+      && req.body.trim(/\r\n/g).endsWith('}');
+    if (parseRawBody) {
+      try {
+        req.body = JSON.parse(req.body || '{}');
+      }
+      catch (err) {
+        // throw new Error('invalid body');
+        // return { error: 'invalid body', status: 400 };
+      }
+    }
+  });
+
+  // allow upload file
+  const kIsMultipart = Symbol.for('[FastifyMultipart.isMultipart]');
+  fastify.addContentTypeParser('multipart', (request, _, done) => {
+    request[kIsMultipart] = true;
+    done(null);
+  });
+
+  // parse Body
+  function contentParser(req, body, done) {
+    const parseBody = decodeURIComponent(body.toString()).split('&').reduce((acc, el) => {
+      const [key, val] = el.split('=');
+      return { ...acc, [key]: val };
+    }, {});
+    done(null, parseBody);
+  }
+
+  fastify.addContentTypeParser('application/x-www-form-urlencoded', { parseAs: 'buffer' }, contentParser);
+}
+
+export default fp(plugin);

package/server/plugins/vite.js

@@ -0,0 +1,80 @@
+import fs from 'fs';
+import path, { dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const dir = dirname(fileURLToPath(import.meta.url));
+const root = `${dir}/../..`;
+import config from '../config.js';
+
+const isProduction = process.env.NODE_ENV === 'production' || config.production;
+
+async function plugin(fastify) {
+  // vite server
+  if (!isProduction) {
+    const vite = await import('vite');
+
+    const viteServer = await vite.createServer({
+      root: `${root}`,
+      server: {
+        middlewareMode: true,
+      },
+    });
+
+    // add root to watch
+    viteServer.watcher.add(root);
+
+    // hot relaod template
+    viteServer.watcher.on('all', (d, t) => {
+      if (!t.includes('module')) return;
+      console.log(d, t);
+      viteServer.ws.send({ type: 'full-reload' });
+    });
+
+    // this is middleware for vite's dev servert
+    fastify.addHook('onRequest', async (req, reply) => {
+      const { user } = req.session?.passport || {};
+      const { disableAuth } = req.funcs?.config || {};
+      if (!user && !disableAuth) {
+        return reply.redirect('/login');
+      }
+
+      const next = () => new Promise((resolve) => {
+        viteServer.middlewares(req.raw, reply.raw, () => resolve());
+      });
+      await next();
+    });
+    fastify.get('*', async () => { });
+    return;
+  }
+
+  // From Build
+  fastify.get('*', async (req, reply) => {
+    const { user } = req.session?.passport || {};
+    const assetsDir = '/dist';
+    if (!user) return reply.redirect('/login');
+    const stream = fs.createReadStream(`${assetsDir}/index.html`);
+    return reply.type('text/html').send(stream);
+  });
+
+  const fileSize = {};
+  async function staticFile(req, reply) {
+    const assetsDir = '/dist';
+    const filePath = path.join(root, assetsDir, req.url);
+    const ext = path.extname(filePath);
+
+    if (!fs.existsSync(filePath)) return { status: 404, message: 'not found' };
+    fileSize[filePath] = fileSize[filePath] || fs.statSync(filePath).size;
+    const mime = {
+      '.js': 'text/javascript', '.css': 'text/css', '.woff2': 'application/font-woff', '.png': 'image/png', '.svg': 'image/svg+xml', '.jpg': 'image/jpg',
+    }[ext];
+    reply.headers({ 'Cache-control': 'max-age=3600, public', 'Content-length': fileSize[filePath], 'Content-Encoding': 'identity' });
+
+    const stream = fs.createReadStream(filePath);
+    return mime ? reply.type(mime).send(stream) : stream;
+  }
+
+  fastify.get('/assets/*', staticFile);
+  fastify.get('/public/*', staticFile);
+}
+
+export default plugin;

package/server/routes/builder/controllers/cms.builder.delete.js

@@ -0,0 +1,21 @@
+import { dataDelete, getMeta } from '@opengis/fastify-table/utils.js';
+
+export default async function builderDelete({ user = {}, params = {} }) {
+
+  if (!params.id) {
+    return { message: 'id is required', status: 400 };
+  }
+  const { pk } = await getMeta({ table: 'site.content_types' });
+
+  if (!pk) {
+    return { message: 'table not found', status: 404 };
+  }
+
+  const res = await dataDelete({
+    table: 'site.content_types', 
+    id: params.id,
+    uid: user?.uid
+  });
+
+  return { id: res.content_id, rows: [res] };
+}