@gnar-engine/cli 1.0.4 → 1.0.5

package/bootstrap/services/page/src/controllers/page.http.controller.js

@@ -0,0 +1,89 @@
+import { commands } from '@gnar-engine/core';
+import { authorise } from '../policies/page.policy.js';
+
+/**
+ * HTTP controller
+ */
+export const httpController = {
+
+	/**
+	 * Get single page
+	 */
+	getSingle: {
+		method: 'GET',
+		url: '/pages/:id',
+		preHandler: async (request, reply) => authorise.getSingle(request, reply),
+		handler: async (request, reply) => {
+			const params = {
+				id: request.params.id
+			};
+			const result = await commands.execute('getSinglePage', params);
+			reply.code(200).send({ page: result });
+		}
+	},
+
+	/**
+	 * Get multiple pages
+	 */
+	getMany: {
+		method: 'GET',
+		url: '/pages/',
+		preHandler: async (request, reply) => authorise.getMany(request, reply),
+		handler: async (request, reply) => {
+			const params = {};
+			const results = await commands.execute('getManyPages', params);
+			reply.code(200).send({ pages: results });
+		}
+	},
+
+	/**
+	 * Create new page
+	 */
+	create: {
+		method: 'POST',
+		url: '/pages/',
+		preHandler: async (request, reply) => authorise.create(request, reply),
+		handler: async (request, reply) => {
+			const params = {
+				pages: [request.body.page],
+                requestUser: request.user
+			};
+			const results = await commands.execute('createPages', params);
+			reply.code(200).send({ pages: results });
+		},
+	},
+
+	/**
+	 * Update page
+	 */
+	update: {
+		method: 'POST',
+		url: '/pages/:id',
+		preHandler: async (request, reply) => authorise.update(request, reply),
+		handler: async (request, reply) => {
+			const params = {
+				id: request.params.id,
+				newPageData: request.body.page,
+                requestUser: request.user
+			};
+			const result = await commands.execute('updatePage', params);
+			reply.code(200).send({ page: result });
+		},
+	},
+
+	/**
+	 * Delete page
+	 */
+	delete: {
+		method: 'DELETE',
+		url: '/pages/:id',
+		preHandler: async (request, reply) => authorise.delete(request, reply),
+		handler: async (request, reply) => {
+			const params = {
+				id: request.params.id
+			};
+			await commands.execute('deletePage', params);
+			reply.code(200).send({ message: 'Page deleted' });
+		},
+	},
+}

package/bootstrap/services/page/src/policies/block.policy.js

@@ -0,0 +1,50 @@
+import { config } from '../config.js';
+
+export const authorise = {
+
+    /**
+     * Authorise get single block
+     */
+    getSingle: async (request, reply) => {
+        if (!request.user || request.user.role !== 'service_admin') {
+            reply.code(403).send({error: 'not authorised'});
+        }
+    },
+
+    /**
+     * Authorise get many blocks
+     */
+    getMany: async (request, reply) => {
+        if (!request.user || request.user.role !== 'service_admin') {
+            reply.code(403).send({error: 'not authorised'});
+        }
+    },
+
+    /**
+     * Authorise create blocks
+     */
+    create: async (request, reply) => {
+        console.log('request user', request.user);
+        if (!request.user || request.user.role !== 'service_admin') {
+            reply.code(403).send({error: 'not authorised'});
+        }
+    },
+
+    /**
+     * Authorise update block
+     */
+    update: async (request, reply) => {
+        if (!request.user || request.user.role !== 'service_admin') {
+            reply.code(403).send({error: 'not authorised'});
+        }
+    },
+
+    /**
+     * Authorise delete block
+     */
+    delete: async (request, reply) => {
+        if (!request.user || request.user.role !== 'service_admin') {
+            reply.code(403).send({error: 'not authorised'});
+        }
+    }
+}

package/bootstrap/services/page/src/policies/page.policy.js

