@raclettejs/workbench 0.1.33-canary.2 → 0.1.33

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 0.1.33
+
+### Patch Changes
+
+- Exporter Functionality
+- 9bc0e96: devOps: canary release
+- 9bc0e96: fix: fixed wrong import in workbench plugin
+- 9bc0e96: devOps: test release nr2
+- 9bc0e96: devOps: canary release pre exporter
+- Updated dependencies
+- Updated dependencies [9bc0e96]
+- Updated dependencies [9bc0e96]
+- Updated dependencies [9bc0e96]
+- Updated dependencies [9bc0e96]
+  - @raclettejs/core@0.1.33
+
 All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
@@ -26,7 +42,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Updated
 
 - core release
-
+- restyled the dynamicForm
+- fixed not deletable interactionLink Trigger
 
 ## [0.1.25] - 2026-04-17 <a href="https://gitlab.com/raclettejs/core-dev/-/compare/v0.1.23...v0.1.25" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
 
@@ -52,12 +69,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Dependency Versions
 
-
 ## [0.1.23] - 2026-03-11 <a href="https://gitlab.com/raclettejs/core-dev/-/compare/v0.1.21...v0.1.23" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
 
 ### Fixed
-- workbench workspace dependency protocol
 
+- workbench workspace dependency protocol
 
 ## [0.1.21] - 2026-03-05 <a href="https://gitlab.com/raclettejs/core-dev/-/compare/v0.1.20...v0.1.21" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
 

package/i18n/de-DE.json

@@ -245,6 +245,21 @@
         "label": "Benutzer",
         "placeholder": "Benutzer wählen"
       },
+      "list": {
+        "rowLabel": "Listenpunkt {n}",
+        "addNewLabel": "Neuen Listenpunkt hinzufügen"
+      },
+      "objectList": {
+        "addEntry": "Eintrag hinzufügen",
+        "removeEntry": "Eintrag entfernen",
+        "unnamedEntry": "Eintrag {n}"
+      },
+      "record": {
+        "keyLabel": "Schlüssel, Zeile {n}",
+        "valueLabel": "Wert, Zeile {n}",
+        "removeRow": "Schlüssel/Wert-Zeile entfernen",
+        "addRow": "Schlüssel/Wert-Zeile hinzufügen"
+      },
       "validation": {
         "required": "{field} ist erforderlich",
         "minLength": "{field} muss mindestens {minLength} Zeichen lang sein",

package/i18n/en-EU.json

@@ -245,6 +245,21 @@
         "label": "User",
         "placeholder": "Select User"
       },
+      "list": {
+        "rowLabel": "List item {n}",
+        "addNewLabel": "Add new list item"
+      },
+      "objectList": {
+        "addEntry": "Add entry",
+        "removeEntry": "Remove entry",
+        "unnamedEntry": "Entry {n}"
+      },
+      "record": {
+        "keyLabel": "Key, row {n}",
+        "valueLabel": "Value, row {n}",
+        "removeRow": "Remove key/value row",
+        "addRow": "Add key/value row"
+      },
       "validation": {
         "required": "{field} is required",
         "minLength": "{field} must be at least {minLength} characters long",

package/i18n/sk-SK.json

@@ -240,6 +240,21 @@
         "label": "Používateľ",
         "placeholder": "Vyberte používateľa"
       },
