vease 0.1.0

package/.github/workflows/CICD.yaml

@@ -0,0 +1,45 @@
+name: CICD
+
+on:
+  push:
+
+env:
+  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+jobs:
+  release:
+    runs-on: ${{ matrix.os }}
+    if: github.ref == 'refs/heads/next' || github.ref == 'refs/heads/master'
+
+    strategy:
+      matrix:
+        os: [windows-latest, ubuntu-latest]
+
+    steps:
+      - name: Check out Git repository
+        uses: actions/checkout@v4
+
+      - name: Semantic Release
+        uses: cycjimmy/semantic-release-action@v4
+        id: semantic
+        env:
+          GITHUB_TOKEN: ${{ secrets.TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Install Node.js, NPM and Yarn
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Install dependencies
+        if: steps.semantic.outputs.new_release_published == 'true'
+        run: |
+          npm install
+          npm run package
+          npm run make
+          if [[ "$github.ref == 'refs/heads/next'" ]] then
+            npm run publish --prerelease
+          else
+            npm run publish
+          fi
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/README.md

@@ -0,0 +1 @@
+# Vease

package/assets/css/main.css

@@ -0,0 +1,42 @@
+@import url("https://fonts.googleapis.com/css2?family=Michroma&display=swap");
+
+* {
+  font-family: "Roboto", sans-serif;
+}
+
+body {
+  overflow: hidden;
+}
+
+p {
+  color:white;
+}
+
+h2 {
+  font-family: "Michroma", sans-serif;
+  color:white;
+
+}
+
+.custom-background {
+  background: linear-gradient(
+    135deg,
+    rgba(56, 157, 133, 1) 0%,
+    rgb(60, 153, 131) 50%,
+    rgb(20, 19, 19) 100%
+  );
+}
+
+.icon-style {
+  border-radius: 20%;
+  background-color: #ffffff26;
+}  
+
+.icon-style:hover {
+  background-color: #ffffff4d;
+}
+
+.title-text {
+font-size: 30px;
+font-weight: 100;
+}

package/components/FileInput.vue

@@ -0,0 +1,43 @@
+<template>
+  <v-file-input
+    :value="value"
+    :rules="rules"
+    :label="label"
+    :required="required"
+    :prepend-icon="prependIcon"
+    :accept="accept"
+    @input="$emit('input', $event)"
+    @change="$emit('change', $event)"
+  ></v-file-input>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: File,
+      required: true,
+    },
+    rules: {
+      type: Array,
+      default: () => [],
+    },
+    label: {
+      type: String,
+      required: true,
+    },
+    required: {
+      type: Boolean,
+      default: false,
+    },
+    prependIcon: {
+      type: String,
+      default: null,
+    },
+    accept: {
+      type: String,
+      default: null,
+    },
+  },
+};
+</script>

package/components/PasswordField.vue

@@ -0,0 +1,44 @@
+<template>
+  <v-text-field
+    :value="value"
+    :rules="rules"
+    :label="label"
+    :required="required"
+    :type="showPassword ? 'text' : 'password'"
+    :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+    @input="$emit('input', $event)"
+    @click:append="toggleVisibility"
+  ></v-text-field>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      required: true,
+    },
+    rules: {
+      type: Array,
+      default: () => [],
+    },
+    label: {
+      type: String,
+      required: true,
+    },
+    required: {
+      type: Boolean,
+      default: false,
+    },
+    toggleVisibility: {
+      type: Function,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      showPassword: false,
+    };
+  },
+};
+</script>

package/components/SideBar.vue