@@ -0,0 +1,49 @@
+import { config } from '../config.js';
+
+export const authorise = {
+
+    /**
+     * Authorise get single page
+     */
+    getSingle: async (request, reply) => {
+        if (!request.user || request.user.role !== 'service_admin') {
+            reply.code(403).send({error: 'not authorised'});
+        }
+    },
+
+    /**
+     * Authorise get many pages
+     */
+    getMany: async (request, reply) => {
+        if (!request.user || request.user.role !== 'service_admin') {
+            reply.code(403).send({error: 'not authorised'});
+        }
+    },
+
+    /**
+     * Authorise create pages
+     */
+    create: async (request, reply) => {
+        if (!request.user || request.user.role !== 'service_admin') {
+            reply.code(403).send({error: 'not authorised'});
+        }
+    },
+
+    /**
+     * Authorise update page
+     */
+    update: async (request, reply) => {
+        if (!request.user || request.user.role !== 'service_admin') {
+            reply.code(403).send({error: 'not authorised'});
+        }
+    },
+
+    /**
+     * Authorise delete page
+     */
+    delete: async (request, reply) => {
+        if (!request.user || request.user.role !== 'service_admin') {
+            reply.code(403).send({error: 'not authorised'});
+        }
+    }
+}

package/bootstrap/services/page/src/schema/page.schema.js

@@ -0,0 +1,139 @@
+import { schema } from '@gnar-engine/core';
+import { config } from '../config.js';
+
+export const pageSchema = {
+    schemaName: 'pageService.pageSchema',
+    schema: {
+        type: 'object',
+        properties: {
+            name: { type: 'string' },
+            key: { type: 'string' },
+            blocks: {
+                type: 'array',
+                items: { $ref: 'pageService.blockSchema' }
+            }
+        },
+        required: ['name', 'key'],
+        additionalProperties: false
+    }
+};
+
+export const blockSchema  = {
+    $id: 'pageService.blockSchema',
+    schemaName: 'pageService.blockSchema',
+    schema: {
+        type: 'object',
+        properties: {
+            name: { type: 'string' },
+            key: { type: 'string' },
+            blocks: {
+                type: 'array',
+                items: { $ref: 'pageService.blockSchema' }
+            },
+            fields: {
+                type: 'array',
+                items: { 
+                    oneOf: [
+                        { $ref: 'pageService.textInputSchema' },
+                        { $ref: 'pageService.richTextSchema' },
+                        { $ref: 'pageService.imageSchema' },
+                        { $ref: 'pageService.blockSchema' },
+                        { $ref: 'pageService.repeaterSchema' }
+                    ]
+                }
+            },
+            type: { type: 'string', enum: ['block'] },
+            instanceId: { type: 'string' }
+        },
+        required: ['name', 'key'],
+        additionalProperties: false
+    }
+}
+
+export const textInputSchema = {
+    $id: 'pageService.textInputSchema',
+    schemaName: 'pageService.textInputSchema',
+    schema: {
+        type: 'object',
+        properties: {
+            key: { type: 'string' },
+            name: { type: 'string' },
+            type: { type: 'string', enum: ['text'] },
+            value: { type: 'string' }
+        },
+        required: ['key', 'type'],
+        additionalProperties: false
+    }
+}
+
+export const richTextSchema = {
+    $id: 'pageService.richTextSchema',
+    schemaName: 'pageService.richTextSchema',
+    schema: {
+        type: 'object',
+        properties: {
+            key: { type: 'string' },
+            name: { type: 'string' },
+            type: { type: 'string', enum: ['richtext'] },
+            value: { type: 'string' }
+        },
+        required: ['key', 'type'],
+        additionalProperties: false
+    }
+}
+
+export const imageSchema = {
+    $id: 'pageService.imageSchema',
+    schemaName: 'pageService.imageSchema',
+    schema: {
+        type: 'object',
+        properties: {
+            key: { type: 'string' },
+            name: { type: 'string' },
+            type: { type: 'string', enum: ['image'] },
+            value: {
+                type: 'object',
+                properties: {
+                    file: { type: 'string' },
+                    mimeType: { type: 'string' },
+                    fileName: { type: 'string' },
+                    url: { type: 'string' }
+                }
+            },
+            altText: { type: 'string' }
+        },
+        required: ['key', 'type'],
+        additionalProperties: false
+    }
+}
+
+export const repeaterSchema = {
+    $id: 'pageService.repeaterSchema',
+    schemaName: 'pageService.repeaterSchema',
+    schema: {
+        type: 'object',
+        properties: {
+            key: { type: 'string' },
+            name: { type: 'string' },
+            type: { type: 'string', enum: ['repeater'] },
+            repeaterType: { type: 'string' },
+            value: { 
+                type: 'array',
+                items: {
+                    $ref: 'pageService.blockSchema'
+                },
+            }
+        },
+        required: ['key', 'type', 'repeaterType'],
+        additionalProperties: false
+    }
+}
+
+schema.addSchema(blockSchema);
+schema.addSchema(textInputSchema);
+schema.addSchema(richTextSchema);
+schema.addSchema(imageSchema);
+schema.addSchema(repeaterSchema);
+
+export const validatePage = schema.compile(pageSchema);
+export const validateBlock = schema.compile(blockSchema);

