@varlet/cli 2.0.5 → 2.1.0-alpha.1666877950844

package/lib/{shared → node/shared}/logger.d.ts

@@ -1,8 +1,8 @@
-declare const _default: {
-    info(text: string): void;
-    success(text: string): void;
-    warning(text: string): void;
-    error(text: string): void;
-    title(text: string): void;
-};
-export default _default;
+declare const _default: {
+    info(text: string): void;
+    success(text: string): void;
+    warning(text: string): void;
+    error(text: string): void;
+    title(text: string): void;
+};
+export default _default;

package/lib/node/shared/logger.js

@@ -0,0 +1,18 @@
+import chalk from 'chalk';
+export default {
+    info(text) {
+        console.log(text);
+    },
+    success(text) {
+        console.log(chalk.hex('#00c48f')(text));
+    },
+    warning(text) {
+        console.log(chalk.hex('#ff9800')(text));
+    },
+    error(text) {
+        console.log(chalk.hex('#f44336')(text));
+    },
+    title(text) {
+        console.log(chalk.cyan(text));
+    },
+};

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@varlet/cli",
-  "version": "2.0.5",
+  "version": "2.1.0-alpha.1666877950844",
+  "type": "module",
   "description": "cli of varlet",
   "bin": {
-    "varlet-cli": "./lib/bin.js"
+    "varlet-cli": "./lib/node/bin.js"
   },
