diff --git a/.zshrc b/.zshrc
index 751428c..f5b8c07 100644
--- a/.zshrc
+++ b/.zshrc
@@ -2,7 +2,7 @@
export ZSH=$HOME/.oh-my-zsh
export PATH=/usr/local/bin:$PATH
-ZSH_THEME="robbyrussell"
+#ZSH_THEME="robbyrussell"
# red dots to be displayed while waiting for completion
COMPLETION_WAITING_DOTS="true"
@@ -50,9 +50,8 @@ alias dtail='docker logs -tf --tail="50" "$@"'
# export PATH="/usr/local/sbin:$PATH"
# export PATH="/usr/local/bin:$PATH"
-export NVM_DIR="$HOME/.nvm"
-[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
-[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
+export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
+[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
# place this after nvm initialization!
autoload -U add-zsh-hook
diff --git a/get-extensions.js b/get-extensions.js
new file mode 100644
index 0000000..98f0ced
--- /dev/null
+++ b/get-extensions.js
@@ -0,0 +1,52 @@
+/*
+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`
+4. Paste the code from [get-extensions.js](./get-extensions.js) into the console
+5. It will be in your clipboard, so just paste into `vs-code-extensions-i-use.md`
+
+*/
+
+function getExtensions() {
+ const extensions = $$('.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')) {
+ icon = `https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png`;
+ }
+
+ return {
+ icon,
+ title,
+ description,
+ id
+ }
+ });
+ return extensions;
+}
+
+function makeLink(id) {
+ return `https://marketplace.visualstudio.com/items?itemName=${id}`
+}
+
+function makeMarkdownTable(extensions) {
+ const rows = extensions.map(extension => {
+ return `| 
| ${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!
+
+| ×××××× | |
+| --- | --- |
+${rows.join(`\n`)}
+`
+ return markdownTable;
+}
+
+const extensions = getExtensions();
+const markdown = makeMarkdownTable(extensions);
+copy(markdown);
\ No newline at end of file
diff --git a/settings.json b/settings.json
index afda96a..b3c4c2a 100644
--- a/settings.json
+++ b/settings.json
@@ -1,5 +1,5 @@
{
- "editor.wordWrap": "off",
+ "editor.wordWrap": "bounded",
"javascript.updateImportsOnFileMove.enabled": "always",
"editor.renderWhitespace": "all",
// These are all my auto-save configs
@@ -18,15 +18,11 @@
"source.fixAll": true
},
// Optional BUT IMPORTANT: If you have the prettier extension enabled for other languages like CSS and HTML, turn it off for JS since we are doing it through Eslint already
- "prettier.disableLanguages": [
- "javascript",
- "javascriptreact"
- ],
+ "prettier.disableLanguages": ["javascript", "javascriptreact"],
"editor.tabSize": 2,
- "workbench.colorTheme": "SynthWave '84",
"editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace, Fira Code Retina",
"editor.fontLigatures": true,
- "editor.fontSize": 13,
+ "editor.fontSize": 16,
"editor.quickSuggestions": {
"other": true,
"comments": false,
@@ -38,15 +34,14 @@
"editor.formatOnPaste": true,
"editor.formatOnType": true,
"svelte.enable-ts-plugin": true,
- "cSpell.userWords": [
- "Shellnut",
- "sveltejs",
- "Umami",
- "vite"
- ],
+ "cSpell.userWords": ["Shellnut", "sveltejs", "Umami", "vite"],
"git.autofetch": true,
"git.mergeEditor": true,
- "editor.experimental.stickyScroll.enabled": true,
+ "javascript.inlayHints.variableTypes.enabled": true,
+ "editor.stickyScroll.enabled": true,
+ "workbench.colorTheme": "SynthWave '84",
+ "svelte.plugin.svelte.note-new-transformation": false,
+ "workbench.iconTheme": "material-icon-theme",
"window.zoomLevel": -1,
- "javascript.inlayHints.variableTypes.enabled": true
-}
\ No newline at end of file
+ "prettier.useTabs": true
+}
diff --git a/vs-code-extensions-i-have-used.md b/vs-code-extensions-i-have-used.md
new file mode 100644
index 0000000..48e59bf
--- /dev/null
+++ b/vs-code-extensions-i-have-used.md
@@ -0,0 +1,70 @@
+# List of all the extensions I use.
+
+## Auto Complete
+
+- [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)
+- [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
+
+## Debuggers
+
+- [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
+
+## Formatters
+
+- [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)
+- [Formatting Toggle](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle)
+- [Prettier - Code Formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
+- [Wrap Console Log Simple](https://marketplace.visualstudio.com/items?itemName=WooodHead.vscode-wrap-console-log-simple)
+
+## Icons
+
+- [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)
+- [VS code Icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons)
+
+## Linters
+
+- [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)
+- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
+
+## Other
+
+- [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)
+- [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)
+- [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)
+- [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)
+- [Jest](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest)
+- [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense)
+- [open in browser](https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser)
+- [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)
+- [Rainbow Brackets](https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets)
+- [Scope Info](https://marketplace.visualstudio.com/items?itemName=siegebell.scope-info)
+- [Svelte Intellisense](https://marketplace.visualstudio.com/items?itemName=ardenivanov.svelte-intellisense)
+- [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree)
+
+## Programming Languages
+
+- [Docker](https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker)
+- [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv)
+- [GraphQL](https://marketplace.visualstudio.com/items?itemName=Prisma.vscode-graphql)
+- [Prisma](https://marketplace.visualstudio.com/items?itemName=Prisma.prisma)
+- [Rainbow CSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv)
+- [SCSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss)
+- [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode)
+- [Svelte Intellisense](https://marketplace.visualstudio.com/items?itemName=ardenivanov.svelte-intellisense)
+- [vscode-styled-components](https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components)
+- [YAML](https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml)
+
+## Snippets
+
+- [Conventional Commits](https://open-vsx.org/extension/vivaxy/vscode-conventional-commits)
+- [ES7 React/Redux/GraphQL/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)
+- [GraphQL for VSCode](https://marketplace.visualstudio.com/items?itemName=kumar-harsh.graphql-for-vscode)
+- [Svelte 3 Snippets](https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets)
+
+## Themes
+
+- [Ayu](https://marketplace.visualstudio.com/items?itemName=teabyii.ayu)
+- [Cobalt2 Theme](https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2)
+- [Custom CSS and JS Loader](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css)
+- [Level Up Tutorials Theme Official](https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup)
+- [Synthwave '84](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode)
diff --git a/vs-code-extensions-i-use.md b/vs-code-extensions-i-use.md
index 48e59bf..12d02c9 100644
--- a/vs-code-extensions-i-use.md
+++ b/vs-code-extensions-i-use.md
@@ -1,70 +1,23 @@
-# List of all the extensions I use.
+Here are a list of all the extensions I use. This is an ever-changing setup!
-## Auto Complete
-
-- [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)
-- [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
-
-## Debuggers
-
-- [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
-
-## Formatters
-
-- [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)
-- [Formatting Toggle](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle)
-- [Prettier - Code Formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
-- [Wrap Console Log Simple](https://marketplace.visualstudio.com/items?itemName=WooodHead.vscode-wrap-console-log-simple)
-
-## Icons
-
-- [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)
-- [VS code Icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons)
-
-## Linters
-
-- [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)
-- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
-
-## Other
-
-- [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)
-- [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)
-- [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)
-- [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)
-- [Jest](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest)
-- [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense)
-- [open in browser](https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser)
-- [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)
-- [Rainbow Brackets](https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets)
-- [Scope Info](https://marketplace.visualstudio.com/items?itemName=siegebell.scope-info)
-- [Svelte Intellisense](https://marketplace.visualstudio.com/items?itemName=ardenivanov.svelte-intellisense)
-- [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree)
-
-## Programming Languages
-
-- [Docker](https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker)
-- [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv)
-- [GraphQL](https://marketplace.visualstudio.com/items?itemName=Prisma.vscode-graphql)
-- [Prisma](https://marketplace.visualstudio.com/items?itemName=Prisma.prisma)
-- [Rainbow CSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv)
-- [SCSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss)
-- [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode)
-- [Svelte Intellisense](https://marketplace.visualstudio.com/items?itemName=ardenivanov.svelte-intellisense)
-- [vscode-styled-components](https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components)
-- [YAML](https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml)
-
-## Snippets
-
-- [Conventional Commits](https://open-vsx.org/extension/vivaxy/vscode-conventional-commits)
-- [ES7 React/Redux/GraphQL/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)
-- [GraphQL for VSCode](https://marketplace.visualstudio.com/items?itemName=kumar-harsh.graphql-for-vscode)
-- [Svelte 3 Snippets](https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets)
-
-## Themes
-
-- [Ayu](https://marketplace.visualstudio.com/items?itemName=teabyii.ayu)
-- [Cobalt2 Theme](https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2)
-- [Custom CSS and JS Loader](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css)
-- [Level Up Tutorials Theme Official](https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup)
-- [Synthwave '84](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode)
+| ×××××× | |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| 
| Auto rename paired HTML/XML tag |
+| 
| Improve your code commenting by annotating with alert, informational, TODOs, and more! |
+| 
| A customizable extension for colorizing matching brackets |
+| 
| Spelling checker for source code |
+| 
| A vscode extension to help visualize css colors in files. |
+| 
| 💬Conventional Commits for VSCode. |
+| 
| Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol. |
+| 
| Support for dotenv file syntax |
+| 
| Integrates ESLint JavaScript into VS Code. |
+| 
| View git log, file history, compare branches or commits |
+| 
| Display import/require package size in the editor |
+| 
| Use Facebook's Jest With Pleasure. |
+| 
| ➕ Official theme of Level Up Tutorials ➕ |
+| 
| Material Design Icons for Visual Studio Code |
+| 
| Visual Studio Code plugin that autocompletes npm modules in import statements |
+| 
| This allows you to open the current file in your default browser or application. |
+| 
| Visual Studio Code plugin that autocompletes filenames |
+| 
| Syntax highlighting and intellisense for PostCSS |
+| 
| Code formatter using prettier |