Add production env

Try to fix artifact upload
Fix tsc errors
2024-11-29 12:24:52 +01:00 · 2024-04-19 17:26:57 +02:00 · 2024-04-19 17:25:09 +02:00 · 2024-04-19 17:19:12 +02:00 · 2024-04-19 16:57:14 +02:00 · 2024-04-19 16:51:33 +02:00
9 changed files with 162 additions and 113 deletions
--- a/.github/workflows/build_addon.yml
+++ b/.github/workflows/build_addon.yml
@ -12,96 +12,124 @@ env:
  REPOSITORY: ghcr.io/sebclem
  IMAGE_SOURCE: https://github.com/Sebclem/hassio-nextcloud-backup

-
-
 jobs:
-  build-dockers:
+  build-font:
+    name: Build Front
    runs-on: ubuntu-latest
-    strategy:
-      fail-fast: false
-      matrix:
-        arch: [ aarch64, amd64, armv7, i386, armhf ]
-        include:
-          - arch: aarch64
-            arch_value: linux/arm64/v8
-          - arch: amd64
-            arch_value: linux/amd64  
-          - arch: armv7
-            arch_value: linux/arm/v7
-          - arch: i386
-            arch_value: linux/386 
-          - arch: armhf
-            arch_value: linux/arm/v6 
    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v4

-      - uses: actions/checkout@v3
+      - name: Enable corepack
+        run: corepack enable

