feat: improves Kalico config reference support

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>

Author: pedrolamas

src/components/widgets/filesystem/setupMonaco.ts

@@ -11,6 +11,7 @@ import themeLight from '@/monaco/theme/editor.light.theme.json'
 
 import { MonacoLanguageImports } from '@/dynamicImports'
 import type { KlippyApp } from '@/store/printer/types'
+import type { Globals } from '@/globals'
 
 type ReduceState<T> = {
   current?: T,
@@ -31,7 +32,12 @@ const isCodeLensSupportedService = (service: string): service is CodeLensSupport
   'crowsnest'
 ].includes(service)
 
-const getDocsSection = (service: CodeLensSupportedService, sectionName: string) => {
+type DocsSectionService = (
+  CodeLensSupportedService |
+  keyof typeof Globals.SUPPORTED_SERVICES.klipper
+)
+
+const getDocsSectionHash = (service: DocsSectionService, sectionName: string) => {
   switch (service) {
     case 'klipper':
       if (sectionName.startsWith('stepper_')) {
@@ -44,6 +50,18 @@ const getDocsSection = (service: CodeLensSupportedService, sectionName: string)
 
       break
 
+    case 'danger-klipper':
+    case 'kalico':
+      if (sectionName === 'danger_options') {
+        return 'danger-options'
+      }
+
+      if (sectionName === 'constants') {
+        return 'configuration-references'
+      }
+
+      return getDocsSectionHash('klipper', sectionName)
+
     case 'moonraker':
       if (sectionName.startsWith('include')) {
         return 'include-directives'
@@ -97,10 +115,10 @@ async function setupMonaco () {
   })
 
   const app = getVueApp()
+  const klippyApp = app.$store.getters['printer/getKlippyApp'] as KlippyApp
 
   monaco.editor.registerCommand('fluidd_open_docs', (_, service: CodeLensSupportedService, hash: string) => {
     const serviceKey = service.replace(/-/g, '_')
-    const klippyApp = app.$store.getters['printer/getKlippyApp'] as KlippyApp
 
     const url = app.$t(`app.file_system.url.${serviceKey}_config`, {
       hash,
@@ -118,6 +136,10 @@ async function setupMonaco () {
         return null
       }
 
+      const docsSectionService: DocsSectionService = service === 'klipper'
+        ? klippyApp.name
+        : service
+
       const linesContent = model.getLinesContent()
 
       const sectionBlocks = linesContent
@@ -127,10 +149,11 @@ async function setupMonaco () {
           if (section) {
             const [sectionName] = section[1].split(' ', 1)
 
-            const referenceSection = getDocsSection(service, sectionName)
+            const hash = getDocsSectionHash(docsSectionService, sectionName)
 
             state.result.push(state.current = {
-              referenceSection,
+              sectionName,
+              hash,
               range: {
                 startLineNumber: index + 1,
                 startColumn: model.getLineFirstNonWhitespaceColumn(index + 1),
@@ -151,7 +174,7 @@ async function setupMonaco () {
           }
 
           return state
-        }, { result: [] } as ReduceState<{ referenceSection: string, range: monaco.IRange }>)
+        }, { result: [] } as ReduceState<{ sectionName: string, hash: string, range: monaco.IRange }>)
         .result
 
       return {
@@ -161,8 +184,8 @@ async function setupMonaco () {
             id: `docs${index}`,
             command: {
               id: 'fluidd_open_docs',
-              title: app.$t('app.file_system.label.view_section_documentation', { section: section.referenceSection }).toString(),
-              arguments: [service, section.referenceSection]
+              title: app.$t('app.file_system.label.view_section_documentation', { section: section.sectionName }).toString(),
+              arguments: [service, section.hash]
             }
           })),
         dispose: () => undefined