Merge pull request #99 from chakra-ui/feat/input

feat: input components

Author: codebender828

.eslintrc.yml

@@ -15,7 +15,7 @@ parserOptions:
   sourceType: module
 plugins:
   - '@typescript-eslint'
-rules: 
+rules:
   '@typescript-eslint/member-delimiter-style':
     - error
     - multiline:

.gitignore

@@ -18,7 +18,7 @@ lerna-debug.log*
 report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 
 # Runtime data
-pids  
+pids
 *.pid
 *.seed
 *.pid.lock
@@ -107,4 +107,5 @@ website/.vite-ssg-temp
 .npmrc
 
 # Cypress screenshots generated
-cypress/screenshots
+cypress/screenshots
+# playground/build/components.json

.prettierrc.yml

@@ -1,5 +1,5 @@
 # .prettierrc or .prettierrc.yaml
-trailingComma: "es5"
+trailingComma: 'es5'
 tabWidth: 2
 semi: false
-singleQuote: true
+singleQuote: false

components.d.ts

@@ -10,17 +10,17 @@
   "dependencies": {
     "@chakra-ui/vue-system": "^0.1.0-alpha.4",
     "@vueuse/head": "^0.6.0",
-    "vite-plugin-components": "^0.12.2",
+    "unplugin-vue-components": "^0.14.0",
     "vite-plugin-pages": "^0.14.9",
     "vite-ssr": "^0.10.6",
     "vue": "3",
     "vue-router": "4"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.2.4",
+    "@vitejs/plugin-vue": "^1.10.2",
     "@vue/compiler-sfc": "^3.0.5",
     "typescript": "^4.1.3",
-    "vite": "^2.4.0",
+    "vite": "^2.6.13",
     "vue-tsc": "^0.0.24"
   }
 }

examples/vue-ssr/package.json

@@ -1,11 +1,11 @@
-import App from './App.vue'
-import viteSSR from 'vite-ssr'
-import { createHead } from '@vueuse/head'
-import routes from 'virtual:generated-pages'
-import Chakra, { chakra } from '@chakra-ui/vue-next'
-import { hydrate } from '@emotion/css'
-import { domElements } from '@chakra-ui/vue-system'
-import { extractCritical } from '@emotion/server'
+import App from "./App.vue"
+import viteSSR from "vite-ssr"
+import { createHead } from "@vueuse/head"
+import routes from "virtual:generated-pages"
+import Chakra, { chakra } from "@chakra-ui/vue-next"
+import { hydrate } from "@emotion/css"
+import { domElements } from "@chakra-ui/vue-system"
+import { extractCritical } from "@emotion/server"
 
 /**
  *
@@ -16,12 +16,12 @@ import { extractCritical } from '@emotion/server'
 const injectCritical = (html: string, ids: string[], css: string) =>
   html
     .replace(
-      '</title>\n',
+      "</title>\n",
       `</title>\n<script>window.$emotionSSRIds=${JSON.stringify(
         ids
       )}</script>\n`
     )
-    .replace('</head>\n', `<style>${css}</style>\n</head>\n`)
+    .replace("</head>\n", `<style>${css}</style>\n</head>\n`)
 
 export default viteSSR(App, { routes }, ({ app, isClient }) => {
   /* custom logic */

examples/vue-ssr/src/main.ts

@@ -1,11 +1,11 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue'
+declare module "*.vue" {
+  import { DefineComponent } from "vue"
   const component: DefineComponent<{}, {}, any>
   export default component
 }
 