-      - name: Set up QEMU
-        uses: docker/setup-qemu-action@v2
-
-      - name: Set up Docker Buildx ${{matrix.arch}}
-        uses: docker/setup-buildx-action@v2
-
-      - name: Set Version Prod ${{matrix.arch}}
-        if: github.event_name != 'workflow_dispatch' && github.event_name != 'push'
-        run: |
-          version=${GITHUB_REF/refs\/tags\//}
-          if [ -n "$version" ];then
-            tmp=$(mktemp)
-            jq --arg version "$version" '.version=$version' ${{env.TARGET}}/config.json > "$tmp" && mv "$tmp" ${{env.TARGET}}/config.json
-          fi
-          echo "version_type=prod" >> $GITHUB_ENV
-      - name: Set Version Test ${{matrix.arch}}
-        if: github.event_name == 'workflow_dispatch' || github.event_name == 'push'
-        run: |
-          version=dev_${GITHUB_RUN_ID}
-          if [ -n "$version" ];then
-            tmp=$(mktemp)
-            jq --arg version "$version" '.version=$version' ${{env.TARGET}}/config.json > "$tmp" && mv "$tmp" ${{env.TARGET}}/config.json
-          fi
-          echo "version_type=dev" >> $GITHUB_ENV
-
-
-      - name: Get build option ${{matrix.arch}}
-        run: |
-          echo "NAME=$(jq --raw-output '.name // empty' "${{env.TARGET}}/config.json" | sed "s/'//g")" >> $GITHUB_ENV
-          echo "DESCRIPTION=$(jq --raw-output '.description // empty' "${{env.TARGET}}/config.json" | sed "s/'//g")" >> $GITHUB_ENV
-          echo "URL=$(jq --raw-output '.url // empty' "${{env.TARGET}}/config.json")" >> $GITHUB_ENV
-          echo "VERSION=$(jq --raw-output '.version' "${{env.TARGET}}/config.json")" >> $GITHUB_ENV
-          echo "BUILD_FROM=ghcr.io/hassio-addons/base/${{matrix.arch}}:$(cat nextcloud_backup/.base_version)" >> $GITHUB_ENV
-
-      - name: Set Tags ${{matrix.arch}}
-        run: |
-          if [ "${{env.version_type}}" != "dev" ]; then
-            echo "TAGS=${{env.REPOSITORY}}/${{env.IMAGE}}/${{matrix.arch}}:latest, ${{env.REPOSITORY}}/${{env.IMAGE}}/${{matrix.arch}}:$(jq --raw-output '.version' "${{env.TARGET}}/config.json")" >> $GITHUB_ENV
-          else
-            echo "TAGS=${{env.REPOSITORY}}/${{env.IMAGE}}/${{matrix.arch}}:dev, ${{env.REPOSITORY}}/${{env.IMAGE}}/${{matrix.arch}}:$(jq --raw-output '.version' "${{env.TARGET}}/config.json")" >> $GITHUB_ENV
-          fi
-
-      - name: Debug Env
-        run: |
-          echo ${{env.VERSION}}
-          echo ${{env.TAGS}}
-
-      - name: Login to ghcr.io
-        uses: docker/login-action@v2
+      - name: Setup Node
+        uses: actions/setup-node@v4
        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
+          node-version: 20
+          cache: "pnpm"
+          cache-dependency-path: nextcloud_backup/frontend/pnpm-lock.yaml

-      - name: Build and push ${{matrix.arch}}
-        uses: docker/build-push-action@v3
+      - name: Install dependencies
+        run: pnpm i
+        working-directory: nextcloud_backup/frontend
+
+      - name: Build
+        run: pnpm build
+        working-directory: nextcloud_backup/frontend
+
+      - name: Upload production-ready build files
+        uses: actions/upload-artifact@v4
        with:
-          push: ${{ github.event_name != 'pull_request' }}
-          tags: ${{env.TAGS}}
-          labels: io.hass.name=${{env.NAME}}, io.hass.description=${{env.DESCRIPTION}}, io.hass.url=${{env.URL}}, io.hass.arch=${{matrix.arch}}, io.hass.version=${{env.VERSION}}, io.hass.type=addon
-          build-args: |
-            BUILD_FROM=${{env.BUILD_FROM}}
-            BUILD_VERSION=${{env.VERSION}}
-            IMAGE_SOURCE=${{env.IMAGE_SOURCE}}
-          file: ./${{env.TARGET}}/Dockerfile
-          cache-from: type=registry,ref=${{env.REPOSITORY}}/${{env.IMAGE}}/${{matrix.arch}}:latest
-          cache-to: type=inline
-          context: ./${{env.TARGET}}/
-          platforms: ${{ matrix.arch_value }}
+          name: front_dist
+          path: nextcloud_backup/frontend/dist/
+
+  # build-dockers:
+  #   runs-on: ubuntu-latest
+  #   strategy:
+  #     fail-fast: false
+  #     matrix:
+  #       arch: [ aarch64, amd64, armv7, i386, armhf ]
+  #       include:
+  #         - arch: aarch64
+  #           arch_value: linux/arm64/v8
+  #         - arch: amd64
+  #           arch_value: linux/amd64
+  #         - arch: armv7
+  #           arch_value: linux/arm/v7
+  #         - arch: i386
+  #           arch_value: linux/386
+  #         - arch: armhf
+  #           arch_value: linux/arm/v6
+  #   steps:
+
+  #     - uses: actions/checkout@v3
+
+  #     - name: Set up QEMU
+  #       uses: docker/setup-qemu-action@v2
+
+  #     - name: Set up Docker Buildx ${{matrix.arch}}
+  #       uses: docker/setup-buildx-action@v2
+
+  #     - name: Set Version Prod ${{matrix.arch}}
+  #       if: github.event_name != 'workflow_dispatch' && github.event_name != 'push'
+  #       run: |
+  #         version=${GITHUB_REF/refs\/tags\//}
+  #         if [ -n "$version" ];then
+  #           tmp=$(mktemp)
+  #           jq --arg version "$version" '.version=$version' ${{env.TARGET}}/config.json > "$tmp" && mv "$tmp" ${{env.TARGET}}/config.json
+  #         fi
+  #         echo "version_type=prod" >> $GITHUB_ENV
+  #     - name: Set Version Test ${{matrix.arch}}
+  #       if: github.event_name == 'workflow_dispatch' || github.event_name == 'push'
+  #       run: |
+  #         version=dev_${GITHUB_RUN_ID}
+  #         if [ -n "$version" ];then
+  #           tmp=$(mktemp)
+  #           jq --arg version "$version" '.version=$version' ${{env.TARGET}}/config.json > "$tmp" && mv "$tmp" ${{env.TARGET}}/config.json
+  #         fi
+  #         echo "version_type=dev" >> $GITHUB_ENV
+
+  #     - name: Get build option ${{matrix.arch}}
+  #       run: |
+  #         echo "NAME=$(jq --raw-output '.name // empty' "${{env.TARGET}}/config.json" | sed "s/'//g")" >> $GITHUB_ENV
+  #         echo "DESCRIPTION=$(jq --raw-output '.description // empty' "${{env.TARGET}}/config.json" | sed "s/'//g")" >> $GITHUB_ENV
+  #         echo "URL=$(jq --raw-output '.url // empty' "${{env.TARGET}}/config.json")" >> $GITHUB_ENV
+  #         echo "VERSION=$(jq --raw-output '.version' "${{env.TARGET}}/config.json")" >> $GITHUB_ENV
+  #         echo "BUILD_FROM=ghcr.io/hassio-addons/base/${{matrix.arch}}:$(cat nextcloud_backup/.base_version)" >> $GITHUB_ENV
+
+  #     - name: Set Tags ${{matrix.arch}}
+  #       run: |
+  #         if [ "${{env.version_type}}" != "dev" ]; then
+  #           echo "TAGS=${{env.REPOSITORY}}/${{env.IMAGE}}/${{matrix.arch}}:latest, ${{env.REPOSITORY}}/${{env.IMAGE}}/${{matrix.arch}}:$(jq --raw-output '.version' "${{env.TARGET}}/config.json")" >> $GITHUB_ENV
+  #         else
+  #           echo "TAGS=${{env.REPOSITORY}}/${{env.IMAGE}}/${{matrix.arch}}:dev, ${{env.REPOSITORY}}/${{env.IMAGE}}/${{matrix.arch}}:$(jq --raw-output '.version' "${{env.TARGET}}/config.json")" >> $GITHUB_ENV
+  #         fi
+
+  #     - name: Debug Env
+  #       run: |
+  #         echo ${{env.VERSION}}
+  #         echo ${{env.TAGS}}
+
+  #     - name: Login to ghcr.io
+  #       uses: docker/login-action@v2
+  #       with:
+  #         registry: ghcr.io
+  #         username: ${{ github.actor }}
+  #         password: ${{ secrets.GITHUB_TOKEN }}
+
+  #     - name: Build and push ${{matrix.arch}}
+  #       uses: docker/build-push-action@v3
+  #       with:
+  #         push: ${{ github.event_name != 'pull_request' }}
+  #         tags: ${{env.TAGS}}
+  #         labels: io.hass.name=${{env.NAME}}, io.hass.description=${{env.DESCRIPTION}}, io.hass.url=${{env.URL}}, io.hass.arch=${{matrix.arch}}, io.hass.version=${{env.VERSION}}, io.hass.type=addon
+  #         build-args: |
+  #           BUILD_FROM=${{env.BUILD_FROM}}
+  #           BUILD_VERSION=${{env.VERSION}}
+  #           IMAGE_SOURCE=${{env.IMAGE_SOURCE}}
+  #         file: ./${{env.TARGET}}/Dockerfile
+  #         cache-from: type=registry,ref=${{env.REPOSITORY}}/${{env.IMAGE}}/${{matrix.arch}}:latest
+  #         cache-to: type=inline
+  #         context: ./${{env.TARGET}}/
+  #         platforms: ${{ matrix.arch_value }}
--- a/nextcloud_backup/backend/src/routes/action.ts
+++ b/nextcloud_backup/backend/src/routes/action.ts
@ -13,6 +13,8 @@ actionRouter.post("/backup", (req, res) => {
    .catch((reason) => {
      logger.error("Something wrong !");
    });
+  res.statusCode = 200;
+  res.send();
 });

 export default actionRouter;
--- a/nextcloud_backup/frontend/.env.production
+++ b/nextcloud_backup/frontend/.env.production
@ -0,0 +1 @@
+VITE_API_URL="./"
--- a/nextcloud_backup/frontend/components.d.ts
+++ b/nextcloud_backup/frontend/components.d.ts
@ -30,7 +30,6 @@ declare module 'vue' {
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
    StatusBar: typeof import('./src/components/statusBar/StatusBar.vue')['default']
-    StatusComponent: typeof import('./src/components/statusBar/StatusComponent.vue')['default']
    WebdavConfigForm: typeof import('./src/components/settings/WebdavConfigForm.vue')['default']
    WebdavConfigMenu: typeof import('./src/components/settings/WebdavConfigMenu.vue')['default']
  }
--- a/nextcloud_backup/frontend/package.json
+++ b/nextcloud_backup/frontend/package.json
@ -17,12 +17,13 @@
    "roboto-fontface": "*",
    "uuid": "^9.0.1",
    "vue": "^3.3.0",
-    "vuetify": "^3.0.0"
+    "vuetify": "3.5.16"
  },
  "devDependencies": {
    "@babel/types": "^7.23.0",
    "@types/luxon": "^3.4.2",
    "@types/node": "^20.10.0",
+    "@types/uuid": "^9.0.8",
    "@vitejs/plugin-vue": "^4.5.0",
    "@vue/eslint-config-typescript": "^12.0.0",
    "cross-env": "^7.0.3",
--- a/nextcloud_backup/frontend/pnpm-lock.yaml
+++ b/nextcloud_backup/frontend/pnpm-lock.yaml
@ -30,8 +30,8 @@ dependencies:
    specifier: ^3.3.0
    version: 3.4.19(typescript@5.3.3)
  vuetify:
-    specifier: ^3.0.0
-    version: 3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
+    specifier: 3.5.16
+    version: 3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)

 devDependencies:
  '@babel/types':
