feat: match IDE6.3.0 card preview (#8)

Author: oppoquickapp

packages/hap-server/src/preview/create-router.js

@@ -107,12 +107,17 @@ export default async function createRouter(previewTarget) {
    */
   async function getRoutes(manifest) {
     let routes = {}
-    if (manifest && manifest.router && manifest.router.pages) {
-      const pages = manifest.router.pages
-      const routeNames = Object.keys(pages)
+    if (manifest && manifest.router && (manifest.router.pages || manifest.router.widgets)) {
+      const pages = manifest.router.pages || {}
+      const widgets = manifest.router.widgets || {}
+      const pageNames = Object.keys(pages)
+      const widgetNames = Object.keys(widgets)
+      const routeNames = pageNames.concat(widgetNames)
+
       routeNames.forEach((routeName) => {
         const key = trimSlash(routeName)
-        const comp = trimSlash(pages[routeName].component)
+        const route = pages[routeName] || widgets[routeName]
+        const comp = trimSlash(route.component)
         // comp 无后缀名？
         routes[key] = `${routeName}/${comp}.js`
       })
@@ -208,11 +213,14 @@ export default async function createRouter(previewTarget) {
     debug('requestRoute', requestRoute, ctx.appRoutes)
     // 已配置路由
     if (routeNames.indexOf(requestRoute) > -1) {
+      const widgets = manifest.router.widgets || {}
+      const type = requestRoute in widgets ? 'card' : 'app'
       const script = routes[requestRoute]
       const html = await renderPage(TPL_PAGE_PATH, {
         title: manifest.name,
         routeName: requestRoute,
         routes: JSON.stringify(routes),
+        type,
         script,
         scriptNotFound: !scriptExists(script),
         webJsUrl: genWebJsUrl(ctx.conf.options.webVersion)

packages/hap-server/src/preview/views/page.html

@@ -95,10 +95,12 @@
     </script>
     <script type="text/javascript">
       var base = '/preview'
+      var type = '{{ type }}'
       ;(function preview() {
         var routeName = '{{ routeName }}'
         Hap.init({
-          base
+          base,
+          type
         })
       })()
     </script>

packages/hap-shared-utils/src/buildMode/BuildModeManager.js

@@ -106,6 +106,27 @@ BuildModeManager.prototype.getAllPages = function () {
   }
 }
 
+/**
+ * 获取应用的所有卡片
+ *
+ * @returns {Array<String>}
+ */
+BuildModeManager.prototype.getAllCards = function () {
+  if (!this.root) {
+    return []
+  }
+  const manifestPath = path.join(this.root, 'src/manifest.json')
+  try {
+    const manifest = readJson(manifestPath)
+    const routerWidgets = manifest.router.widgets || {}
+    const widgets = Object.keys(routerWidgets)
+    return widgets
+  } catch (err) {
+    console.log(err.code === 'ENOENT' ? err.message : err)
+    return []
+  }
+}
+
 /**
  * 添加编译模式
  *
@@ -167,9 +188,11 @@ BuildModeManager.prototype.addMode = function (mode) {
  */
 BuildModeManager.prototype.addModes = function (modes) {
   const config = this._read()
+  const current = config.modeOptions.current
   modes.forEach((mode) => {
     this._addMode(config, mode, true)
   })
+  config.modeOptions.current = current
   this._write(config)
   return config.modeOptions
 }
@@ -192,6 +215,31 @@ BuildModeManager.prototype.delete = function (id) {
   return modeOptions
 }
 
+/**
+ * 删除多个编译模式
+ */
+BuildModeManager.prototype.deleteModes = function (modes) {
+  const config = this._read()
+  const modeOptions = config.modeOptions
+  const current = modeOptions.current
+
+  const list = modeOptions.list.filter((mode) => {
+    const hasSameMode = modes.find((deleteMode) => deleteMode.id === mode.id)
+    return !hasSameMode
+  })
+
+  if (modeOptions.list.length !== list.length) {
+    const hasCurrent = list.find((mode) => mode.id === current)
+    modeOptions.list = list
+    if (!hasCurrent) {
+      modeOptions.current = -1
+    }
+    this._write(config)
+  }
+
+  return modeOptions
+}
+
 /**
  * 更新编译模式
  *