@equinor/echo-cli 0.20.0-beta-2 → 0.20.0-beta-4

package/lib/cpc/package.json

@@ -0,0 +1,42 @@
+{
+    "name": "@equinor/echo-cpc",
+    "version": "0.0.1",
+    "description": "",
+    "main": "build/index.js",
+    "source": "src/index.ts",
+    "scripts": {
+        "build": "echo-build -c && npm run env",
+        "env": "bash ./env.sh",
+        "start": "echo-build -s -d",
+        "start-admin": "echo-build -s -d -a"
+    },
+    "author": "",
+    "license": "ISC",
+    "peerDependencies": {
+        "@equinor/echo-base": "0.7.5",
+        "@equinor/echo-components": "0.12.4",
+        "@equinor/echo-core": "^0.9.19",
+        "@equinor/echo-framework": "0.24.0",
+        "@equinor/echo-search": "0.15.17",
+        "@equinor/echo-utils": "^0.4.11",
+        "@equinor/eds-core-react": "0.43.0",
+        "@equinor/eds-icons": "0.22.0",
+        "lodash": "^4.17.21",
+        "react": "^18.3.1",
+        "react-dom": "^18.2.0"
+    },
+    "devDependencies": {
+        "@equinor/echo-base": "0.7.5",
+        "@equinor/echo-components": "0.12.4",
+        "@equinor/echo-core": "^0.9.19",
+        "@equinor/echo-framework": "0.24.0",
+        "@equinor/echo-search": "0.15.17",
+        "@equinor/echo-utils": "^0.4.11",
+        "@equinor/eds-core-react": "0.43.0",
+        "@equinor/echo-cli": "0.20.0-beta-2",
+        "@types/react": "18.0.27",
+        "@types/react-dom": "18.0.10",
+        "react": "18.2.0",
+        "react-dom": "18.2.0"
+    }
+}

package/lib/cpc/readme.md

@@ -0,0 +1,41 @@
+![logo](https://raw.githubusercontent.com/equinor/EchoCore/main/doc/ee.png)
+
+# Echo - cpc
+
+This module has been bootstrapped by EchoCli.
+
+### NPM
+
+```sh-session
+$ npm install @equinor/echo-module-cpc --save
+```
+
+# Development
+
+First time usage, run following command first:
+
+```sh-session
+$ npm install
+```
+
+### NPM build
+
+```sh-session
+$ npm run build
+```
+
+### NPM build watch
+
+```sh-session
+$ npm run start
+```
+
+## Publish
+
+For now the only way to include a module to echo is to publish the package to npmjs.com or npm.equinor.com
+
+For npmjs use:
+
+```sh-session
+$ npm run publish
+```

package/lib/cpc/src/app.module.css

@@ -0,0 +1,5 @@
+.wrapper {
+    margin-top: 150px;
+    padding: 16px;
+    text-align: center;
+}

package/lib/cpc/src/app.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import style from './app.module.css';
+
+export const App: React.FC = (): JSX.Element => {
+    return (
+        <div className={style.wrapper}>
+            <h1>Echo App Template</h1>
+            <p>This is an app template for Echo Applications</p>
+        </div>
+    );
+};

package/lib/cpc/src/index.ts

@@ -0,0 +1,6 @@
+import { EchoModuleApi } from '@equinor/echo-core';
+import { App } from './app';
+
+export function setup(api: EchoModuleApi): void {
+    api.registerApp(App);
+}

package/lib/cpc/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "include": ["src"],
+  "compilerOptions": {                               
+    "sourceMap": true,
+    "noImplicitAny": false,
+    "module": "ES2015",
+    "target": "es5",
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable"
+    ],
+    "removeComments": true,
+    "allowSyntheticDefaultImports": true,
+    "jsx": "react",
+    "allowJs": true,
+    "baseUrl": "./src",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "node",
+    "downlevelIteration": true,
+    "types": ["@equinor/echo-scripts"],
+  }
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@equinor/echo-cli",
-    "version": "0.20.0-beta-2",
+    "version": "0.20.0-beta-4",
     "description": "Command line interface for Echo Apps",
     "main": "dist/index.js",
     "source": "src/test.js",
@@ -47,7 +47,7 @@
         "@babel/preset-typescript": "7.27.1",
         "@equinor/echo-scripts": "0.1.5",
         "@oclif/command": "1.8.36",
-        "@oclif/plugin-plugins": "5.4.37",
+        "@oclif/plugin-plugins": "^5.4.38",
         "@svgr/webpack": "8.1.0",
         "assert": "2.1.0",
         "autoprefixer": "10.4.21",
@@ -83,10 +83,10 @@
     },
     "devDependencies": {
         "@microsoft/microsoft-graph-types": "2.40.0",
-        "@types/express": "5.0.1",
+        "@types/express": "^5.0.2",
         "@types/jest": "29.5.14",
         "@types/listr": "0.14.9",
-        "@types/node": "22.15.18",
+        "@types/node": "^22.15.19",
         "@types/pem": "1.14.4",
         "@types/react": "18.3.18",
         "@types/webpack-bundle-analyzer": "4.7.0",
@@ -96,7 +96,7 @@
         "@typescript-eslint/eslint-plugin": "8.32.1",
         "@typescript-eslint/parser": "8.32.1",
         "babel-jest": "29.7.0",
-        "eslint": "9.26.0",
+        "eslint": "^9.27.0",
         "eslint-config-prettier": "10.1.5",
         "eslint-plugin-prettier": "5.4.0",
         "eslint-plugin-react": "7.37.5",

package/templates/echoAppTemplate/src/app.tsx

@@ -1,11 +1,30 @@
-import React from 'react';
+import EchoCore, { EchoEnv } from '@equinor/echo-core';
+import React, { useEffect, useState } from 'react';
 import style from './app.module.css';
 
-export const App: React.FC = (): JSX.Element => {
+const baseApiUrl = EchoEnv.env().REACT_APP_API_URL;
+
+async function getVersion(): Promise<string> {
+    const data = await EchoCore.EchoClient.fetch(`${baseApiUrl}/Version`);
+    return await data.text();
+}
+
+const App: React.FC = (): JSX.Element => {
+    const [echoVersion, setEchoVersion] = useState('');
+
+    useEffect(() => {
+        getVersion().then((version: string) => {
+            setEchoVersion(version);
+        });
+    });
+
     return (
         <div className={style.wrapper}>
             <h1>Echo App Template</h1>
             <p>This is an app template for Echo Applications</p>
+            <h6>Echo v{echoVersion}</h6>
         </div>
     );
 };
+
+export default App;

package/templates/echoAppTemplate/src/index.ts

@@ -1,5 +1,5 @@
 import { EchoModuleApi } from '@equinor/echo-core';
-import { App } from './app';
+import App from './app';
 
 export function setup(api: EchoModuleApi): void {
     api.registerApp(App);