@ -43,6 +43,9 @@ devDependencies:
  '@types/node':
    specifier: ^20.10.0
    version: 20.11.19
+  '@types/uuid':
+    specifier: ^9.0.8
+    version: 9.0.8
  '@vitejs/plugin-vue':
    specifier: ^4.5.0
    version: 4.6.2(vite@5.1.3)(vue@3.4.19)
@ -102,7 +105,7 @@ devDependencies:
    version: 0.10.0(vite@5.1.3)(vue-router@4.2.5)(vue@3.4.19)
  vite-plugin-vuetify:
    specifier: ^2.0.0
-    version: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.4)
+    version: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.16)
  vue-router:
    specifier: ^4.2.0
    version: 4.2.5(vue@3.4.19)
@ -542,6 +545,10 @@ packages:
    resolution: {integrity: sha512-/wdoPq1QqkSj9/QOeKkFquEuPzQbHTWAMPH/PaUMB+JuR31lXhlWXRZ52IpfDYVlDOUBvX09uBrPwxGT1hjNBg==}
    dev: true

+  /@types/uuid@9.0.8:
+    resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==}
+    dev: true
+
  /@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.56.0)(typescript@5.3.3):
    resolution: {integrity: sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==}
    engines: {node: ^16.0.0 || >=18.0.0}
