solid-auto-animate

├── examples └── demo │ ├── src │ ├── vite-env.d.ts │ ├── index.css │ ├── index.tsx │ └── App.tsx │ ├── postcss.config.js │ ├── vite.config.ts │ ├── tailwind.config.js │ ├── index.html │ ├── package.json │ └── tsconfig.json ├── pnpm-workspace.yaml ├── packages └── solid-auto-animate │ ├── pridepack.json │ ├── tsconfig.json │ ├── src │ └── index.ts │ ├── LICENSE │ ├── package.json │ ├── .gitignore │ └── README.md ├── package.json ├── lerna.json ├── LICENSE ├── .gitignore ├── README.md └── biome.json /examples/demo/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - 'packages/**/*' 3 | - 'examples/**/*' -------------------------------------------------------------------------------- /packages/solid-auto-animate/pridepack.json: -------------------------------------------------------------------------------- 1 | { 2 | "target": "es2017" 3 | } 4 | -------------------------------------------------------------------------------- /examples/demo/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /examples/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /examples/demo/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite'; 2 | import solidPlugin from 'vite-plugin-solid'; 3 | 4 | export default defineConfig({ 5 | plugins: [solidPlugin()], 6 | }); 7 | -------------------------------------------------------------------------------- /examples/demo/tailwind.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | mode: 'jit', 3 | content: ['./src/**/*.tsx', './src/**/*.css'], 4 | darkMode: 'class', // or 'media' or 'class' 5 | variants: {}, 6 | plugins: [], 7 | }; 8 | -------------------------------------------------------------------------------- /examples/demo/src/index.tsx: -------------------------------------------------------------------------------- 1 | import { render } from 'solid-js/web'; 2 | import App from './App'; 3 | import './index.css'; 4 | 5 | const app = document.getElementById('app'); 6 | 7 | if (app) { 8 | render(() => , app); 9 | } 10 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "root", 3 | "private": true, 4 | "workspaces": ["packages/*", "examples/*"], 5 | "devDependencies": { 6 | "@biomejs/biome": "^1.5.3", 7 | "lerna": "^8.0.2", 8 | "typescript": "^5.3.3" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "npmClient": "pnpm", 3 | "packages": [ 4 | "packages/*", 5 | "examples/*" 6 | ], 7 | "command": { 8 | "version": { 9 | "exact": true 10 | }, 11 | "publish": { 12 | "allowBranch": [ 13 | "main" 14 | ], 15 | "registry": "https://registry.npmjs.org/" 16 | } 17 | }, 18 | "version": "0.3.0" 19 | } 20 | -------------------------------------------------------------------------------- /examples/demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | solid-auto-animate 9 | 10 | 11 | 12 |

