other: #217 configure linter formatter (#218)

* other: #217 🔹 configure formatter

* other: #217 🔹 configure linter

* other: #217 🔹 configure lint staged

.eslintignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+temp
+coverage

.eslintrc.cjs

@@ -0,0 +1,16 @@
+const { builtinModules } = require('node:module')
+
+/**
+ * @type {import('eslint-define-config').ESLintConfig}
+ */
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    sourceType: 'module',
+  },
+  plugins: ['import', '@typescript-eslint'],
+  rules: {
+    'no-debugger': 'error',
+    'sort-imports': ['error', { ignoreDeclarationSort: true }],
+  },
+}

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.prettierignore

@@ -0,0 +1,8 @@
+node_modules
+book/images
+book/online-book/cache
+
+dist
+*.md
+*.html
+pnpm-lock.yaml

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "arrowParens": "avoid"
+}

.vscode/settings.json

@@ -17,6 +17,7 @@
     "lightningcss",
     "nocheck",
     "paren",
+    "Parens",
     "RAWTEXT",
     "RCDATA",
     "tokei",
@@ -34,4 +35,4 @@
     "@extensions": "lib"
   },
   "material-icon-theme.files.associations": {}
-}
+}

book/impls/00_introduction/010_project_setup/examples/playground/src/main.ts

@@ -1,3 +1,3 @@
-import { helloChibivue } from "chibivue";
+import { helloChibivue } from 'chibivue'
 
-helloChibivue();
+helloChibivue()

book/impls/00_introduction/010_project_setup/examples/playground/tsconfig.json

@@ -3,10 +3,7 @@
     "target": "ESNext",
     "useDefineForClassFields": true,
     "module": "ESNext",
-    "lib": [
-      "ESNext",
-      "DOM"
-    ],
+    "lib": ["ESNext", "DOM"],
     "moduleResolution": "Node",
     "strict": true,
     "resolveJsonModule": true,
@@ -18,12 +15,8 @@
     "noImplicitReturns": true,
     "skipLibCheck": true,
     "paths": {
-      "chibivue": [
-        "../../packages"
-      ],
+      "chibivue": ["../../packages"]
     }
   },
-  "include": [
-    "src"
-  ]
-}
+  "include": ["src"]
+}

book/impls/00_introduction/010_project_setup/examples/playground/vite.config.js

@@ -1,9 +1,9 @@
-import { defineConfig } from "vite";
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   resolve: {
     alias: {
       chibivue: `${process.cwd()}/../../packages`,
     },
   },
-});
+})

book/impls/00_introduction/010_project_setup/package.json

@@ -12,4 +12,4 @@
   "devDependencies": {
     "@types/node": "^18.15.11"
   }
-}
+}

book/impls/00_introduction/010_project_setup/packages/index.ts

@@ -1,3 +1,3 @@
 export const helloChibivue = () => {
-  console.log("Hello chibivue!");
-};
+  console.log('Hello chibivue!')
+}

book/impls/00_introduction/010_project_setup/tsconfig.json

@@ -2,25 +2,15 @@
   "compilerOptions": {
     "target": "ES2020",
     "module": "ES2020",
-    "lib": [
-      "DOM"
-    ],
+    "lib": ["DOM"],
     "strict": true,
     "paths": {
-      "chibivue": [
-        "./packages"
-      ]
+      "chibivue": ["./packages"]
     },
     "moduleResolution": "node",
     "allowJs": true,
     "esModuleInterop": true
   },
-  "include": [
-    "packages/**/*.ts",
-    "examples/**/**.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}
+  "include": ["packages/**/*.ts", "examples/**/**.ts"],
+  "exclude": ["node_modules", "dist"]
+}

book/impls/10_minimum_example/010_create_app/examples/playground/src/main.ts

@@ -1,9 +1,9 @@
-import { createApp } from "chibivue";
+import { createApp } from 'chibivue'
 
 const app = createApp({
   render() {
-    return "Hello world.";
+    return 'Hello world.'
   },
-});
+})
 
-app.mount("#app");
+app.mount('#app')

book/impls/10_minimum_example/010_create_app/examples/playground/tsconfig.json

@@ -3,10 +3,7 @@
     "target": "ESNext",
     "useDefineForClassFields": true,
     "module": "ESNext",
-    "lib": [
-      "ESNext",
-      "DOM"
-    ],
+    "lib": ["ESNext", "DOM"],
     "moduleResolution": "Node",
     "strict": true,
     "resolveJsonModule": true,
@@ -18,12 +15,8 @@
     "noImplicitReturns": true,
     "skipLibCheck": true,
     "paths": {
-      "chibivue": [
-        "../../packages"
-      ],
+      "chibivue": ["../../packages"]
     }
   },
-  "include": [
-    "src"
-  ]
-}
+  "include": ["src"]
+}

book/impls/10_minimum_example/010_create_app/examples/playground/vite.config.js

@@ -1,9 +1,9 @@
-import { defineConfig } from "vite";
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   resolve: {
     alias: {
       chibivue: `${process.cwd()}/../../packages`,
     },
   },
-});
+})

book/impls/10_minimum_example/010_create_app/package.json

@@ -12,4 +12,4 @@
   "devDependencies": {
     "@types/node": "^18.15.11"
   }
-}
+}

book/impls/10_minimum_example/010_create_app/packages/index.ts