package/bootstrap/services/page/src/services/block.service.js

@@ -0,0 +1,83 @@
+import { db, logger } from '@gnar-engine/core';
+import { ObjectId } from 'mongodb';
+
+export const block = {
+
+    // Get all blocks
+    getAll: async () => {
+        try {
+            const items = await db.collection('blocks').find().toArray();
+            return items.map(mappings);
+        } catch (error) {
+            logger.error("Error fetching blocks:", error);
+            throw error;
+        }
+    },
+
+    // Create a block
+    create: async (data) => {
+        try {
+            const collection = db.collection('blocks');
+            const result = await collection.insertOne(data);
+            const insterted = await collection.findOne({ _id: result.insertedId });
+            return mappings(insterted);
+        } catch (error) {
+            logger.error("Error creating block:", error);
+            throw error;
+        }
+    },
+
+    // Get a block by ID
+    getById: async ({ id }) => {
+        try {
+            const collection = db.collection('blocks');
+            const objectId = new ObjectId(id);
+            const item = await collection.findOne({ _id: objectId });
+            return mappings(item);
+        } catch (error) {
+            logger.error("Error fetching block:", error);
+            throw error;
+        }
+    },
+
+    // Update a block
+    update: async ({ id, updatedData }) => {
+        try {
+            const collection = db.collection('blocks');
+            const objectId = new ObjectId(id);
+            const result = await collection.updateOne(
+                { _id: objectId },
+                { $set: updatedData }
+            );
+            return result.modifiedCount > 0;
+        } catch (error) {
+            logger.error("Error updating block:", error);
+            throw error;
+        }
+    },
+
+    // Delete a block
+    delete: async ({ id }) => {
+        try {
+            const collection = db.collection('blocks');
+            const objectId = new ObjectId(id);
+            const result = await collection.deleteOne({ _id: objectId });
+            return result.deletedCount > 0;
+        } catch (error) {
+            logger.error("Error deleting block:", error);
+            throw error;
+        }
+    }
+};
+
+const mappings = (item) => {
+    if (!item) {
+        return item;
+    }
+
+    // _id -> id
+    const { _id, ...rest } = item;
+    item = { id: _id.toString(), ...rest };
+    
+    return item;
+}

package/bootstrap/services/page/src/services/page.service.js

