@gnar-engine/cli 1.0.3 → 1.0.5

package/bootstrap/services/portal/src/slices/authSlice.js

@@ -1,18 +1,25 @@
-import {createSlice, createAsyncThunk, createAction} from '@reduxjs/toolkit';
-import { getAuthToken, getAuthUser, setAuthToken, setAuthUser, removeAuthToken, removeAuthUser } from '@gnar-engine/js-client/src/storage';
-import gnarEngine from '@gnar-engine/js-client';
+import { createSlice, createAsyncThunk, createAction } from '@reduxjs/toolkit';
+import { getAuthToken, getAuthUser, setAuthToken, setAuthUser, removeAuthToken, removeAuthUser } from '../services/storage.js';
+import { user } from '../services/user.js';
 
 
-export const login = createAsyncThunk('auth/login', async ({username, password}) => {
-
+export const login = createAsyncThunk('auth/login', async ({ username, password }) => {
     let response;
-
     try {
-        response = await gnarEngine.user.authenticate(username, password);;
+        response = await user.authenticate({ username, password });
     } catch (error) {
         response = error.response;
     }
+    return response;
+})
 
+export const register = createAsyncThunk('auth/register', async (user) => {
+    let response;
+    try {
+        response = await user.createUser(user);
+    } catch (error) {
+        response = error.response;
+    }
     return response;
 })
 
@@ -35,8 +42,9 @@ export const authSlice = createSlice({
                 state.authError = '';
             })
             .addCase(login.fulfilled, (state, action) => {
+                console.log('login.fulfilled', action.payload);
                 state.authLoading = false;
-                state.authError = action.payload.data?.error ? action.payload.data.message : '';
+                state.authError = action.payload.message ? action.payload.message : '';
 
                 if (action.payload.token) {
                     state.accessToken = action.payload.token;
@@ -47,10 +55,7 @@ export const authSlice = createSlice({
                     setAuthUser(JSON.stringify(action.payload.user));
 
                     // redirect to portal
-                    window.location.href= '/portal';
-                } else {
-                    // Handle error case
-                    console.error('Login failed:', action.payload);
+                    window.location.href= '/portal/dashboard';
                 }
             })
             .addCase(logout, (state, action) => {
@@ -63,9 +68,34 @@ export const authSlice = createSlice({
                 removeAuthUser();
 
                 // Redirect to login page
-                window.location.href = '/login';
+                window.location.href = '/portal/login';
+            })
+
+            // Register
+            .addCase(register.pending, (state, action) => {
+                state.status = 'loading';
+            })
+            .addCase(register.fulfilled, (state, action) => {
+                state.status    = 'idle';
+
+                if (action.payload.users && action.payload.users.length > 0) {
+                    const user = action.payload.users[0];
+            
+                    state.logged_in = true;
+                    state.user = user;
+            
+                    // Save user auth details (if needed)
+                    setAuthUser(JSON.stringify(user));
+            
+                    // Redirect to dashboard page
+                    window.location.href = '/portal/dashboard';
+                } else {
+                    state.logged_in = false;
+                    state.user = {};
+                    state.error = 'Registration failed: Invalid response';
+                }
             });
     }
 })
 
-export default authSlice;
+export default authSlice;

package/bootstrap/services/portal/src/store/configureStore.js

@@ -1,12 +1,10 @@
 import { configureStore } from '@reduxjs/toolkit';
 import authSlice from '../slices/authSlice';
 
-
 const store = configureStore({
-    
     reducer: {
         auth: authSlice.reducer
     }
 })
 
-export default store;
+export default store;

package/bootstrap/services/portal/src/style/cards.less

@@ -0,0 +1,57 @@
+.card {
+    border: 1px solid #3C3C3C;
+    border-radius: 10px;
+    margin-bottom: 30px;
+    width: 100%;
+
+    .card-title {
+        background: #242424;
+        margin: 0px;
+        padding: 20px 40px;
+        font-size: 16px;
+        font-weight: 400;
+        border-top-left-radius: 10px;
+        border-top-right-radius: 10px;
+        overflow: hidden;
+    }
+    
+    .card-content {
+        padding: 30px 40px;
+    }
+
+    .instruction {
+        color: @mid-grey;
+        margin-bottom: 30px;
+    }
+}
+
+.card-columns {
+    display: flex;
+    flex-wrap: no-wrap;
+    gap: 50px;
+    
+    & > .col-66 {
+        width: 66%;
+    }
+    
+    & > .col-33 {
+        width: 33%;
+    }   
+    p {
+        margin-top: 0px;
+    }
+}
+
+.card {
+    input[type="text"],
+    input[type="password"],
+    input[type="email"],
+    textarea {
+        margin-top: 8px;
+        background: @dark-3; 
+
+        &::placeholder {
+            color: @light-grey; 
+        }
+    }
+}

package/bootstrap/services/portal/src/{styles → style}/global.less

@@ -1,29 +1,28 @@
 
 /* vars */
-
-@green-1: #479E78;
-@dark-grey-1: #434343;
-@mid-grey-1: #73768C;
-@orange-1: #E8896D;
-@orange-2: #EFA12C;
-@dark-1: #3C5063;
-@grey-light-1: #F6F8F9;
-@grey-mid-1: #E4E4E4;
-@grey-dark-1: #B3B3B3;
-@white: #FFFFFF;
-@red-1: #c73939;
-@red-2: #ffeeee;
-@green-2: #359E59;
+@dark-1: #242424;
+@dark-2: #2C2C2C;
+@dark-3: #242424;
+@dark-grey: #3C3C3C;
+@mid-grey: #868686;
+@light-grey: #D9D9D9;
+@white: #ffffff;
+@green-main: #47DCA6;
+@error-red: #FF4D4F;
 
 @content-width: 1550px;
 
 /* Fonts */
-
 // @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
-body {
-    font-family: ubuntu, sans-serif;
-    color: @dark-1;
+html {
+    background: @dark-1;
+}
+
+body,
+body * {
+    font-family: ubuntu, sans-serif !important;
+    color: @white;
     font-size: 14px;
 }
 
@@ -31,11 +30,12 @@ body {
 
 h1 {
     margin-top: 0px;
-    font-size: 28px;
-    font-weight: 600;
+    margin-bottom: 40px;
+    font-size: 18px;
+    font-weight: 400;
 }
 h2 {
-    font-size: 15px;
+    font-size: 14px;
     font-weight: 500;
 }
 body {
@@ -47,10 +47,12 @@ body {
 }
 
 .separator {
+    display: inline-block;
     margin-top: 20px;
     margin-bottom: 20px;
     height: 0px;
-    border-top: 1px solid @grey-mid-1;
+    border-top: 1px solid @dark-grey;
+    width: 100%;
 }
 .content-wrap {
     display: flex;
@@ -65,9 +67,9 @@ body {
     padding-right: 20px;
 }
 .instruction {
-    font-size: 12px;
     margin-top: 10px;
     margin-bottom: 10px;
+    color: @light-grey;
 }
 .flex-row {
     display: flex;
@@ -121,7 +123,7 @@ body {
 
 .button {
     &.button-loading {
-        background: @grey-mid-1 !important;
+        background: @dark-grey !important;
         cursor: not-allowed !important;
 
         &:disabled {
@@ -131,29 +133,72 @@ body {
     }
 }
 
-.card {
-    background: @white;
-    border: 1px solid @grey-mid-1;
-    border-radius: 10px;
-    margin-top: 20px;
-    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
+.text-link {
+    color: @light-grey;
+    cursor: pointer;
+    display: inline-block;
+    text-decoration: none;
+    font-size: 14px;
 
-    .card-header {
-        width: 100%;
-        background-color: @dark-grey-1;
-        color: @white;
-        border-top-left-radius: 10px;
-        border-top-right-radius: 10px;
-        display: flex;
-        justify-content: space-between;
-        
-        h2 {
-            padding: 20px;
-            margin: 0px;
+    &:hover {
+        opacity: 0.8;
+    }
+}
+
+.input {
+    font-size: 12px;
+    color: @dark-2;
+
+    input {
+        background: @dark-1 !important;
+        color: white;
+        padding: 10px;
+        padding-left: 48px;
+        border-radius: 20px;
+        font-size: 14px;
+        margin-top: 5px;
+        margin-bottom: 5px !important;
+    }
+
+    &.icon {
+        background-size: 15px;
+        background-repeat: no-repeat;
+        background-position: 15px 15px;
+
+        input {
+            padding-left: 50px;
         }
     }
+}
+
+.single-crud-page {
+    .top-bar {
+        margin-bottom: 20px;
+    }
+    .bottom-bar {
+        margin-top: 20px;
+        margin-bottom: 20px;
+        justify-content: flex-end;
+    }
+}
+
+.error-messages {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+
+    ul {
+        list-style: none;
+        margin: 0px;
+    }
 
-    .card-content {
-        padding: 20px;
+    li, a, span, p {
+        color: @error-red;
     }
-}
+}
+
+.button-group {
+    button {
+        margin-left: 15px;
+    }
+}

package/bootstrap/services/portal/src/style/icons.less

@@ -0,0 +1,21 @@
+.icon-dashboard {
+    background: url('../assets/icon-home.svg');
+}
+.icon-users {
+    background: url('../assets/icon-users.svg');
+}
+.icon-settings {
+    background: url('../assets/icon-settings.svg');
+}
+.icon-reports {
+    background: url('../assets/icon-reports.svg');
+}
+.icon-agent {
+    background: url('../assets/icon-agent.svg');
+}
+.icon-page {
+    background: url('../assets/icon-page.svg');
+}
+.icon-delete {
+    background: url('../assets/icon-delete.svg');
+}

package/bootstrap/services/portal/src/style/inputs.less

@@ -0,0 +1,52 @@
+input[type="text"],
+input[type="password"],
+input[type="email"],
+textarea,
+.custom-select .custom-select-input {
+    border: 1px solid @dark-grey;
+    border-radius: 17px;
+    padding: 8px 10px;
+    font-size: 14px;
+    width: 100%;
+    box-sizing: border-box;
+    background: none;
+    margin-bottom: 25px;
+    transition: border-color 0.3s;
+
+    &::placeholder {
+        color: @white;
+    }
+
+    &:focus {
+        outline: none;
+        border-color: @green-main;
+    }
+}
+
+button {
+    background: @green-main;
+    border: 1px solid @green-main;
+    border-radius: 17px;
+    color: @dark-1;
+    padding: 9px 19px;
+    min-width: 143px;
+    font-weight: 700;
+    transition: opacity 0.3s;
+
+    &[type="submit"] {
+        margin-top: 25px;
+        margin-bottom: 25px;
+    }
+
+    &:hover {
+        opacity: 0.8;
+        cursor: pointer; 
+    }
+
+    &.secondary-btn {
+        background: @dark-2;
+        color: @white;
+        border: 1px solid @dark-grey;
+    }
+}
+

package/bootstrap/services/portal/src/style/main.less

@@ -0,0 +1,28 @@
+// GLOBAL
+@import "global.less";
+@import "inputs.less";
+@import "icons.less";
+@import "cards.less";
+
+// LAYOUTS
+@import "../layouts/PortalLayout/PortalLayout.less";
+
+// COMPONENTS
+@import "../components/Sidebar/Sidebar.less";
+@import "../components/Topbar/Topbar.less";
+@import "../components/UserInfo/UserInfo.less";
+@import "../components/CrudList/CrudList.less";
+
+// ELEMENTS
+@import "../elements/Repeater/Repeater.less";
+@import "../elements/CustomSelect/CustomSelect.less";
+@import "../elements/RichTextInput/RichTextInput.less";
+@import "../elements/ImageInput/ImageInput.less";
+@import "../elements/ImageMultiInput/ImageMultiInput.less";
+
+// PAGES
+@import "../pages/LoginPage/LoginPage.less";
+
+#MagiCSS-bookmarklet span {
+    color: black !important;
+}

package/bootstrap/services/portal/src/utils/utils.js

@@ -0,0 +1,9 @@
+
+export const fileToBase64 = (file) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result); // returns "data:image/png;base64,..."
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+}

package/bootstrap/services/portal/vite.config.js

@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vite.dev/config/
+export default defineConfig({
+    plugins: [react()],
+    server: {
+        host: true, // binds to 0.0.0.0
+        allowedHosts: ['.localhost', 'portal-service'], // allow extra hosts
+    },
+    base: '/portal/',
+})

package/bootstrap/services/user/Dockerfile

@@ -1,4 +1,4 @@
-# Dockerfile for Product Service
+# Dockerfile for User Service
 FROM node:20-alpine 
 
 # Set the working directory

package/bootstrap/services/user/src/app.js

@@ -1,4 +1,4 @@
-import { message, http, logger, db, registerService, webSockets } from '@gnar-engine/core';
+import { message, http, logger, db, registerService, webSockets, test } from '@gnar-engine/core';
 import { config } from './config.js';
 import { messageHandlers } from './controllers/message.controller.js';
 import { httpController as userPlatformHttpController } from './controllers/http.controller.js';
@@ -40,6 +40,11 @@ export const initService = async () => {
     await registerService();
 
 	logger.info('G n a r  E n g i n e | User Service initialised successfully.');
+
+    // Tests
+    if (config.environment === 'test' && config.runTests) {
+        test.runCommandTests({config});
+    }
 }
 
 initService();

package/bootstrap/services/user/src/commands/user.handler.js

@@ -76,7 +76,6 @@ commands.register('userService.getAuthenticatedUser', async ({token}) => {
     const user_id = await auth.getAuthenticatedUser(token);
 
     if (user_id) {
-        logger.info('Auth user: ' + user_id);
         const userObj = await user.getById({id: user_id});
 
         if (userObj) {
@@ -86,8 +85,6 @@ commands.register('userService.getAuthenticatedUser', async ({token}) => {
             return userObj;
         }
     }
-
-    return;
 });
 
 

package/bootstrap/services/user/src/config.js

@@ -6,12 +6,16 @@ export const config = {
     // service name
     serviceName: 'userService',
 
+    // environment
+    environment: process.env.USER_NODE_ENV || 'dev',
+    runTests: process.env.USER_RUN_TESTS || false,
+
     // microservice | modular-monolith
     architecture: process.env.GLOBAL_ARCHITECTURE || 'microservice',
 
     // web server
     http: {
-        allowedOrigins: [],
+        allowedOrigins: ['localhost', 'localhost:4003'],
         allowedMethods: ['GET', 'POST', 'PUT', 'DELETE'],
         allowedHeaders: ['Content-Type', 'Authorization'],
         rateLimiting: {

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

@@ -1,4 +1,5 @@
 import { config } from '../config.js';
+import { logger } from '@gnar-engine/core';
 
 
 export const authorise = {
@@ -23,6 +24,7 @@ export const authorise = {
      * Authorise get many users
      */
     getMany: async (request, reply) => {
+        logger.info('user -' + JSON.stringify(request.user)); 
         if (!request.user || request.user.role !== 'service_admin') {
             reply.code(403).send({error: 'not authorised'});
         }
@@ -78,4 +80,4 @@ export const authorise = {
             reply.code(403).send({error: 'not authorised'});
         }
     }
-}
+}

package/bootstrap/services/user/src/tests/commands/user.test.js

@@ -0,0 +1,22 @@
+import { commands, logger, test } from '@gnar-engine/core';
+
+// Preparation before tests run
+test.prep(async () => {
+    if (process.env.NODE_ENV === 'production') {
+        throw new Error('Do not run tests in production mode!');
+    }
+})
+
+// Test create user command
+test.run('Create User Command', async () => {
+    const users = await commands.execute('createUsers', [
+        {
+            email: 'test@gnar.co.uk'
+        }
+    ]);
+
+    test.assert(users.length === 1, 'User was not created successfully');
+    test.assert(users[0].email === 'test@gnar.co.uk', 'User email does not match');
+});
+
+

package/install-from-clone.sh

@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+set -e
+
+TARGET_DIR="$HOME/.gnarengine"
+CLI_DIR="$(pwd)"
+
+echo "Installing Gnar Engine CLI from local source for user $USER..."
+
+mkdir -p "$TARGET_DIR"
+
+# Install dependencies
+cd "$CLI_DIR"
+npm install
+
+# Link CLI to custom global folder
+npm link --prefix "$TARGET_DIR"
+
+# Bin path for npm link
+BIN_PATH="$TARGET_DIR/bin"
+
+# Add to shell PATH if not already present
+for SHELLRC in "$HOME/.bashrc" "$HOME/.zshrc"; do
+    [ -f "$SHELLRC" ] || continue
+    if ! grep -q "$BIN_PATH" "$SHELLRC"; then
+        echo "export PATH=\"$BIN_PATH:\$PATH\"" >>"$SHELLRC"
+        echo "Added $BIN_PATH to PATH in $SHELLRC"
+    fi
+done
+
+echo "Gnar Engine CLI installed! Restart your terminal and run 'gnar --help'"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gnar-engine/cli",
-    "version": "1.0.3",
+    "version": "1.0.5",
     "description": "Gnar Engine Development Framework CLI: Project bootstrap, scaffolder & control plane.",
     "type": "module",
     "bin": {

package/src/cli.js

@@ -6,6 +6,7 @@ import { registerDevCommands } from './dev/commands.js';
 import { registerControlCommands } from './control/commands.js';
 import { registerScaffolderCommands } from './scaffolder/commands.js';
 import { registerAgentCommands } from './agent/commands.js';
+import path from 'path';
 
 // Create a new program
 const program = new Command();
@@ -28,3 +29,10 @@ G n a r  E n g i n e -  A powerful, AI ready microservice framework for modern a
 
 // Parse CLI input
 program.parse(process.argv);
+
+// Consts
+export const directories = {
+    scaffolderTemplates: path.join(import.meta.dirname, '../templates/service'),
+    bootstrap: path.join(import.meta.dirname, '../bootstrap'),
+    provisioner: path.join(import.meta.dirname, './provisioner')
+}

package/src/config.js

@@ -4,5 +4,6 @@ export const gnarEngineCliConfig = {
     /**
      * The path the Gnar Engine service core should be found in the service containers
      */
-    corePath: '/usr/gnar_engine/app/gnarengine-service-core'
+    corePath: '/usr/gnar_engine/app/node_modules/@gnar-engine/core'
+
 }