diff --git a/.eslintrc.base.json b/.eslintrc.base.json index 9ca2e83..e94be15 100644 --- a/.eslintrc.base.json +++ b/.eslintrc.base.json @@ -1,35 +1,35 @@ -{ - "root": true, - "ignorePatterns": ["**/*"], - "plugins": ["@nx"], - "overrides": [ - { - "files": ["*.ts", "*.tsx", "*.js", "*.jsx"], - "rules": { - "@nx/enforce-module-boundaries": [ - "error", - { - "enforceBuildableLibDependency": true, - "allow": [], - "depConstraints": [ - { - "sourceTag": "*", - "onlyDependOnLibsWithTags": ["*"] - } - ] - } - ] - } - }, - { - "files": ["*.ts", "*.tsx"], - "extends": ["plugin:@nx/typescript"], - "rules": {} - }, - { - "files": ["*.js", "*.jsx"], - "extends": ["plugin:@nx/javascript"], - "rules": {} - } - ] -} +{ + "root": true, + "ignorePatterns": ["**/*"], + "plugins": ["@nx"], + "overrides": [ + { + "files": ["*.ts", "*.tsx", "*.js", "*.jsx"], + "rules": { + "@nx/enforce-module-boundaries": [ + "error", + { + "enforceBuildableLibDependency": true, + "allow": [], + "depConstraints": [ + { + "sourceTag": "*", + "onlyDependOnLibsWithTags": ["*"] + } + ] + } + ] + } + }, + { + "files": ["*.ts", "*.tsx"], + "extends": ["plugin:@nx/typescript"], + "rules": {} + }, + { + "files": ["*.js", "*.jsx"], + "extends": ["plugin:@nx/javascript"], + "rules": {} + } + ] +} diff --git a/.eslintrc.json b/.eslintrc.json index 81d32b5..d328c2c 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -1,32 +1,32 @@ -{ - "ignorePatterns": ["**/*"], - "overrides": [ - { - "files": ["*.ts", "*.tsx", "*.js", "*.jsx"], - "rules": { - "@nx/enforce-module-boundaries": [ - "error", - { - "enforceBuildableLibDependency": true, - "allow": [], - "depConstraints": [ - { - "sourceTag": "*", - "onlyDependOnLibsWithTags": ["*"] - } - ] - } - ] - } - }, - { - "files": ["*.ts", "*.tsx"], - "rules": {} - }, - { - "files": ["*.js", "*.jsx"], - "rules": {} - } - ], - "extends": ["./.eslintrc.base.json"] -} +{ + "ignorePatterns": ["**/*"], + "overrides": [ + { + "files": ["*.ts", "*.tsx", "*.js", "*.jsx"], + "rules": { + "@nx/enforce-module-boundaries": [ + "error", + { + "enforceBuildableLibDependency": true, + "allow": [], + "depConstraints": [ + { + "sourceTag": "*", + "onlyDependOnLibsWithTags": ["*"] + } + ] + } + ] + } + }, + { + "files": ["*.ts", "*.tsx"], + "rules": {} + }, + { + "files": ["*.js", "*.jsx"], + "rules": {} + } + ], + "extends": ["./.eslintrc.base.json"] +} diff --git a/.lintstagedrc.js b/.lintstagedrc.js index 521df90..f5fa5cb 100644 --- a/.lintstagedrc.js +++ b/.lintstagedrc.js @@ -1,5 +1,5 @@ -module.exports = { - "{apps,packages,tools}/**/*.{js,jsx,ts,tsx,json}": [ - (files) => `pnpm dlx @biomejs/biome check --apply ${files.join(" ")}`, - ], -}; +module.exports = { + "{apps,packages,tools}/**/*.{js,jsx,ts,tsx,json}": [ + (files) => `pnpm dlx @biomejs/biome check --apply ${files.join(" ")}`, + ], +}; diff --git a/.vscode/extensions.json b/.vscode/extensions.json index 71f5e85..fd903bd 100644 --- a/.vscode/extensions.json +++ b/.vscode/extensions.json @@ -1,3 +1,3 @@ -{ - "recommendations": ["nrwl.angular-console", "esbenp.prettier-vscode"] -} +{ + "recommendations": ["nrwl.angular-console", "esbenp.prettier-vscode"] +} diff --git a/apps/sandbox/src/Card.tsx b/apps/sandbox/src/Card.tsx index 718c71e..09ea792 100644 --- a/apps/sandbox/src/Card.tsx +++ b/apps/sandbox/src/Card.tsx @@ -1,50 +1,50 @@ -import { css } from "hono/css"; -import type { FC } from "hono/jsx"; - -const cardLayout = css` - padding: 1rem; - border-radius: 0.5rem; - border: 1px solid transparent; - &:hover { - border: 1px solid rgb(209 213 219); - background-color: rgb(243 244 246); - transition: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - } - @media (prefers-color-scheme: dark) { - &:hover { - background-color: rgba(38, 38, 38, 0.3); - border: 1px solid rgb(38 38 38); - } - } -`; - -const labelClass = css` - font-size: 24px; - font-weight: 600; - margin-bottom: 0.75rem; - @media (prefers-color-scheme: dark) { - color: white; - } -`; - -const valueClass = css` - font-size: 14px; - opacity: 0.5; - @media (prefers-color-scheme: dark) { - color: white; - } -`; - -export type Card = { label: string; value: string | number }; - -const Card: FC = ({ label, value }: Card) => { - return ( -
-
{label}
-
{value}
-
- ); -}; - -export default Card; +import { css } from "hono/css"; +import type { FC } from "hono/jsx"; + +const cardLayout = css` + padding: 1rem; + border-radius: 0.5rem; + border: 1px solid transparent; + &:hover { + border: 1px solid rgb(209 213 219); + background-color: rgb(243 244 246); + transition: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + } + @media (prefers-color-scheme: dark) { + &:hover { + background-color: rgba(38, 38, 38, 0.3); + border: 1px solid rgb(38 38 38); + } + } +`; + +const labelClass = css` + font-size: 24px; + font-weight: 600; + margin-bottom: 0.75rem; + @media (prefers-color-scheme: dark) { + color: white; + } +`; + +const valueClass = css` + font-size: 14px; + opacity: 0.5; + @media (prefers-color-scheme: dark) { + color: white; + } +`; + +export type Card = { label: string; value: string | number }; + +const Card: FC = ({ label, value }: Card) => { + return ( +
+
{label}
+
{value}
+
+ ); +}; + +export default Card; diff --git a/apps/sandbox/src/Layout.tsx b/apps/sandbox/src/Layout.tsx index 1194146..11887f3 100644 --- a/apps/sandbox/src/Layout.tsx +++ b/apps/sandbox/src/Layout.tsx @@ -1,51 +1,51 @@ -import { Style, css } from "hono/css"; -import type { FC } from "hono/jsx"; - -const globalClasses = css` - font-family: "Inter", sans-serif; - font-optical-sizing: auto; - font-weight: 400; - font-style: normal; - font-variation-settings: "slnt" 0; - background: linear-gradient(to bottom, transparent, rgb(255, 255, 255)) - rgb(214, 219, 220); - margin: 0; - @media (prefers-color-scheme: dark) { - background: linear-gradient(to bottom, transparent, rgb(0, 0, 0)) - rgb(0, 0, 0); - } -`; - -const mainClass = css` - display: flex; - justify-content: space-between; - align-items: center; - max-width: 1024; - margin: 0 auto; - flex-direction: column; - padding: 6rem; - height: 79vh; -`; - -const Layout: FC = (props) => { - return ( - - - - - - - -