docus 5.6.1 → 5.7.0

package/app/assets/icons/LICENSE

@@ -0,0 +1,14 @@
+Copyright © Nucleo
+
+Version 1.3, January 3, 2024
+
+Nucleo Icons
+
+https://nucleoapp.com/
+
+- Redistribution of icons is prohibited.
+- Icons are restricted for use only within the product they are bundled with.
+
+For more details:
+
+https://nucleoapp.com/license

package/app/assets/icons/ai.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="artificial-intelligence" aria-hidden="true" viewBox="0 0 20 20"><title>artificial-intelligence</title><g fill="currentColor"><polyline fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="10.5 15 7 5 6 5 2.5 15"/><line x1="9.586" x2="3.414" y1="12.5" y2="12.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><polyline fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="13.5 9 15.5 9 15.5 15"/><line x1="13.5" x2="17.5" y1="15" y2="15" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path fill="currentColor" stroke-width="0" d="m17.6527,3.9647l-1.2005-.4503-.4506-1.2005c-.1562-.4185-.8468-.4185-1.0031,0l-.4506,1.2005-1.2005.4503c-.2086.0785-.3474.2783-.3474.5015s.1388.4231.3474.5015l1.2005.4503.4506,1.2005c.0781.2093.2783.3477.5015.3477s.4234-.1385.5015-.3477l.4506-1.2005,1.2005-.4503c.2086-.0785.3474-.2783.3474-.5015s-.1388-.4231-.3474-.5015h0Z"/></g></svg>

package/app/components/OgImage/OgImageDocs.vue

@@ -1,13 +1,11 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
-
 const props = withDefaults(defineProps<{ title?: string, description?: string, headline?: string }>(), {
   title: 'title',
   description: 'description',
 })
 
-const title = computed(() => (props.title || '').slice(0, 60))
-const description = computed(() => (props.description || '').slice(0, 200))
+const title = (props.title || '').slice(0, 60)
+const description = (props.description || '').slice(0, 200)
 </script>
 
 <template>

package/app/components/OgImage/OgImageLanding.vue

