@zeedhi/teknisa-cli 1.107.2 → 1.108.0

package/src/util/component/createEmptyComponent.js

@@ -1,146 +1,146 @@
-const fs = require('fs-extra')
-const path = require('path')
-
-snakeToCamelCase = (str) => {
-  let pieces = str.split('-')
-  let result = ''
-  pieces.forEach((piece) => {
-    piece = piece.charAt(0).toUpperCase() + piece.slice(1)
-    result += piece
-  })
-  return result
-}
-
-getBaseComponentContent = (name, dir) => {
-  let className = `${name}Base`
-  let content = `<template>\n    <div>This template should not be here!</div>\n</template>\n\n`
-  content += `<script lang="ts">\nimport { ${className} } from '${dir}${className}';\n`
-  content += "import { zdComponent } from '@zeedhi/vue';\n\n"
-  content += "@zdComponent\n"
-  content += `export default class ${name} extends ${className} {}\n</script>\n`
-  return content
-}
-
-getBaseClassContent = (name) => {
-  let content = `import { I${name} } from './I${name}';\n`
-  content += `import { Component } from '@zeedhi/core';\n\n`
-  content += `export class ${name}Class extends Component implements I${name} {}\n`
-  return content
-}
-
-getBaseClassVueContent = (sigleName, name) => {
-  let content = "import { Vue, zdComponent, zdProp } from '@zeedhi/vue';\n"
-  content += `import { ${name}Class } from '@zeedhi-components/${sigleName}';\n\n`
-  content += "@zdComponent\n"
-  content += `export class ${name}Base extends Vue {\n\n`
-  content += `  @zdProp() component!: ${name}Class;\n\n`
-  content += "}\n"
-  return content
-}
-
-getBaseInterfaceContent = (name) => {
-  let content = "import { IComponent } from '@zeedhi/core';\n\n"
-  content += `export interface I${name} extends IComponent {}\n`
-  return content
-}
-
-baseIndex = (name) => {
-  const camelCased = snakeToCamelCase(name)
-  let content = `import { VersionService } from '@zeedhi/core';\n`
-  content += `import { ${camelCased}Class } from './components/${camelCased}Class';\n`
-  content += `import { I${camelCased} } from './components/I${camelCased}';\n\n`
-  content += `export { ${camelCased}Class, I${camelCased} };\n\n`
-  content += `const packageContent = require('../package.json');\n\n`
-  content += `VersionService.addPackageVersion(packageContent.name, packageContent.version);\n`
-
-  return content
-}
-
-baseIndexVue = (name) => {
-  const singleName = 'MainComp'
-  const camelCased = snakeToCamelCase(name)
-  let content = `import * as ${singleName} from './components/${camelCased}.vue';\n`
-  content += `import ${camelCased}Vuetify from './components/vuetify/${camelCased}.vue';\n`
-  content += `import { ${camelCased}Class } from '@zeedhi-components/${name}';\n`
-  content += "import { config, VersionService } from '@zeedhi/core';\n"
-  content += "import { registerComponent } from '@zeedhi/vue';\n\n"
-  content += "// tslint:disable-next-line:variable-name\n"
-  content += `const ${camelCased} = {\n`
-  content += "  install () {\n"
-  content += `    let component = ${singleName}.default;\n`
-  content += "    if (config.frameworkUi === 'vuetify') {\n"
-  content += `      component = ${camelCased}Vuetify;\n`
-  content += "    }\n"
-  content += `    registerComponent('${camelCased}', component, ${camelCased}Class);\n`
-  content += "  },\n"
-  content += "};\n\n"
-  content += "if (typeof window !== 'undefined' && window.Vue) {\n"
-  content += `  window.Vue.use(${camelCased});\n`
-  content += "}\n\n"
-  content += `const packageContent = require('../package.json');\n\n`
-  content += `VersionService.addPackageVersion(packageContent.name, packageContent.version);\n\n`
-  content += `export default ${camelCased};\n`
-
-  return content
-}
-
-getBaseGlobalsContent = () => {
-  let content = "import { VueConstructor } from '@zeedhi/vue'\n\n"
-  content += "declare global {\n"
-  content += "  interface Window {\n"
-  content += "    Vue: VueConstructor\n  }\n}\n"
-  return content
-}
-
-getBaseVueShimsContent = () => {
-  let content = "declare module '*.vue' {\n"
-  content += "  import Vue from 'vue';\n"
-  content += "  export default Vue;\n}\n"
-  return content
-}
-
-createEmptyFolder = (dir) => {
-  fs.ensureDirSync(dir)
-}
-
-createEmptyFile = (dir, content) => {
-  fs.writeFile(dir, content, (err) => {
-    if(err) console.log(err)
-  })
-}
-
-createSrc = (dir, name, isVue) => {
-  let folderPath = path.resolve(dir, 'src/')
-  let content = baseIndex(name)
-
-  createEmptyFolder(folderPath)
-
-  if (isVue) {
-    content = baseIndexVue(name)
-    createEmptyFile(path.resolve(folderPath, 'globals.d.ts'), getBaseGlobalsContent())
-    createEmptyFile(path.resolve(folderPath, 'vue-shims.ts'), getBaseVueShimsContent())
-  }
-
-  createEmptyFile(path.resolve(folderPath, 'index.ts'), content)
-}
-
-createComponents = (dir, name, isVue) => {
-  const folderPath = path.resolve(dir, 'src/components/')
-  const camelCased = snakeToCamelCase(name)
-  createEmptyFolder(folderPath)
-  if (isVue) {
-    createEmptyFolder(path.resolve(folderPath, 'vuetify'))
-    createEmptyFile(path.resolve(folderPath, `vuetify/${camelCased}.vue`), getBaseComponentContent(camelCased, '../'))
-    createEmptyFile(path.resolve(folderPath, `${camelCased}.vue`), getBaseComponentContent(camelCased, './'))
-    createEmptyFile(path.resolve(folderPath, `${camelCased}Base.ts`), getBaseClassVueContent(name, camelCased))
-  } else {
-    createEmptyFile(path.resolve(folderPath, `${camelCased}Class.ts`), getBaseClassContent(camelCased))
-    createEmptyFile(path.resolve(folderPath, `I${camelCased}.ts`), getBaseInterfaceContent(camelCased))
-  }
-}
-
-module.exports = (name, dir, isVue) => {
-  createEmptyFolder(dir)
-  createSrc(dir, name, isVue)
-  createComponents(dir, name, isVue)
+const fs = require('fs-extra')
+const path = require('path')
+
+snakeToCamelCase = (str) => {
+  let pieces = str.split('-')
+  let result = ''
+  pieces.forEach((piece) => {
+    piece = piece.charAt(0).toUpperCase() + piece.slice(1)
+    result += piece
+  })
+  return result
+}
+
+getBaseComponentContent = (name, dir) => {
+  let className = `${name}Base`
+  let content = `<template>\n    <div>This template should not be here!</div>\n</template>\n\n`
+  content += `<script lang="ts">\nimport { ${className} } from '${dir}${className}';\n`
+  content += "import { zdComponent } from '@zeedhi/vue';\n\n"
+  content += "@zdComponent\n"
+  content += `export default class ${name} extends ${className} {}\n</script>\n`
+  return content
+}
+
+getBaseClassContent = (name) => {
+  let content = `import { I${name} } from './I${name}';\n`
+  content += `import { Component } from '@zeedhi/core';\n\n`
+  content += `export class ${name}Class extends Component implements I${name} {}\n`
+  return content
+}
+
+getBaseClassVueContent = (sigleName, name) => {
+  let content = "import { Vue, zdComponent, zdProp } from '@zeedhi/vue';\n"
+  content += `import { ${name}Class } from '@zeedhi-components/${sigleName}';\n\n`
+  content += "@zdComponent\n"
+  content += `export class ${name}Base extends Vue {\n\n`
+  content += `  @zdProp() component!: ${name}Class;\n\n`
+  content += "}\n"
+  return content
+}
+
+getBaseInterfaceContent = (name) => {
+  let content = "import { IComponent } from '@zeedhi/core';\n\n"
+  content += `export interface I${name} extends IComponent {}\n`
+  return content
+}
+
+baseIndex = (name) => {
+  const camelCased = snakeToCamelCase(name)
+  let content = `import { VersionService } from '@zeedhi/core';\n`
+  content += `import { ${camelCased}Class } from './components/${camelCased}Class';\n`
+  content += `import { I${camelCased} } from './components/I${camelCased}';\n\n`
+  content += `export { ${camelCased}Class, I${camelCased} };\n\n`
+  content += `const packageContent = require('../package.json');\n\n`
+  content += `VersionService.addPackageVersion(packageContent.name, packageContent.version);\n`
+
+  return content
+}
+
+baseIndexVue = (name) => {
+  const singleName = 'MainComp'
+  const camelCased = snakeToCamelCase(name)
+  let content = `import * as ${singleName} from './components/${camelCased}.vue';\n`
+  content += `import ${camelCased}Vuetify from './components/vuetify/${camelCased}.vue';\n`
+  content += `import { ${camelCased}Class } from '@zeedhi-components/${name}';\n`
+  content += "import { config, VersionService } from '@zeedhi/core';\n"
+  content += "import { registerComponent } from '@zeedhi/vue';\n\n"
+  content += "// tslint:disable-next-line:variable-name\n"
+  content += `const ${camelCased} = {\n`
+  content += "  install () {\n"
+  content += `    let component = ${singleName}.default;\n`
+  content += "    if (config.frameworkUi === 'vuetify') {\n"
+  content += `      component = ${camelCased}Vuetify;\n`
+  content += "    }\n"
+  content += `    registerComponent('${camelCased}', component, ${camelCased}Class);\n`
+  content += "  },\n"
+  content += "};\n\n"
+  content += "if (typeof window !== 'undefined' && window.Vue) {\n"
+  content += `  window.Vue.use(${camelCased});\n`
+  content += "}\n\n"
+  content += `const packageContent = require('../package.json');\n\n`
+  content += `VersionService.addPackageVersion(packageContent.name, packageContent.version);\n\n`
+  content += `export default ${camelCased};\n`
+
+  return content
+}
+
+getBaseGlobalsContent = () => {
+  let content = "import { VueConstructor } from '@zeedhi/vue'\n\n"
+  content += "declare global {\n"
+  content += "  interface Window {\n"
+  content += "    Vue: VueConstructor\n  }\n}\n"
+  return content
+}
+
+getBaseVueShimsContent = () => {
+  let content = "declare module '*.vue' {\n"
+  content += "  import Vue from 'vue';\n"
+  content += "  export default Vue;\n}\n"
+  return content
+}
+
+createEmptyFolder = (dir) => {
+  fs.ensureDirSync(dir)
+}
+
+createEmptyFile = (dir, content) => {
+  fs.writeFile(dir, content, (err) => {
+    if(err) console.log(err)
+  })
+}
+
+createSrc = (dir, name, isVue) => {
+  let folderPath = path.resolve(dir, 'src/')
+  let content = baseIndex(name)
+
+  createEmptyFolder(folderPath)
+
+  if (isVue) {
+    content = baseIndexVue(name)
+    createEmptyFile(path.resolve(folderPath, 'globals.d.ts'), getBaseGlobalsContent())
+    createEmptyFile(path.resolve(folderPath, 'vue-shims.ts'), getBaseVueShimsContent())
+  }
+
+  createEmptyFile(path.resolve(folderPath, 'index.ts'), content)
+}
+
+createComponents = (dir, name, isVue) => {
+  const folderPath = path.resolve(dir, 'src/components/')
+  const camelCased = snakeToCamelCase(name)
+  createEmptyFolder(folderPath)
+  if (isVue) {
+    createEmptyFolder(path.resolve(folderPath, 'vuetify'))
+    createEmptyFile(path.resolve(folderPath, `vuetify/${camelCased}.vue`), getBaseComponentContent(camelCased, '../'))
+    createEmptyFile(path.resolve(folderPath, `${camelCased}.vue`), getBaseComponentContent(camelCased, './'))
+    createEmptyFile(path.resolve(folderPath, `${camelCased}Base.ts`), getBaseClassVueContent(name, camelCased))
+  } else {
+    createEmptyFile(path.resolve(folderPath, `${camelCased}Class.ts`), getBaseClassContent(camelCased))
+    createEmptyFile(path.resolve(folderPath, `I${camelCased}.ts`), getBaseInterfaceContent(camelCased))
+  }
+}
+
+module.exports = (name, dir, isVue) => {
+  createEmptyFolder(dir)
+  createSrc(dir, name, isVue)
+  createComponents(dir, name, isVue)
 }

package/src/util/component/createJest.js

@@ -1,20 +1,20 @@
-const fs = require('fs')
-const path = require('path')
-
-createTestFolder = (dir) => {
-  fs.mkdirSync(path.resolve(dir, 'tests'))
-  fs.mkdirSync(path.resolve(dir, 'tests/unit'))
-}
-
-createConfigFile = (dir) => {
-  const config = "module.exports = require('../../jest.config.js')"
-  const configPath = path.resolve(dir, 'jest.config.js')
-  fs.writeFile(configPath, config, (err) => {
-    if(err) console.log(err)
-  })
-}
-
-module.exports = (dir) => {
-  createTestFolder(dir)
-  createConfigFile(dir)
+const fs = require('fs')
+const path = require('path')
+
+createTestFolder = (dir) => {
+  fs.mkdirSync(path.resolve(dir, 'tests'))
+  fs.mkdirSync(path.resolve(dir, 'tests/unit'))
+}
+
+createConfigFile = (dir) => {
+  const config = "module.exports = require('../../jest.config.js')"
+  const configPath = path.resolve(dir, 'jest.config.js')
+  fs.writeFile(configPath, config, (err) => {
+    if(err) console.log(err)
+  })
+}
+
+module.exports = (dir) => {
+  createTestFolder(dir)
+  createConfigFile(dir)
 }

package/src/util/component/createNpmignore.js

@@ -1,15 +1,15 @@
-const path = require('path')
-const fs = require('fs')
-
-createNpmIgnore = (dir) => {
-  let config = `src\njest.config.js\npackage-lock.json\nrollup.config.js\ntsconfig.json\ntslint.json`
-  const configPath = path.resolve(dir, '.npmignore')
-
-  fs.writeFile(configPath, config, (err) => {
-    if(err) console.log(err)
-  })
-}
-
-module.exports = (component, dir) => {
-  createNpmIgnore(component, dir)
+const path = require('path')
+const fs = require('fs')
+
+createNpmIgnore = (dir) => {
+  let config = `src\njest.config.js\npackage-lock.json\nrollup.config.js\ntsconfig.json\ntslint.json`
+  const configPath = path.resolve(dir, '.npmignore')
+
+  fs.writeFile(configPath, config, (err) => {
+    if(err) console.log(err)
+  })
+}
+
+module.exports = (component, dir) => {
+  createNpmIgnore(component, dir)
 }

package/src/util/component/createPackage.js

@@ -1,53 +1,53 @@
-const path = require('path')
-const fs = require('fs')
-
-createPackageConfig = (component, dir, isVue) => {
-  let name = isVue ? component + '-vue' : component
-  let config = {
-    name: `@zeedhi-components/${name}`,
-    version: '0.1.0',
-    description: name,
-    author: "Zeedhi <zeedhi@teknisa.com>",
-    homepage: `https://bitbucket.org/zeedhi/zeedhi-components/src/master/packages/${name}#readme`,
-    license: "ISC",
-    main: `dist/${name}.umd.js`,
-    module: `dist/${name}.esm.js`,
-    typings: "types/index.d.ts",
-    scripts: {
-      build: "rollup -c",
-      lint: "tslint -p tsconfig.json -c tslint.json",
-      test: 'jest',
-      watch: "rollup -cw"
-    },
-    repository: {
-      type: "git",
-      url: "git@bitbucket.org:zeedhi/zeedhi-components.git"
-    },
-    publishConfig: {
-      access: "restricted"
-    },
-    dependencies: getDependencies(isVue, component)
-  }
-
-  let configPath = path.resolve(dir, 'package.json')
-  config = JSON.stringify(config, null, 2)
-
-  fs.writeFile(configPath, config, (err) => {
-    if(err) console.log(err)
-  })
-}
-
-getDependencies = (isVue, component) => {
-  let dependencies = { "@zeedhi/core": "^1.96.0" }
-  if (isVue) {
-    Object.assign(dependencies, {
-      [`@zeedhi-components/${component}`]: "*",
-      "@zeedhi/vue": "^1.96.0"
-    })
-  }
-  return dependencies
-}
-
-module.exports = (component, dir, isVue) => {
-  createPackageConfig(component, dir, isVue)
+const path = require('path')
+const fs = require('fs')
+
+createPackageConfig = (component, dir, isVue) => {
+  let name = isVue ? component + '-vue' : component
+  let config = {
+    name: `@zeedhi-components/${name}`,
+    version: '0.1.0',
+    description: name,
+    author: "Zeedhi <zeedhi@teknisa.com>",
+    homepage: `https://bitbucket.org/zeedhi/zeedhi-components/src/master/packages/${name}#readme`,
+    license: "ISC",
+    main: `dist/${name}.umd.js`,
+    module: `dist/${name}.esm.js`,
+    typings: "types/index.d.ts",
+    scripts: {
+      build: "rollup -c",
+      lint: "tslint -p tsconfig.json -c tslint.json",
+      test: 'jest',
+      watch: "rollup -cw"
+    },
+    repository: {
+      type: "git",
+      url: "git@bitbucket.org:zeedhi/zeedhi-components.git"
+    },
+    publishConfig: {
+      access: "restricted"
+    },
+    dependencies: getDependencies(isVue, component)
+  }
+
+  let configPath = path.resolve(dir, 'package.json')
+  config = JSON.stringify(config, null, 2)
+
+  fs.writeFile(configPath, config, (err) => {
+    if(err) console.log(err)
+  })
+}
+
+getDependencies = (isVue, component) => {
+  let dependencies = { "@zeedhi/core": "^1.96.0" }
+  if (isVue) {
+    Object.assign(dependencies, {
+      [`@zeedhi-components/${component}`]: "*",
+      "@zeedhi/vue": "^1.96.0"
+    })
+  }
+  return dependencies
+}
+
+module.exports = (component, dir, isVue) => {
+  createPackageConfig(component, dir, isVue)
 }

package/src/util/component/createReadme.js

@@ -1,16 +1,16 @@
-const path = require('path')
-const fs = require('fs')
-
-createReadme = (component, dir, isVue) => {
-  let name = isVue ? component + '-vue' : component
-  let config = `# ${name}`
-  const configPath = path.resolve(dir, 'README.md')
-
-  fs.writeFile(configPath, config, (err) => {
-    if(err) console.log(err)
-  })
-}
-
-module.exports = (component, dir, isVue) => {
-  createReadme(component, dir, isVue)
+const path = require('path')
+const fs = require('fs')
+
+createReadme = (component, dir, isVue) => {
+  let name = isVue ? component + '-vue' : component
+  let config = `# ${name}`
+  const configPath = path.resolve(dir, 'README.md')
+
+  fs.writeFile(configPath, config, (err) => {
+    if(err) console.log(err)
+  })
+}
+
+module.exports = (component, dir, isVue) => {
+  createReadme(component, dir, isVue)
 }

package/src/util/component/createRollup.js

@@ -1,16 +1,16 @@
-const path = require('path')
-const fs = require('fs')
-
-createRollupConfig = (dir) => {
-  let config = 'import { getDefaultConfig } from "../../rollup.config.js";\nimport pkg from "./package.json"\n'
-  config += '\nexport default getDefaultConfig(pkg);\n'
-  const configPath = path.resolve(dir, 'rollup.config.js')
-
-  fs.writeFile(configPath, config, (err) => {
-    if(err) console.log(err)
-  })
-}
-
-module.exports = (dir) => {
-  createRollupConfig(dir)
+const path = require('path')
+const fs = require('fs')
+
+createRollupConfig = (dir) => {
+  let config = 'import { getDefaultConfig } from "../../rollup.config.js";\nimport pkg from "./package.json"\n'
+  config += '\nexport default getDefaultConfig(pkg);\n'
+  const configPath = path.resolve(dir, 'rollup.config.js')
+
+  fs.writeFile(configPath, config, (err) => {
+    if(err) console.log(err)
+  })
+}
+
+module.exports = (dir) => {
+  createRollupConfig(dir)
 }

package/src/util/component/createTsConfig.js

@@ -1,25 +1,25 @@
-const fs = require('fs')
-const path = require('path')
-
-createTsConfig = (dir) => {
-  let config = {
-    extends: '../../tsconfig.json',
-    include: [ './src/**/*' ],
-    exclude: [ 'node_modules' ],
-    compilerOptions: {
-      declarationDir: "./types",
-      outDir: './dist'
-    }
-  }
-
-  let configPath = path.resolve(dir, 'tsconfig.json')
-  config = JSON.stringify(config, null, 2)
-
-  fs.writeFile(configPath, config, (err) => {
-    if(err) console.log(err)
-  })
-}
-
-module.exports = (dir) => {
-  createTsConfig(dir)
+const fs = require('fs')
+const path = require('path')
+
+createTsConfig = (dir) => {
+  let config = {
+    extends: '../../tsconfig.json',
+    include: [ './src/**/*' ],
+    exclude: [ 'node_modules' ],
+    compilerOptions: {
+      declarationDir: "./types",
+      outDir: './dist'
+    }
+  }
+
+  let configPath = path.resolve(dir, 'tsconfig.json')
+  config = JSON.stringify(config, null, 2)
+
+  fs.writeFile(configPath, config, (err) => {
+    if(err) console.log(err)
+  })
+}
+
+module.exports = (dir) => {
+  createTsConfig(dir)
 }

package/src/util/component/createTsLint.js

@@ -1,19 +1,19 @@
-const fs = require('fs')
-const path = require('path')
-
-createTslint = (dir) => {
-  let config = {
-    extends: '../../tslint.json'
-  }
-
-  let configPath = path.resolve(dir, 'tslint.json')
-  config = JSON.stringify(config, null, 2)
-
-  fs.writeFile(configPath, config, (err) => {
-    if(err) console.log(err)
-  })
-}
-
-module.exports = (dir) => {
-  createTslint(dir)
+const fs = require('fs')
+const path = require('path')
+
+createTslint = (dir) => {
+  let config = {
+    extends: '../../tslint.json'
+  }
+
+  let configPath = path.resolve(dir, 'tslint.json')
+  config = JSON.stringify(config, null, 2)
+
+  fs.writeFile(configPath, config, (err) => {
+    if(err) console.log(err)
+  })
+}
+
+module.exports = (dir) => {
+  createTslint(dir)
 }