13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /examples/demo/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "demo", 3 | "private": true, 4 | "type": "module", 5 | "scripts": { 6 | "dev": "vite dev", 7 | "build": "vite build", 8 | "preview": "vite preview" 9 | }, 10 | "dependencies": { 11 | "@formkit/auto-animate": "^0.8.1", 12 | "solid-auto-animate": "0.3.0", 13 | "solid-js": "^1.8.12", 14 | "tailwindcss": "^3.4.1" 15 | }, 16 | "devDependencies": { 17 | "autoprefixer": "^10.4.17", 18 | "postcss": "^8.4.33", 19 | "vite": "^5.0.12", 20 | "vite-plugin-solid": "^2.9.1" 21 | }, 22 | "version": "0.3.0" 23 | } 24 | -------------------------------------------------------------------------------- /examples/demo/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "exclude": ["node_modules"], 3 | "compilerOptions": { 4 | "module": "ESNext", 5 | "lib": ["DOM", "ESNext"], 6 | "importHelpers": true, 7 | "declaration": true, 8 | "sourceMap": true, 9 | "rootDir": "./src", 10 | "strict": true, 11 | "isolatedModules": true, 12 | "noUnusedLocals": true, 13 | "noUnusedParameters": true, 14 | "noImplicitReturns": true, 15 | "noFallthroughCasesInSwitch": true, 16 | "moduleResolution": "Bundler", 17 | "jsx": "preserve", 18 | "jsxImportSource": "solid-js", 19 | "esModuleInterop": true, 20 | "target": "ES2017" 21 | } 22 | } -------------------------------------------------------------------------------- /packages/solid-auto-animate/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "exclude": [ 3 | "node_modules" 4 | ], 5 | "include": [ 6 | "src", 7 | "types" 8 | ], 9 | "compilerOptions": { 10 | "module": "ESNext", 11 | "lib": [ 12 | "ESNext", 13 | "DOM" 14 | ], 15 | "importHelpers": true, 16 | "declaration": true, 17 | "sourceMap": true, 18 | "rootDir": "./src", 19 | "strict": true, 20 | "noUnusedLocals": true, 21 | "noUnusedParameters": true, 22 | "noImplicitReturns": true, 23 | "noFallthroughCasesInSwitch": true, 24 | "moduleResolution": "Bundler", 25 | "jsx": "react", 26 | "esModuleInterop": true, 27 | "target": "ES2017", 28 | "useDefineForClassFields": false, 29 | "declarationMap": true 30 | } 31 | } -------------------------------------------------------------------------------- /packages/solid-auto-animate/src/index.ts: -------------------------------------------------------------------------------- 1 | import type { 2 | AutoAnimateOptions, 3 | AutoAnimationPlugin, 4 | } from '@formkit/auto-animate'; 5 | import autoAnimateBase from '@formkit/auto-animate'; 6 | import { createEffect } from 'solid-js'; 7 | 8 | declare module 'solid-js' { 9 | // biome-ignore lint/style/noNamespace: 10 | namespace JSX { 11 | interface Directives { 12 | autoAnimate: Partial | AutoAnimationPlugin | true; 13 | } 14 | } 15 | } 16 | 17 | export function autoAnimate( 18 | el: T, 19 | options: () => Partial | AutoAnimationPlugin | true, 20 | ): void { 21 | createEffect(() => { 22 | const currentOptions = options(); 23 | autoAnimateBase(el, currentOptions === true ? {} : currentOptions); 24 | }); 25 | } 26 | 27 | export function useAutoAnimate( 28 | el: () => T, 29 | options: Partial | AutoAnimationPlugin, 30 | ) { 31 | createEffect(() => { 32 | autoAnimateBase(el(), options); 33 | }); 34 | } 35 | -------------------------------------------------------------------------------- /packages/solid-auto-animate/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License Copyright (c) 2022 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 4 | 5 | The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software. 6 | 7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Alexis Munsayac 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (https://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # TypeScript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env 59 | 60 | # parcel-bundler cache (https://parceljs.org/) 61 | .cache 62 | 63 | # next.js build output 64 | .next 65 | 66 | # nuxt.js build output 67 | .nuxt 68 | 69 | # vuepress build output 70 | .vuepress/dist 71 | 72 | # Serverless directories 73 | .serverless 74 | 75 | # FuseBox cache 76 | .fusebox/ 77 | 78 | dist -------------------------------------------------------------------------------- /packages/solid-auto-animate/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "solid-auto-animate", 3 | "type": "module", 4 | "version": "0.3.0", 5 | "types": "./dist/types/index.d.ts", 6 | "main": "./dist/cjs/production/index.cjs", 7 | "module": "./dist/esm/production/index.mjs", 8 | "exports": { 9 | ".": { 10 | "development": { 11 | "require": "./dist/cjs/development/index.cjs", 12 | "import": "./dist/esm/development/index.mjs" 13 | }, 14 | "require": "./dist/cjs/production/index.cjs", 15 | "import": "./dist/esm/production/index.mjs", 16 | "types": "./dist/types/index.d.ts" 17 | } 18 | }, 19 | "files": [ 20 | "dist", 21 | "src" 22 | ], 23 | "engines": { 24 | "node": ">=10" 25 | }, 26 | "license": "MIT", 27 | "keywords": [ 28 | "pridepack" 29 | ], 30 | "devDependencies": { 31 | "@formkit/auto-animate": "^0.8.1", 32 | "@types/node": "^20.11.8", 33 | "pridepack": "2.6.0", 34 | "solid-js": "^1.8.12", 35 | "tslib": "^2.6.0", 36 | "typescript": "^5.3.3" 37 | }, 38 | "peerDependencies": { 39 | "@formkit/auto-animate": "^0.8", 40 | "solid-js": "^1.8" 41 | }, 42 | "scripts": { 43 | "prepublishOnly": "pridepack clean && pridepack build", 44 | "build": "pridepack build", 45 | "type-check": "pridepack check", 46 | "clean": "pridepack clean" 47 | }, 48 | "description": "SolidJS bindings for FormKit's AutoAnimate", 49 | "repository": { 50 | "url": "https://github.com/lxsmnsyc/solid-auto-animate.git", 51 | "type": "git" 52 | }, 53 | "homepage": "https://github.com/lxsmnsyc/solid-auto-animate/tree/main/packages/solid-auto-animate", 54 | "bugs": { 55 | "url": "https://github.com/lxsmnsyc/solid-auto-animate/issues" 56 | }, 57 | "publishConfig": { 58 | "access": "public" 59 | }, 60 | "author": "Alexis Munsayac", 61 | "private": false, 62 | "typesVersions": { 63 | "*": {} 64 | } 65 | } 66 | -------------------------------------------------------------------------------- /examples/demo/src/App.tsx: -------------------------------------------------------------------------------- 1 | import { createSignal, For, JSX } from 'solid-js'; 2 | import { autoAnimate } from 'solid-auto-animate'; 3 | 4 | export default function App(): JSX.Element { 5 | // Required to prevent TS from removing the directive 6 | // eslint-disable-next-line no-unused-expressions 7 | autoAnimate; 8 | 9 | let index = 0; 10 | 11 | const [items, setItems] = createSignal([]); 12 | const add = () => { 13 | setItems((current) => [...current, index]); 14 | index += 1; 15 | }; 16 | const remove = (selected: number) => { 17 | setItems((current) => current.filter((item) => item !== selected)); 18 | }; 19 | 20 | return ( 21 |

24 |

25 |

27 | {(item) => ( 28 |

29 | 38 |

39 | )} 40 |

42 | 49 |

50 |

51 | ); 52 | } 53 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # solid-auto-animate 2 | 3 | > SolidJS bindings for FormKit's AutoAnimate 4 | 5 | [![NPM](https://img.shields.io/npm/v/solid-auto-animate.svg)](https://www.npmjs.com/package/solid-auto-animate) [![JavaScript Style Guide](https://badgen.net/badge/code%20style/airbnb/ff5a5f?icon=airbnb)](https://github.com/airbnb/javascript)[![Open in CodeSandbox](https://img.shields.io/badge/Open%20in-CodeSandbox-blue?style=flat-square&logo=codesandbox)](https://codesandbox.io/s/github/LXSMNSYC/solid-auto-animate/tree/main/examples/demo) 6 | 7 | ## Install 8 | 9 | ```bash 10 | npm install --save solid-js @formkit/auto-animate solid-auto-animate 11 | ``` 12 | 13 | ```bash 14 | yarn add solid-js @formkit/auto-animate solid-auto-animate 15 | ``` 16 | 17 | ```bash 18 | pnpm add solid-js @formkit/auto-animate solid-auto-animate 19 | ``` 20 | 21 | ## Usage 22 | 23 | ### As directive 24 | 25 | ```js 26 | import { createSignal } from 'solid-js'; 27 | import { autoAnimate } from 'solid-auto-animate'; 28 | 29 | function App() { 30 | // Required to prevent TS from removing the directive 31 | autoAnimate; 32 | 33 | const [items, setItems] = createSignal([0, 1, 2]); 34 | const add = () => setItems((current) => [...current, current.length]); 35 | 36 | return ( 37 | <> 38 |

