Chore/enhance prettier config (#3022)

* chore: enhance prettier config

* chore: fix prettier issues

* Update package.json

---------

Co-authored-by: Daishi Kato <dai-shi@users.noreply.github.com>
This commit is contained in:
Marcin Kulpa 2025-02-20 02:28:40 +01:00 committed by GitHub
parent 6a6ef4ceaa
commit 90f45eb076
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
12 changed files with 161 additions and 134 deletions

View File

@ -1,4 +1,4 @@
labels: ["bug"] labels: ['bug']
body: body:
- type: markdown - type: markdown
attributes: attributes:

5
.github/FUNDING.yml vendored
View File

@ -10,4 +10,7 @@ liberapay: # Replace with a single Liberapay username
issuehunt: # Replace with a single IssueHunt username issuehunt: # Replace with a single IssueHunt username
otechie: # Replace with a single Otechie username otechie: # Replace with a single Otechie username
lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
custom: ['https://daishi.gumroad.com/l/uaxms', 'https://daishi.gumroad.com/l/learn-zustand-v4'] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] custom: [
'https://daishi.gumroad.com/l/uaxms',
'https://daishi.gumroad.com/l/learn-zustand-v4',
] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

View File

@ -4,6 +4,4 @@ about: This is to create a new issue that already has an assignee. Please open a
title: '' title: ''
labels: '' labels: ''
assignees: '' assignees: ''
--- ---

View File

@ -4,8 +4,6 @@ Fixes #
## Summary ## Summary
## Check List ## Check List
- [ ] `pnpm run fix` for formatting and linting code and docs - [ ] `pnpm run fix` for formatting and linting code and docs

2
.prettierignore Normal file
View File

@ -0,0 +1,2 @@
dist
pnpm-lock.yaml

View File

@ -1,11 +1,14 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta name="description" content="🐻 Bear necessities for state management in React" /> <meta
name="description"
content="🐻 Bear necessities for state management in React"
/>
<link rel="apple-touch-icon" href="/logo192.png" /> <link rel="apple-touch-icon" href="/logo192.png" />
<meta name="og:image" content="/ogimage.jpg" /> <meta name="og:image" content="/ogimage.jpg" />
<link rel="manifest" href="/manifest.json" /> <link rel="manifest" href="/manifest.json" />

View File

@ -4,120 +4,120 @@
* @author Paul Henschel * @author Paul Henschel
*/ */
code[class*='language-'], code[class*='language-'],
pre[class*='language-'] { pre[class*='language-'] {
color: #e4f0fb!important; color: #e4f0fb !important;
background: none!important; background: none !important;
text-shadow: 0 1px rgba(0, 0, 0, 0.3)!important; text-shadow: 0 1px rgba(0, 0, 0, 0.3) !important;
font-family: Menlo, Monaco, 'Courier New', monospace!important; font-family: Menlo, Monaco, 'Courier New', monospace !important;
font-size: 0.95em!important; font-size: 0.95em !important;
text-align: left!important; text-align: left !important;
white-space: pre!important; white-space: pre !important;
word-spacing: normal!important; word-spacing: normal !important;
word-break: normal!important; word-break: normal !important;
word-wrap: normal!important; word-wrap: normal !important;
line-height: 1.5!important; line-height: 1.5 !important;
-moz-tab-size: 4!important; -moz-tab-size: 4 !important;
-o-tab-size: 4!important; -o-tab-size: 4 !important;
tab-size: 4!important; tab-size: 4 !important;
-webkit-hyphens: none!important; -webkit-hyphens: none !important;
-moz-hyphens: none!important; -moz-hyphens: none !important;
-ms-hyphens: none!important; -ms-hyphens: none !important;
hyphens: none!important; hyphens: none !important;
} }
/* Code blocks */ /* Code blocks */
pre[class*='language-'] { pre[class*='language-'] {
padding: 3.75em!important; padding: 3.75em !important;
margin: -2.5em 0!important; margin: -2.5em 0 !important;
overflow: auto!important; overflow: auto !important;
border-radius: 0.75em!important; border-radius: 0.75em !important;
} }
:not(pre) > code[class*='language-'], :not(pre) > code[class*='language-'],
pre[class*='language-'] { pre[class*='language-'] {
background: #252b37!important; background: #252b37 !important;
} }
/* Inline code */ /* Inline code */
:not(pre) > code[class*='language-'] { :not(pre) > code[class*='language-'] {
padding: 0.1em!important; padding: 0.1em !important;
border-radius: 0.3em!important; border-radius: 0.3em !important;
white-space: normal!important; white-space: normal !important;
} }
.token.comment, .token.comment,
.token.prolog, .token.prolog,
.token.doctype, .token.doctype,
.token.cdata { .token.cdata {
color: #a6accd!important; color: #a6accd !important;
} }
.token.punctuation { .token.punctuation {
color: #e4f0fb!important; color: #e4f0fb !important;
} }
.token.namespace { .token.namespace {
opacity: 0.7!important; opacity: 0.7 !important;
} }
.token.property, .token.property,
.token.tag, .token.tag,
.token.constant, .token.constant,
.token.symbol, .token.symbol,
.token.deleted { .token.deleted {
color: #e4f0fb!important; color: #e4f0fb !important;
} }
.token.boolean, .token.boolean,
.token.number { .token.number {
color: #5de4c7!important; color: #5de4c7 !important;
} }
.token.selector, .token.selector,
.token.attr-value, .token.attr-value,
.token.string, .token.string,
.token.char, .token.char,
.token.builtin, .token.builtin,
.token.inserted { .token.inserted {
color: #5de4c7!important; color: #5de4c7 !important;
} }
.token.attr-name, .token.attr-name,
.token.operator, .token.operator,
.token.entity, .token.entity,
.token.url, .token.url,
.language-css .token.string, .language-css .token.string,
.style .token.string, .style .token.string,
.token.variable { .token.variable {
color: #add7ff!important; color: #add7ff !important;
} }
.token.atrule, .token.atrule,
.token.function, .token.function,
.token.class-name { .token.class-name {
color: #5de4c7!important; color: #5de4c7 !important;
} }
.token.keyword { .token.keyword {
color: #add7ff!important; color: #add7ff !important;
} }
.token.regex, .token.regex,
.token.important { .token.important {
color: #fffac2!important; color: #fffac2 !important;
} }
.token.important, .token.important,
.token.bold { .token.bold {
font-weight: bold!important; font-weight: bold !important;
} }
.token.italic { .token.italic {
font-style: italic!important; font-style: italic !important;
} }
.token.entity { .token.entity {
cursor: help!important; cursor: help !important;
} }

