@things-factory/operato-codelingua 6.1.66 → 7.0.8

package/README.md

@@ -1,37 +1,82 @@
-# Operato CodeLingua
+# Codelingua
 
-## Deciphering Code, Simplifying Understanding
+**Revolutionizing Software Development: Work Smarter, Code Better**
 
-CodeLingua is a revolutionary service that deciphers technical system responses and translates them into understandable language. Leveraging the power of AI, CodeLingua turns cryptic error codes and system messages into user-friendly explanations. This facilitates a more efficient and user-friendly approach to technical troubleshooting and system understanding.
+## Introduction
 
-### Features:
+Codelingua is the ultimate project automation solution for developers. By leveraging GitHub hooks, Codelingua automates documentation, code reviews, translations, and content generation, allowing developers to focus on what matters most.
 
-- **System Error Translation**: Convert technical system error codes and messages into user-friendly language.
-- **Integration with Various Systems**: Compatible with various external systems like databases, middleware, platform services, etc.
-- **AI-Powered Interpretation**: Utilizes OpenAI's GPT models to interpret and explain complex system messages.
+## Features
 
-### Getting Started:
+- **Documentation Automation**: Automatically update documentation based on code changes to keep everything up-to-date.
+- **Code Review Automation**: Perform automated code reviews to ensure code quality by detecting style and rule violations.
+- **Translation Automation**: Manage and automate translations within your code for seamless multilingual support.
+- **Content Generation**: Automatically generate content such as release notes and changelogs, saving developers time on documentation tasks.
 
-To get started with CodeLingua, follow these steps:
+## Benefits
 
-1. **Installation**: Download or clone this repository to your local system.
-2. **Setup**: Install all the required dependencies by running `npm install` in the project root directory.
-3. **Usage**: Start the service by running `npm start` in the project root directory.
+- **Time Savings**: Automate repetitive tasks so developers can focus on core functionalities.
+- **Consistency**: Maintain consistency across all documents and code with automated tools.
+- **Multilingual Support**: Easily manage projects in multiple languages with the translation feature.
+- **Increased Efficiency**: Enhance development speed and quality through streamlined workflows.
 
-### Contributing:
+## Getting Started
 
-Contributions to CodeLingua are always welcome. Whether it's feature enhancements, bug fixes, or design improvements, we appreciate all help! For major changes, please open an issue first to discuss what you would like to change.
+### Prerequisites
 
