build(dx): 🎨 improve folder structure & type generation

Author: navin-moorthy

.commitlintrc.json

@@ -15,11 +15,11 @@ export const parameters = {
 
 export const decorators = [
   (Story, context) => {
+    document.body.classList.add("font-sans");
+
     return (
       <RenderlesskitProvider theme={theme}>
-        <div className="box-border font-sans">
-          <Story />
-        </div>
+        <Story />
       </RenderlesskitProvider>
     );
   },

.gacprc.json

@@ -43,7 +43,6 @@ module.exports = function (api) {
       ? [
           "**/*/stories",
           "**/__tests__",
-          "**/__test__",
           "**/testUtils.tsx",
           "./renderlesskit.config.ts",
         ]

.huskyrc.json

@@ -33,8 +33,6 @@
   "scripts": {
     "prebuild": "rimraf dist",
     "build": "concurrently \"yarn:build:*\"",
-    "postinstall": "concurrently \"husky install\" \"patch-package\"",
-    "postpublish": "pinst --enable",
     "build-storybook": "build-storybook",
     "build:cjs": "cross-env BABEL_ENV=cjs babel src --extensions .ts,.tsx -d dist/cjs --source-maps",
     "build:esm": "cross-env BABEL_ENV=esm babel src --extensions .ts,.tsx -d dist/esm --source-maps",
@@ -44,16 +42,35 @@
     "contributors:generate": "all-contributors generate",
     "format": "prettier --write \"./**/*.{js,ts,css,less,json,md,html,yml,yaml,pcss,jsx,tsx}\"",
     "format:package": "sort-package-json",
+    "postinstall": "concurrently \"husky install\" \"patch-package\"",
+    "jit": "cross-env NODE_ENV=development DEBUG=true postcss -w -o tailwind-jit.css ./.storybook/tailwind.css",
     "lint": "eslint . --ext .tsx,.ts,.jsx,.js",
     "lint:fix": "eslint . --ext .tsx,.ts,.jsx,.js --fix",
     "prepublishOnly": "yarn test && yarn build && pinst --disable",
+    "postpublish": "pinst --enable",
     "release": "git add . && standard-version -a",
     "postrelease": "concurrently \"yarn:release:*\"",
     "release:github": "conventional-github-releaser -p angular && git push",
     "storybook": "cross-env DEBUG=true start-storybook -p 6006",
     "test": "jest --config ./jest.config.ts --no-cache",
-    "typecheck": "tsc --noEmit --project tsconfig.prod.json && tsd",
-    "jit": "cross-env NODE_ENV=development DEBUG=true postcss -w -o tailwind-jit.css ./.storybook/tailwind.css"
+    "typecheck": "tsc --noEmit --project tsconfig.prod.json && tsd"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "**/*.{js,jsx,tx,tsx}": [
+      "yarn lint:fix"
+    ],
+    "**/*.{js,ts,css,less,json,md,html,yml,yaml,pcss,jsx,tsx}": [
+      "yarn format",
+      "git add"
+    ],
+    "package.json": [
+      "yarn format:package"
+    ]
   },
   "browserslist": {
     "production": [
@@ -153,6 +170,12 @@
   "publishConfig": {
     "access": "public"
   },
+  "gacp": {
+    "add": false,
+    "push": false,
+    "emoji": "emoji",
+    "editor": false
+  },
   "tsd": {
     "directory": "src/theme"
   }

.lintstagedrc.json

@@ -22,6 +22,8 @@ import { textarea } from "./textarea";
 import { tooltip } from "./tooltip";
 import { toast } from "./toast";
 
+// font-sans
+// To build css for the storybook body
 const theme = {
   alert,
   avatar,

.storybook/preview.js

@@ -1,4 +1,6 @@
 const path = require("path");
+const defaultTheme = require("tailwindcss/defaultTheme");
+
 const { preset } = require("./preset");
 
 module.exports = preset({
@@ -9,6 +11,10 @@ module.exports = preset({
   ],
 
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        sans: ["Inter var", ...defaultTheme.fontFamily.sans],
+      },
+    },
   },
 });

babel.config.js

@@ -1,11 +1,5 @@
 {
   "extends": "./tsconfig.json",
   "include": ["src"],
-  "exclude": [
-    "**/*/stories",
-    "**/*/__tests__",
-    "**/*/__test__",
-    "**/testUtils.tsx",
-    "./renderlesskit.config.ts"
-  ]
+  "exclude": ["**/*/stories", "**/*/__tests__", "**/*/utils"]
 }