@@ -1,19 +1,37 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
-
-const props = withDefaults(defineProps<{ title?: string, description?: string, headline?: string }>(), {
+const props = withDefaults(defineProps<{ title?: string, description?: string }>(), {
   title: 'title',
   description: 'description',
 })
 
-const title = computed(() => (props.title || '').slice(0, 60))
-const description = computed(() => (props.description || '').slice(0, 200))
+const appConfig = useAppConfig()
+const logoPath = appConfig.header?.logo?.dark || appConfig.header?.logo?.light
+
+const logoSvg = await fetchLogoSvg(logoPath)
+
+const title = (props.title || '').slice(0, 60)
+const description = (props.description || '').slice(0, 200)
+
+async function fetchLogoSvg(path?: string): Promise<string> {
+  if (!path) return ''
+  try {
+    // eslint-disable-next-line
+    // @ts-ignore
+    const { url: siteUrl } = useSiteConfig()
+    const url = path.startsWith('http') ? path : `${siteUrl}${path}`
+    const svg = await $fetch<string>(url, { responseType: 'text' })
+    return svg.replace('<svg', '<svg width="100%" height="100%"')
+  }
+  catch {
+    return ''
+  }
+}
 </script>
 
 <template>
   <div class="w-full h-full flex items-center justify-center bg-neutral-900">
     <svg
-      class="absolute right-0 top-0 opacity-50 "
+      class="absolute right-0 top-0 opacity-50"
       width="629"
       height="593"
       viewBox="0 0 629 593"
@@ -54,19 +72,24 @@ const description = computed(() => (props.description || '').slice(0, 200))
       </defs>
     </svg>
 
-    <div class="flex flex-col justify-center p-8">
-      <div class="flex justify-center mb-8">
-        <AppHeaderLogo white />
-      </div>
+    <div
+      class="flex flex-col items-center justify-center p-8"
+    >
+      <div
+        v-if="logoSvg"
+        class="flex items-center justify-center mb-10 max-w-[900px]"
+        style="width: 72px; height: 72px;"
+        v-html="logoSvg"
+      />
       <h1
         v-if="title"
-        class="flex justify-center m-0 text-5xl font-semibold mb-4 text-white"
+        class="m-0 text-5xl font-semibold mb-4 text-white text-center"
       >
-        <span>{{ title }}</span>
+        {{ title }}
       </h1>
       <p
         v-if="description"
-        class="text-center text-2xl text-neutral-300 leading-tight"
+        class="text-center text-2xl text-neutral-300 leading-tight max-w-[800px]"
       >
         {{ description }}
       </p>

package/modules/assistant/runtime/components/AssistantChat.vue

@@ -6,15 +6,15 @@ const { toggle } = useAssistant()
 const { t } = useDocusI18n()
 
 const tooltipText = computed(() => t('assistant.tooltip'))
-const triggerIcon = computed(() => appConfig.assistant?.icons?.trigger || 'i-lucide-sparkles')
+const triggerIcon = computed(() => appConfig.assistant?.icons?.trigger || 'i-custom-ai')
 </script>
 
 <template>
   <UTooltip :text="tooltipText">
     <UButton
       :icon="triggerIcon"
+      color="neutral"
       variant="ghost"
-      class="rounded-full"
       @click="toggle"
     />
   </UTooltip>

package/nuxt.config.ts

@@ -1,3 +1,4 @@
+import { join } from 'node:path'
 import { extendViteConfig, createResolver, useNuxt } from '@nuxt/kit'
 
 const { resolve } = createResolver(import.meta.url)
@@ -8,6 +9,15 @@ export default defineNuxtConfig({
     resolve('./modules/routing'),
     resolve('./modules/markdown-rewrite'),
     resolve('./modules/css'),
+    () => {
+      const nuxt = useNuxt()
+      nuxt.options.icon ||= {}
+      nuxt.options.icon.customCollections ||= []
+      nuxt.options.icon.customCollections.push({
+        prefix: 'custom',
+        dir: join(nuxt.options.srcDir, 'assets/icons'),
+      })
+    },
     '@nuxt/ui',
     '@nuxt/content',
     '@nuxt/image',
@@ -94,6 +104,16 @@ export default defineNuxtConfig({
     },
   },
   icon: {
+    customCollections: [
+      {
+        prefix: 'custom',
+        dir: resolve('./app/assets/icons'),
+      },
+    ],
+    clientBundle: {
+      scan: true,
+      includeCustomCollections: true,
+    },
     provider: 'iconify',
   },
   robots: {

package/nuxt.schema.ts

@@ -266,7 +266,7 @@ export default defineNuxtSchema({
     assistant: group({
       title: 'Assistant',
       description: 'Assistant configuration.',
-      icon: 'i-lucide-sparkles',
+      icon: 'i-custom-ai',
       fields: {
         floatingInput: field({
           type: 'boolean',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docus",
   "description": "Nuxt layer for Docus documentation theme",
-  "version": "5.6.1",
+  "version": "5.7.0",
   "type": "module",
   "main": "./nuxt.config.ts",
   "repository": {
@@ -28,10 +28,10 @@
     "@iconify-json/lucide": "^1.2.91",
     "@iconify-json/simple-icons": "^1.2.71",
     "@iconify-json/vscode-icons": "^1.2.43",
-    "@nuxt/content": "^3.11.2",
+    "@nuxt/content": "^3.12.0",
     "@nuxt/image": "^2.0.0",
     "@nuxt/kit": "^4.3.1",
-    "@nuxt/ui": "^4.4.0",
+    "@nuxt/ui": "^4.5.0",
     "@nuxtjs/i18n": "^10.2.3",
     "@nuxtjs/mcp-toolkit": "^0.7.0",
     "@nuxtjs/mdc": "^0.20.1",
@@ -41,7 +41,6 @@
     "defu": "^6.1.4",
     "exsolve": "^1.0.8",
     "git-url-parse": "^16.1.0",
-    "minimark": "^1.0.0",
     "motion-v": "^1.10.3",
     "nuxt-llms": "^0.2.0",
     "nuxt-og-image": "^5.1.13",