feat: Spaces

.gitignore

@@ -9,4 +9,5 @@ gameplan/docs/current
 gameplan/public/frontend
 gameplan/www/teams.html
 gameplan/www/g.html
-build
+build
+frontend/components.d.ts

.pre-commit-config.yaml

@@ -34,6 +34,8 @@ repos:
     hooks:
       - id: prettier
         types_or: [javascript, vue, scss]
+        exclude_types: [yaml]
+
 
 ci:
     autoupdate_schedule: weekly

frontend/frappeui.json

@@ -0,0 +1,21 @@
+{
+  "typeGeneration": {
+    "input": {
+      "gameplan": [
+        "gp_project",
+        "gp_member",
+        "gp_team",
+        "gp_comment",
+        "gp_discussion",
+        "gp_page",
+        "gp_task",
+        "gp_poll",
+        "gp_guest_access",
+        "gp_invitation",
+        "gp_user_profile",
+        "gp_notification",
+        "gp_activity"
+      ]
+    }
+  }
+}

frontend/lucideIcons.js

@@ -2,10 +2,10 @@ import * as LucideIcons from 'lucide-static'
 
 let icons = {}
 for (const icon in LucideIcons) {
-  let iconSvg = LucideIcons[icon]
   if (icon == 'default') {
     continue
   }
+  let iconSvg = LucideIcons[icon]
 
   // set stroke-width to 1.5
   if (iconSvg && iconSvg.includes('stroke-width')) {
@@ -26,8 +26,14 @@ export default icons
 function camelToDash(key) {
   // barChart2 -> bar-chart-2
   let withNumber = key.replace(/[A-Z0-9]/g, (m) => '-' + m.toLowerCase())
+  if (withNumber.startsWith('-')) {
+    withNumber = withNumber.substring(1)
+  }
   // barChart2 -> bar-chart2
   let withoutNumber = key.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase())
+  if (withoutNumber.startsWith('-')) {
+    withoutNumber = withoutNumber.substring(1)
+  }
 
   if (withNumber !== withoutNumber) {
     // both are required because unplugin icon resolver doesn't put a dash before numbers

frontend/package.json

@@ -15,21 +15,21 @@
     "@vueuse/core": "^10.1.2",
     "dayjs": "^1.10.7",
     "feather-icons": "^4.28.0",
-    "frappe-ui": "^0.1.93",
+    "frappe-ui": "^0.1.103",
     "fuzzysort": "^2.0.4",
     "gemoji": "^7.1.0",
     "htmldiff-js": "^1.0.5",
     "socket.io-client": "^4.7.2",
-    "vue": "3.4.12",
-    "vue-router": "^4.2.2"
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
     "@tailwindcss/container-queries": "^0.1.1",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "autoprefixer": "^10.4.2",
     "cypress": "10.11.0",
-    "lucide-static": "^0.257.0",
+    "lucide-static": "^0.469.0",
     "postcss": "^8.4.5",
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.8",

frontend/src/components/AppLink.vue

@@ -0,0 +1,35 @@
+<template>
+  <a v-if="isExternalLink" v-bind="$attrs" :href="props.to" target="_blank">
+    <slot />
+  </a>
+  <RouterLink v-else v-bind="$props" custom :to="props.to" v-slot="{ isActive, href, navigate }">
+    <a
+      v-bind="$attrs"
+      class="focus:outline-none focus-visible:ring focus-visible:ring-gray-400"
+      :href="href"
+      @click="navigate"
+      :class="isActive ? activeClass : inactiveClass"
+    >
+      <slot />
+    </a>
+  </RouterLink>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { RouterLink } from 'vue-router'
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = defineProps({
+  // @ts-ignore
+  ...RouterLink.props,
+  inactiveClass: String,
+})
+
+const isExternalLink = computed(() => {
+  return typeof props.to === 'string' && props.to.startsWith('http')
+})
+</script>