@ -837,7 +844,7 @@ packages:
  /@vue/shared@3.4.19:
    resolution: {integrity: sha512-/KliRRHMF6LoiThEy+4c1Z4KB/gbPrGjWwJR+crg2otgrf/egKzRaCPvJ51S5oetgsgXLfc4Rm5ZgrKHZrtMSw==}

-  /@vuetify/loader-shared@2.0.1(vue@3.4.19)(vuetify@3.5.4):
+  /@vuetify/loader-shared@2.0.1(vue@3.4.19)(vuetify@3.5.16):
    resolution: {integrity: sha512-zy5/ohEO7RcJaWYu2Xiy8TBEOkTb42XvWvSAJwXAtY8OlwqyGhzzBp9OvMVjLGIuFXumBpXKlsaVIkeN0OWWSw==}
    peerDependencies:
      vue: ^3.0.0
@ -845,7 +852,7 @@ packages:
    dependencies:
      upath: 2.0.1
      vue: 3.4.19(typescript@5.3.3)
-      vuetify: 3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
+      vuetify: 3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)

  /acorn-jsx@5.3.2(acorn@8.11.3):
    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@ -2900,7 +2907,7 @@ packages:
      - supports-color
    dev: true

-  /vite-plugin-vuetify@2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.4):
+  /vite-plugin-vuetify@2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.16):
    resolution: {integrity: sha512-GlRVAruohE8b0FqmeYYh1cYg3n8THGOv066uMA44qLv9uhUxSLw55CS7fi2yU0wH363TJ2vq36zUsPTjRFrjGQ==}
    engines: {node: ^18.0.0 || >=20.0.0}
    peerDependencies:
@ -2908,12 +2915,12 @@ packages:
      vue: ^3.0.0
      vuetify: ^3.0.0
    dependencies:
-      '@vuetify/loader-shared': 2.0.1(vue@3.4.19)(vuetify@3.5.4)
+      '@vuetify/loader-shared': 2.0.1(vue@3.4.19)(vuetify@3.5.16)
      debug: 4.3.4
      upath: 2.0.1
      vite: 5.1.3(@types/node@20.11.19)(sass@1.71.0)
      vue: 3.4.19(typescript@5.3.3)
-      vuetify: 3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
+      vuetify: 3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
    transitivePeerDependencies:
      - supports-color

@ -3029,15 +3036,15 @@ packages:
      '@vue/shared': 3.4.19
      typescript: 5.3.3

