@raclettejs/workbench 0.1.15 → 0.1.16

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.1.16] - 05.11.2025 <a href="https://gitlab.com/raclettejs/workbench/-/compare/v0.1.15...v0.1.16" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
+
+### Added
+
+- added isDeleted switch to lists
+
 ## [0.1.15] - 02.11.2025 <a href="https://gitlab.com/raclettejs/workbench/-/compare/v0.1.13...v0.1.15" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
 
 ### Updated

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raclettejs/workbench",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "license": "MIT",
   "description": "racletteJS Workbench - used to configure your application, for dev and prod",
   "repository": "https://gitlab.com/raclettejs/workbench",
@@ -31,13 +31,13 @@
     ".": "./index.ts"
   },
   "dependencies": {
-    "@raclettejs/core": "0.1.15",
+    "@raclettejs/core": "0.1.16",
     "three": "0.180.0",
     "vanta": "0.5.24"
   },
   "devDependencies": {
     "@eslint/js": "9.35.0",
-    "@raclettejs/types": "0.1.15",
+    "@raclettejs/types": "0.1.16",
     "@sinclair/typebox": "0.34.41",
     "@types/ramda": "0.31.1",
     "@vueuse/core": "13.9.0",

package/plugins/pacifico__compositions/frontend/widgets/CompositionListWidget.vue

@@ -9,6 +9,26 @@
     :data-article="$t('workbench.compositionList.dataArticle')"
     @delete="deleteComposition"
   >
+    <template #actions>
+      <v-tooltip
+        :text="showDeleted ? $t('core.hideDeleted') : $t('core.showDeleted')"
+      >
+        <template v-slot:activator="{ props }">
+          <v-btn-toggle
+            density="compact"
+            v-bind="props"
+            v-model="showDeleted"
+            mandatory
+            :color="showDeleted ? 'error' : 'success'"
+          >
+            <v-btn :value="true">
+              <v-icon>mdi-table-eye-off</v-icon>
+            </v-btn>
+            <v-btn :value="false"><v-icon>mdi-table-eye</v-icon></v-btn>
+          </v-btn-toggle>
+        </template>
+      </v-tooltip>
+    </template>
     <!-- Custom status column -->
     <template #item.status="{ item }">
       <v-icon
@@ -22,11 +42,12 @@
 
 <script setup lang="ts">
 import { usePluginApi } from "@raclettejs/core/orchestrator/composables"
-import { computed } from "vue"
+import { computed, watch, ref } from "vue"
 import type { Composition } from "@raclettejs/core"
 import { formatDistance } from "date-fns"
 import BaseDataTable from "@app/components/BaseDataTable.vue"
 import { useI18n } from "vue-i18n"
+const showDeleted = ref(false)
 
 const { t } = useI18n()
 
@@ -68,9 +89,7 @@ const {
   data: compositions,
   execute,
   isLoading: compositionsLoading,
-} = $data.composition.getAll({
-  options: { immediate: true },
-})
+} = $data.composition.getAll()
 
 const { data: tags, isLoading: tagsLoading } = $data.tag.getAll({
   options: { immediate: true },
@@ -79,7 +98,7 @@ const { data: users } = $data.user.getAll({
   options: { immediate: true },
 })
 const { execute: executeDelete } = await $data.composition.delete({
-  options: { cb: () => execute() },
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
 })
 
 const parsedCompositions = computed(() => {
@@ -128,5 +147,14 @@ const getStatusColor = (status: string) => {
 const deleteComposition = async (composition: Composition) =>
   await executeDelete({ _id: composition._id })
 
-$socket.on("compositionCreated", () => execute())
+$socket.on("compositionCreated", () =>
+  execute({ isDeleted: showDeleted.value }),
+)
+watch(
+  showDeleted,
+  () => {
+    execute({ isDeleted: showDeleted.value })
+  },
+  { immediate: true },
+)
 </script>

package/plugins/pacifico__interactionLinks/frontend/widgets/InteractionLinkListWidget.vue

@@ -9,6 +9,26 @@
     :data-article="$t('workbench.interactionLinkList.dataArticle')"
     @delete="deleteInteractionLink"
   >
+    <template #actions>
+      <v-tooltip
+        :text="showDeleted ? $t('core.hideDeleted') : $t('core.showDeleted')"
+      >
+        <template v-slot:activator="{ props }">
+          <v-btn-toggle
+            density="compact"
+            v-bind="props"
+            v-model="showDeleted"
+            mandatory
+            :color="showDeleted ? 'error' : 'success'"
+          >
+            <v-btn :value="true">
+              <v-icon>mdi-table-eye-off</v-icon>
+            </v-btn>
+            <v-btn :value="false"><v-icon>mdi-table-eye</v-icon></v-btn>
+          </v-btn-toggle>
+        </template>
+      </v-tooltip>
+    </template>
     <!-- Custom triggers column -->
     <template #item.triggers="{ item }">
       <span class="tw:flex tw:gap-2">
@@ -24,8 +44,9 @@ import BaseDataTable from "@app/components/BaseDataTable.vue"
 import { InteractionLink } from "@raclettejs/core"
 import { usePluginApi } from "@raclettejs/core/orchestrator/composables"
 import { formatDistance } from "date-fns"
-import { computed } from "vue"
+import { computed, ref, watch } from "vue"
 import { useI18n } from "vue-i18n"
+const showDeleted = ref(false)
 
 const { t } = useI18n()
 
@@ -72,9 +93,7 @@ const {
   data: interactionLinks,
   execute,
   isLoading: interactionLinksLoading,
-} = $data.interactionLink.getAll({
-  options: { immediate: true },
-})
+} = $data.interactionLink.getAll()
 
 const { data: tags, isLoading: tagsLoading } = $data.tag.getAll({
   options: { immediate: true },
@@ -89,7 +108,7 @@ const { data: compositions } = $data.composition.getAll({
 })
 
 const { execute: executeDelete } = $data.interactionLink.delete({
-  options: { cb: () => execute() },
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
 })
 
 const parsedInteractionLinks = computed(() => {
@@ -122,5 +141,14 @@ const parsedInteractionLinks = computed(() => {
 const deleteInteractionLink = async (interactionLink: InteractionLink) =>
   await executeDelete({ _id: interactionLink._id })
 
-$socket.on("interactionLinkCreated", () => execute())
+$socket.on("interactionLinkCreated", () =>
+  execute({ isDeleted: showDeleted.value }),
+)
+watch(
+  showDeleted,
+  () => {
+    execute({ isDeleted: showDeleted.value })
+  },
+  { immediate: true },
+)
 </script>

package/plugins/pacifico__tags/frontend/widgets/TagListWidget.vue

@@ -8,17 +8,38 @@
     :data-name="$t('workbench.tagList.dataName')"
     :data-article="$t('workbench.tagList.dataArticle')"
     @delete="deleteTag"
-  />
+  >
+    <template #actions>
+      <v-tooltip
+        :text="showDeleted ? $t('core.hideDeleted') : $t('core.showDeleted')"
+      >
+        <template v-slot:activator="{ props }">
+          <v-btn-toggle
+            density="compact"
+            v-bind="props"
+            v-model="showDeleted"
+            mandatory
+            :color="showDeleted ? 'error' : 'success'"
+          >
+            <v-btn :value="true">
+              <v-icon>mdi-table-eye-off</v-icon>
+            </v-btn>
+            <v-btn :value="false"><v-icon>mdi-table-eye</v-icon></v-btn>
+          </v-btn-toggle>
+        </template>
+      </v-tooltip>
+    </template>
+  </BaseDataTable>
 </template>
 
 <script setup lang="ts">
 import { usePluginApi } from "@raclettejs/core/orchestrator/composables"
-import { computed } from "vue"
+import { computed, ref, watch } from "vue"
 import type { Tag } from "@raclettejs/core"
 import { useI18n } from "vue-i18n"
 import BaseDataTable from "@app/components/BaseDataTable.vue"
 import { formatDistance } from "date-fns"
-
+const showDeleted = ref(false)
 const { t } = useI18n()
 
 const headers = computed<{ title: string; key: keyof Tag }[]>(() => [
@@ -51,11 +72,12 @@ const {
   execute,
   isLoading: tagsLoading,
 } = $data.tag.getAll({
+  params: { isDeleted: false },
   options: { immediate: true },
 })
 
 const { execute: executeDelete } = $data.tag.delete({
-  options: { cb: () => execute() },
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
 })
 
 const parsedTags = computed(() => {
@@ -71,5 +93,12 @@ const parsedTags = computed(() => {
 
 const deleteTag = async (tag: Tag) => await executeDelete({ _id: tag._id })
 
-$socket.on("tagCreated", () => execute())
+$socket.on("tagCreated", () => execute({ isDeleted: showDeleted.value }))
+watch(
+  showDeleted,
+  () => {
+    execute({ isDeleted: showDeleted.value })
+  },
+  { immediate: true },
+)
 </script>

package/plugins/pacifico__users/frontend/widgets/UserListWidget.vue

@@ -9,16 +9,38 @@
     :data-article="$t('workbench.userList.dataArticle')"
     :delete-validator="(user) => user._id !== $user?._id"
     @delete="deleteUser"
-  />
+  >
+    <template #actions>
+      <v-tooltip
+        :text="showDeleted ? $t('core.hideDeleted') : $t('core.showDeleted')"
+      >
+        <template v-slot:activator="{ props }">
+          <v-btn-toggle
+            density="compact"
+            v-bind="props"
+            v-model="showDeleted"
+            mandatory
+            :color="showDeleted ? 'error' : 'success'"
+          >
+            <v-btn :value="true">
+              <v-icon>mdi-table-eye-off</v-icon>
+            </v-btn>
+            <v-btn :value="false"><v-icon>mdi-table-eye</v-icon></v-btn>
+          </v-btn-toggle>
+        </template>
+      </v-tooltip>
+    </template>
+  </BaseDataTable>
 </template>
 
 <script setup lang="ts">
 import { usePluginApi } from "@raclettejs/core/orchestrator/composables"
-import { computed } from "vue"
+import { computed, watch, ref } from "vue"
 import type { User } from "@raclettejs/core"
 import { formatDistance } from "date-fns"
 import { useI18n } from "vue-i18n"
 import BaseDataTable from "@app/components/BaseDataTable.vue"
+const showDeleted = ref(false)
 
 const props = defineProps<{
   uuid: string
@@ -51,20 +73,14 @@ const headers = computed<{ title: string; key: keyof User }[]>(() => [
 
 const { $data, $socket, $user } = usePluginApi("raclette__core")
 
-const {
-  data: users,
-  execute,
-  isLoading: usersLoading,
-} = $data.user.getAll({
-  options: { immediate: true },
-})
+const { data: users, execute, isLoading: usersLoading } = $data.user.getAll()
 
 const { data: tags, isLoading: tagsLoading } = $data.tag.getAll({
   options: { immediate: true },
 })
 
 const { execute: executeDelete } = $data.user.delete({
-  options: { cb: () => execute() },
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
 })
 
 const parsedUsers = computed(() => {
@@ -82,5 +98,12 @@ const parsedUsers = computed(() => {
 
 const deleteUser = async (user: User) => await executeDelete({ _id: user._id })
 
-$socket.on("userCreated", () => execute())
+$socket.on("userCreated", () => execute({ isDeleted: showDeleted.value }))
+watch(
+  showDeleted,
+  () => {
+    execute({ isDeleted: showDeleted.value })
+  },
+  { immediate: true },
+)
 </script>

package/services/frontend/src/app/components/BaseDataTable.vue

@@ -112,50 +112,50 @@
       <!-- Additional table slots (this caused the table to be empty) -->
       <!-- <slot name="table-slots" /> -->
     </v-data-table>
-  </div>
 
-  <!-- Delete Confirmation Dialog -->
-  <v-dialog
-    v-model="deleteDialog"
-    max-width="400"
-    v-if="showDeleteAction && itemToDelete"
-  >
-    <v-card>
-      <v-card-title class="text-h6">
-        {{
-          $t("workbench.baseDataTable.deleteDataTitle", {
-            dataName,
-          })
-        }}
-      </v-card-title>
-
-      <v-card-text
-        v-html="
-          $t('workbench.baseDataTable.deleteDataConfirmMessage', {
-            article: dataArticle,
-            dataName,
-            value:
-              itemToDelete.email ||
-              itemToDelete.title ||
-              itemToDelete.name ||
-              itemToDelete._id,
-          })
-        "
-      />
-      <v-card-actions>
-        <v-spacer />
-        <v-btn variant="text" @click="deleteDialog = false">
-          {{ $t("workbench.baseDataTable.deleteDataConfirmCancel") }}
-        </v-btn>
-        <v-btn color="red" variant="flat" @click="confirmDelete">
-          {{ $t("workbench.baseDataTable.deleteDataConfirmButton") }}
-        </v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
-
-  <!-- Additional dialogs slot -->
-  <slot name="dialogs" />
+    <!-- Delete Confirmation Dialog -->
+    <v-dialog
+      v-model="deleteDialog"
+      max-width="400"
+      v-if="showDeleteAction && itemToDelete"
+    >
+      <v-card>
+        <v-card-title class="text-h6">
+          {{
+            $t("workbench.baseDataTable.deleteDataTitle", {
+              dataName,
+            })
+          }}
+        </v-card-title>
+
+        <v-card-text
+          v-html="
+            $t('workbench.baseDataTable.deleteDataConfirmMessage', {
+              article: dataArticle,
+              dataName,
+              value:
+                itemToDelete.email ||
+                itemToDelete.title ||
+                itemToDelete.name ||
+                itemToDelete._id,
+            })
+          "
+        />
+        <v-card-actions>
+          <v-spacer />
+          <v-btn variant="text" @click="deleteDialog = false">
+            {{ $t("workbench.baseDataTable.deleteDataConfirmCancel") }}
+          </v-btn>
+          <v-btn color="red" variant="flat" @click="confirmDelete">
+            {{ $t("workbench.baseDataTable.deleteDataConfirmButton") }}
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+
+    <!-- Additional dialogs slot -->
+    <slot name="dialogs" />
+  </div>
 </template>
 
 <script setup lang="ts" generic="T extends Record<string, any>">

package/yarn.lock

@@ -476,10 +476,10 @@
   resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.9.tgz#d229a7b7f9dac167a156992ef23c7f023653f53b"
   integrity sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==
 
-"@raclettejs/core@^0.1.14":
-  version "0.1.14"
-  resolved "https://registry.yarnpkg.com/@raclettejs/core/-/core-0.1.14.tgz#c49e0d23b21f3918501fed66f29c3b1f8b6b5af1"
-  integrity sha512-8uiqUZXZIFxqeW9hpzuuIONOpyb3v02Q+LZ0aV9ogLRijWGFJlDkGFYRPg9jC2NsDxo1znoOdinZLFvhPOhPhA==
+"@raclettejs/core@^0.1.16":
+  version "0.1.16"
+  resolved "https://registry.yarnpkg.com/@raclettejs/core/-/core-0.1.16.tgz#609ea04e6d398208080e4c19203a98300dacd872"
+  integrity sha512-pxKhWC5L1w7HLvXR045Qrfk71m3gpQTn8mkbXxUDgNjYQcjVOQyKrOWkq3LRGwsZ0VzfMgnSagxB5uAhZVA7sQ==
   dependencies:
     chalk "5.6.2"
     chokidar "3.6.0"
@@ -492,10 +492,10 @@
     ramda "0.31.3"
     tsc-alias "1.8.16"
 
-"@raclettejs/types@^0.1.14":
-  version "0.1.14"
-  resolved "https://registry.yarnpkg.com/@raclettejs/types/-/types-0.1.14.tgz#585958921aaecab98dc301be4e1ce7207e90aeae"
-  integrity sha512-Uh3006SOIUDQw5LFvPj2ewLKglBnORNY+9IE9cqsDFHXZo++/9eBwaEGPvQKTJ6XbjpJPxUezKvbtaaE8MMIFg==
+"@raclettejs/types@^0.1.16":
+  version "0.1.16"
+  resolved "https://registry.yarnpkg.com/@raclettejs/types/-/types-0.1.16.tgz#9b8e6122c831b98822ec35bf90430dfb9a482aa6"
+  integrity sha512-HUkh4CP5yny3IwgYIHSh3zbpzakJgzmuRO3obtutVADO8tmRi9SAnQQMXK5X+3A51ZicdB9VPuhmw1r/Iv1SZA==
   dependencies:
     "@types/node" "24.5.2"
     fastify "5.6.0"