From 9253ebb368a91091ad71ec140f568c0d9b79baeb Mon Sep 17 00:00:00 2001 From: Bradley Shellnut Date: Thu, 19 Sep 2024 10:28:29 -0700 Subject: [PATCH] Updating plugins, settings, etc. --- biome.json | 55 +++++++++++++++++++++++++++++ get-extensions.js | 70 +++++++++++++++++-------------------- intellij-plugins.md | 15 +++++++- settings.json | 27 +++++++++----- vs-code-extensions-i-use.md | 40 ++++++++++----------- 5 files changed, 139 insertions(+), 68 deletions(-) create mode 100644 biome.json diff --git a/biome.json b/biome.json new file mode 100644 index 0000000..bf6d670 --- /dev/null +++ b/biome.json @@ -0,0 +1,55 @@ +{ + "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json", + "formatter": { + "enabled": true, + "formatWithErrors": false, + "indentStyle": "tab", + "indentWidth": 2, + "lineEnding": "lf", + "lineWidth": 150, + "attributePosition": "auto", + "ignore": [ + "**/.DS_Store", + "**/node_modules", + "./build", + "./.svelte-kit", + "./package", + "**/.env", + "**/.env.*", + "**/pnpm-lock.yaml", + "**/package-lock.json", + "**/yarn.lock" + ] + }, + "organizeImports": { "enabled": true }, + "linter": { "enabled": true, "rules": { "recommended": true } }, + "javascript": { + "formatter": { + "jsxQuoteStyle": "double", + "quoteProperties": "asNeeded", + "trailingCommas": "all", + "semicolons": "asNeeded", + "arrowParentheses": "always", + "bracketSpacing": true, + "bracketSameLine": false, + "quoteStyle": "single", + "attributePosition": "auto" + }, + "parser": { + "unsafeParameterDecoratorsEnabled": true + } + }, + "overrides": [ + { + "include": ["*.svelte"], + "linter": { + "rules": { + "style": { + "useConst": "off", + "useImportType": "off" + } + } + } + } + ] +} diff --git a/get-extensions.js b/get-extensions.js index f3d1eea..9bafbb9 100644 --- a/get-extensions.js +++ b/get-extensions.js @@ -3,7 +3,7 @@ To get a list of extensions: 1. Open up your extensions list. `⌘+⇧+x` 2. type in `@enabled` -3. Open VS Code dev toosls `Help` → `Toggle Developer Tools` +3. Open VS Code dev tools `Help` → `Toggle Developer Tools` 4. Paste the code from [get-extensions.js](./get-extensions.js) into the console 5. You have 10 seconds to scroll your extension list to gather them all. This is weird, but VS code uses virtual scrolling so they are only added to the dom when visible. 5. run copy(markdown), and paste into `vs-code-extensions-i-use.md` @@ -18,38 +18,35 @@ async function getExtensions() { // zoom out vscode.webFrame.setZoomLevel(-10); const seconds = 5; - console.log( - `You have ${seconds} seconds to scroll your list up and down as much as possible!` - ); + console.log(`You have ${seconds} seconds to scroll your list up and down as much as possible!`); const allExtensions = []; - const interval = setInterval(function () { + const interval = setInterval(function() { allExtensions.push(...getVisibleExtensions()); - console.log("KEEP SCROLLING!"); + console.log('KEEP SCROLLING!'); }, 300); return new Promise((resolve) => { setTimeout(() => { - console.log("PHEW DONE!"); + console.log('PHEW DONE!'); clearInterval(interval); vscode.webFrame.setZoomLevel(-1); - console.log(allExtensions.length, "captured"); - const unique = uniqueBy(allExtensions, "id"); - console.log(unique.length, "unique"); - resolve(unique); + console.log(allExtensions.length, 'captured'); + const unique = uniqueBy(allExtensions, 'id'); + console.log(unique.length, 'unique'); + resolve(unique) }, seconds * 1000); }); + } function getVisibleExtensions() { - const extensions = Array.from( - document.querySelectorAll(".extensions-list .monaco-list-row") - ).map(function (row) { - let icon = row.querySelector(".icon").src; - const title = row.querySelector("span.name").textContent; - const description = row.querySelector(".description").textContent; + const extensions = Array.from(document.querySelectorAll('.extensions-list .monaco-list-row')).map(function (row) { + let icon = row.querySelector('.icon').src; + const title = row.querySelector('span.name').textContent; + const description = row.querySelector('.description').textContent; const id = row.dataset.extensionId; - if (icon.startsWith("vscode-file")) { + if (icon.startsWith('vscode-file')) { icon = `https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png`; } @@ -57,49 +54,46 @@ function getVisibleExtensions() { icon, title, description, - id, - }; + id + } }); return extensions; } function makeLink(id) { - return `https://marketplace.visualstudio.com/items?itemName=${id}`; + return `https://marketplace.visualstudio.com/items?itemName=${id}` } function makeMarkdownTable(extensions) { - const rows = extensions.map((extension) => { - return `| ${extension.title} |

${ - extension.title - }

${extension.description} |`; + const rows = extensions.map(extension => { + return `| ${extension.title} |

${extension.title}

${extension.description} |` }); - const markdownTable = `Here are a list of all the extensions I use. This is an ever-changing setup, so if you saw me use something in a video or screenshot, it might be in this list! + const markdownTable = `Here are a list of all the extensions I use. This is an ever-changing setup, so if you saw me use something in a video or screenshot, it might be in this list! | ×××××× | | | --- | --- | ${rows.join(`\n`)} -`; +` return markdownTable; } function uniqueBy(arr, key) { - let seen = new Set(); + let seen = new Set() - return arr.filter((it) => { - let val = it[key]; + return arr.filter(it => { + let val = it[key] if (seen.has(val)) { - return false; + return false } else { - seen.add(val); - return true; + seen.add(val) + return true } - }); + }) } + const extensions = await getExtensions(); -console.info(extensions.length, "Found!"); +console.info(extensions.length, 'Found!'); const markdown = makeMarkdownTable(extensions); -console.info("please run copy(markdown) to get the markdown in your clipboard"); +console.info('please run copy(markdown) to get the markdown in your clipboard') \ No newline at end of file diff --git a/intellij-plugins.md b/intellij-plugins.md index 968c150..0af45ba 100644 --- a/intellij-plugins.md +++ b/intellij-plugins.md @@ -1,32 +1,45 @@ -# List of all the plugins I use. +# IntelliJ Plugins + +List of all the plugins I use. ## Code Editing - [Codeium](https://plugins.jetbrains.com/plugin/20540-codeium) +- [Prettier](https://plugins.jetbrains.com/plugin/10456-prettier) ## Code Tools - [Rainbow Brackets](https://plugins.jetbrains.com/plugin/10080-rainbow-brackets) - [JPA Buddy](https://plugins.jetbrains.com/plugin/15075-jpa-buddy) +- [Save Actions](https://plugins.jetbrains.com/plugin/7642-save-actions) +- [shadcn/ui Components Manager](https://plugins.jetbrains.com/plugin/23479-shadcn-ui-components-manager) ## Code Quality - [CheckStyle-IDEA](https://plugins.jetbrains.com/plugin/1065-checkstyle-idea) - [SonarLint](https://plugins.jetbrains.com/plugin/7973-sonarlint) +- [Lombok](https://plugins.jetbrains.com/plugin/6317-lombok) ## Framework +- [VirtualKit](https://plugins.jetbrains.com/plugin/12376-virtualkit) - [Svelte](https://plugins.jetbrains.com/plugin/12375-svelte) +- [Kotlin](https://plugins.jetbrains.com/plugin/6954-kotlin) ## Productivity - [GitToolBox](https://plugins.jetbrains.com/plugin/7499-gittoolbox) +- [Biome](https://plugins.jetbrains.com/plugin/22761-biome) +- [Conventional Commit](https://plugins.jetbrains.com/plugin/13389-conventional-commit) ## Theme - [Material Theme UI](https://plugins.jetbrains.com/plugin/8006-material-theme-ui) + - Using Material Darker +- [One Dark Theme](https://plugins.jetbrains.com/plugin/11938-one-dark-theme) - [Visual Studio Code Dark Plus Theme](https://plugins.jetbrains.com/plugin/12255-visual-studio-code-dark-plus-theme) ## Tools Integration - [Docker](https://plugins.jetbrains.com/plugin/7724-docker) +- [.env files](https://plugins.jetbrains.com/plugin/9525--env-files-support) \ No newline at end of file diff --git a/settings.json b/settings.json index ee86bc3..0c46f16 100644 --- a/settings.json +++ b/settings.json @@ -3,8 +3,8 @@ "editor.bracketPairColorization.enabled": true, "editor.guides.bracketPairs": "active", "javascript.updateImportsOnFileMove.enabled": "always", - "editor.renderWhitespace": "all", - "editor.defaultFormatter": "esbenp.prettier-vscode", + "editor.renderWhitespace": "trailing", + "editor.defaultFormatter": "biomejs.biome", "html.format.enable": true, "html.format.preserveNewLines": true, "files.trimTrailingWhitespace": true, @@ -52,9 +52,9 @@ "git.autofetch": true, "git.mergeEditor": true, "editor.stickyScroll.enabled": true, - "workbench.colorTheme": "SynthWave '84", + "workbench.colorTheme": "GitHub Dark Default", "svelte.plugin.svelte.note-new-transformation": false, - "workbench.iconTheme": "material-icon-theme", + "workbench.iconTheme": "vscode-icons", "prettier.useTabs": true, "javascript.inlayHints.parameterTypes.enabled": true, "javascript.inlayHints.variableTypes.enabled": true, @@ -75,16 +75,27 @@ "workbench.tree.indent": 12, "codeium.enableConfig": { "*": true, - "svelte": true + "svelte": true, + "properties": true, + "prisma": true }, "codeium.enableSearch": true, "editor.fontVariations": false, - "window.zoomLevel": -2, "editor.formatOnSave": true, "editor.formatOnSaveMode": "file", "eslint.codeActionsOnSave.rules": null, "editor.inlayHints.enabled": "off", "git.path": "/usr/bin/git", "files.autoSave": "afterDelay", - "explorer.sortOrder": "filesFirst" -} + "explorer.sortOrder": "filesFirst", + "editor.wordWrapColumn": 120, + "window.zoomLevel": -1, + "inlang.userId": "d1290686-ffb1-4f62-8430-7db5e6b4d392", + "[markdown]": { + "editor.defaultFormatter": "darkriszty.markdown-table-prettify" + }, + "prisma.showPrismaDataPlatformNotification": false, + "[svelte]": { + "editor.defaultFormatter": "svelte.svelte-vscode" + } +} \ No newline at end of file diff --git a/vs-code-extensions-i-use.md b/vs-code-extensions-i-use.md index 7e84ab9..135d013 100644 --- a/vs-code-extensions-i-use.md +++ b/vs-code-extensions-i-use.md @@ -4,33 +4,31 @@ Here are a list of all the extensions I use. This is an ever-changing setup, so | --- | --- | | Auto Rename Tag |

Auto Rename Tag

Auto rename paired HTML/XML tag | | Better Comments |

Better Comments

Improve your code commenting by annotating with alert, informational, TODOs, and more! | +| Better TOML |

Better TOML

Better TOML Language support | +| Biome |

Biome

Toolchain of the web | +| Caddyfile Support |

Caddyfile Support

Rich Caddyfile support for Visual Studio Code | +| Cobalt2 Theme Official |

Cobalt2 Theme Official

🔥 Official theme by Wes Bos. | | Code Spell Checker |

Code Spell Checker

Spelling checker for source code | -| Codeium: AI Coding Autocomplete and Chat for Python, Javascript, Typescript, Java, Go, and more |

Codeium: AI Coding Autocomplete and Chat for Python, Javascript, Typescript, Java, Go, and more

The modern coding superpower: free AI code acceleration plugin for your favorite languages. Type less. Code more. Ship faster. | -| colorize |

colorize

A vscode extension to help visualize css colors in files. | -| Conventional Commits |

Conventional Commits

💬Conventional Commits for VSCode. | -| Docker |

Docker

Makes it easy to create, manage, and debug containerized applications. | +| Codeium: AI Coding Autocomplete and Chat for Python, Javascript, Typescript, Java, Go, and more |

Codeium: AI Coding Autocomplete and Chat for Python, Javascript, Typescript, Java, Go, and more

The modern coding superpower: free AI code acceleration plugin for your favorite languages. Type less. Code more. Ship faster. | +| Color Info |

Color Info

Provides quick information about css colors | +| Conventional Commits |

Conventional Commits

💬Conventional Commits for VSCode. | +| Docker |

Docker

Makes it easy to create, manage, and debug containerized applications. | | DotENV |

DotENV

Support for dotenv file syntax | -| Easy Snippet |

Easy Snippet

Turn your selection into a snippet | -| ESLint |

ESLint

Integrates ESLint JavaScript into VS Code. | +| ESLint |

ESLint

Integrates ESLint JavaScript into VS Code. | | Git History |

Git History

View git log, file history, compare branches or commits | -| Import Cost |

Import Cost

Display import/require package size in the editor | +| GitHub Theme |

GitHub Theme

GitHub theme for VS Code | +| inlang – i18n supercharged |

inlang – i18n supercharged

Supercharge i18n within VS Code — Visualize, edit & lint translated strings at a glance via Inline Decorations & Hover Support, and extract new strings with a single click. | | Level Up Theme Official |

Level Up Theme Official

➕ Official theme of Level Up Tutorials ➕ | -| Material Icon Theme |

Material Icon Theme

Material Design Icons for Visual Studio Code | -| MDX |

MDX

Language support for MDX | -| npm Intellisense |

npm Intellisense

Visual Studio Code plugin that autocompletes npm modules in import statements | -| Path Intellisense |

Path Intellisense

Visual Studio Code plugin that autocompletes filenames | -| PostCSS Intellisense and Highlighting |

PostCSS Intellisense and Highlighting

Syntax highlighting and intellisense for PostCSS | -| Prettier - Code formatter |

Prettier - Code formatter

Code formatter using prettier | -| Pretty TypeScript Errors |

Pretty TypeScript Errors

Make TypeScript errors prettier and more human-readable in VSCode | -| Prisma |

Prisma

Adds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files. | +| Markdown Table Prettifier |

Markdown Table Prettifier

Transforms markdown tables to be more readable. | +| PostCSS Language Support |

PostCSS Language Support

Syntax highlighting for modern and experimental CSS in VSCode | +| Pretty TypeScript Errors |

Pretty TypeScript Errors

Make TypeScript errors prettier and more human-readable in VSCode | +| Prisma |

Prisma

Adds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files. | | Svelte 3 Snippets |

Svelte 3 Snippets

Svelte 3 Snippets for VS Code | -| Svelte for VS Code |

Svelte for VS Code

Svelte language support for VS Code | +| Svelte for VS Code |

Svelte for VS Code

Svelte language support for VS Code | | svelte-matey |

svelte-matey

Effortless Sveltekit Navigation & Tools! | -| SynthWave '84 |

SynthWave '84

A Synthwave-inspired colour theme to satisfy your neon dreams | +| SyntaxFM |

SyntaxFM

The official Syntax Podcast color theme | | Tailwind CSS IntelliSense |

Tailwind CSS IntelliSense

Intelligent Tailwind CSS tooling for VS Code | -| Template String Converter |

Template String Converter

Converts a string to a template string when ${ is typed | -| Thunder Client |

Thunder Client

Lightweight Rest API Client for VS Code | +| Thunder Client |

Thunder Client

Lightweight Rest API Client for VS Code | | Todo Tree |

Todo Tree

Show TODO, FIXME, etc. comment tags in a tree view | -| vscode-icons |

vscode-icons

Icons for Visual Studio Code | -| vscode-styled-components |

vscode-styled-components

Syntax highlighting for styled-components | +| vscode-icons |

vscode-icons

Icons for Visual Studio Code | | Wrap Console Log Simple |

Wrap Console Log Simple

Wrap to console.log(or any function name) by word or selection |