@plutocms/utils 0.0.1-alpha.1

package/.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

package/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true,
+  "semi": false,
+  "trailingComma": "es5",
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

package/.vscode/extensions.json

@@ -0,0 +1,14 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "EditorConfig.EditorConfig",
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "bradlc.vscode-tailwindcss",
+    "antfu.goto-alias",
+    "antfu.iconify",
+    "streetsidesoftware.code-spell-checker",
+    "usernamehw.errorlens"
+  ],
+  "unwantedRecommendations": ["octref.vetur"]
+}

package/.vscode/settings.json

@@ -0,0 +1,47 @@
+{
+  "css.lint.unknownAtRules": "ignore",
+  "less.lint.unknownAtRules": "ignore",
+  "scss.lint.unknownAtRules": "ignore",
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
+
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "never",
+    "source.fixAll.eslint": "explicit"
+  },
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.gotoLocation.multipleDefinitions": "goto",
+  "editor.quickSuggestions": {
+    "strings": true
+  },
+
+  "eslint.useFlatConfig": true,
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "svelte",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss",
+    "mjs"
+  ],
+
+  "vue.inlayHints.missingProps": true
+}

package/.vscode/vue.code-snippets

@@ -0,0 +1,16 @@
+{
+  "Vue Component": {
+    "prefix": ["vue", "tem", "template", "setup"],
+    "body": [
+      "<script setup lang=\"ts\">",
+      "$1",
+      "</script>",
+      "",
+      "<template>",
+      "  <div>$2</div>",
+      "</template>",
+      "",
+    ],
+    "description": "Vue Component (Script first)",
+  },
+}

package/app/components/NavbarAdminActionButton.vue

@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import type { NavbarAdminActionButtonProps } from '../../shared/types/navbar'
+
+type Props = NavbarAdminActionButtonProps
+
+const props = defineProps<Props>()
+</script>
+
+<template>
+  <li v-if="props.show" class="nav-item">
+    <NuxtLink
+      :to="props.to?.toString()"
+      :title="props.title"
+      :disabled="props.disabled"
+      :target="props.target"
+      class="nav-link"
+    >
+      <span class="nav-content">
+        <Icon v-if="props.icon" :name="props.icon" class="link-icon" />
+
+        <span class="link-label"> {{ props.label }} </span>
+      </span>
+    </NuxtLink>
+  </li>
+</template>
+
+<style scoped>
+.nav-item {
+  height: 100%;
+  list-style: none;
+}
+
+.nav-link {
+  display: block;
+  height: 100%;
+  background-color: transparent;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  transition-property: none;
+}
+
+.nav-content {
+  box-sizing: content-box;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  gap: 0.5rem;
+  border-radius: 0.125rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.nav-link:hover .nav-content {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.dark .nav-link:hover .nav-content {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.link-icon {
+  flex-shrink: 0;
+}
+
+.link-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>

package/app/composables/navbar-admin-actions.ts

@@ -0,0 +1,12 @@
+const actions = ref<Component[]>([])
+
+export function useNavbarAdminActions() {
+  const addAction = (action: Component) => {
+    actions.value.push(action)
+  }
+
+  return {
+    actions,
+    addAction,
+  }
+}

package/app/composables/sidebar-admin-actions.ts

@@ -0,0 +1,18 @@
+import type { NavigationMenuItem } from '@nuxt/ui'
+
+const actions = ref<NavigationMenuItem[]>([])
+
+export function useSidebarAdminActions() {
+  const addAction = (action: NavigationMenuItem[]) => {
+    // @ts-expect-error - Type instantiation is excessively deep and possibly infinite.
+    const existingLabels = new Set(actions.value.map((a) => a.label))
+    const newActions = action.filter((a) => !existingLabels.has(a.label))
+
+    actions.value = [...actions.value, ...newActions]
+  }
+
+  return {
+    actions,
+    addAction,
+  }
+}