校验卡片的size规范，不在范围内不能继续编译 (#88)

* fix: ide设置成inline-source-map生成的文件没有源文件

fix:ide传过来的项目地址是小写开发

fix：屏蔽colorconsole.attach(options.log)

* fix: 删掉不必要的打印信息

* fix: ide编译的source-map源文件路径不对，修改webpack devtool产物做了适配

* 校验卡片size大小

* 校验卡片size大小格式化

* fix:获取vscode的语言环境

* fix:获取vscode的语言环境

---------

Co-authored-by: yucongshuang <[email protected]>

Author: oneyouzi

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

@@ -215,14 +215,18 @@ export default async function createRouter(previewTarget) {
       const widgets = manifest.router.widgets || {}
       const type = requestRoute in widgets ? 'card' : 'app'
       const script = routes[requestRoute]
+      const currentLanguage = JSON.parse(
+        process.env.VSCODE_NLS_CONFIG || `{locale: 'zh-CN'}`
+      ).locale
       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)
+        webJsUrl: genWebJsUrl(ctx.conf.options.webVersion),
+        language: currentLanguage
       })
       ctx.type = 'text/html'
       ctx.body = html

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

@@ -96,6 +96,7 @@
     <script type="text/javascript">
       var base = '/preview'
       var type = '{{ type }}'
+      window.language = `{{language}}`
       ;(function preview() {
         var routeName = '{{ routeName }}'
         Hap.init({

packages/hap-toolkit/src/gen-webpack-conf/index.js

@@ -33,7 +33,13 @@ import {
   checkBabelModulesExists
 } from './helpers'
 
-import { validateProject, validateManifest, validateSitemap, validateSkeleton } from './validate'
+import {
+  validateProject,
+  validateManifest,
+  validateSitemap,
+  validateSkeleton,
+  validateCardSize
+} from './validate'
 import { postHook as idePostHook } from './ide.config'
 
 const { PACKAGER_BUILD_PROGRESS } = eventBus
@@ -117,6 +123,7 @@ export default async function genWebpackConf(launchOptions, mode) {
 
   // 清理 BUILD_DIR DIST_DIR
   cleanup(BUILD_DIR, DIST_DIR, mode)
+
   const targetList = ['app', 'card', 'all']
   // 处理打包对象的校验，默认值之外的，只提示warning，默认为all
   if (!compileOptionsObject.target || targetList.indexOf(compileOptionsObject.target) === -1) {
@@ -136,6 +143,9 @@ export default async function genWebpackConf(launchOptions, mode) {
 
   validateSkeleton(SRC_DIR, manifest)
 
+  // 检验工程size
+  validateCardSize(SRC_DIR, manifest)
+
   // 设置合适的v8版本
   setAdaptForV8Version(compileOptionsObject.disableScriptV8V65, manifest, cwd)
 

packages/hap-toolkit/src/gen-webpack-conf/validate.js

@@ -267,3 +267,31 @@ export function validateSkeleton(src, manifest) {
     })
   }
 }
+
+/**
+ * 卡片size校验，长宽都需要在['1','2','4','8','FULL','AUTO']范围内，卡片的size格式为['1x1','FULL','AUTO'],数组里面可多个
+ * 需要解析长宽并验证都在范围内
+ * @param {String} src - 项目src
+ * @param {Object} manifest - manifest内容
+ */
+export function validateCardSize(src, manifest) {
+  // 获取卡片配置的路由
+  const widgetsConfig = manifest.router.widgets
+  if (widgetsConfig) {
+    const validateSizeRange = ['1', '2', '4', '8', 'FULL', 'AUTO']
+    const keys = Object.keys(widgetsConfig)
+    keys.forEach((widgetKey, index) => {
+      // 将size字段的x处理拆分
+      if (widgetsConfig[widgetKey]['size']) {
+        const sizeArr = widgetsConfig[widgetKey]['size'].join(',').replace(/x/g, ',').split(',')
+        sizeArr.forEach((size) => {
+          if (!validateSizeRange.includes(size)) {
+            colorconsole.throw(
+              `manifest.json配置的卡片 ${widgetKey} 的size不合规范,长宽都要在['1','2','4','8','FULL','AUTO']范围内`
+            )
+          }
+        })
+      }
+    })
+  }
+}