chore: update

Author: yzh990918

.eslintignore

@@ -0,0 +1 @@
+README.md

.vscode/settings.json

@@ -4,4 +4,7 @@
   },
   "editor.formatOnSave": false,
   "unocss.root": "./packages/site",
+  "i18n-ally.localesPaths": [
+    "packages/site/locales"
+  ],
 }

README.md

@@ -1,7 +1,140 @@
-# PNPM MonoRepo Starter
+<p align="center">
+<img src="https://raw.githubusercontent.com/imageList/imglist/master/logo.png" style="width:200px" />
+<h1 align="center">JSON-TSC</h1>
+<p align="center">A plugin that makes it easier to convert JSON to Typescript types.</p>
+</p>
+<p align="center">
+<a href="https://www.npmjs.com/package/json-tsc"><img src="https://img.shields.io/npm/v/json-tsc?color=c95f8b&amp;label=" alt="NPM version"></a></p>
+<p align="center">
+<a href="https://onu.zyob.top/">🤹‍♂️ Preview</a>
+</p>
+
+## Features
+
+- 🌈 Simple - Provides the easiest API to convert JSON into Typescript interaface.
+- 🎉 Ts Supported - Support TypeScript & type checked & type inference.
 
 ## Usage
 
-## Credits
- 
+```bash
+npm i json-tsc -D
+```
+
+Import `JSON_TSC` into the file you want to convert.
+
+```ts
+import { JSON_TSC } from "json-tsc";
+
+const JSON_TEST = {
+  "a": 0,
+  "b": {
+    "c": "string",
+    "d": [1, 2, 3],
+    "e": {
+      "f": true,
+      "g": null,
+    },
+  },
+};
+
+const json_tsc = new JSON_TSC({
+  prependWithO: true,
+  sortAlphabetically: false,
+  prependExport: true,
+  useArrayGeneric: false,
+  optionalFields: false,
+  prefix: "",
+});
+
+const result = json_tsc.transform(JSON_TEST);
+
+// result
+type JSON_TSC = ORootObject;
+export interface ORootObject {
+  a: number;
+  b: OB;
+}
+export interface OB {
+  c: string;
+  d: number[];
+  e: OE;
+}
+export interface OE {
+  f: boolean;
+  g: any;
+}
+```
+
+## Config
+
+```ts
+export interface JSON_TSC_CONFIG {
+  /** 
+   * zh-CN: 是否在生成的类型前面加上 O
+   * en: Whether to add O in front of the generated type
+   */
+  prependWithO: boolean
+  /** 
+   * zh-CN: 是否按照字母顺序排序
+   * en: Whether to sort in alphabetical order
+   */
+  sortAlphabetically: boolean
+  /** 
+   * zh-CN: 是否在生成的类型前面加上 export
+   * en: Whether to add export in front of the generated type
+   */
+  prependExport: boolean
+  /** 
+   * zh-CN: 是否使用 ''Array<T>'' 代替 ''T[]'
+   * en: Whether to use ''Array<T>'' instead of ''T[]''
+  */
+  useArrayGeneric: boolean
+  /** 
+   * zh-CN: 是否将所有字段设置为可选
+   * en: Whether to set all fields to optional
+   */
+  optionalFields: boolean
+  /** 
+   * zh-CN: 生成的类型前面的前缀
+   * en: Prefix in front of generated type
+   */
+  prefix: string
+  /** 
+   * zh-CN: 生成的类型后面的后缀
+   * en: Suffix behind generated type
+   */
+  rootObjectName: string
+}
+
+```
+
+## [Use it Now]()
+
+![image](https://raw.githubusercontent.com/imageList/imglist/master/20221027234023.png)
+
+
+## Development
+
+You can see the preview of the following commands:
+
+```bash
+npm run build
+```
+
+Then you can run playground to see the result.
+
+```bash
+npm run play
+```
+
+If you want start the dev server, you can run:
+
+```bash
+npm run dev
+```
+
+
+
 ## License
+
+[MIT](./LICENSE) License © 2022 [yzh990918](https://github.com/yzh990918)

netlify.toml

@@ -0,0 +1,11 @@
+[build.environment]
+  NPM_FLAGS = "--version"
+  NODE_VERSION = "16"
+
+[build]
+  publish = "packages/site/dist"
+  command = "npx [email protected] i --frozen-lockfile false && npx [email protected] build && npx [email protected] run deploy"
+  ignore = "git diff --quiet HEAD^ HEAD . ../packages"
+
+[functions]
+  node_bundler = "esbuild"

packages/.DS_Store

@@ -9,6 +9,7 @@ declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     Bg: typeof import('./src/components/layout/bg.vue')['default']
     Counter: typeof import('./src/components/Counter.vue')['default']
+    ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElDivider: typeof import('element-plus/es')['ElDivider']
     ElInput: typeof import('element-plus/es')['ElInput']

packages/site/.DS_Store

@@ -9,10 +9,12 @@ config:
   rootObjectName: Please input the root object name
 btn:
   transform: Transform
+  reset: Reset
   copied: Copied
-  Copy: Copy Result
+  copy: Copy Result
   import_first: 'Example 1: JSON fragment'
   import_second: 'Example 2: JSON fragment'
+  toggle_langs: Change languages
 textarea:
   inputCode: Please input the json
   outputCode: Show the transformed interface code

packages/site/components.d.ts

@@ -1,18 +1,20 @@
 config:
   title: JSON-TSC 配置选项
-  prependWithO: 'Interface 以 ''O'' 为开头'
-  sortAlphabetically: 按字母顺序排序
-  prependExport: '添加 ''export'' 关键字声明'
-  useArrayGeneric: '使用 ''Array<T>'' 代替 ''T[]'''
-  optionalFields: 将所有字段变为可选字段
+  prependWithO: 'Interface 以 ''O'' 为开头:'
+  sortAlphabetically: '按字母顺序排序:'
+  prependExport: '添加 ''export'' 关键字声明:'
+  useArrayGeneric: '使用 ''Array<T>'' 代替 ''T[]'':'
+  optionalFields: '将所有字段变为可选字段:'
   prefix: 请填写前缀
   rootObjectName: 请填写根元素名称
 btn:
   transform: 转换
+  reset: 重置
   copied: 已拷贝
-  Copy: 拷贝结果
+  copy: 拷贝结果
   import_first: '示例1: JSON片段'
   import_second: '示例2: JSON片段'
+  toggle_langs: 切换语言
 textarea:
   inputCode: 请输入 JSON 代码
   outputCode: 查看您的 interface 代码

packages/site/locales/en.yml

@@ -1,3 +1,13 @@
+<script setup lang="ts">
+const { t, availableLocales, locale } = useI18n()
+
+const toggleLocales = () => {
+  // change to some real logic
+  const locales = availableLocales
+  locale.value = locales[(locales.indexOf(locale.value) + 1) % locales.length]
+}
+</script>
+
 <template>
   <header h-16 flex justify-between items-center px-8>
     <div flex justify-start items-center gap-4>
@@ -6,15 +16,26 @@
         JSON-TSC
       </h1>
     </div>
-    <a
-      class="icon-btn"
-      text-lg
-      i-carbon-logo-github
-      rel="noreferrer"
-      href="https://github.com/251205668/vitest-vue-starter"
-      target="_blank"
-      title="GitHub"
-    />
+
+    <div flex space-x-4>
+      <a
+        class="icon-btn mx-2"
+        :class="locale === 'en' ? '' : '-rotate-y-180'"
+        :title="t('btn.toggle_langs')"
+        @click="toggleLocales()"
+      >
+        <div i-carbon:translate />
+      </a>
+      <a
+        class="icon-btn"
+        text-lg
+        i-carbon-logo-github
+        rel="noreferrer"
+        href="https://github.com/251205668/vitest-vue-starter"
+        target="_blank"
+        title="GitHub"
+      />
+    </div>
   </header>
 </template>