feat(config): support manifest.exports

packages/registry/src/local.ts

@@ -124,7 +124,7 @@ export class LocalScanner {
     return results.flat(1).filter((x): x is string => !!x)
   }
 
-  checkEcosystem(meta: PackageJson, eco: Ecosystem) {
+  private checkEcosystem(meta: PackageJson, eco: Ecosystem) {
     for (const peer in eco.peerDependencies) {
       if (!meta.peerDependencies?.[peer]) return
     }
@@ -142,7 +142,7 @@ export class LocalScanner {
     if (eco.manifest in meta) return meta.name
   }
 
-  loadEcosystem(eco: Ecosystem) {
+  private loadEcosystem(eco: Ecosystem) {
     for (const [name, { meta, workspace }] of Object.entries(this.candidates)) {
       const shortname = this.checkEcosystem(meta, eco)
       if (!shortname) continue

packages/registry/src/types.ts

@@ -49,19 +49,19 @@ export interface IconSvg {
   pathData: string
 }
 
-export interface Manifest extends Manifest.Base {
+export interface Manifest extends Manifest.Export {
   icon?: IconSvg
   hidden?: boolean
   preview?: boolean
   insecure?: boolean
   category?: string
   public?: string[]
-  exports?: Dict<Manifest.Base | null | undefined>
+  exports?: Dict<Manifest.Export | null>
   ecosystem?: Partial<Ecosystem>
 }
 
 export namespace Manifest {
-  export interface Base {
+  export interface Export {
     browser?: boolean
     description?: string | Dict<string>
     service?: Manifest.Service

packages/registry/src/utils.ts

@@ -36,11 +36,12 @@ export namespace Ensure {
   export const string = primitive<string>('string')
 }
 
-function concludeBase(base?: Manifest.Base | null, description?: string) {
-  if (typeof base !== 'object') return
+function concludeExport(base?: Manifest.Export | null, description?: string) {
+  // undefined values are dropped during serialization
+  if (typeof base !== 'object') return undefined!
   if (!base) return null
 
-  const result: Manifest.Base = {
+  const result: Manifest.Export = {
     browser: Ensure.boolean(base.browser),
     description: Ensure.dict(base.description) ?? Ensure.string(description),
     service: Ensure.object(base.service, (service) => ({
@@ -64,7 +65,7 @@ function concludeBase(base?: Manifest.Base | null, description?: string) {
 
 export function conclude(meta: PackageJson, prop = 'cordis') {
   const result: Manifest = {
-    ...concludeBase(meta[prop], meta.description),
+    ...concludeExport(meta[prop], meta.description),
     hidden: Ensure.boolean(meta[prop]?.hidden),
     preview: Ensure.boolean(meta[prop]?.preview),
     insecure: Ensure.boolean(meta[prop]?.insecure),
@@ -75,7 +76,7 @@ export function conclude(meta: PackageJson, prop = 'cordis') {
       pattern: Ensure.array(ecosystem.pattern),
       keywords: Ensure.array(ecosystem.keywords),
     })),
-    exports: Ensure.dict(meta[prop]?.exports, concludeBase),
+    exports: Ensure.dict(meta[prop]?.exports, concludeExport),
   }
 
   return result

plugins/config/client/components/select.vue

@@ -1,7 +1,7 @@
 <template>
   <el-dialog
     :modelValue="!!dialogSelect"
-    @update:modelValue="dialogSelect = null"
+    @update:modelValue="dialogSelect = undefined"
     class="plugin-select"
   >
     <template #header>
@@ -15,20 +15,31 @@
     <slot name="tabs" :packages="packages"></slot>
     <div class="content">
       <el-scrollbar>
-        <div class="package" v-for="({ name, manifest }) in packages" :key="name" @click.stop="configure(name)">
-          <h3>{{ name }}</h3>
-          <k-markdown inline class="desc" :source="tt(manifest.description)"></k-markdown>
-        </div>
+        <template v-for="local in packages" :key="local.package.name">
+          <div
+            class="package"
+            v-if="local.manifest.exports?.['.'] !== null"
+            @click.stop="configure(local.package.name)">
+            <h3>{{ local.package.name }}</h3>
+            <k-markdown inline class="desc" :source="tt(local.manifest.description)"></k-markdown>
+          </div>
+          <template v-for="(manifest, name) in local.manifest.exports">
+            <div class="package" v-if="manifest">
+              <h3>{{ joinName(name, local.package.name) }}</h3>
+              <k-markdown inline class="desc" :source="tt(manifest.description)"></k-markdown>
+            </div>
+          </template>
+        </template>
       </el-scrollbar>
     </div>
   </el-dialog>
 </template>
 
 <script lang="ts" setup>
 
-import { router, send, useContext, useI18nText } from '@cordisjs/client'
+import { router, Dict, send, useContext, useI18nText } from '@cordisjs/client'
 import { computed, inject, nextTick, ref, watch } from 'vue'
-import type { PackageData } from '../../src'
+import type { LocalObject } from '@cordisjs/registry'
 
 const ctx = useContext()
 const tt = useI18nText()
@@ -41,15 +52,20 @@ const dialogSelect = computed({
 const keyword = ref('')
 const input = ref()
 
-const filter = inject('plugin-select-filter', (data: PackageData) => true)
+const filter = inject('plugin-select-filter', (local: LocalObject) => true)
 
-const packages = computed(() => Object.values(ctx.manager.data.value.packages).filter(({ name, shortname }) => {
-  return name && shortname.includes(keyword.value.toLowerCase()) && filter(ctx.manager.data.value.packages[name])
+const packages = computed(() => Object.values(ctx.manager.data.value.packages).filter((local) => {
+  return local.package.name.includes(keyword.value.toLowerCase()) && filter(local)
 }))
 
+function joinName(name: string, base: string) {
+  if (name.startsWith('./')) name = name.slice(2)
+  return base + '/' + name
+}
+
 async function configure(name: string) {
-  const parent = dialogSelect.value.path
-  dialogSelect.value = null
+  const parent = dialogSelect.value!.path
+  dialogSelect.value = undefined
   keyword.value = ''
   const id = await send('manager.config.create', {
     name,

plugins/config/src/shared.ts

@@ -8,8 +8,8 @@ import {} from '@cordisjs/plugin-hmr'
 declare module '@cordisjs/loader' {
   namespace Entry {
     interface Options {
-      label?: string | Dict<string>
-      collapse?: boolean
+      label?: string | Dict<string> | null
+      collapse?: boolean | null
     }
   }
 }