@opengis/cms 0.0.2 → 0.0.3

package/server/routes/media/controllers/preview.js

@@ -0,0 +1,47 @@
+import path from 'node:path';
+import { existsSync } from 'node:fs';
+import { readFile } from 'node:fs/promises';
+
+import { config, getToken, getFolder } from "@opengis/fastify-table/utils.js";
+import { getMimeType } from '@opengis/fastify-file/utils.js';
+
+const rootDir = getFolder(config, 'local');
+
+export default async function deleteMedia({
+    params = {}, query = {}, user = {},
+}, reply) {
+
+    if (!params?.token) {
+        return reply.status(400).send('not enough params: token');
+    }
+
+    const tokenData = await getToken({
+        uid: user?.uid || 0,
+        token: params.token,
+        json: 1,
+    });
+
+    const { relpath } = tokenData || {};
+
+    if (!relpath) {
+        return reply.status(403).send('invalid token');
+    }
+
+    const filepath = path.join(rootDir, relpath);
+
+    if (!existsSync(filepath)) {
+        return reply.status(404).send('file not found');
+    }
+
+    const buffer = await readFile(filepath, { buffer: true });
+
+    if (query?.download) {
+        const headers = {
+            'Content-Type': getMimeType(filepath),
+            'Content-Disposition': `attachment; filename=${path.basename(filepath)}`
+        };
+        return reply.headers(headers).send(buffer);
+    }
+
+    return reply.headers({ 'Content-Type': getMimeType(filepath) }).send(buffer);
+}

package/server/routes/media/controllers/upload.js

@@ -0,0 +1,79 @@
+import path from 'node:path';
+import { mkdir, rename } from 'node:fs/promises';
+
+import { config, getToken, getFolder, setToken, dataInsert } from "@opengis/fastify-table/utils.js";
+import { uploadMultiPart } from '@opengis/fastify-file/utils.js';
+
+const rootDir = getFolder(config, 'local');
+
+export default async function uploadMedia(req, reply) {
+    const { params = {}, user = {}, body = {} } = req;
+
+    if (!params.token) {
+        return reply.status(400).send('not enough params: token');
+    }
+
+    const tokenData = await getToken({
+        uid: user?.uid || 0,
+        token: params.token,
+        json: 1,
+    });
+
+    if (!tokenData) {
+        return reply.status(403).send('invalid params: token');
+    }
+
+    const { name: dirname } = tokenData;
+
+    // upload assets
+    if (req.headers['content-type']?.split?.(';')?.shift?.() === 'multipart/form-data') {
+        const file = await uploadMultiPart(req);
+        const filename = `${file.newFilename}${path.extname(file.filepath)}`;
+        const newfilepath = path.join(rootDir, 'media', dirname || '', filename);
+        // console.log(file.filepath, newfilepath);
+        await rename(file.filepath, newfilepath);
+
+        const id = await dataInsert({
+            table: 'crm.media',
+            data: {
+                uploaded_name: file.originalFilename,
+                file_path: path.join('/media', dirname || '', filename).replace(/\\/g, '/'),
+                ext: path.extname(file.filepath)?.split('.')?.pop?.(),
+                size: file.size,
+            },
+            uid: user?.uid || 0,
+        }).then(el => el?.rows?.[0]?.media_id);
+        const result = {
+            dir: dirname,
+            id,
+            name: filename,
+            type: 'file',
+            token: setToken({
+                ids: [JSON.stringify({ id, dir: dirname, relpath: path.join('/media', dirname || '', filename).replace(/\\/g, '/'), name: filename, type: 'file' })],
+                uid: user?.uid || 0,
+                array: 1,
+            })[0],
+        };
+        return reply.status(200).send(result);
+    }
+
+    // create directory
+    if (!body?.name || typeof body.name !== 'string' || body.name.includes('..')) {
+        return reply.status(400).send('invalid body params: name');
+    }
+
+    const subdir = path.join('/media', dirname || '', body.name).replace(/\\/g, '/');
+    const dirpath = path.join(rootDir, subdir);
+    await mkdir(dirpath, { recursive: true });
+
+    return reply.status(200).send({
+        dir: subdir,
+        name: body.name,
+        type: 'dir',
+        token: setToken({
+            ids: [JSON.stringify({ relpath: subdir, name: body.name, type: 'dir' })],
+            uid: user?.uid || 0,
+            array: 1,
+        })[0],
+    });
+}

package/server/routes/media/index.mjs

@@ -0,0 +1,16 @@
+import list from './controllers/list.js';
+import metadata from './controllers/metadata.js';
+import upload from './controllers/upload.js';
+import edit from './controllers/edit.js';
+import del from './controllers/delete.js';
+import preview from './controllers/preview.js';
+
+export default async function route(app) {
+    app.get('/cms-media', { config: { policy: ['site'] } }, list);
+    app.get('/cms-media/:token', { config: { policy: ['site'] } }, preview);
+    app.post('/cms-media/:token', { config: { policy: ['site'] } }, upload); // upload file / create empty dir
+
+    app.get('/cms-media-metadata/:token', { config: { policy: ['site'] } }, metadata);
+    app.put('/cms-media/:token', { config: { policy: ['site'] } }, edit);
+    app.delete('/cms-media/:token', { config: { policy: ['site'] } }, del);
+}

