updated globalconfig

Author: User

API.js

@@ -5,7 +5,9 @@ const GlobalConfig = [
    G_C.OPTION_MERGE_STRATEGIES,
    G_C.DEVTOOLS,
    G_C.ERROR_HANDLER,
-   G_C.WARN_HANDLER
+   G_C.WARN_HANDLER,
+   G_C.IGNORED_ELEMENTS,
+   G_C.KEY_CODES
 ]
 
 

globalconfig/globalconfig.js

@@ -1,4 +1,9 @@
 const chalk = require('chalk')
+
+colorComment = comment => chalk.gray(comment)
+
+colorPrimitive = primitive => chalk.magentaBright(primitive)
+
 const SILENT = {
         category: 'Global Config',
         name: 'silent', 
@@ -12,7 +17,7 @@ const OPTION_MERGE_STRATEGIES = {
         name: 'optionMergeStrategies', 
         type: '{ [key: string]: Function }',
         default: '{}',
-        usage: `Vue.config.optionMergeStrategies._my_option = ${chalk.magentaBright('function')} (parent, child, vm) {
+        usage: `Vue.config.optionMergeStrategies._my_option = ${chalk.magentaBright('function')}(parent,child,vm){
                                 ${chalk.magentaBright('return')} child + 1
                             }
                             ${chalk.magentaBright('const')} Profile = Vue.extend({
@@ -21,8 +26,8 @@ const OPTION_MERGE_STRATEGIES = {
                             // Profile.options._my_option = 2\n`,
         details: `Define custom merging strategies for options.
                             The merge strategy receives the value of that option defined
-                            on the parent and child instances as the first and second arguments, respectively.
-                            The context Vue instance is passed as the third argument.`
+                            on the parent and child instances as the first and second arguments,
+                            respectively. The context Vue instance is passed as the third argument.`
 }
 const DEVTOOLS = {
         category: 'Global Config',
@@ -40,7 +45,7 @@ const ERROR_HANDLER = {
         name: 'errorHandler', 
         type: 'Function',
         default: 'undefined',
-        usage: `Vue.config.errorHandler = ${chalk.magentaBright('function')} (err, vm, info) {
+        usage: `Vue.config.errorHandler = ${chalk.magentaBright('function')}(err,vm,info){
                             // handle error
                             // 'info' is a Vue-specific error info, e.g. which lifecycle hook
                             // the error was found in. Only available in 2.2.0+
@@ -61,31 +66,40 @@ const WARN_HANDLER = {
                             during development and is ignored in production.`
 }
 
-/*const SILENT = {
+const IGNORED_ELEMENTS = {
         category: 'Global Config',
-        name: '#silent', 
-        type: 'boolean',
-        default: 'false',
-        arguments: '',
-        readOption: '',
-        usage: `Vue.config.silent = ${chalk.magentaBright('true')}`,
-        details: 'Suppress all Vue logs and warnings',
-        example: ''
+        name: 'ignoredElements', 
+        type: 'Array<string>',
+        usage: `Vue.config.ignoredElements = [
+                                'my-custom-web-component', 'another-web-component'
+                            ]`,
+        details: `Make Vue ignore custom elements defined outside of Vue
+                            (e.g., using the Web Components APIs). Otherwise, it will throw
+                            a warning about an ${chalk.magentaBright('Unknown custom element')}, assuming that you forgot to 
+                            register a global component or misspelled a component name.`
 }
 
-const SILENT = {
+const KEY_CODES = {
         category: 'Global Config',
-        name: '#silent', 
-        type: 'boolean',
-        default: 'false',
-        arguments: '',
-        readOption: '',
-        usage: `Vue.config.silent = ${chalk.magentaBright('true')}`,
-        details: 'Suppress all Vue logs and warnings',
-        example: ''
+        name: 'keyCodes', 
+        type: '{ [key: string]: number | Array<number> }',
+        default: '{}', 
+        usage: `Vue.config.keyCodes = {
+                            v: ${colorPrimitive('86')},
+                            f1: ${colorPrimitive('112')},
+                            ${colorComment("// camelCase won't work")}
+                            mediaPlayPause: ${colorPrimitive('179')},
+                            ${colorComment("// instead you can use kebab-case with double quotation marks")}
+                            ${chalk.green('"media-play-pause"')}: ${colorPrimitive('179')},
+                            up: ${colorPrimitive('[38, 87]')}
+                        }
+                        ${colorComment("// example")}
+                        ${chalk.blue('<input type=')}${chalk.green('"text"')} ${chalk.blue('@keyup.media-play-pause=')}${chalk.green('"method"')}${chalk.blue('>')}
+                        `,
+        details: 'Define custom key alias(es) for v-on.'
 }
 
-const SILENT = {
+/*const SILENT = {
         category: 'Global Config',
         name: '#silent', 
         type: 'boolean',
@@ -138,5 +152,7 @@ module.exports = {
     OPTION_MERGE_STRATEGIES,
     DEVTOOLS,
     ERROR_HANDLER,
-    WARN_HANDLER
+    WARN_HANDLER,
+    IGNORED_ELEMENTS,
+    KEY_CODES
 }

vue-help.js

@@ -36,4 +36,16 @@ V.command('warnHandler', 'Outputs').action(function(args, callback){
     const warnHandler = gc[4]
     this.log(LGC.logGlobalConfig(warnHandler))
     callback()
+})
+
+V.command('ignoredElements', 'Outputs').action(function(args, callback){
+    const ignoredElements = gc[5]
+    this.log(LGC.logGlobalConfig(ignoredElements))
+    callback()
+})
+
+V.command('keyCodes', 'Outputs').action(function(args, callback){
+    const keyCodes = gc[6]
+    this.log(LGC.logGlobalConfig(keyCodes))
+    callback()
 })