-  /vuetify@3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19):
-    resolution: {integrity: sha512-fHgfWMI7+z/UtbVPOezX+O1MNBOOMBW9HnKejcBIyQQ7jFRnTHbDQmbINf25FK0wrg/zkjfzyOmWWREKW39eXg==}
+  /vuetify@3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19):
+    resolution: {integrity: sha512-jyApfATreFMkgjvK0bL7ntZnr+p9TU73+4E3kX6fIvUitdAP9fltG7yj+v3k14HLqZRSNhTL1GhQ95DFx631zw==}
    engines: {node: ^12.20 || >=14.13}
    peerDependencies:
      typescript: '>=4.7'
-      vite-plugin-vuetify: '>=1.0.0-alpha.12'
+      vite-plugin-vuetify: '>=1.0.0'
      vue: ^3.3.0
      vue-i18n: ^9.0.0
-      webpack-plugin-vuetify: '>=2.0.0-alpha.11'
+      webpack-plugin-vuetify: '>=2.0.0'
    peerDependenciesMeta:
      typescript:
        optional: true
@ -3049,7 +3056,7 @@ packages:
        optional: true
    dependencies:
      typescript: 5.3.3
-      vite-plugin-vuetify: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.4)
+      vite-plugin-vuetify: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.16)
      vue: 3.4.19(typescript@5.3.3)

  /webpack-sources@3.2.3:
--- a/nextcloud_backup/frontend/src/components/MessageBar.vue
+++ b/nextcloud_backup/frontend/src/components/MessageBar.vue
@ -11,7 +11,11 @@
      <v-divider></v-divider>
      <v-responsive max-height="350px" class="overflow-y-auto">
        <v-list class="py-0">
-          <v-data-iterator :items="messages" item-value="id" items-per-page="-1">
+          <v-data-iterator
+            :items="messages"
+            item-value="id"
+            items-per-page="-1"
+          >
            <template v-slot:default="{ items, isExpanded, toggleExpand }">
              <template v-for="(item, index) in items" :key="item.raw.id">
                <v-divider v-if="index != 0"></v-divider>
@ -32,11 +36,15 @@
                      variant="text"
                      icon
                      color="secondary"
-                      @click="toggleExpand(item)"
+                      @click="toggleExpand(item as any)"
                      size="small"
                    >
                      <v-icon>
-                        {{ isExpanded(item) ? "mdi-chevron-up" : "mdi-information" }}
+                        {{
+                          isExpanded(item as any)
+                            ? "mdi-chevron-up"
+                            : "mdi-information"
+                        }}
                      </v-icon>
                    </v-btn>
                    <v-scroll-x-transition>
@ -58,9 +66,13 @@
                  </template>
                </v-list-item>
                <v-expand-transition v-if="item.raw.detail">
-                  <div v-if="isExpanded(item)">
+                  <div v-if="isExpanded(item as any)">
                    <v-divider class="mx-3"></v-divider>
-                    <v-card class="mx-3 my-2" variant="outlined" color="secondary">
+                    <v-card
+                      class="mx-3 my-2"
+                      variant="outlined"
+                      color="secondary"
+                    >
                      <v-card-text>
                        {{ item.raw.detail }}
                      </v-card-text>
@ -70,7 +82,6 @@
              </template>
            </template>
          </v-data-iterator>
-          
        </v-list>
      </v-responsive>
    </v-sheet>
@ -163,7 +174,7 @@ function markReaded(id: string) {
 function markAllReaded() {
  messageService.markAllRead().then((value) => {
    messages.value = value;
-  })
+  });
 }

 onBeforeUnmount(() => {
--- a/nextcloud_backup/frontend/src/env.d.ts
+++ b/nextcloud_backup/frontend/src/env.d.ts
--- a/nextcloud_backup/frontend/src/store/alert.ts
+++ b/nextcloud_backup/frontend/src/store/alert.ts
@ -14,7 +14,7 @@ export const useAlertStore = defineStore("alert", () => {
    const alert: Alert = {
      id: uuidv4(),
      timeOut: ref(timeOutValue.value),
-      interval: setInterval(() => {
+      interval: window.setInterval(() => {
        timeout(alert);
      }, 50),
      type: type,
Author	SHA1	Message	Date
SebClem	889591e67d	Add production env	2024-04-19 17:26:57 +02:00
SebClem	fab29785bf	Try to fix artifact upload	2024-04-19 17:25:09 +02:00
SebClem	3b37f9ee47	Fix tsc errors	2024-04-19 17:19:12 +02:00
SebClem	4bf9e8127f	Change build workflow	2024-04-19 16:57:14 +02:00
SebClem	393590ee74	Return 200 on action	2024-04-19 16:51:33 +02:00