new v4.x

.editorconfig

@@ -7,3 +7,9 @@ indent_size = 2
 end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true
+
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintrc.js

@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/essential',
+    '@vue/standard',
+    'eslint:recommended',
+    'plugin:vue/recommended',
+    'plugin:vue/base',
+    'plugin:vue/strongly-recommended'
+  ],
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  }
+}

build/build-components.js

@@ -0,0 +1,29 @@
+const fs = require('fs')
+const path = require('path')
+const { execSync } = require('child_process')
+const chalk = require('chalk')
+const print = require('./print.js')
+
+const green = print('green')
+
+const getDirectories = source => {
+    let folders = fs.readdirSync(source)
+
+    folders.forEach(name => {
+        let isDirectory = fs.lstatSync(path.join(source, name)).isDirectory()
+        if(isDirectory) {
+            print()
+            print()
+            green(`Building Component ${chalk.bold(name)}`)
+            print()
+            print()
+
+
+            execSync(
+                `vue build packages/@vuesax/${name}/index.js --target lib --name ${name} --dest packages/vuesax/dist/components/${name}`
+            )
+        }
+    });
+}
+
+module.exports = getDirectories

build/copy-components-dist.js

@@ -0,0 +1,20 @@
+
+const fs = require('fs-extra')
+const path = require('path')
+// const { execSync } = require('child_process')
+
+const copyStyleComponents = source => {
+    let folders = fs.readdirSync(source)
+
+    folders.forEach(name => {
+        let isDirectory = fs.lstatSync(path.join(source, name)).isDirectory()
+        if(isDirectory) {
+          fs.copy(`packages/vuesax/dist/components/${name}`, `packages/@vuesax/${name}/dist`, err => {
+            if(err) return console.error(err);
+          });
+        }
+    });
+}
+
+module.exports = copyStyleComponents
+

build/copy-style-components.js

@@ -0,0 +1,20 @@
+
+const fs = require('fs-extra')
+const path = require('path')
+const { execSync } = require('child_process')
+
+const copyStyleComponents = source => {
+    let folders = fs.readdirSync(source)
+
+    folders.forEach(name => {
+        let isDirectory = fs.lstatSync(path.join(source, name)).isDirectory()
+        if(isDirectory) {
+          fs.copy(`packages/@vuesax/${name}/main.styl`, `dist/style/components/${name}.styl`, err => {
+            if(err) return console.error(err);
+          });
+        }
+    });
+}
+
+module.exports = copyStyleComponents
+

build/index.js

@@ -0,0 +1,75 @@
+const { execSync } = require('child_process')
+const path = require('path')
+const removeDemoHtml = require('./remove-demo-html.js')
+const buildComponents = require('./build-components.js')
+const renameFiles = require('./rename-files.js')
+const copyStylesComponents = require('./copy-style-components.js')
+const copyComponentsDist = require('./copy-components-dist.js')
+const print = require('./print.js')
+const fs = require('fs-extra')
+const chalk = require('chalk')
+// const log = console.log
+
+const yellow = print('yellow')
+const magenta = print('magenta')
+const cyan = print('cyan')
+const green = print('green')
+const emptyLine = print()
+
+emptyLine()
+emptyLine()
+yellow(`Building ${chalk.bold('Vuesax')} Framework`)
+emptyLine()
+emptyLine()
+
+execSync(
+  `vue build packages/vuesax/index.js --target lib --name vuesax --dest packages/vuesax/dist/`
+  )
+
+emptyLine()
+emptyLine()
+magenta(`Building ${chalk.bold('@vuesax Components')}`)
+emptyLine()
+emptyLine()
+
+buildComponents(path.resolve(__dirname, '../packages/@vuesax'))
+
+removeDemoHtml()
+
+renameFiles()
+
+/*
+ * Copy Styles
+ */
+
+fs.copy('packages/vuesax/style/', 'packages/vuesax/dist/style', err =>{
+  if(err) return console.error(err);
+  copyStylesComponents(path.resolve(__dirname, '../packages/@vuesax'))
+})
+
+emptyLine()
+emptyLine()
+cyan(`Copy Components ${chalk.bold('@vuesax/{Component}/dist')}`)
+emptyLine()
+emptyLine()
+
+copyComponentsDist(path.resolve(__dirname, '../packages/vuesax/dist/components/'))
+
+// fs.copy('dist/', 'packages/vuesax/dist/', err => {
+//   if(err) return console.error(err);
+// });
+
+emptyLine()
+emptyLine()
+green(chalk.bold(`${'🎉'} Success Build! ${'🎉'}`))
+emptyLine()
+emptyLine()
+
+
+
+
+
+
+
+
+

build/print.js

@@ -0,0 +1,37 @@
+const chalk = require('chalk')
+
+const print = (color = null) => (str = '') => {
+  const terminalCols = retrieveCols()
+  const strLength = str.replace(/\u001b\[[0-9]{2}m/g, '').length
+  const leftPaddingLength = Math.floor((terminalCols - strLength) / 2)
+  const leftPadding = ' '.repeat(Math.max(leftPaddingLength, 0))
+
+  if (color) {
+    str = chalk[color](str)
+  }
+
+  console.log(leftPadding, str)
+}
+
+const retrieveCols = (() => {
+  let result = false
+
+  return () => {
+    if (result) {
+      return result
+    }
+    const defaultCols = 80
+
+    try {
+      const terminalCols = execSync(`tput cols`, { stdio: ['pipe', 'pipe', 'ignore'] })
+
+      result = parseInt(terminalCols.toString()) || defaultCols
+    } catch (e) {
+      result = defaultCols
+    }
+    return result
+  }
+})()
+
+
+module.exports = print

build/remove-demo-html.js

@@ -0,0 +1,34 @@
+const fs = require('fs')
+const path = require('path')
+
+function fromDir(startPath ,filter, callback){
+
+    //console.log('Starting from dir '+startPath+'/');
+
+    if (!fs.existsSync(startPath)){
+        console.log("no dir ",startPath);
+        return;
+    }
+
+    var files=fs.readdirSync(startPath);
+    for(var i=0;i<files.length;i++){
+        var filename=path.join(startPath,files[i]);
+        var stat = fs.lstatSync(filename);
+        if (stat.isDirectory()){
+            fromDir(filename,filter,callback); //recurse
+        }
+        else if (filter.test(filename)) callback(filename);
+    };
+};
+
+
+
+function removeDemoHtml() {
+    fromDir(path.resolve(__dirname, '../packages/vuesax/dist'),/\.html$/,function(filename){
+        fs.unlink(filename, (err) => {
+        if (err) throw err;
+        })
+    })
+}
+
+module.exports = removeDemoHtml