+      "list": {
+        "rowLabel": "Položka zoznamu {n}",
+        "addNewLabel": "Pridať novú položku zoznamu"
+      },
+      "objectList": {
+        "addEntry": "Pridať záznam",
+        "removeEntry": "Odstrániť záznam",
+        "unnamedEntry": "Záznam {n}"
+      },
+      "record": {
+        "keyLabel": "Kľúč, riadok {n}",
+        "valueLabel": "Hodnota, riadok {n}",
+        "removeRow": "Odstrániť riadok kľúča a hodnoty",
+        "addRow": "Pridať riadok kľúča a hodnoty"
+      },
       "validation": {
         "required": "{field} je povinné",
         "minLength": "{field} musí mať aspoň {minLength} znakov",

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@raclettejs/workbench",
-  "version": "0.1.33-canary.2",
+  "version": "0.1.33",
   "license": "MIT",
   "description": "racletteJS Workbench - used to configure your application, for dev and prod",
   "repository": "https://gitlab.com/raclettejs/workbench",
   "author": "Pacifico Digital Explorations GmbH",
   "type": "module",
   "scripts": {
+    ":install": "yarn install",
     "dev": "raclette dev",
     "down": "raclette down",
     "build": "raclette build",
@@ -33,7 +34,7 @@
     ".": "./index.ts"
   },
   "dependencies": {
-    "@raclettejs/core": "^0.1.33-canary.2",
+    "@raclettejs/core": "^0.1.33",
     "@vueuse/integrations": "14.2.1",
     "fuse.js": "7.1.0",
     "three": "0.183.2",
@@ -43,7 +44,7 @@
     "@emnapi/core": "1.9.2",
     "@emnapi/runtime": "1.9.2",
     "@eslint/js": "9.35.0",
-    "@raclettejs/types": "^0.1.33-canary.2",
+    "@raclettejs/types": "^0.1.33",
     "@sinclair/typebox": "0.34.48",
     "@types/ramda": "0.31.1",
     "@vueuse/core": "14.2.1",
@@ -66,7 +67,7 @@
     "uuid": "13.0.0",
     "vite": "8.0.1",
     "vue": "3.5.30",
-    "vue-eslint-parser": "9.4.3",
+    "vue-eslint-parser": "10.3.0",
     "vue-i18n": "11.3.0",
     "vuetify": "4.0.5"
   }

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

@@ -1,37 +1,40 @@
 <template>
-  <div>
+  <div class="tw:p-4">
     <BaseDataTable
       :items="parsedCompositions"
       :exportable-items="exportableCompositions"
       :loading="compositionsLoading || tagsLoading"
       :headers="headers"
-      create-interaction-link-id="compositionCreateInteractionLink"
-      edit-interaction-link-id="compositionEditInteractionLink"
+      :row-click-handler="handleRowClick"
       :data-name="$t('workbench.compositionList.dataName')"
-      :data-article="$t('workbench.compositionList.dataArticle')"
-      @delete="deleteComposition"
+      :show-filters="true"
       :items-deleted="showDeleted"
       :on-file-loaded="handleFileUpload"
     >
-      <template #toolbar-leading>
-        <v-tooltip
-          :text="showDeleted ? $t('core.hideDeleted') : $t('core.showDeleted')"
+      <template #toolbar-end>
+        <v-btn
+          prepend-icon="mdi-plus"
+          variant="flat"
+          color="success"
+          :text="$t('core.baseDataTable.createDataButton', { dataName: $t('workbench.compositionList.dataName') })"
+          @click="goToCreate('compositionCreateInteractionLink')"
+        />
+      </template>
+      <template #toolbar-actions-menu>
+        <v-list-item
+          :title="showDeleted ? $t('core.hideDeleted') : $t('core.showDeleted')"
+          prepend-icon="mdi-delete-outline"
         >
-          <template #activator="{ props: activatorProps }">
-            <v-btn-toggle
-              density="compact"
-              v-bind="activatorProps"
+          <template #append>
+            <v-switch
               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>
+              color="error"
+              density="compact"
+              hide-details
+              inset
+            />
           </template>
-        </v-tooltip>
+        </v-list-item>
       </template>
       <!-- Custom status column -->
       <template #[`item.status`]="{ item }">
@@ -55,6 +58,15 @@
           icon="mdi-delete-restore"
         />
       </template>
+      <template #row-actions="{ item }">
+        <v-btn
+          icon="mdi-delete"
+          size="small"
+          variant="text"
+          color="error"
+          @click.stop.prevent="deleteComposition(item)"
+        />
+      </template>
     </BaseDataTable>
     <!-- Import Selection Dialog -->
     <ImportSelectionDialog
@@ -93,10 +105,12 @@ import {
   parseAndNormalizeWorkbenchImportJson,
   resolveWorkbenchImportSelection,
 } from "@app/lib/jsonTools"
+import { useWorkbenchTableActions } from "@app/composables/useWorkbenchTableActions"
 import ImportSelectionDialog from "@raclettejs/core/orchestrator/components/dataImport/ImportSelectionDialog.vue"
 import ImportSummaryDialog from "@raclettejs/core/orchestrator/components/dataImport/ImportSummaryDialog.vue"
 
 const { t } = useI18n()
+const { goToCreate, goToEditById } = useWorkbenchTableActions()
 const showDeleted = ref(false)
 const showImportDialog = ref(false)
 const showImportSummary = ref(false)
@@ -273,6 +287,10 @@ const deleteComposition = async (composition: Composition) => {
 const restore = (_id: string) => {
   executeRestore({ _id })
 }
+
+const handleRowClick = (item: Composition) =>
+  goToEditById("compositionEditInteractionLink", item._id)
+
 $socket.on("compositionCreated", () =>
   execute({ isDeleted: showDeleted.value }),
 )

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

@@ -1,37 +1,40 @@
 <template>
-  <div>
+  <div class="tw:p-4">
     <BaseDataTable
       :items="parsedInteractionLinks"
       :exportable-items="exportableInteractionLinks"
       :loading="interactionLinksLoading || tagsLoading"
       :headers="headers"
-      create-interaction-link-id="interactionLinkCreateInteractionLink"
-      edit-interaction-link-id="interactionLinkEditInteractionLink"
+      :row-click-handler="handleRowClick"
       :data-name="$t('workbench.interactionLinkList.dataName')"
-      :data-article="$t('workbench.interactionLinkList.dataArticle')"
-      @delete="deleteInteractionLink"
+      :show-filters="true"
       :items-deleted="showDeleted"
       :on-file-loaded="handleFileUpload"
     >
-      <template #toolbar-leading>
-        <v-tooltip
-          :text="showDeleted ? $t('core.hideDeleted') : $t('core.showDeleted')"
+      <template #toolbar-end>
+        <v-btn
+          prepend-icon="mdi-plus"
+          variant="flat"
+          color="success"
+          :text="$t('core.baseDataTable.createDataButton', { dataName: $t('workbench.interactionLinkList.dataName') })"
+          @click="goToCreate('interactionLinkCreateInteractionLink')"
+        />
+      </template>
+      <template #toolbar-actions-menu>
+        <v-list-item
+          :title="showDeleted ? $t('core.hideDeleted') : $t('core.showDeleted')"
+          prepend-icon="mdi-delete-outline"
         >
-          <template #activator="{ props: activatorProps }">
-            <v-btn-toggle
-              density="compact"
-              v-bind="activatorProps"
+          <template #append>
+            <v-switch
               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>
+              color="error"
+              density="compact"
+              hide-details
+              inset
+            />
           </template>
-        </v-tooltip>
+        </v-list-item>
       </template>
       <!-- Custom triggers column -->
       <template #[`item.triggers`]="{ item }">
@@ -54,6 +57,15 @@
           icon="mdi-delete-restore"
         />
       </template>
+      <template #row-actions="{ item }">
+        <v-btn
+          icon="mdi-delete"
+          size="small"
+          variant="text"
+          color="error"
+          @click.stop.prevent="deleteInteractionLink(item)"
+        />
+      </template>
     </BaseDataTable>
     <!-- Import Selection Dialog -->
     <ImportSelectionDialog
@@ -94,6 +106,7 @@ import {
 } from "@app/lib/jsonTools"
 import ImportSelectionDialog from "@raclettejs/core/orchestrator/components/dataImport/ImportSelectionDialog.vue"
 import ImportSummaryDialog from "@raclettejs/core/orchestrator/components/dataImport/ImportSummaryDialog.vue"
+import { useWorkbenchTableActions } from "@app/composables/useWorkbenchTableActions"
 const showDeleted = ref(false)
 const showImportDialog = ref(false)
 const showImportSummary = ref(false)
@@ -103,6 +116,7 @@ const importedItems = ref<any[]>([])
 const pendingImportById = ref<Record<string, any>>({})
 
 const { t } = useI18n()
+const { goToCreate, goToEditById } = useWorkbenchTableActions()
 
 const headers = computed<{ title: string; key: keyof InteractionLink }[]>(
   () => [
@@ -211,6 +225,10 @@ const exportableInteractionLinks = computed(() =>
 const restore = async (_id: string) => {
   executeRestore({ _id })
 }
+
+const handleRowClick = (item: InteractionLink) =>
+  goToEditById("interactionLinkEditInteractionLink", item._id)
+
 const deleteInteractionLink = async (interactionLink: InteractionLink) => {
   if (showDeleted.value) {
     await executeHardDelete({ _id: interactionLink._id })

package/plugins/pacifico__plugins/frontend/index.ts

@@ -4,7 +4,7 @@ export default defineRaclettePluginFrontend({
   i18n: {
     de: {
       pluginList: {
-        dataName: "Plugin",
+        dataName: "Plugins",
         dataArticle: "das",
         tableHeaders: {
           name: "Name",
@@ -16,7 +16,7 @@ export default defineRaclettePluginFrontend({
     },
     en: {
       pluginList: {
-        dataName: "Plugin",
+        dataName: "Plugins",
         dataArticle: "the",
         tableHeaders: {
           name: "Name",
@@ -28,7 +28,7 @@ export default defineRaclettePluginFrontend({
     },
     sk: {
       pluginList: {
-        dataName: "Plugin",
+        dataName: "Plugins",
         dataArticle: "",
         tableHeaders: {
           name: "Názov",

package/plugins/pacifico__plugins/frontend/widgets/PluginListWidget.vue

@@ -1,16 +1,15 @@
 <template>
-  <BaseDataTable
-    :items="pluginMetadataFiles"
-    :headers
-    :data-name="$i18n.t('pluginList.dataName')"
-    :data-article="$i18n.t('pluginList.dataArticle')"
-    :show-create-button="false"
-    :show-delete-action="false"
-    :show-actions-column="false"
-    :row-click-handler="onRowClick"
-    :show-export="false"
-  >
-  </BaseDataTable>
+  <div class="tw:p-4">
+    <BaseDataTable
+      :items="pluginMetadataFiles"
+      :headers
+      :data-name="$i18n.t('pluginList.dataName')"
+      :show-filters="true"
+      :show-actions-column="false"
+      :row-click-handler="onRowClick"
+      :show-export="false"
+    />
+  </div>
 </template>
 
 <script setup lang="ts">

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

@@ -1,37 +1,40 @@
 <template>
-  <div>
+  <div class="tw:p-4">
     <BaseDataTable
       :items="parsedTags"
       :exportable-items="exportableTags"
       :loading="tagsLoading"
       :headers="headers"
-      create-interaction-link-id="tagCreateInteractionLink"
-      edit-interaction-link-id="tagEditInteractionLink"
+      :row-click-handler="handleRowClick"
       :data-name="$t('workbench.tagList.dataName')"
-      :data-article="$t('workbench.tagList.dataArticle')"
-      @delete="deleteTag"
+      :show-filters="true"
       :items-deleted="showDeleted"
       :on-file-loaded="handleFileUpload"
     >
-      <template #toolbar-leading>
-        <v-tooltip
-          :text="showDeleted ? $t('core.hideDeleted') : $t('core.showDeleted')"
+      <template #toolbar-end>
+        <v-btn
+          prepend-icon="mdi-plus"
+          variant="flat"
+          color="success"
+          :text="$t('core.baseDataTable.createDataButton', { dataName: $t('workbench.tagList.dataName') })"
+          @click="goToCreate('tagCreateInteractionLink')"
+        />
+      </template>
+      <template #toolbar-actions-menu>
+        <v-list-item
+          :title="showDeleted ? $t('core.hideDeleted') : $t('core.showDeleted')"
+          prepend-icon="mdi-delete-outline"
         >
-          <template #activator="{ props: activatorProps }">
-            <v-btn-toggle
-              density="compact"
-              v-bind="activatorProps"
+          <template #append>
+            <v-switch
               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>
+              color="error"
+              density="compact"
+              hide-details
+              inset
+            />
           </template>
-        </v-tooltip>
+        </v-list-item>
       </template>
       <template #prepend-row-actions="{ item }">
         <v-icon
@@ -47,6 +50,15 @@
           icon="mdi-delete-restore"
         />
       </template>
+      <template #row-actions="{ item }">
+        <v-btn
+          icon="mdi-delete"
+          size="small"
+          variant="text"
+          color="error"
+          @click.stop.prevent="deleteTag(item)"
+        />
+      </template>
     </BaseDataTable>
     <!-- Import Selection Dialog -->
     <ImportSelectionDialog
@@ -87,8 +99,10 @@ import {
 } from "@app/lib/jsonTools"
 import ImportSelectionDialog from "@raclettejs/core/orchestrator/components/dataImport/ImportSelectionDialog.vue"
 import ImportSummaryDialog from "@raclettejs/core/orchestrator/components/dataImport/ImportSummaryDialog.vue"
+import { useWorkbenchTableActions } from "@app/composables/useWorkbenchTableActions"
 const showDeleted = ref(false)
 const { t } = useI18n()
+const { goToCreate, goToEditById } = useWorkbenchTableActions()
 const showImportDialog = ref(false)
 const showImportSummary = ref(false)
 
@@ -214,6 +228,10 @@ const finalizeImport = async () => {
 const restore = async (_id: string) => {
   executeRestore({ _id })
 }
+
+const handleRowClick = (item: Tag) =>
+  goToEditById("tagEditInteractionLink", item._id)
+
 $socket.on("tagCreated", () => execute({ isDeleted: showDeleted.value }))
 watch(
   showDeleted,