@@ -1,18 +1,18 @@
 export type Options = {
-  render: () => string;
-};
+  render: () => string
+}
 
 export type App = {
-  mount: (selector: string) => void;
-};
+  mount: (selector: string) => void
+}
 
 export const createApp = (options: Options): App => {
   return {
-    mount: (selector) => {
-      const root = document.querySelector(selector);
+    mount: selector => {
+      const root = document.querySelector(selector)
       if (root) {
-        root.innerHTML = options.render();
+        root.innerHTML = options.render()
       }
     },
-  };
-};
+  }
+}

book/impls/10_minimum_example/010_create_app/tsconfig.json

@@ -2,25 +2,15 @@
   "compilerOptions": {
     "target": "ES2020",
     "module": "ES2020",
-    "lib": [
-      "DOM"
-    ],
+    "lib": ["DOM"],
     "strict": true,
     "paths": {
-      "chibivue": [
-        "./packages"
-      ]
+      "chibivue": ["./packages"]
     },
     "moduleResolution": "node",
     "allowJs": true,
     "esModuleInterop": true
   },
-  "include": [
-    "packages/**/*.ts",
-    "examples/**/**.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}
+  "include": ["packages/**/*.ts", "examples/**/**.ts"],
+  "exclude": ["node_modules", "dist"]
+}

book/impls/10_minimum_example/010_create_app2/examples/playground/src/main.ts

@@ -1,9 +1,9 @@
-import { createApp } from "chibivue";
+import { createApp } from 'chibivue'
 
 const app = createApp({
   render() {
-    return "Hello world.";
+    return 'Hello world.'
   },
-});
+})
 
-app.mount("#app");
+app.mount('#app')

book/impls/10_minimum_example/010_create_app2/examples/playground/tsconfig.json

@@ -3,10 +3,7 @@
     "target": "ESNext",
     "useDefineForClassFields": true,
     "module": "ESNext",
-    "lib": [
-      "ESNext",
-      "DOM"
-    ],
+    "lib": ["ESNext", "DOM"],
     "moduleResolution": "Node",
     "strict": true,
     "resolveJsonModule": true,
@@ -18,12 +15,8 @@
     "noImplicitReturns": true,
     "skipLibCheck": true,
     "paths": {
-      "chibivue": [
-        "../../packages"
-      ],
+      "chibivue": ["../../packages"]
     }
   },
-  "include": [
-    "src"
-  ]
-}
+  "include": ["src"]
+}

book/impls/10_minimum_example/010_create_app2/examples/playground/vite.config.js

@@ -1,9 +1,9 @@
-import { defineConfig } from "vite";
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   resolve: {
     alias: {
       chibivue: `${process.cwd()}/../../packages`,
     },
   },
-});
+})

book/impls/10_minimum_example/010_create_app2/package.json

@@ -12,4 +12,4 @@
   "devDependencies": {
     "@types/node": "^18.15.11"
   }
-}
+}

book/impls/10_minimum_example/010_create_app2/packages/index.ts

@@ -1 +1 @@
-export * from "./runtime-dom";
+export * from './runtime-dom'

book/impls/10_minimum_example/010_create_app2/packages/runtime-core/apiCreateApp.ts

@@ -1,25 +1,25 @@
-import { Component } from "./component";
-import { RootRenderFunction } from "./renderer";
+import { Component } from './component'
+import { RootRenderFunction } from './renderer'
 
 export interface App<HostElement = any> {
-  mount(rootContainer: HostElement | string): void;
+  mount(rootContainer: HostElement | string): void
 }
 
 export type CreateAppFunction<HostElement> = (
-  rootComponent: Component
-) => App<HostElement>;
+  rootComponent: Component,
+) => App<HostElement>
 
 export function createAppAPI<HostElement>(
-  render: RootRenderFunction<HostElement>
+  render: RootRenderFunction<HostElement>,
 ): CreateAppFunction<HostElement> {
   return function createApp(rootComponent) {
     const app: App = {
       mount(rootContainer: HostElement) {
-        const message = rootComponent.render!();
-        render(message, rootContainer);
+        const message = rootComponent.render!()
+        render(message, rootContainer)
       },
-    };
+    }
 
-    return app;
-  };
+    return app
+  }
 }

book/impls/10_minimum_example/010_create_app2/packages/runtime-core/component.ts

@@ -1,3 +1,3 @@
-import { ComponentOptions } from "./componentOptions";
+import { ComponentOptions } from './componentOptions'
 
-export type Component = ComponentOptions;
+export type Component = ComponentOptions

book/impls/10_minimum_example/010_create_app2/packages/runtime-core/componentOptions.ts

@@ -1,3 +1,3 @@
 export type ComponentOptions = {
-  render?: Function;
-};
+  render?: Function
+}

book/impls/10_minimum_example/010_create_app2/packages/runtime-core/index.ts

@@ -1,5 +1,5 @@
-export type { App, CreateAppFunction } from "./apiCreateApp";
-export { createAppAPI } from "./apiCreateApp";
+export type { App, CreateAppFunction } from './apiCreateApp'
+export { createAppAPI } from './apiCreateApp'
 
-export type { RendererOptions } from "./renderer";
-export { createRenderer } from "./renderer";
+export type { RendererOptions } from './renderer'
+export { createRenderer } from './renderer'