feat: add useExtensionSecret

Author: kermanx

packages/core/src/composables/index.ts

@@ -16,6 +16,7 @@ export * from './useDocumentText'
 export * from './useEditorDecorations'
 export * from './useEvent'
 export * from './useEventEmitter'
+export * from './useExtensionSecret'
 export * from './useFetchTasks'
 export * from './useFileUri'
 export * from './useFoldingRangeProvider'

packages/core/src/composables/useAllExtensions.ts

@@ -5,6 +5,7 @@ import { useDisposable } from './useDisposable'
 
 /**
  * @reactive `extensions.all`
+ * @category extension
  */
 export const useAllExtensions = createSingletonComposable(() => {
   const allExtensions = shallowRef(extensions.all)

packages/core/src/composables/useExtensionSecret.ts

@@ -0,0 +1,43 @@
+import type { Ref } from '@reactive-vscode/reactivity'
+import { ref, watch } from '@reactive-vscode/reactivity'
+import { extensionContext } from '../utils'
+import { useDisposable } from './useDisposable'
+
+/**
+ * Get a reactive secret value from the extension's secrets.
+ *
+ * @reactive `ExtensionContext.secrets`
+ * @category extension
+ */
+export async function useExtensionSecret(key: string) {
+  const secrets = extensionContext.value!.secrets
+
+  const value = ref(await secrets.get(key)) as Ref<string | undefined> & {
+    set: (newValue: string) => Promise<void>
+    remove: () => Promise<void>
+  }
+
+  value.set = async (newValue: string) => {
+    value.value = newValue
+    await secrets.store(key, newValue)
+  }
+
+  value.remove = async () => {
+    value.value = undefined
+    await secrets.delete(key)
+  }
+
+  useDisposable(secrets.onDidChange(async (ev) => {
+    if (ev.key === key)
+      value.value = await secrets.get(key)
+  }))
+
+  watch(value, (newValue) => {
+    if (newValue === undefined)
+      secrets.delete(key)
+    else
+      secrets.store(key, newValue)
+  })
+
+  return value
+}