-### License:
+- [Git](https://git-scm.com/)
+- [Node.js](https://nodejs.org/)
+- [GitHub Account](https://github.com/)
 
-[MIT](https://choosealicense.com/licenses/mit/)
+### Installation
 
-### Contact:
+1. Clone the repository:
+   ```bash
+   git clone https://github.com/yourusername/codelingua.git
+   ```
+2. Navigate to the project directory:
+   ```bash
+   cd codelingua
+   ```
+3. Install dependencies:
+   ```bash
+   npm install
+   ```
 
-For any questions or concerns, please open an issue on this repository, and we will try to respond as soon as possible.
+### Configuration
 
-Note: This project is in its early stage, and we appreciate your patience and support as we work towards a more complete and robust solution.
+1. Set up your GitHub repository with the necessary webhooks.
+2. Configure the `config.json` file with your project details and GitHub settings.
 
-CodeLingua is proudly built on top of the [Things-Factory framework](https://www.hatiolab.com/things-factory.html) by [Hatiolab](https://www.hatiolab.com).
+### Usage
 
-Join us in our journey of translating code into language for everyone to understand!
+- **Start the application**:
+  ```bash
+  npm start
+  ```
+- **Run automated tasks**:
+  ```bash
+  npm run automate
+  ```
+
+## Contributing
+
+We welcome contributions! Please follow these steps:
+
+1. Fork the repository.
+2. Create a new branch (`git checkout -b feature/your-feature`).
+3. Commit your changes (`git commit -m 'Add some feature'`).
+4. Push to the branch (`git push origin feature/your-feature`).
+5. Open a pull request.
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+## Contact
+
+For any questions or feedback, please contact us at [heartyoh@hatiolab.com](mailto:heartyoh@hatiolab.com).
+
+---
+
+Thank you for using Codelingua! Let's revolutionize software development together.

package/_index.html

@@ -1,11 +1,12 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>Codelingua</title>
+    <meta name="google" content="notranslate" />
+    <title>Operato-Codelingua</title>
     <meta name="generator" content="Things Factory Starter Kit" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="Deciphering Code, Simplifying Understanding" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+    <meta name="description" content="Revolutionizing Software Development: Work Smarter, Code Better" />
 
     <base href="/" />
 
@@ -15,19 +16,19 @@
     <link rel="manifest" href="/assets/manifest.json" />
 
     <!-- See https://goo.gl/qRE0vM -->
-    <meta name="theme-color" content="#22a6a7" />
+    <meta name="theme-color" content="#6d5e0f" />
 
     <!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
     <meta name="mobile-web-app-capable" content="yes" />
-    <meta name="application-name" content="Codelingua" />
-    <meta name="application-description" content="Deciphering Code, Simplifying Understanding" />
+    <meta name="application-name" content="Operato-Codelingua" />
+    <meta name="application-description" content="Revolutionizing Software Development: Work Smarter, Code Better" />
     <meta name="application-copyright" content="Copyright © hatiolab.com. All Rights Reserved." />
     <link rel="application-icon" href="/assets/manifest/icon-96x96.png" />
 
     <!-- Add to homescreen for Safari on iOS -->
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="default" />
-    <meta name="apple-mobile-web-app-title" content="Codelingua" />
+    <meta name="apple-mobile-web-app-title" content="Operato-Codelingua" />
 
     <!-- Homescreen icons -->
     <link rel="apple-touch-icon" href="/assets/manifest/icon-48x48.png" />
@@ -38,33 +39,41 @@
 
     <!-- Tile icon for Windows 8 (144x144 + tile color) -->
     <meta name="msapplication-TileImage" content="/assets/manifest/icon-144x144.png" />
-    <meta name="msapplication-TileColor" content="#3f51b5" />
+    <meta name="msapplication-TileColor" content="#6d5e0f" />
     <meta name="msapplication-tap-highlight" content="no" />
 
     <!-- Default twitter cards -->
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:site" content="@username" />
     <meta property="og:type" content="website" />
-    <meta property="og:site_name" content="Codelingua, Deciphering Code, Simplifying Understanding." />
+    <meta
+      property="og:site_name"
+      content="Operato-Codelingua, Revolutionizing Software Development: Work Smarter, Code Better."
+    />
     <meta property="og:image" content="/assets/manifest/image-metaog.png" />
 
     <!-- Performance tip: hint to the browser to start the handshake for the fonts site -->
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
     <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
+    <link href="/node_modules/material-symbols/index.css" rel="stylesheet" />
+    <link href="/node_modules/@fontsource/roboto/index.css" rel="stylesheet" />
+    <link rel="stylesheet" href="/theme.css" />
 
-    <!-- Add any global styles for body, document, etc. -->
     <style>
       body {
         margin: 0;
         padding: 0;
         overflow: hidden;
 
+        overscroll-behavior-y: none;
+
         /* This is a font-stack that tries to use the system-default sans-serifs first */
         font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
         line-height: 1.5;
         -webkit-font-smoothing: antialiased;
 
-        accent-color: var(--primary-color);
+        accent-color: var(--md-sys-color-primary);
+        background-color: var(--md-sys-color-background);
       }
     </style>
 
@@ -77,7 +86,7 @@
     </script>
   </head>
 
-  <body>
+  <body class="light">
     <things-app></things-app>
     <noscript> Please enable JavaScript to view this website. </noscript>
     <!-- Load webcomponents-loader.js to check and load any polyfills your browser needs -->

package/assets/manifest.json

@@ -1,7 +1,7 @@
 {
-  "name": "Codelingua",
-  "short_name": "Codelingua",
-  "description": "Deciphering Code, Simplifying Understanding",
+  "name": "Operato-Codelingua",
+  "short_name": "Operato-Codelingua",
+  "description": "Operato-Codelingua",
   "icons": [
     {
       "src": "manifest/icon-192x192.png",
@@ -22,6 +22,6 @@
   ],
   "start_url": "/",
   "display": "standalone",
-  "theme_color": "#3f51b5",
-  "background_color": "#3f51b5"
+  "theme_color": "#6d5e0f",
+  "background_color": "#6d5e0f"
 }

package/client/bootstrap.ts

@@ -1 +1,199 @@
-export default function bootstrap() {}
+import '@things-factory/notification'
+import '@things-factory/board-ui'
+import '@things-factory/setting-ui/dist-client' /* for theme-mode-setting-let */
+import '@operato/i18n/ox-i18n.js'
+
+import './viewparts/user-circle'
+import './viewparts/menu-tools'
+
+import { html } from 'lit'
+
+import { registerDefaultGroups } from '@operato/board/register-default-groups.js'
+import { appendViewpart, toggleOverlay, TOOL_POSITION, updateViewpart, VIEWPART_POSITION } from '@operato/layout'
+import { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base/client'
+import { setupAppToolPart } from '@things-factory/apptool-ui/dist-client'
+import { setAuthManagementMenus } from '@things-factory/auth-ui/dist-client'
+import { setupContextUIPart } from '@things-factory/context-ui/dist-client'
+import { ADD_MORENDA } from '@things-factory/more-base/client'
+import { ADD_SETTING } from '@things-factory/setting-base/dist-client'
+import { navigate, store } from '@operato/shell'
+
+console.log(
+  `%c
+ ____           _         _     _                         
+/  __\\ ___   __| | __    | |   (_)_ __   __ _ _   _  __ _ 
+| |   / _ \\ / _\` |/ _ \\  | |   | | '_ \\ / _\` | | | |/ _\` |
+| |__| (_) | (_| |  __/  | |___| | | | | (_| | |_| | (_| |
+\\____/\\___/ \\__,_|\\___|  |_____|_|_| |_|\\__, |\\__,_|\\__,_|
+                                        |___/             
+`,
+  'background: #222; color: #bada55'
+)
+
+export default async function bootstrap() {
+  /* 
+  set board-modeller group and default templates - should be called befor BoardModeller open 
+  */
+  registerDefaultGroups()
+
+  await setupAppToolPart({
+    toolbar: true,
+    busybar: true,
+    mdibar: true
+  })
+
+  await setupContextUIPart({
+    titlebar: 'header',
+    contextToolbar: 'page-footer'
+  })
+
+  /* add setting morenda */
+  store.dispatch({
+    type: ADD_MORENDA,
+    morenda: {
+      icon: html` <md-icon>settings</md-icon> `,
+      name: html` <ox-i18n msgid="label.setting"></ox-i18n> `,
+      action: () => {
+        navigate('setting')
+      }
+    }
+  })
+
+  /* set auth management menus into more-panel */
+  setAuthManagementMenus()
+
+  /* get fleets information from the start */
+
+  store.dispatch({
+    type: ADD_MORENDA,
+    morenda: {
+      icon: html` <md-icon>help</md-icon> `,
+      name: html` <ox-i18n msgid="text.help"></ox-i18n> `,
+      action: () => {
+        navigate('help')
+      }
+    }
+  })
+
+  /* append viewpart anchor to asidebar */
+  appendViewpart({
+    name: 'asidebar-anchor',
+    viewpart: {
+      show: false,
+      hovering: 'edge',
+      backdrop: true
+    },
+    position: VIEWPART_POSITION.ASIDEBAR
+  })
+
+  /* append top-menu to layout */
+  var state = store.getState() as any
+  var width = state.layout?.width || 'WIDE'
+
+  if (width == 'WIDE') {
+    store.dispatch({
+      type: APPEND_APP_TOOL,
+      tool: {
+        name: 'app-brand',
+        template: html` <span style="font-size: 1.2em;">Code Lingua</span> `,
+        position: TOOL_POSITION.FRONT
+      }
+    })
+  }
+
+  appendViewpart({
+    name: 'fleet-topmenu',
+    viewpart: {
+      show: true,
+      template: html` <menu-tools></menu-tools> `
+    },
+    position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR
+  })
+
+  store.subscribe(async () => {
+    var state = store.getState() as any
+
+    if (state.layout.width == width) {
+      return
+    }
+
+    width = state.layout.width
+
+    store.dispatch({
+      type: width == 'WIDE' ? APPEND_APP_TOOL : REMOVE_APP_TOOL,
+      name: 'app-brand',
+      tool: {
+        name: 'app-brand',
+        template: html` <span style="font-size: 1.2em;">Code Lingua</span> `,
+        position: TOOL_POSITION.FRONT
+      }
+    })
+
+    updateViewpart('fleet-topmenu', {
+      position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR
+    })
+  })
+
+  /* setting app-tools */
+  store.dispatch({
+    type: APPEND_APP_TOOL,
+    tool: {
+      name: 'notification-badge',
+      template: html`
+        <notification-badge
+          @click=${e => {
+            toggleOverlay('notification', {
+              backdrop: true
+            })
+          }}
+        >
+        </notification-badge>
+      `,
+      position: TOOL_POSITION.REAR
+    }
+  })
+
+  appendViewpart({
+    name: 'notification',
+    viewpart: {
+      show: false,
+      hovering: 'edge',
+      template: html` <notification-list style="min-width: 300px;"></notification-list> `
+    },
+    position: VIEWPART_POSITION.ASIDEBAR
+  })
+
+  store.dispatch({
+    type: APPEND_APP_TOOL,
+    tool: {
+      name: 'user-circle',
+      template: html` <user-circle> </user-circle> `,
+      position: TOOL_POSITION.REAR
+    }
+  })
+
+  /* for settings */
+  store.dispatch({
+    type: ADD_SETTING,
+    setting: {
+      seq: 10,
+      template: html` <theme-mode-setting-let></theme-mode-setting-let> `
+    }
+  })
+
+  store.dispatch({
+    type: ADD_SETTING,
+    setting: {
+      seq: 20,
+      template: html` <infowindow-setting-let></infowindow-setting-let> `
+    }
+  })
+
+  store.dispatch({
+    type: ADD_SETTING,
+    setting: {
+      seq: 20,
+      template: html` <notification-setting-let></notification-setting-let> `
+    }
+  })
+}

package/client/icons/menu-icons.ts

@@ -0,0 +1,91 @@
+const ICON_PROGRESS = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  
+    <path class="menu-svg" d="M31,36.5c-.2,0-.4,0-.6,0-.2,0-.3-.2-.5-.3l-8.3-8.3c-.2-.2-.3-.3-.3-.5,0-.2,0-.4,0-.6s0-.4,0-.6c0-.2.2-.3.3-.5l3.1-3.1c.2-.2.3-.3.5-.3.2,0,.4,0,.6,0s.4,0,.6,0c.2,0,.3.2.5.3l8.3,8.3c.2.2.3.3.3.5,0,.2,0,.4,0,.6s0,.4,0,.6c0,.2-.2.3-.3.5l-3.1,3.1c-.2.2-.3.3-.5.3-.2,0-.4,0-.6,0ZM31,33.6l1.8-1.8-6.9-6.9-1.8,1.8,6.9,6.9ZM8.9,36.5c-.2,0-.4,0-.6-.1-.2,0-.3-.2-.5-.3l-3.1-3.1c-.2-.2-.3-.3-.3-.5,0-.2-.1-.4-.1-.6s0-.4.1-.6c0-.2.2-.3.3-.5l8.6-8.6h3.5l1.3-1.3-6.9-6.9h-2.4l-4.6-4.6,4.1-4.1,4.6,4.6v2.4l6.9,6.9,4.9-4.9-2.4-2.4,2.1-2.1h-4.2l-.9-.9,5.3-5.3.9.9v4.2l2.1-2.1,6.2,6.2c.4.4.8.9,1,1.5.2.5.3,1.1.3,1.7s0,1-.3,1.5c-.2.5-.5.9-.8,1.4l-3.5-3.5-2.3,2.3-1.8-1.8-8,8v3.5l-8.6,8.6c-.2.2-.3.3-.5.3-.2,0-.4.1-.6.1ZM8.9,33.6l7.6-7.6v-1.8h-1.8l-7.6,7.6,1.8,1.8ZM8.9,33.6l-1.8-1.8.9.9.9.9ZM31,33.6l1.8-1.8-1.8,1.8Z"/>
+</svg>
+`
+
+const ICON_COMPLETED = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  
+  <path class="menu-svg" d="M27.9,15.1h2.7v-2.8h-2.7v2.8ZM27.9,21.4h2.7v-2.8h-2.7v2.8ZM27.9,27.7h2.7v-2.8h-2.7v2.8ZM26.9,33.3v-2.4h6.9V9h-14.2v2.8l-2.3-1.7v-3.5h18.7v26.7s-9.1,0-9.1,0ZM4,33.3v-14.5l9.9-7.3,9.9,7.3v14.5h-8.1v-7.5h-3.5v7.5H4ZM6.3,31h3.6v-7.5h8v7.5h3.6v-11l-7.7-5.5-7.7,5.5v11h0ZM18,31v-7.5h-8v7.5-7.5h8v7.5Z"/>
+</svg>
+`
+
+const ICON_STATUS = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+
+  <path class="menu-svg" d="M7.4,33.9c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.3-.8-2.1V9c0-.8.3-1.5.8-2.1.6-.6,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v21.9c0,.8-.3,1.5-.8,2.1s-1.3.8-2.1.8H7.4ZM7.4,31.4h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.4c0,0-.3,0-.4.2,0,0-.2.2-.2.4v21.9c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM8.9,27.7h7.3v-2.4h-7.3v2.4ZM24.2,24.3l7.5-7.5-1.8-1.8-5.7,5.8-2.4-2.4-1.7,1.8s4.1,4.1,4.1,4.1ZM8.9,21.2h7.3v-2.4h-7.3v2.4ZM8.9,14.6h7.3v-2.4h-7.3s0,2.4,0,2.4ZM6.9,31.4V8.5v22.9Z"/>
+</svg>
+`
+
+const ICON_OPERATING = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+    
+  <path class="menu-svg" d="M9.1,35.5c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.2-.8-2.1V10.9c0-.8.3-1.5.8-2.1.6-.6,1.2-.8,2.1-.8h2.3v-3.5h2.5v3.5h12.3v-3.5h2.4v3.5h2.3c.8,0,1.5.3,2.1.8.6.6.8,1.2.8,2.1v21.7c0,.8-.3,1.5-.8,2.1s-1.2.8-2.1.8c0,0-21.8,0-21.8,0ZM9.1,33.1h21.7c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4v-15.2H8.5v15.2c0,0,0,.3.2.4,0,0,.2.2.4.2ZM8.5,14.9h22.7v-4c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H9.1c0,0-.3,0-.4.2,0,0-.2.2-.2.4,0,0,0,4,0,4ZM8.5,14.9v-4.5,4.5ZM12.2,22.9v-2.4h15.4v2.4s-15.4,0-15.4,0ZM12.2,29.4v-2.4h10.5v2.4h-10.5Z"/>
+</svg>
+`
+
+const ICON_SETTING = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  
+  <path class="menu-svg" d="M13.1,24.2h2v-5.7h-2v1.9h-2.4v2h2.4v1.9h0ZM16.7,22.3h12.8v-2h-12.8v2ZM25,18.1h2v-1.9h2.4v-2h-2.4v-1.9h-2v5.7h0ZM10.6,16.2h12.8v-2h-12.8v2ZM14.3,34v-3.3h-6.9c-.8,0-1.5-.3-2.1-.8s-.8-1.3-.8-2.1V8.9c0-.8.3-1.6.8-2.1.6-.5,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v18.8c0,.8-.3,1.6-.8,2.1-.6.5-1.3.8-2.1.8h-6.9v3.3h-11.5,0ZM7.5,28.2h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V8.9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.5c0,0-.3,0-.4.2,0,0-.2.2-.2.4v18.8c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM6.9,28.2V8.4v19.8Z"/>
+</svg>
+`
+
+function icons(template) {
+  return ['#ffffff', '#64A3D9'].map(
+    color => 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(template.replace(/{{strokecolor}}/g, color))
+  )
+}
+
+export const ICONS_PROGRESS = icons(ICON_PROGRESS)
+export const ICONS_COMPLETED = icons(ICON_COMPLETED)
+export const ICONS_STATUS = icons(ICON_STATUS)
+export const ICONS_OPERATING = icons(ICON_OPERATING)
+export const ICONS_SETTING = icons(ICON_SETTING)