@@ -0,0 +1,154 @@
+<template>
+  <v-navigation-drawer
+    fixed
+    v-model="drawer"
+    width="50"
+    class="mt-10 ma-2"
+    color="#FFFFFF00"
+    elevation="0"
+    floating
+    app
+    permanent
+  >
+    <v-tooltip
+      v-for="(item, index) in items"
+      :key="item.title"
+      :text="item.title"
+    >
+      <template v-slot:activator="{ props }">
+        <v-btn
+          v-bind="props"
+          flat
+          color="#FFFFFF00"
+          :class="item.title === 'Back' ? 'mb-8' : 'mb-1'"
+          @click="item.click"
+          style="border-radius: 20%"
+          :icon="item.icon"
+        >
+          <v-icon
+            class="icon-style pa-6"
+            :icon="item.icon"
+            color="white"
+            size="28"
+          />
+        </v-btn>
+      </template>
+    </v-tooltip>
+    <v-dialog
+      v-model="newproject"
+      max-width="800px"
+      radius="20px"
+      class="text-center"
+    >
+      <v-sheet border="md">
+        <v-card color="#3c9983">
+          <v-card-title>
+            <h3 class="mt-4">New Project</h3>
+          </v-card-title>
+          <v-card-text>
+            <v-container>
+              <v-row>
+                <v-col>
+                  <v-text-field label="Project Name" required></v-text-field>
+                </v-col>
+              </v-row>
+            </v-container>
+          </v-card-text>
+          <v-card-actions justify-center>
+            <v-btn
+              variant="outlined"
+              color="white"
+              text
+              @click="newproject = false"
+              class="ml-8 mb-4"
+              >Close</v-btn
+            >
+            <v-btn
+              variant="outlined"
+              class="mb-4"
+              color="white"
+              text
+              @click="newproject = false"
+              >Create</v-btn
+            >
+          </v-card-actions>
+        </v-card>
+      </v-sheet>
+    </v-dialog>
+    <v-dialog v-model="openproject" max-width="800px" class="text-center">
+      <v-sheet border="md">
+        <v-card color="#3c9983">
+          <v-card-title>
+            <h3 class="mt-4">Open Project</h3>
+          </v-card-title>
+          <v-card-text>
+            <v-container>
+              <v-row>
+                <v-col>
+                  <v-file-input label="Open Project" required></v-file-input>
+                </v-col>
+              </v-row>
+            </v-container>
+          </v-card-text>
+          <v-card-actions justify-center>
+            <v-btn
+              variant="outlined"
+              color="white"
+              text
+              @click="openproject = false"
+              class="ml-8 mb-4"
+              >Close</v-btn
+            >
+            <v-btn
+              variant="outlined"
+              class="mb-4"
+              color="white"
+              text
+              @click="openproject = false"
+              >Load</v-btn
+            >
+          </v-card-actions>
+        </v-card>
+      </v-sheet>
+    </v-dialog>
+  </v-navigation-drawer>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { useRouter } from "vue-router";
+const drawer = ref(true);
+const router = useRouter();
+const newproject = ref(false);
+const openproject = ref(false);
+const items = [
+  { title: "Back", icon: "mdi-arrow-left", click: () => router.go(-1) },
+  { title: "Home", icon: "mdi-home", click: () => router.push("/") },
+  {
+    title: "New Project",
+    icon: "mdi-plus",
+    click: () => (newproject.value = true),
+  },
+  {
+    title: "Open Project",
+    icon: "mdi-folder-outline",
+    click: () => (openproject.value = true),
+  },
+  {
+    title: "Supperposition",
+    icon: "mdi-layers",
+    click: () => router.push("/supperposition"),
+  },
+  {
+    title: "Download",
+    icon: "mdi-upload",
+    click: () => router.push("/download"),
+  },
+  {
+    title: "Extensions",
+    icon: "mdi-puzzle",
+    click: () => router.push("/extensions"),
+  },
+  { title: "Settings", icon: "mdi-cog", click: () => router.push("/settings") },
+];
+</script>

package/components/TextField.vue

@@ -0,0 +1,37 @@
+<template>
+  <v-text-field
+    :value="value"
+    :rules="rules"
+    :label="label"
+    :required="required"
+    :counter="counter"
+    @input="$emit('input', $event)"
+  ></v-text-field>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      required: true,
+    },
+    rules: {
+      type: Array,
+      default: () => [],
+    },
+    label: {
+      type: String,
+      required: true,
+    },
+    required: {
+      type: Boolean,
+      default: false,
+    },
+    counter: {
+      type: Number,
+      default: null,
+    },
+  },
+};
+</script>

package/components/TopBar.vue

@@ -0,0 +1,65 @@
+<template>
+  <v-app-bar flat color="transparent" class="ma-1" height="60" :elevation="0">
+    <v-row class="pa-1 ma-1 align-center">
+      <v-img
+        :src="logo"
+        max-height="50"
+        max-width="50"
+        class="ml-3 mr-0"
+        contain
+      />
+      <h2 style="color: white" class="ml-2 mb-1 title-text">Vease</h2>
+      <v-spacer />
+      <v-text-field
+        prepend-inner-icon="mdi-magnify"
+        hide-details
+        label="Search"
+        style="color: white"
+        class="mt-1"
+        v-model="search"
+        single-line
+      ></v-text-field>
+      <v-spacer />
+      <v-tooltip>
+        <template v-slot:activator="{ props }">
+          <v-btn
+            v-bind="props"
+            class="ml-2 mr-8"
+            style="border-radius: 20%"
+            flat
+            icon
+            to="/account"
+          >
+            <v-icon
+              v-if="!profileImagePath"
+              class="icon-style pa-6"
+              icon="mdi-account"
+              color="white"
+              size="40"
+            />
+            <v-avatar v-else size="50">
+              <v-img :src="getProfileImage(profileImagePath)" />
+            </v-avatar>
+          </v-btn>
+        </template>
+        <span>Account</span>
+      </v-tooltip>
+    </v-row>
+  </v-app-bar>
+</template>
+
+<script setup>
+import logo from "@/assets/img/logo.png";
+
+const search = ref("");
+const links = [{ title: "Account", to: "/account" }];
+const userStore = useUserStore();
+const { profileImagePath } = storeToRefs(userStore);
+
+const getProfileImage = (path) => {
+  if (path) {
+    return URL.createObjectURL(path);
+  }
+  return "";
+};
+</script>

package/electron/main.js

