feat: new plugins & subgroups homepages

closes #1503
kestra-io · Feb 18, 2025 · 8dc2039 · 8dc2039
1 parent d8fac10
commit 8dc2039
Show file tree

Hide file tree

Showing 16 changed files with 469 additions and 393 deletions.
diff --git a/app.vue b/app.vue
@@ -8,6 +8,10 @@
     import DefaultLayout from "~/layouts/default.vue";
     import "@kestra-io/ui-libs/style.css";
 
+    String.prototype.capitalize = function () {
+        return this.charAt(0).toUpperCase() + this.slice(1)
+    }
+
     useHead({
         htmlAttrs: {
             lang: "en",

diff --git a/assets/styles/docs.scss b/assets/styles/docs.scss
@@ -84,6 +84,7 @@ $bd-gutter-x: 3rem;
 
     h4 {
         padding-top: 1rem;
+        color: $white;
         font-size: $h5-font-size;
     }
 

diff --git a/assets/styles/theme.scss b/assets/styles/theme.scss
@@ -2,6 +2,7 @@
     #{--kestra-io-token-color-background-primary}: #111113;
     #{--kestra-io-token-color-background-hover-primary}: #404559;
     #{--kestra-io-token-color-background-secondary}: #161617;
+    #{--tokens-border-border-active}: #8405FF;
     #{--kestra-io-token-color-border-primary}: #3D3D3F;
     #{--kestra-io-token-color-border-secondary}: #252526;
     #{--kestra-io-token-color-white}: #FFFFFF;

diff --git a/components/blueprints/ListCard.vue b/components/blueprints/ListCard.vue
@@ -20,10 +20,6 @@
     </NuxtLink>
 </template>
 
-<script setup>
-    import {slugify} from "~/utils/url.js";
-</script>
-
 <script>
     export default {
         props: {

diff --git a/components/plugins/PluginCard.vue b/components/plugins/PluginCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <NuxtLink :href="`/plugins/${plugin.name}`">
+    <NuxtLink :href="href">
         <div class="plugin d-flex align-items-center gap-2 bg-dark-2" ref="root" data-bs-toogle="tooltip"
              data-bs-html="true" data-bs-custom-class="plugin-tooltip" :data-bs-original-title="plugin.tooltipContent">
             <div class="icon-content">
@@ -12,7 +12,9 @@
     </NuxtLink>
 </template>
 <script setup>
-    const {$bootstrap} = useNuxtApp()
+    import {slugify} from "@kestra-io/ui-libs"
+
+    const {$bootstrap} = useNuxtApp();
     const props = defineProps({
         plugin: {
             type: Object,
@@ -26,6 +28,8 @@
 
     const root = ref(null);
 
+    const href = `/plugins/${props.plugin.name}${props.plugin.subGroup === undefined ? '' : ('/' + slugify(props.plugin.title))}`
+
     onMounted(() => {
       if (process.client) {
         new $bootstrap.Tooltip(root.value, {

diff --git a/components/stories/Card.vue b/components/stories/Card.vue
@@ -26,7 +26,7 @@
 </template>
 
 <script setup>
-    import {slugify} from "~/utils/url.js";
+    import {slugify} from "@kestra-io/ui-libs";
 
     defineProps({
         story: {

diff --git a/components/stories/RowCard.vue b/components/stories/RowCard.vue
@@ -44,7 +44,7 @@
 </template>
 
 <script setup>
-    import {slugify} from "~/utils/url.js";
+    import {slugify} from "@kestra-io/ui-libs";
 
     const props = defineProps({
         story: {

diff --git a/middleware/redirect.global.js b/middleware/redirect.global.js
@@ -8,8 +8,8 @@ export default function ({ route, redirect }) {
 
     plugins.forEach(plugin => {
         plugin.taskRunners.forEach(taskRunner => {
-            const standardPath = `/plugins/plugin-${plugin.base}/task-runners/io.kestra.plugin.${plugin.base}.runner.${taskRunner}`;
-            const eePath = `/plugins/plugin-ee-${plugin.base}/task-runners/io.kestra.plugin.ee.${plugin.base}.runner.${taskRunner}`;
+            const standardPath = `/plugins/plugin-${plugin.base}/io.kestra.plugin.${plugin.base}.runner.${taskRunner}`;
+            const eePath = `/plugins/plugin-ee-${plugin.base}/io.kestra.plugin.ee.${plugin.base}.runner.${taskRunner}`;
 
             if (route?.path === standardPath) {
                 return redirect(eePath);

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,7 +17,7 @@
     "analyze": "nuxt analyze"
   },
   "dependencies": {
-    "@kestra-io/ui-libs": "^0.0.136",
+    "@kestra-io/ui-libs": "^0.0.141",
     "@popperjs/core": "^2.11.8",
     "@rive-app/canvas": "^2.26.1",
     "@vue-flow/background": "^1.3.2",
-Original file line number
+Diff line change
@@ Expand Up / @@ -84,6 +84,7 @@ $bd-gutter-x: 3rem; @@
         h4 {
             padding-top: 1rem;
+            color: $white;
             font-size: $h5-font-size;
         }
@@ Expand Down @@