-  "main": "./lib/index.js",
-  "module": "./lib/index.js",
+  "main": "./lib/node/index.js",
+  "module": "./lib/node/index.js",
   "keywords": [
     "cli",
     "varlet"
@@ -15,13 +16,18 @@
   "license": "MIT",
   "files": [
     "lib",
+    "cjs",
+    "client.js",
+    "client.d.ts",
     "template",
     "site",
     "tsconfig.json",
-    "varlet.default.config.js",
-    "preset.js",
+    "preset.cjs",
     "CHANGELOG.md"
   ],
+  "engines": {
+    "node": "^14.18.0 || >=16.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/varletjs/varlet.git"
@@ -34,8 +40,9 @@
     "@babel/helper-plugin-utils": "^7.14.5",
     "@babel/preset-env": "^7.14.8",
     "@babel/preset-typescript": "^7.14.5",
-    "@varlet/markdown-vite-plugin": "2.0.5",
-    "@varlet/shared": "2.0.5",
+    "@types/inquirer": "^9.0.2",
+    "@varlet/markdown-vite-plugin": "2.1.0-alpha.1666877950844",
+    "@varlet/shared": "2.1.0-alpha.1666877950844",
     "@vitejs/plugin-vue": "3.0.1",
     "@vitejs/plugin-vue-jsx": "2.0.0",
     "@vue/babel-plugin-jsx": "1.1.1",
@@ -51,10 +58,9 @@
     "fs-extra": "^9.0.1",
     "glob": "^7.2.0",
     "hash-sum": "^2.0.0",
-    "inquirer": "^8.1.2",
+    "inquirer": "^9.1.4",
     "jest": "^26.6.3",
     "less": "^3.12.2",
-    "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "ora": "^5.4.0",
     "semver": "^7.3.5",
@@ -67,23 +73,20 @@
     "vue-jest": "^5.0.0-alpha.8"
   },
   "devDependencies": {
-    "@varlet/icons": "2.0.5",
-    "@varlet/touch-emulator": "2.0.5",
-    "@types/node": "^18.7.20",
     "@types/babel__core": "^7.1.12",
     "@types/ejs": "^3.1.1",
     "@types/fs-extra": "^9.0.2",
     "@types/glob": "^7.1.3",
     "@types/hash-sum": "^1.0.0",
-    "@types/inquirer": "8.1.2",
-    "@types/jest": "^26.0.15",
-    "@types/lodash": "^4.14.174",
     "@types/lodash-es": "^4.17.5",
-    "@types/semver": "^7.3.9"
+    "@types/node": "^18.7.20",
+    "@types/semver": "^7.3.9",
+    "@varlet/icons": "2.1.0-alpha.1666877950844",
+    "@varlet/touch-emulator": "2.1.0-alpha.1666877950844"
   },
   "peerDependencies": {
-    "@varlet/icons": "2.0.5",
-    "@varlet/touch-emulator": "2.0.5",
+    "@varlet/icons": "2.1.0-alpha.1666877950844",
+    "@varlet/touch-emulator": "2.1.0-alpha.1666877950844",
     "@vue/runtime-core": "3.2.16",
     "@vue/test-utils": "^2.0.2",
     "clipboard": "^2.0.6",

package/{preset.js → preset.cjs}

@@ -1,3 +1,3 @@
-const babelConfig = require('./lib/config/babel.config')
+const babelConfig = require('./cjs/babel.config.cjs')
 
 module.exports = (api, options) => babelConfig(api, options)

package/site/components/button/index.ts

@@ -1,10 +1,10 @@
-import type { App } from 'vue'
-import Button from './Button.vue'
-
-Button.install = function (app: App) {
-  app.component(Button.name, Button)
-}
-
-export const _ButtonComponent = Button
-
-export default Button
+import type { App } from 'vue'
+import Button from './Button.vue'
+
+Button.install = function (app: App) {
+  app.component(Button.name, Button)
+}
+
+export const _ButtonComponent = Button
+
+export default Button

package/site/components/cell/index.ts

@@ -1,10 +1,10 @@
-import type { App } from 'vue'
-import Cell from './Cell.vue'
-
-Cell.install = function (app: App) {
-  app.component(Cell.name, Cell)
-}
-
-export const _CellComponent = Cell
-
-export default Cell
+import type { App } from 'vue'
+import Cell from './Cell.vue'
+
+Cell.install = function (app: App) {
+  app.component(Cell.name, Cell)
+}
+
+export const _CellComponent = Cell
+
+export default Cell

package/site/components/code-example/CodeExample.vue

@@ -43,7 +43,8 @@ import config from '@config'
 import { defineComponent, nextTick, ref, onMounted } from 'vue'
 import { doubleRaf } from '../utils/elements'
 import { get } from 'lodash-es'
-import { getBrowserTheme, getPCLocationInfo, utoa } from '../../utils'
+import { getBrowserTheme, getPCLocationInfo } from '@varlet/cli/client'
+import { utoa } from '../../utils'
 import type { Ref } from 'vue'
 
 let clipId = 0

package/site/components/code-example/codeExample.less

@@ -1,41 +1,41 @@
-.var-site-code-example {
-  margin-top: 16px;
-  margin-bottom: 4px;
-  position: relative;
-  border: thin solid var(--site-config-color-hl-border);
-  border-radius: 4px;
-  transition: border .25s;
-
-  &:hover {
-    .var-site-code-example__toolbar {
-      opacity: 1;
-    }
-  }
-
-  &__toolbar {
-    display: flex;
-    align-items: center;
-    position: absolute;
-    z-index: 1;
-    right: 10px;
-    top: 10px;
-    opacity: 0;
-    transition: .25s all;
-
-    button {
-      color: var(--site-config-color-hl-code) !important;
-    }
-  }
-
-  &__code {
-    transition: all .25s;
-    overflow: hidden;
-    border-radius: 4px;
-  }
-
-  &--scroller {
-    code {
-      white-space: nowrap;
-    }
-  }
-}
+.var-site-code-example {
+  margin-top: 16px;
+  margin-bottom: 4px;
+  position: relative;
+  border: thin solid var(--site-config-color-hl-border);
+  border-radius: 4px;
+  transition: border .25s;
+
+  &:hover {
+    .var-site-code-example__toolbar {
+      opacity: 1;
+    }
+  }
+
+  &__toolbar {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    z-index: 1;
+    right: 10px;
+    top: 10px;
+    opacity: 0;
+    transition: .25s all;
+
+    button {
+      color: var(--site-config-color-hl-code) !important;
+    }
+  }
+
+  &__code {
+    transition: all .25s;
+    overflow: hidden;
+    border-radius: 4px;
+  }
+
+  &--scroller {
+    code {
+      white-space: nowrap;
+    }
+  }
+}

package/site/components/code-example/index.ts

@@ -1,10 +1,10 @@
-import type { App } from 'vue'
-import CodeExample from './CodeExample.vue'
-
-CodeExample.install = function (app: App) {
-  app.component(CodeExample.name, CodeExample)
-}
-
-export const _CodeExampleComponent = CodeExample
-
-export default CodeExample
+import type { App } from 'vue'
+import CodeExample from './CodeExample.vue'
+
+CodeExample.install = function (app: App) {
+  app.component(CodeExample.name, CodeExample)
+}
+
+export const _CodeExampleComponent = CodeExample
+
+export default CodeExample

package/site/components/context/zIndex.ts

@@ -1,20 +1,20 @@
-import context from './index'
-import { watch, ref } from 'vue'
-import type { Ref } from 'vue'
-
-export function useZIndex(source: any, count: number) {
-  const zIndex: Ref<number> = ref(context.zIndex)
-
-  watch(
-    source,
-    (newValue) => {
-      if (newValue) {
-        context.zIndex += count
-        zIndex.value = context.zIndex
-      }
-    },
-    { immediate: true }
-  )
-
-  return { zIndex }
-}
+import context from './index'
+import { watch, ref } from 'vue'
+import type { Ref } from 'vue'
+
+export function useZIndex(source: any, count: number) {
+  const zIndex: Ref<number> = ref(context.zIndex)
+
+  watch(
+    source,
+    (newValue) => {
+      if (newValue) {
+        context.zIndex += count
+        zIndex.value = context.zIndex
+      }
+    },
+    { immediate: true }
+  )
+
+  return { zIndex }
+}

package/site/components/icon/icon.less

@@ -1,26 +1,26 @@
-@import '@varlet/icons/dist/css/varlet-icons.less';
-
-@site-icon-size: 20px;
-
-:root {
-  --site-icon-size: @site-icon-size;
-}
-
-.var-site-icon {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  font-size: var(--site-icon-size);
-  color: inherit;
-  vertical-align: bottom;
-
-  &--shrinking {
-    transform: scale(0);
-  }
-
-  &__image {
-    width: var(--site-icon-size);
-    height: var(--site-icon-size);
-    object-fit: cover;
-  }
-}
+@import '@varlet/icons/dist/css/varlet-icons.less';
+
+@site-icon-size: 20px;
+
+:root {
+  --site-icon-size: @site-icon-size;
+}
+
+.var-site-icon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--site-icon-size);
+  color: inherit;
+  vertical-align: bottom;
+
+  &--shrinking {
+    transform: scale(0);
+  }
+
+  &__image {
+    width: var(--site-icon-size);
+    height: var(--site-icon-size);
+    object-fit: cover;
+  }
+}