-declare module 'virtual:generated-pages' {
-  import { RouteRecordRaw } from 'vue-router'
+declare module "virtual:generated-pages" {
+  import { RouteRecordRaw } from "vue-router"
   const routes: RouteRecordRaw[]
   export default routes
 }

examples/vue-ssr/src/shims-vue.d.ts

@@ -1,18 +1,18 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import viteSSR from 'vite-ssr/plugin.js'
-import Pages from 'vite-plugin-pages'
-import Components from 'vite-plugin-components'
-import { componentResolver } from '@chakra-ui/vue-auto-import'
+import { defineConfig } from "vite"
+import vue from "@vitejs/plugin-vue"
+import viteSSR from "vite-ssr/plugin.js"
+import Pages from "vite-plugin-pages"
+import Components from "unplugin-vue-components"
+import { componentResolver } from "@chakra-ui/vue-auto-import"
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue(),
     viteSSR(),
     Pages({
-      pagesDir: 'src/pages',
-      extensions: ['vue', 'ts', 'tsx'],
+      pagesDir: "src/pages",
+      extensions: ["vue", "ts", "tsx"],
     }),
     Components({
       customComponentResolvers: [componentResolver],

examples/vue-ssr/vite.config.ts

@@ -16,18 +16,21 @@
     "clean": "yarn workspaces run clean",
     "prebuild": "yarn clean",
     "build": "yarn preconstruct build",
-    "postbuild": "yarn size-limit",
+    "build:types": "ts-node scripts/generate-global-types.ts",
+    "postbuild": "yarn build:types && yarn size-limit",
     "start": "preconstruct watch",
     "csb:install": "yarn && yarn bootstrap",
     "bootstrap": "yarn run lerna bootstrap",
     "scaffold": "hygen generator",
     "release": "yarn changeset publish",
+    "preplaygound:dev": "node ./scripts/dev.js",
     "playground:dev": "NODE_ENV=development vite serve playground --config ./vite.config.ts --open",
+    "preplaygound:build": "node ./scripts/dev.js",
     "playground:build": "yarn install && yarn build && NODE_ENV=production vite build playground --config ./vite.config.ts",
     "cy:open": "cypress open-ct",
     "cy:run": "cypress run-ct --quiet",
     "test:component": "yarn cy:run",
-    "test": "jest && yarn cy:run",
+    "test": "jest",
     "test:unit": "cross-env NODE_ENV=test jest --config jest.config.js",
     "lint": "eslint '*/**/*.{js,ts,tsx}' --quiet --fix",
     "docs:dev:legacy": "vitepress dev docs",
@@ -57,7 +60,7 @@
     "@commitlint/config-conventional": "^11.0.0",
     "@cypress/snapshot": "^2.1.7",
     "@cypress/vite-dev-server": "^1.2.6",
-    "@cypress/vue": "^3.0.1",
+    "@cypress/vue": "^3.0.3",
     "@docusaurus/utils": "^2.0.0-beta.3",
     "@emotion/css": "^11.1.3",
     "@emotion/server": "^11.0.0",
@@ -82,7 +85,7 @@
     "@types/uuid": "^8.3.1",
     "@typescript-eslint/eslint-plugin": "^2.34.0",
     "@typescript-eslint/parser": "4.0.1",
-    "@vitejs/plugin-vue": "^1.2.1",
+    "@vitejs/plugin-vue": "^1.10.2",
     "@vitejs/plugin-vue-jsx": "^1.1.6",
     "@vue/babel-plugin-jsx": "^1.0.3",
     "@vue/compiler-sfc": "^3.1.4",
@@ -92,7 +95,7 @@
     "@vuedx/typecheck": "^0.4.1",
     "@vuedx/typescript-plugin-vue": "^0.4.1",
     "@vueuse/core": "4.9.1",
-    "@vueuse/head": "^0.6.0",
+    "@vueuse/head": "^0.7.4",
     "@vueuse/integrations": "^4.8.1",
     "@vueuse/motion": "^1.5.4",
     "aria-hidden": "^1.1.2",
@@ -102,7 +105,7 @@
     "change-case": "^4.1.1",
     "chokidar": "^3.5.1",
     "concurrently": "^5.3.0",
-    "consola": "^2.15.0",
+    "consola": "^2.15.3",
     "cross-env": "^7.0.2",
     "css-get-unit": "^1.0.1",
     "csstype": "^3.0.5",
@@ -111,7 +114,7 @@
     "cypress-plugin-tab": "^1.0.5",
     "dequal": "^2.0.2",
     "dom-focus-lock": "^1.0.4",
-    "esbuild": "^0.12.12",
+    "esbuild": "0.13.4",
     "esbuild-jest": "0.4.0",
     "esbuild-plugin-babel": "^0.2.3",
     "eslint": "^7.0.0",
@@ -147,18 +150,18 @@
     "tinycolor2": "^1.4.2",
     "ts-jest": "^26.5.0",
     "ts-node": "^9.0.0",
-    "typescript": "^4.1.3",
-    "vite": "^2.4.0",
+    "typescript": "^4.5.4",
     "unplugin-vue-components": "^0.14.0",
+    "vite": "^2.7.4",
     "vite-plugin-mdx-vue": "^1.1.3",
-    "vite-plugin-pages": "^0.9.2",
+    "vite-plugin-pages": "^0.18.2",
     "vite-plugin-vue-layouts": "^0.3.1",
-    "vite-ssg": "^0.11.4",
-    "vitepress": "^0.20.0",
-    "vue": "^3.1.4",
+    "vite-ssg": "^0.17.2",
+    "vitepress": "^0.12.0",
+    "vue": "^3.2.24",
     "vue-jest": "^5.0.0-alpha.7",
     "vue-prism-editor": "^2.0.0-alpha.2",
-    "vue-router": "^4.0.10",
+    "vue-router": "^4.0.12",
     "vue3-perfect-scrollbar": "^1.5.5"
   },
   "preconstruct": {

package.json

@@ -1 +1 @@
-export * from './src'
+export * from "./src"