package/server/routes/root.mjs

@@ -0,0 +1,15 @@
+'use strict'
+
+const schema = {
+  querystring: {
+    name: { type: 'string', pattern: "^(\\d+)$" },
+    token: { type: 'string', pattern: "^(\\d+)$" },
+  },
+}
+
+export default async function (fastify, opts) {
+  fastify.get('/test', async function (request, reply) {
+    return { root: true }
+  });
+
+}

package/server/templates/cls/cms.category_type.json

@@ -0,0 +1,10 @@
+[
+    {
+      "id": "1",
+      "text": "Important"
+    },
+    {
+      "id": "2",
+      "text": "Common"
+    }
+  ]

package/server/templates/cls/cms.content_review_status.json

@@ -0,0 +1,10 @@
+[
+    {
+      "id": "1",
+      "text": "Pending"
+    },
+    {
+      "id": "2",
+      "text": "Approved"
+    }
+  ]

package/server/templates/cls/cms.content_status.json

@@ -0,0 +1,10 @@
+[
+    {
+      "id": "1",
+      "text": "Draft"
+    },
+    {
+      "id": "2",
+      "text": "Publish"
+    }
+  ]

package/server/templates/cls/cms.content_type.json

@@ -0,0 +1,10 @@
+[
+    {
+      "id": "1",
+      "text": "Single"
+    },
+    {
+      "id": "2",
+      "text": "Collection"
+    }
+  ]

package/server/templates/cls/cms.lang.json

@@ -0,0 +1,10 @@
+[
+    {
+      "id": "uk",
+      "text": "Українська"
+    },
+    {
+      "id": "en",
+      "text": "English"
+    }
+  ]

package/server/templates/page/login.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en" dir="">
+
+<head>
+    <!-- scripts -->
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body  class="bg-[#f3f4f6] flex items-center flex-1 w-full h-[100vh] overflow-x-hidden min-h-full ">
+    <main class="w-full">
+    <div class="flex w-full max-w-sm mx-auto overflow-hidden bg-white rounded-lg shadow-lg dark:bg-gray-800 lg:max-w-4xl">
+<div class="hidden bg-cover lg:block lg:w-1/2 bg-center" style="background-image: url('https://nipo.gov.ua/wp-content/uploads/2023/02/Pro_nas_2301-768x512.jpg');"></div>
+
+<div class="w-full px-6 py-8 md:px-8 lg:w-1/2">
+<div class="flex justify-center mx-auto">
+    <img class="w-auto h-7 sm:h-16" src="https://nipo.gov.ua/wp-content/uploads/2023/01/IP_office_logo_UA-1-1.png" alt="logo">
+</div>
+
+<p class="mt-3 mb-[32px] text-xl text-center text-gray-600 dark:text-gray-200">
+    Український національний офіс інтелектуальної власності та інновацій
+</p>
+
+<form action="/api/login" method="get" >
+<div class="mt-4">
+    <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-200" for="LoggingEmailAddress">Електронна пошта / Логін</label>
+    <input name="username" id="LoggingEmailAddress" class="block w-full px-4 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring focus:ring-blue-300" type="text">
+</div>
+
+<div class="mt-4">
+    <div class="flex justify-between">
+        <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-200" for="loggingPassword">Пароль</label>
+        <!-- <a class="text-xs text-gray-500 dark:text-gray-300 hover:underline">Forget Password?</a> -->
+    </div>
+
+    <input id="loggingPassword" name="password"   class="block w-full px-4 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring focus:ring-blue-300" type="password">
+</div>
+
+<div class="mt-6">
+    <button type="submit"   class="w-full px-6 py-3 text-sm font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-gray-800 rounded-lg hover:bg-gray-700 focus:outline-none focus:ring focus:ring-gray-300 focus:ring-opacity-50">
+         Увійти
+    </button>
+</div>
+
+</form>
+</div>
+</div>
+    </main>
+
+</body>
+
+
+<script>
+    const error = location.search.includes('wrong_pass')
+    if (error) {
+        document.getElementById('login_error').innerHTML = 'Не вірний користувач або пароль';
+    }
+</script>
+
+</html>

package/server/templates/select/cms.category_id.sql

@@ -0,0 +1 @@
+select category_id, title from site.categories

package/server/templates/select/cms.type_id.sql

@@ -0,0 +1 @@
+select content_type_id, name from site.content_types

package/src/App.vue

@@ -0,0 +1,4 @@
+<template>
+  <router-view> </router-view>
+  <!-- test comit -->
+</template>