View File

@ -19,7 +19,18 @@ body,
} }
body { body {
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, font-family:
-apple-system,
BlinkMacSystemFont,
avenir next,
avenir,
helvetica neue,
helvetica,
ubuntu,
roboto,
noto,
segoe ui,
arial,
sans-serif; sans-serif;
} }
@ -110,7 +121,18 @@ span.header-left {
} }
a { a {
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, font-family:
-apple-system,
BlinkMacSystemFont,
avenir next,
avenir,
helvetica neue,
helvetica,
ubuntu,
roboto,
noto,
segoe ui,
arial,
sans-serif; sans-serif;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
@ -191,11 +213,11 @@ a.bottom-right {
margin-right: -0px; margin-right: -0px;
} }
.code-container > pre[class*='language-'] { .code-container > pre[class*='language-'] {
font-size: 0.6rem!important; font-size: 0.6rem !important;
border-radius: 10px 10px 0 0 !important; border-radius: 10px 10px 0 0 !important;
} }
.counter { .counter {
position: absolute; position: absolute;
top: -120px; top: -120px;
} }
} }

View File

@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />

View File

@ -19,4 +19,3 @@
"include": ["vite.config.ts", "./src/**/*"], "include": ["vite.config.ts", "./src/**/*"],
"exclude": ["node_modules"] "exclude": ["node_modules"]
} }

View File

@ -65,10 +65,10 @@
"build:traditional": "rollup -c --config-traditional", "build:traditional": "rollup -c --config-traditional",
"postbuild": "pnpm run patch-d-ts && pnpm run copy && pnpm run patch-old-ts && pnpm run patch-esm-ts", "postbuild": "pnpm run patch-d-ts && pnpm run copy && pnpm run patch-old-ts && pnpm run patch-esm-ts",
"fix": "pnpm run fix:lint && pnpm run fix:format", "fix": "pnpm run fix:lint && pnpm run fix:format",
"fix:format": "prettier \"*.{js,json,md}\" \"{examples,src,tests,docs}/**/*.{js,jsx,ts,tsx,md,mdx}\" --write", "fix:format": "prettier . --write",
"fix:lint": "eslint . --fix", "fix:lint": "eslint . --fix",
"test": "pnpm run \"/^test:.*/\"", "test": "pnpm run \"/^test:.*/\"",
"test:format": "prettier \"*.{js,json,md}\" \"{examples,src,tests,docs}/**/*.{js,jsx,ts,tsx,md,mdx}\" --list-different", "test:format": "prettier . --list-different",
"test:types": "tsc --noEmit", "test:types": "tsc --noEmit",
"test:lint": "eslint .", "test:lint": "eslint .",
"test:spec": "vitest run", "test:spec": "vitest run",

View File

@ -16,7 +16,9 @@ export default defineConfig({
globals: true, globals: true,
environment: 'jsdom', environment: 'jsdom',
dir: 'tests', dir: 'tests',
reporters: process.env.GITHUB_ACTIONS ? ['default', 'github-actions'] : ['default'], reporters: process.env.GITHUB_ACTIONS
? ['default', 'github-actions']
: ['default'],
setupFiles: ['tests/setup.ts'], setupFiles: ['tests/setup.ts'],
coverage: { coverage: {
include: ['src/**/'], include: ['src/**/'],