@@ -0,0 +1,127 @@
+import { app, BrowserWindow, ipcMain, dialog } from "electron";
+import { updateElectronApp } from "update-electron-app";
+import child_process from "child_process";
+import path from "path";
+
+const { getPort } = require("get-port-please");
+
+// Checks for updates
+updateElectronApp();
+
+process.env["ELECTRON_DISABLE_SECURITY_WARNINGS"] = "true";
+
+async function getAvailablePort(port) {
+  const available_port = await getPort({ port });
+  console.log("available_port", available_port);
+  return available_port;
+}
+
+async function run_script(
+  win,
+  command,
+  args,
+  expected_response,
+  timeout_seconds = 30
+) {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      reject("Timed out after " + timeout_seconds + " seconds");
+    }, timeout_seconds * 1000);
+    var child = child_process.spawn(command, args, {
+      encoding: "utf8",
+      shell: true,
+    });
+
+    // You can also use a variable to save the output for when the script closes later
+    child.stderr.setEncoding("utf8");
+    child.on("error", (error) => {
+      dialog.showMessageBox({
+        title: "Title",
+        type: "warning",
+        message: "Error occured.\r\n" + error,
+      });
+    });
+    child.stdout.setEncoding("utf8");
+    child.stdout.on("data", (data) => {
+      //Here is the output
+      data = data.toString();
+      if (data.includes(expected_response)) {
+        resolve();
+      }
+      console.log(data);
+    });
+
+    child.stderr.on("data", (data) => {
+      // Return some data to the renderer process with the mainprocess-response ID
+      win.webContents.send("mainprocess-response", data);
+      //Here is the output from the command
+      console.log(data);
+    });
+
+    child.on("close", (code) => {
+      //Here you can get the exit code of the script
+      switch (code) {
+        case 0:
+          dialog.showMessageBox({
+            title: "Title",
+            type: "info",
+            message: "End process.\r\n",
+          });
+          break;
+      }
+    });
+  });
+}
+
+app.whenReady().then(() => {
+  const win = new BrowserWindow({
+    title: "Vease - New project",
+    icon: "public/favicon.ico",
+    center: true,
+    webPreferences: {
+      nodeIntegrationInWorker: true,
+      contextIsolation: true,
+      nodeIntegration: true,
+      webSecurity: true,
+      preload: path.join(__dirname, "preload.js"),
+    },
+  });
+  win.maximize();
+  win.setMinimumSize(800, 600);
+
+  ipcMain.handle("run_back", async (event, ...args) => {
+    const port = await getAvailablePort(args[0]);
+    console.log("BACK PORT", port);
+    await run_script(
+      win,
+      "./electron-server/dist_back/geodeapp_back",
+      ["--port " + port],
+      "Serving Flask app"
+    );
+    return port;
+  });
+
+  ipcMain.handle("run_viewer", async (event, ...args) => {
+    const port = await getAvailablePort(args[0]);
+    console.log("VIEWER PORT", port);
+    await run_script(
+      win,
+      "./electron-server/dist_viewer/geodeapp_viewer",
+      ["--port " + port],
+      "Starting factory"
+    );
+    return port;
+  });
+
+  if (app.isPackaged) {
+    win.loadFile("../index.html");
+  } else {
+    win.loadURL(process.env.VITE_DEV_SERVER_URL);
+    win.webContents.openDevTools();
+  }
+});
+
+// Quit when all windows are closed.
+app.on("window-all-closed", () => {
+  app.quit();
+});

package/electron/preload.js

@@ -0,0 +1,12 @@
+const { contextBridge, ipcRenderer } = require("electron");
+
+contextBridge.exposeInMainWorld("electronAPI", {
+  run_back: async (port) => {
+    const result = await ipcRenderer.invoke("run_back", port);
+    return result;
+  },
+  run_viewer: async (port) => {
+    const result = await ipcRenderer.invoke("run_viewer", port);
+    return result;
+  },
+});

package/electron-server/install_back.sh

@@ -0,0 +1,9 @@
+#! /bin/sh
+rm -rf ./electron-server/venv_back ./electron-server/dist_back ./electron-server/build ./electron-server/requirements_back.txt
+python3 -m venv ./electron-server/venv_back
+. ./electron-server/venv_back/bin/activate
+pip install pip-tools
+pip-compile ./electron-server/requirements_back.in
+pip install -r ./electron-server/requirements_back.txt
+pip install pyinstaller
+pyinstaller --onefile --collect-data opengeodeweb_back ./electron-server/venv_back/bin/geodeapp_back --distpath ./electron-server/dist_back

package/electron-server/install_viewer.sh

@@ -0,0 +1,9 @@
+#! /bin/sh
+rm -rf ./electron-server/venv_viewer ./electron-server/dist_viewer ./electron-server/build ./electron-server/requirements_viewer.txt
+python3 -m venv ./electron-server/venv_viewer
+. ./electron-server/venv_viewer/bin/activate
+pip install pip-tools
+pip-compile ./electron-server/requirements_viewer.in
+pip install -r ./electron-server/requirements_viewer.txt
+pip install pyinstaller
+pyinstaller --onefile --collect-data opengeodeweb_viewer --collect-all vtkmodules ./electron-server/venv_viewer/bin/geodeapp_viewer --distpath ./electron-server/dist_viewer

package/electron-server/requirements_back.in

@@ -0,0 +1 @@
+geodeapp-back