package/site/components/icon/index.ts

@@ -1,10 +1,10 @@
-import type { App } from 'vue'
-import Icon from './Icon.vue'
-
-Icon.install = function (app: App) {
-  app.component(Icon.name, Icon)
-}
-
-export const _IconComponent = Icon
-
-export default Icon
+import type { App } from 'vue'
+import Icon from './Icon.vue'
+
+Icon.install = function (app: App) {
+  app.component(Icon.name, Icon)
+}
+
+export const _IconComponent = Icon
+
+export default Icon

package/site/components/icon/props.ts

@@ -1,24 +1,24 @@
-import type { PropType } from 'vue'
-
-export const props = {
-  name: {
-    type: String,
-  },
-  size: {
-    type: [Number, String],
-  },
-  color: {
-    type: String,
-  },
-  namespace: {
-    type: String,
-    default: 'var-icon',
-  },
-  transition: {
-    type: [Number, String],
-    default: 0,
-  },
-  onClick: {
-    type: Function as PropType<(event: Event) => void>,
-  },
-}
+import type { PropType } from 'vue'
+
+export const props = {
+  name: {
+    type: String,
+  },
+  size: {
+    type: [Number, String],
+  },
+  color: {
+    type: String,
+  },
+  namespace: {
+    type: String,
+    default: 'var-icon',
+  },
+  transition: {
+    type: [Number, String],
+    default: 0,
+  },
+  onClick: {
+    type: Function as PropType<(event: Event) => void>,
+  },
+}

package/site/components/loading/index.ts

@@ -1,10 +1,10 @@
-import type { App } from 'vue'
-import Loading from './Loading.vue'
-
-Loading.install = function (app: App) {
-  app.component(Loading.name, Loading)
-}
-
-export const _LoadingComponent = Loading
-
-export default Loading
+import type { App } from 'vue'
+import Loading from './Loading.vue'
+
+Loading.install = function (app: App) {
+  app.component(Loading.name, Loading)
+}
+
+export const _LoadingComponent = Loading
+
+export default Loading

package/site/components/progress/index.ts

@@ -1,10 +1,10 @@
-import type { App } from 'vue'
-import Progress from './Progress.vue'
-
-Progress.install = function (app: App) {
-  app.component(Progress.name, Progress)
-}
-
-export const _ProgressComponent = Progress
-
-export default Progress
+import type { App } from 'vue'
+import Progress from './Progress.vue'
+
+Progress.install = function (app: App) {
+  app.component(Progress.name, Progress)
+}
+
+export const _ProgressComponent = Progress
+
+export default Progress