build with tsc (#65)

* build with tsc

* rename CIs

.github/workflows/build.yml

@@ -1,10 +1,27 @@
-name: Tests
+name: Build
 
 on:
   push:
   workflow_call:
 
 jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [16.x, 18.x]
+
+    steps:
+      - uses: actions/checkout@v3
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: "npm"
+      - run: npm ci
+      - run: npm run build
+
   build-storybook:
     runs-on: ubuntu-latest
 

.github/workflows/lint.yml

@@ -1,4 +1,4 @@
-name: Tests
+name: Lint & format
 
 on:
   push:

.husky/pre-push

@@ -2,3 +2,4 @@
 . "$(dirname "$0")/_/husky.sh"
 
 npm run test
+npm run build

package.json

@@ -12,8 +12,7 @@
   "main": "src/index.ts",
   "style": "src/global.css",
   "scripts": {
-    "dev": "vite",
-    "preview": "vite preview",
+    "build": "tsc",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build",
     "lint": "eslint .",

src/components/Colors/Color/Color.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef } from "react";
+import { ComponentPropsWithoutRef } from "react";
 
 export interface ColorRectangleProps extends ComponentPropsWithoutRef<"div"> {
   theme: string;

src/components/Input/Input.tsx

@@ -1,4 +1,4 @@
-import { useState, ComponentPropsWithoutRef } from "react";
+import { useState, ComponentPropsWithoutRef, ChangeEvent } from "react";
 
 export interface InputProps extends ComponentPropsWithoutRef<"input"> {
   placeholder?: string | undefined;
@@ -14,7 +14,7 @@ export function Input(props: InputProps) {
   const warningClass = warning ? "border-s-warning" : "";
   const messageClass = errorClass || warningClass;
 
-  function handleOnChange(e) {
+  function handleOnChange(e: ChangeEvent<HTMLInputElement>) {
     setField(e.target.value);
   }
 

src/components/Password/Password.tsx

@@ -1,4 +1,4 @@
-import { useState, ComponentPropsWithoutRef } from "react";
+import { useState, ComponentPropsWithoutRef, ChangeEvent } from "react";
 import { FiEyeOff, FiEye } from "react-icons/fi";
 
 export interface PasswordProps extends ComponentPropsWithoutRef<"input"> {
@@ -31,7 +31,7 @@ export function Password(props: PasswordProps) {
   const [{ type, icon }, setType] = useState(close);
   const [password, setPassword] = useState("");
 
-  function handleOnChange(e) {
+  function handleOnChange(e: ChangeEvent<HTMLInputElement>) {
     setPassword(e.target.value);
   }