40 | {(item) =>

{item}

} 41 |

43 | 44 | 45 | ); 46 | } 47 | ``` 48 | 49 | ### As primitive 50 | 51 | ```js 52 | import { createSignal } from 'solid-js'; 53 | import { useAutoAnimate } from 'solid-auto-animate'; 54 | 55 | function App() { 56 | const [items, setItems] = createSignal([0, 1, 2]); 57 | const add = () => setItems((current) => [...current, current.length]) 58 | 59 | let parent; 60 | 61 | useAutoAnimate(() => parent, /* optional config */) 62 | 63 | return ( 64 | <> 65 |

67 | {(item) =>

{item}

} 68 |

40 | {(item) =>

{item}

} 41 |

67 | {(item) =>

{item}

} 68 |

70 | 71 | 72 | ); 73 | } 74 | ``` 75 | 76 | ## License 77 | 78 | MIT © [lxsmnsyc](https://github.com/lxsmnsyc) 79 | -------------------------------------------------------------------------------- /biome.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://unpkg.com/@biomejs/biome/configuration_schema.json", 3 | "files": { 4 | "ignore": ["node_modules/**/*"] 5 | }, 6 | "vcs": { 7 | "useIgnoreFile": true 8 | }, 9 | "linter": { 10 | "enabled": true, 11 | "ignore": ["node_modules/**/*"], 12 | "rules": { 13 | "a11y": { 14 | "noAccessKey": "error", 15 | "noAriaHiddenOnFocusable": "off", 16 | "noAriaUnsupportedElements": "error", 17 | "noAutofocus": "error", 18 | "noBlankTarget": "error", 19 | "noDistractingElements": "error", 20 | "noHeaderScope": "error", 21 | "noInteractiveElementToNoninteractiveRole": "error", 22 | "noNoninteractiveElementToInteractiveRole": "error", 23 | "noNoninteractiveTabindex": "error", 24 | "noPositiveTabindex": "error", 25 | "noRedundantAlt": "error", 26 | "noRedundantRoles": "error", 27 | "noSvgWithoutTitle": "error", 28 | "useAltText": "error", 29 | "useAnchorContent": "error", 30 | "useAriaActivedescendantWithTabindex": "error", 31 | "useAriaPropsForRole": "error", 32 | "useButtonType": "error", 33 | "useHeadingContent": "error", 34 | "useHtmlLang": "error", 35 | "useIframeTitle": "warn", 36 | "useKeyWithClickEvents": "warn", 37 | "useKeyWithMouseEvents": "warn", 38 | "useMediaCaption": "error", 39 | "useValidAnchor": "error", 40 | "useValidAriaProps": "error", 41 | "useValidAriaRole": "error", 42 | "useValidAriaValues": "error", 43 | "useValidLang": "error" 44 | }, 45 | "complexity": { 46 | "noBannedTypes": "error", 47 | "noExcessiveCognitiveComplexity": "error", 48 | "noExtraBooleanCast": "error", 49 | "noForEach": "error", 50 | "noMultipleSpacesInRegularExpressionLiterals": "warn", 51 | "noStaticOnlyClass": "error", 52 | "noThisInStatic": "error", 53 | "noUselessCatch": "error", 54 | "noUselessConstructor": "error", 55 | "noUselessEmptyExport": "error", 56 | "noUselessFragments": "error", 57 | "noUselessLabel": "error", 58 | "noUselessRename": "error", 59 | "noUselessSwitchCase": "error", 60 | "noUselessThisAlias": "error", 61 | "noUselessTypeConstraint": "error", 62 | "noVoid": "off", 63 | "noWith": "error", 64 | "useArrowFunction": "error", 65 | "useFlatMap": "error", 66 | "useLiteralKeys": "error", 67 | "useOptionalChain": "warn", 68 | "useRegexLiterals": "error", 69 | "useSimpleNumberKeys": "error", 70 | "useSimplifiedLogicExpression": "error" 71 | }, 72 | "correctness": { 73 | "noChildrenProp": "error", 74 | "noConstantCondition": "error", 75 | "noConstAssign": "error", 76 | "noConstructorReturn": "error", 77 | "noEmptyCharacterClassInRegex": "error", 78 | "noEmptyPattern": "error", 79 | "noGlobalObjectCalls": "error", 80 | "noInnerDeclarations": "error", 81 | "noInvalidConstructorSuper": "error", 82 | "noInvalidNewBuiltin": "error", 83 | "noNewSymbol": "error", 84 | "noNonoctalDecimalEscape": "error", 85 | "noPrecisionLoss": "error", 86 | "noRenderReturnValue": "error", 87 | "noSelfAssign": "error", 88 | "noSetterReturn": "error", 89 | "noStringCaseMismatch": "error", 90 | "noSwitchDeclarations": "error", 91 | "noUndeclaredVariables": "error", 92 | "noUnnecessaryContinue": "error", 93 | "noUnreachable": "error", 94 | "noUnreachableSuper": "error", 95 | "noUnsafeFinally": "error", 96 | "noUnsafeOptionalChaining": "error", 97 | "noUnusedLabels": "error", 98 | "noUnusedVariables": "error", 99 | "noVoidElementsWithChildren": "error", 100 | "noVoidTypeReturn": "error", 101 | "useExhaustiveDependencies": "error", 102 | "useHookAtTopLevel": "error", 103 | "useIsNan": "error", 104 | "useValidForDirection": "error", 105 | "useYield": "error" 106 | }, 107 | "performance": { 108 | "noAccumulatingSpread": "error", 109 | "noDelete": "off" 110 | }, 111 | "security": { 112 | "noDangerouslySetInnerHtml": "error", 113 | "noDangerouslySetInnerHtmlWithChildren": "error" 114 | }, 115 | "style": { 116 | "noArguments": "error", 117 | "noCommaOperator": "off", 118 | "noDefaultExport": "off", 119 | "noImplicitBoolean": "error", 120 | "noInferrableTypes": "error", 121 | "noNamespace": "error", 122 | "noNegationElse": "error", 123 | "noNonNullAssertion": "off", 124 | "noParameterAssign": "off", 125 | "noParameterProperties": "off", 126 | "noRestrictedGlobals": "error", 127 | "noShoutyConstants": "error", 128 | "noUnusedTemplateLiteral": "error", 129 | "noUselessElse": "error", 130 | "noVar": "error", 131 | "useAsConstAssertion": "error", 132 | "useBlockStatements": "error", 133 | "useCollapsedElseIf": "error", 134 | "useConst": "error", 135 | "useDefaultParameterLast": "error", 136 | "useEnumInitializers": "error", 137 | "useExponentiationOperator": "error", 138 | "useFragmentSyntax": "error", 139 | "useLiteralEnumMembers": "error", 140 | "useNamingConvention": "off", 141 | "useNumericLiterals": "error", 142 | "useSelfClosingElements": "error", 143 | "useShorthandArrayType": "error", 144 | "useShorthandAssign": "error", 145 | "useSingleCaseStatement": "error", 146 | "useSingleVarDeclarator": "error", 147 | "useTemplate": "off", 148 | "useWhile": "error" 149 | }, 150 | "suspicious": { 151 | "noApproximativeNumericConstant": "error", 152 | "noArrayIndexKey": "error", 153 | "noAssignInExpressions": "error", 154 | "noAsyncPromiseExecutor": "error", 155 | "noCatchAssign": "error", 156 | "noClassAssign": "error", 157 | "noCommentText": "error", 158 | "noCompareNegZero": "error", 159 | "noConfusingLabels": "error", 160 | "noConfusingVoidType": "error", 161 | "noConsoleLog": "warn", 162 | "noConstEnum": "off", 163 | "noControlCharactersInRegex": "error", 164 | "noDebugger": "off", 165 | "noDoubleEquals": "error", 166 | "noDuplicateCase": "error", 167 | "noDuplicateClassMembers": "error", 168 | "noDuplicateJsxProps": "error", 169 | "noDuplicateObjectKeys": "error", 170 | "noDuplicateParameters": "error", 171 | "noEmptyInterface": "error", 172 | "noExplicitAny": "warn", 173 | "noExtraNonNullAssertion": "error", 174 | "noFallthroughSwitchClause": "error", 175 | "noFunctionAssign": "error", 176 | "noGlobalIsFinite": "error", 177 | "noGlobalIsNan": "error", 178 | "noImplicitAnyLet": "off", 179 | "noImportAssign": "error", 180 | "noLabelVar": "error", 181 | "noMisleadingInstantiator": "error", 182 | "noMisrefactoredShorthandAssign": "off", 183 | "noPrototypeBuiltins": "error", 184 | "noRedeclare": "error", 185 | "noRedundantUseStrict": "error", 186 | "noSelfCompare": "off", 187 | "noShadowRestrictedNames": "error", 188 | "noSparseArray": "off", 189 | "noUnsafeDeclarationMerging": "error", 190 | "noUnsafeNegation": "error", 191 | "useDefaultSwitchClauseLast": "error", 192 | "useGetterReturn": "error", 193 | "useIsArray": "error", 194 | "useNamespaceKeyword": "error", 195 | "useValidTypeof": "error" 196 | }, 197 | "nursery": { 198 | "noDuplicateJsonKeys": "off", 199 | "noEmptyBlockStatements": "error", 200 | "noEmptyTypeParameters": "error", 201 | "noGlobalEval": "off", 202 | "noGlobalAssign": "error", 203 | "noInvalidUseBeforeDeclaration": "error", 204 | "noMisleadingCharacterClass": "error", 205 | "noNodejsModules": "off", 206 | "noThenProperty": "warn", 207 | "noUnusedImports": "error", 208 | "noUnusedPrivateClassMembers": "error", 209 | "noUselessLoneBlockStatements": "error", 210 | "noUselessTernary": "error", 211 | "useAwait": "error", 212 | "useConsistentArrayType": "error", 213 | "useExportType": "error", 214 | "useFilenamingConvention": "off", 215 | "useForOf": "warn", 216 | "useGroupedTypeImport": "error", 217 | "useImportRestrictions": "off", 218 | "useImportType": "error", 219 | "useNodejsImportProtocol": "warn", 220 | "useNumberNamespace": "error", 221 | "useShorthandFunctionType": "warn" 222 | } 223 | } 224 | }, 225 | "formatter": { 226 | "enabled": true, 227 | "ignore": ["node_modules/**/*"], 228 | "formatWithErrors": false, 229 | "indentWidth": 2, 230 | "indentStyle": "space", 231 | "lineEnding": "lf", 232 | "lineWidth": 80 233 | }, 234 | "organizeImports": { 235 | "enabled": true, 236 | "ignore": ["node_modules/**/*"] 237 | }, 238 | "javascript": { 239 | "formatter": { 240 | "enabled": true, 241 | "arrowParentheses": "asNeeded", 242 | "bracketSameLine": false, 243 | "bracketSpacing": true, 244 | "indentWidth": 2, 245 | "indentStyle": "space", 246 | "jsxQuoteStyle": "double", 247 | "lineEnding": "lf", 248 | "lineWidth": 80, 249 | "quoteProperties": "asNeeded", 250 | "quoteStyle": "single", 251 | "semicolons": "always", 252 | "trailingComma": "all" 253 | }, 254 | "globals": [], 255 | "parser": { 256 | "unsafeParameterDecoratorsEnabled": true 257 | } 258 | }, 259 | "json": { 260 | "formatter": { 261 | "enabled": true, 262 | "indentWidth": 2, 263 | "indentStyle": "space", 264 | "lineEnding": "lf", 265 | "lineWidth": 80 266 | }, 267 | "parser": { 268 | "allowComments": false, 269 | "allowTrailingCommas": false 270 | } 271 | } 272 | } 273 | --------------------------------------------------------------------------------