feat(homepage): 适应新的数据格式

Author: longshihui

lib/HomepageDataMocker.js

@@ -0,0 +1,73 @@
+const Mock = require('mockjs');
+const HomepageDataCreator = require('./HomepageDataCreator');
+const OptionsDefaulter = require('./OptionsDefaulter');
+
+function mockProjectPages() {
+    const wrap = Mock.mock({
+        'pages|3-20': [
+            {
+                name: /[a-zA-Z]{5,10}/,
+                path: ''
+            }
+        ]
+    });
+
+    wrap.pages.forEach(pageConfig => {
+        pageConfig.path = './src' + pageConfig.name + '.js';
+    });
+
+    return wrap.pages.reduce(function(pages, pageConfig) {
+        pages[pageConfig.name] = {
+            entry: pageConfig.path
+        };
+        return pages;
+    }, {});
+}
+
+function mockDefineTags() {
+    return Mock.mock({
+        'tags|3-10': [
+            {
+                name: /[a-zA-Z]{5,10}/,
+                color: () => Mock.Random.color()
+            }
+        ]
+    }).tags;
+}
+
+function mockPageTags(defineTags) {
+    const hasTagCount = parseInt(Math.random() * defineTags.length);
+    return defineTags.slice(0, hasTagCount).map(tag => tag.name);
+}
+
+function mockPageDescription() {
+    return Mock.Random.paragraph();
+}
+
+function mockPluginPages(pages, defineTags) {
+    pages = Object.keys(pages);
+    let pagesOptions = {};
+    for (let pageName of pages) {
+        pagesOptions[pageName] = {
+            tags: mockPageTags(defineTags),
+            description: mockPageDescription()
+        };
+    }
+    return pagesOptions;
+}
+
+module.exports = function() {
+    const mockPackageJSON = {
+        name: 'test app'
+    };
+    let mockVueConfig = {
+        pages: mockProjectPages(),
+        pluginOptions: {}
+    };
+    const defineTags = mockDefineTags();
+    let pluginOptions = OptionsDefaulter(mockVueConfig, mockPackageJSON, {
+        defineTags,
+        pages: mockPluginPages(mockVueConfig.pages, defineTags)
+    });
+    return HomepageDataCreator(mockVueConfig, pluginOptions);
+};

lib/mockPluginData.js

@@ -2,7 +2,7 @@
     <div id="app">
         <section class="section"><div id="logo"></div></section>
         <section class="section">
-            <h1 class="h1">{{ appName }}</h1>
+            <h1 class="h1">{{ title }}</h1>
         </section>
         <section class="section">
             <v-input
@@ -147,9 +147,7 @@ export default Vue.extend({
         const pluginConfig: PluginConfig = getConfig();
         return {
             userInput: '',
-            appName: pluginConfig.appName
-                ? `welcome to ${pluginConfig.appName}`
-                : 'Vue Pages Navigator',
+            title: pluginConfig.title,
             tags: pluginConfig.defineTags,
             pages: pluginConfig.pages,
             showDetail: false,

src/packages/homepage/homepage.vue

@@ -1,4 +1,5 @@
 declare interface PageConfig {
+    name: string,
     // 页面标题
     title: string,
     // 页面访问路径
@@ -15,7 +16,7 @@ declare interface Tag {
 }
 
 declare interface PluginConfig {
-    appName: string,
+    title: string,
     defineTags: Tag[],
     pages: PageConfig[]
 }

src/types.d.ts

@@ -1,4 +1,4 @@
-const mockNavigatorData = require('./lib/mockPluginData');
+const HomepageDataMocker = require('./lib/HomepageDataMocker');
 
 module.exports = {
     devServer: {
@@ -17,7 +17,7 @@ module.exports = {
                     .tap(htmlWebpackPluginOptionsArr => {
                         htmlWebpackPluginOptionsArr.forEach(options => {
                             options.meta = Object.assign(options.meta || {}, {
-                                navigator: mockNavigatorData()
+                                navigator: HomepageDataMocker()
                             });
                         });
                         return htmlWebpackPluginOptionsArr;