@@ -0,0 +1,83 @@
+import { db, logger } from '@gnar-engine/core';
+import { ObjectId } from 'mongodb';
+
+export const page = {
+
+    // Get all pages
+    getAll: async () => {
+        try {
+            const items = await db.collection('pages').find().toArray();
+            return items.map(mappings);
+        } catch (error) {
+            logger.error("Error fetching pages:", error);
+            throw error;
+        }
+    },
+
+    // Create a page
+    create: async (data) => {
+        try {
+            const collection = db.collection('pages');
+            const result = await collection.insertOne(data);
+            const insterted = await collection.findOne({ _id: result.insertedId });
+            return mappings(insterted);
+        } catch (error) {
+            logger.error("Error creating page:", error);
+            throw error;
+        }
+    },
+
+    // Get a page by ID
+    getById: async ({ id }) => {
+        try {
+            const collection = db.collection('pages');
+            const objectId = new ObjectId(id);
+            const item = await collection.findOne({ _id: objectId });
+            return mappings(item);
+        } catch (error) {
+            logger.error("Error fetching page:", error);
+            throw error;
+        }
+    },
+
+    // Update a page
+    update: async ({ id, updatedData }) => {
+        try {
+            const collection = db.collection('pages');
+            const objectId = new ObjectId(id);
+            const result = await collection.updateOne(
+                { _id: objectId },
+                { $set: updatedData }
+            );
+            return result.modifiedCount > 0;
+        } catch (error) {
+            logger.error("Error updating page:", error);
+            throw error;
+        }
+    },
+
+    // Delete a page
+    delete: async ({ id }) => {
+        try {
+            const collection = db.collection('pages');
+            const objectId = new ObjectId(id);
+            const result = await collection.deleteOne({ _id: objectId });
+            return result.deletedCount > 0;
+        } catch (error) {
+            logger.error("Error deleting page:", error);
+            throw error;
+        }
+    }
+};
+
+const mappings = (item) => {
+    if (!item) {
+        return item;
+    }
+
+    // _id -> id
+    const { _id, ...rest } = item;
+    item = { id: _id.toString(), ...rest };
+    
+    return item;
+}

package/bootstrap/services/portal/Dockerfile

@@ -0,0 +1,20 @@
+# Dockerfile for Control Service
+FROM node:20-alpine
+
+# Set the working directory
+WORKDIR /usr/gnar_engine/app
+
+# Define a global env var
+ENV GLOBAL_SERVICE_BASE_DIR=/usr/gnar_engine/app/src/
+
+# Copy package.json and package-lock.json
+COPY ./services/portal/ ./
+
+# Install app dependencies
+RUN npm install
+
+# Expose the port the service will run on
+EXPOSE 5173
+
+# Start the application
+CMD ["npm", "run", "start:dev"]

package/bootstrap/services/portal/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/bootstrap/services/portal/index.html

@@ -0,0 +1,13 @@
+<!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>portal</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

package/bootstrap/services/portal/nginx.conf

@@ -0,0 +1,5 @@
+# portal nginx override
+location /portal {
+    rewrite ^/portal$ /portal/ break;
+    proxy_pass http://portal-service:5173/portal;
+}

package/bootstrap/services/portal/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "portal",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "vite build",
+    "build:style": "lessc --strict-imports src/style/main.less src/css/style.css",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@reduxjs/toolkit": "^2.10.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "axios": "^1.13.2",
+    "react-redux": "^9.2.0",
+    "react-router-dom": "^7.9.6",
+    "react-quill-new": "^3.7.0",
+    "crypto-js": "^4.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "globals": "^16.5.0",
+    "less": "^4.4.2",
+    "lessc": "^1.0.2",
+    "vite": "^7.2.2",
+    "uuid": "^11.1.0"
+  }
+}

package/bootstrap/services/portal/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/bootstrap/services/portal/react-router.config.js

@@ -0,0 +1,7 @@
+import type { Config } from "@react-router/dev/config";
+
+export default {
+  // Config options...
+  // Server-side render by default, to enable SPA mode set this to `false`
+  ssr: false,
+} satisfies Config;

package/bootstrap/services/portal/src/App.jsx

@@ -0,0 +1,16 @@
+import { useState } from 'react'
+import { Outlet } from "react-router-dom";
+import { Provider } from 'react-redux';
+import store from './store/configureStore';
+
+function App() {
+    return  (
+        <>
+            <Provider store={store}>
+                <Outlet />
+            </Provider>
+        </>
+    )
+}
+
+export default App