@opengis/cms 0.0.2 → 0.0.3

package/test/routes/builder.test.js

@@ -0,0 +1,99 @@
+import { test } from 'node:test';
+import assert from 'node:assert';
+
+import { config, pgClients } from '@opengis/fastify-table/utils.js';
+import build from '../helper.js';
+
+test('cms builder api', async (t) => {
+  const app = await build(t);
+
+  const pg = pgClients.client;
+
+  const prefix = config.prefix || '/api';
+
+  const testContentTypeId = 'testContentType';
+
+  app.addHook('onRequest', async (req) => {
+    req.session = { passport: { user: { user_type: 'admin', uid: '1' } } };
+    req.user = req.session.passport.user;
+    req.uid = req.user.uid;
+    req.unittest = 1;
+  });
+
+  await t.test('POST /cms-builder', async () => {
+    const res = await app.inject({
+      method: 'POST',
+      url: `${prefix}/cms-builder`,
+      body: {
+            content_type_id: testContentTypeId,
+            name: 'Created value',
+            template: 'news'
+      },
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('PUT /cms-builder', async () => {
+    // await pg.query('insert into site.content_types (content_type_id, uid) values ($1, $2)', [testContentTypeId, testUid]);
+    const res = await app.inject({
+      method: 'PUT',
+      url: `${prefix}/cms-builder/${testContentTypeId}`,
+      body: {
+            name: 'Edited value'
+      },
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('GET /cms-builder/:id', async () => {
+    // await pg.query('insert into site.contents (content_id, uid) values ($1, $2)', [testContentId, testUid]);
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-builder/${testContentTypeId}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('GET /cms-builder', async () => {
+    // await pg.query('insert into site.contents (content_id, uid) values ($1, $2)', [testContentId, testUid]);
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-builder`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('GET /cms-builder?id', async () => {
+    // await pg.query('insert into site.contents (content_id, uid) values ($1, $2)', [testContentId, testUid]);
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-builder?content_type_id=${testContentTypeId}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('DELETE /cms-builder/:id', async () => {
+    const res = await app.inject({
+      method: 'DELETE',
+      url: `${prefix}/cms-builder/${testContentTypeId}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('clean up', async () => {
+    const { rowCount: contentTypesCount } = await pg.query('delete from site.content_types where content_type_id=$1', [testContentTypeId]);
+    console.log('clean up', contentTypesCount);
+  });
+});

package/test/routes/category.test.js

@@ -0,0 +1,97 @@
+import { test } from 'node:test';
+import assert from 'node:assert';
+
+import { config, pgClients } from '@opengis/fastify-table/utils.js';
+import build from '../helper.js';
+
+test('cms category api', async (t) => {
+  const app = await build(t);
+
+  const pg = pgClients.client;
+
+  const prefix = config.prefix || '/api';
+
+  const testCategoryId = 'testCategory';
+
+  app.addHook('onRequest', async (req) => {
+    req.session = { passport: { user: { user_type: 'admin', uid: '1' } } };
+    req.user = req.session.passport.user;
+    req.uid = req.user.uid;
+    req.unittest = 1;
+  });
+
+  await t.test('POST /cms-category', async () => {
+    const res = await app.inject({
+      method: 'POST',
+      url: `${prefix}/cms-category`,
+      body: {
+            category_id: testCategoryId,
+            title: 'Created value'
+      },
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('PUT /cms-category', async () => {
+    // await pg.query('insert into site.content_types (category_id, uid) values ($1, $2)', [testCategoryId, testUid]);
+    const res = await app.inject({
+      method: 'PUT',
+      url: `${prefix}/cms-category/${testCategoryId}`,
+      body: {
+            title: 'Edited value'
+      },
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('GET /cms-category/:id', async () => {
+    // await pg.query('insert into site.contents (content_id, uid) values ($1, $2)', [testContentId, testUid]);
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-category/${testCategoryId}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('GET /cms-category', async () => {
+    // await pg.query('insert into site.contents (content_id, uid) values ($1, $2)', [testContentId, testUid]);
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-category`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('GET /cms-category?id', async () => {
+    // await pg.query('insert into site.contents (content_id, uid) values ($1, $2)', [testContentId, testUid]);
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-category?category_id=${testCategoryId}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('DELETE /cms-category/:id', async () => {
+    const res = await app.inject({
+      method: 'DELETE',
+      url: `${prefix}/cms-category/${testCategoryId}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+  await t.test('clean up', async () => {
+    const { rowCount: categoryCount } = await pg.query('delete from site.categories where category_id=$1', [testCategoryId]);
+    console.log('clean up', categoryCount);
+  });
+});

package/test/routes/manager.test.js

@@ -0,0 +1,103 @@
+import { test } from 'node:test';
+import assert from 'node:assert';
+
+import { config, pgClients, getMeta } from '@opengis/fastify-table/utils.js';
+import build from '../helper.js';
+
+test('cms manager api', async (t) => {
+  const app = await build(t);
+
+  const pg = pgClients.client;
+
+  const prefix = config.prefix || '/api';
+
+  const testContentId = 'testContent';
+  const testTypeId = 'testContent';
+  const testCategoryId = 'testContent';
+  const testTemplate = 'testContent';
+  const testUid = '1';
+
+  app.addHook('onRequest', async (req) => {
+    req.session = { passport: { user: { user_type: 'admin', uid: '1' } } };
+    req.user = req.session.passport.user;
+    req.unittest = 1;
+  });
+
+  await t.test('POST /cms-manager/:template', async () => {
+    const res = await app.inject({
+      method: 'POST',
+      url: `${prefix}/cms-manager/news`,
+      body: {
+        content_id: testContentId,
+        title: 'Created value',
+      },
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('GET /cms-manager/:template', async () => {
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-manager/news`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+
+    const contentColumns = await getMeta({ table: 'site.contents' }).then(el => el.columns?.filter?.(el => !['cdate', 'editor_date', 'uid', 'editor_date'].includes(el.name))?.length || 0);
+    const customColumns = await pg.query(`select jsonb_array_length(columns::jsonb) from site.content_types where template=$1`, ['news']).then(el => el.rows?.[0]?.jsonb_array_length || 0);
+    assert.equal(rep.columns?.length, contentColumns + customColumns, res.body);
+  });
+
+  await t.test('PUT /cms-manager', async () => {
+    const res = await app.inject({
+      method: 'PUT',
+      url: `${prefix}/cms-manager/${testContentId}`,
+      body: {
+        title: 'Edited value'
+      },
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('GET /cms-manager/:type', async () => {
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-manager/${testTemplate}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('GET /cms-manager/:type/:id', async () => {
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-manager/${testTemplate}/${testContentId}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+
+  await t.test('DELETE /cms-manager/:id', async () => {
+    const res = await app.inject({
+      method: 'DELETE',
+      url: `${prefix}/cms-manager/${testContentId}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    // console.log(rep);
+  });
+
+  await t.test('clean up', async () => {
+    const { rowCount: contentCount } = await pg.query('delete from site.contents where content_id=$1', [testContentId]);
+    // const { rowCount: typeCount } = await pg.query('delete from site.content_types where content_type_id=$1', [testTypeId]);
+    // const { rowCount: categoryCount } = await pg.query('delete from site.categories where category_id=$1', [testCategoryId]);
+    console.log('clean up', contentCount);
+  });
+});

package/test/routes/media.test.js

@@ -0,0 +1,252 @@
+import path from 'node:path';
+import { test } from 'node:test';
+import assert from 'node:assert';
+import { readFile, rm } from 'node:fs/promises';
+
+import { config, pgClients, getFolder } from '@opengis/fastify-table/utils.js';
+
+import build from '../helper.js';
+import { existsSync } from 'node:fs';
+
+function arrayBufferToBlob(buffer, contentType) {
+  const uInt8Array = new Uint8Array(buffer);
+  return new Blob([uInt8Array], (contentType ? { type: contentType } : {}));
+}
+
+const { prefix = '/api' } = config;
+
+const uid = '1';
+
+const tokens = {};
+const ids = [];
+const rootDir = getFolder(config, 'local');
+const dir = 'testdirname';
+const subdirname = 'subdirname';
+
+test('cms manager api', async (t) => {
+  const app = await build(t);
+
+  app.addHook('onRequest', async (req) => {
+    req.session = { passport: { user: { user_type: 'admin', uid: '1' } } };
+    req.user = req.session.passport.user;
+    req.unittest = 1;
+  });
+
+  await t.test('GET /media (list)', async () => {
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-media`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    assert.ok(rep.token);
+    Object.assign(tokens, { root: rep.token });
+    assert.ok(rep.data);
+  });
+
+  await t.test('POST /cms-media/:token (add directory)', async () => {
+    // create directory
+    const res = await app.inject({
+      method: 'POST',
+      url: `${prefix}/cms-media/${tokens.root}`,
+      body: {
+        name: dir,
+      },
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    assert.equal(rep.name, dir);
+    assert.ok(rep.token);
+    Object.assign(tokens, { dir: rep.token });
+
+    // create subdirectory
+    const res1 = await app.inject({
+      method: 'POST',
+      url: `${prefix}/cms-media/${tokens.dir}`,
+      body: {
+        name: subdirname,
+      },
+    });
+    assert.equal(res1.statusCode, 200);
+    const rep1 = res1.json();
+    assert.ok(rep1.token);
+    assert.equal(rep1.name, subdirname);
+    assert.equal(rep1.dir, path.join('/media', dir, subdirname).replace(/\\/g, '/'));
+  });
+
+  await t.test('POST /cms-media/:token (upload file)', async () => {
+    const formdata = new FormData();
+    const filepath = path.join(process.cwd(), 'test/files/eye.svg');
+    const buffer = await readFile(filepath, { buffer: true });
+    const data = arrayBufferToBlob(buffer);
+    formdata.append('file', data, path.basename(filepath));
+
+    const res = await app.inject({
+      method: 'POST',
+      url: `${prefix}/cms-media/${tokens.dir}`,
+      body: formdata,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    assert.ok(rep.token);
+    assert.ok(rep.id, 'insert error (crm.media table exists?)');
+    ids.push(rep.id);
+    Object.assign(tokens, { file: rep.token });
+  });
+
+  await t.test('GET /cms-media/:token (preview file)', async () => {
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-media/${tokens.file}`,
+    });
+    assert.equal(res.statusCode, 200);
+    assert.equal(res.headers['content-type'], "image/svg+xml");
+  });
+
+  await t.test('GET /cms-media/:token (download file)', async () => {
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-media/${tokens.file}`,
+      query: { download: 1 },
+    });
+    assert.equal(res.statusCode, 200);
+    assert.ok(res.headers['content-disposition']?.startsWith('attachment'), 'no attachment on download');
+  });
+
+  await t.test('GET /cms-media-metadata/:token (file metadata by token)', async () => {
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-media-metadata/${tokens.file}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    assert.ok(rep.id);
+    assert.ok(rep.name);
+    assert.ok(rep.size);
+    assert.ok(rep.extension);
+    assert.ok(rep.ctime);
+    assert.ok(rep.mtime);
+  });
+
+  await t.test('GET /cms-media-metadata/:id (file metadata by id)', async () => {
+    const res = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-media-metadata/${ids[0]}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    assert.ok(rep.id);
+    assert.ok(rep.name);
+    assert.ok(rep.size);
+    assert.ok(rep.extension);
+    assert.ok(rep.ctime);
+    assert.ok(rep.mtime);
+  });
+
+  await t.test('PUT /cms-media/:token (edit file metadata by token)', async () => {
+    const res = await app.inject({
+      method: 'PUT',
+      url: `${prefix}/cms-media/${tokens.file}`,
+      body: {
+        name: '123.svg',
+        caption: 'Icon',
+        altname: 'image alt name',
+      },
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    assert.ok(rep);
+    assert.ok(rep.name, '123.svg');
+    assert.ok(rep.caption, 'Icon');
+    assert.ok(rep.altname, 'image alt name');
+  });
+
+  await t.test('PUT /cms-media/:id (edit file metadata by id)', async () => {
+    const res = await app.inject({
+      method: 'PUT',
+      url: `${prefix}/cms-media/${ids[0]}`,
+      body: {
+        name: '1234.svg',
+      },
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    assert.ok(rep.name, '1234.svg');
+  });
+
+  // rename directory
+  await t.test('PUT /cms-media/:id (rename directory)', async () => {
+    const res = await app.inject({
+      method: 'PUT',
+      url: `${prefix}/cms-media/${tokens.dir}`,
+      body: {
+        name: `${dir}1`,
+      },
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    assert.equal(rep.name, `${dir}1`);
+    assert.equal(rep.relpath, path.join('/media', `${dir}1`).replace(/\\/g, '/'));
+  });
+
+  // delete file
+  await t.test('DELETE /cms-media/:token (delete file by token)', async () => {
+    const res1 = await app.inject({
+      method: 'GET',
+      url: `${prefix}/cms-media`,
+      query: { dir: `${dir}1` },
+    });
+    assert.equal(res1.statusCode, 200);
+    const rep1 = res1.json();
+    assert.ok(rep1.data);
+    const newtokens = rep1.data.reduce((acc, curr) => Object.assign(acc, { [curr.type]: curr.token }), {});
+    Object.assign(tokens, { new: newtokens });
+    assert.ok(Object.keys(tokens.new).length, 'empty directory');
+
+    const res = await app.inject({
+      method: 'DELETE',
+      url: `${prefix}/cms-media/${newtokens.file}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const rep = res.json();
+    assert.ok(rep.id);
+    assert.equal(rep.name, '1234.svg');
+  });
+
+  // delete directory
+  await t.test('DELETE /cms-media/:token (delete directory by token)', async () => {
+    const dirpath = path.join(rootDir, 'media', `${dir}1`, subdirname);
+    const existsBefore = existsSync(dirpath);
+    const res = await app.inject({
+      method: 'DELETE',
+      url: `${prefix}/cms-media/${tokens.new.dir}`,
+    });
+    assert.equal(res.statusCode, 200);
+    const existsAfter = existsSync(dirpath);
+    assert.ok(existsBefore && !existsAfter);
+  });
+  // restrict delete root directory
+  await t.test('DELETE /cms-media/:token (restrict delete root directory)', async () => {
+    const res = await app.inject({
+      method: 'DELETE',
+      url: `${prefix}/cms-media/${tokens.root}`,
+    });
+    assert.equal(res.statusCode, 403);
+  });
+
+  await t.test('clean up', async () => {
+    const { rowCount = 0 } = pgClients.client?.pk?.['crm.media'] ? await pgClients.client.query(`delete from crm.media where uid=$1`, [uid]) : {};
+    console.log('clean up: media', rowCount);
+    const dirpath = path.join(rootDir, 'media', dir);
+    const len = [dirpath, `${dirpath}1`].filter(el => existsSync(el)).length;
+    if (len > 0) {
+      await Promise.all([dirpath, `${dirpath}1`].filter(el => existsSync(el)).map(async (el) => {
+        console.log('clean up: test directory', el);
+        await rm(el, { recursive: true });
+      }));
+    } else {
+      console.log('clean up: test directory', 0);
+    }
+  });
+
+});

package/vite.config.js

@@ -0,0 +1,37 @@
+import { defineConfig } from 'vite'
+import { fileURLToPath, URL } from 'node:url';
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path';
+
+
+// https://vite.dev/config/
+
+export default defineConfig({
+  plugins: [vue()],
+  base: '/',
+  build: {
+    lib: {
+      entry: resolve(__dirname, './src/misc/import-file.js'),
+      name: 'cms',
+      fileName: 'cms',
+    },
+    rollupOptions: {
+      // make sure to externalize deps that shouldn't be bundled
+      // into your library
+      external: ['vue'],
+      output: {
+        // Provide global variables to use in the UMD build
+        // for externalized deps
+        globals: {
+          vue: 'Vue',
+        },
+      },
+    },
+  },
+   resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      'vue': 'vue/dist/vue.esm-bundler',
+    },
+  },
+})