Useful snippets

Vim

https://vim.rtorr.com/

• Delete word
  • n
    • daw
• "Ctrl Backspace" sletting
  • i
    • Ctrl w
• HTML attribute code omni-completion
  • Ctrl x
  • Ctrl o
• Return to last opened window (buffer)
  • Ctrl 6
• Indent line
  • i
    • Ctrl t / Ctrl d
  • v
    • mark selection
    • < / >
    • . to repeat
• Telescope - open selected result in new...
  • tab Ctrl t
  • vertical split Ctrl v
  • horizontal split Ctrl x
• Open help pages in new tab
  • Telescope help_tags -> Ctrl t
  • :tab h lualine
• Seach replace all
  • telescope
  • ctrl Q to add results to quick fix list
  • :cdo s/blaba/blaba/g
• Fuzzy search note: https://useful-snippets.netlify.app/posts/fuzzy-search/
• Marks
  • Add mark: m[bokstav]
  • Navigate away
  • Return to mark: '[bokstav]
• Go to definition gd
  • IdeaVim: might need to ctrl click the regular way on beforehand
• Ideavim: surround with delimeters https://stackoverflow.com/questions/48438208/how-to-surround-a-line-with-parentheses-in-intellij-ideavim
• Go back to where you where you came from ctrl o
• Save all files wa
• Show definition (eg. typescript) K -> vim.lsp.buf.hover()
• Go to next error
  • IdeaVim: https://stackoverflow.com/questions/21018400/ideavim-in-intellij-is-there-a-shortcut-to-goto-next-error
  • :x to exit
• delete until delimeter dt* https://stackoverflow.com/questions/10658230/how-to-delete-until-end-of-delimiter
• delete including delimeter da*
• search replace incl. slash https://useful-snippets.netlify.app/posts/search-replace-slash-in-vim/
• more stuff in https://github.com/paalss/nvim/blob/master/README.md
• Change content of html <li>foo</li> -> citbar -> <li>bar</li>

OS registry pasting not working

If shift right mouse click in insert mode doesn't paste anything, try exiting and re-entering Neovim again

Webstorm IdeaVim Shortcut settings

Setup

Install IdeaVim plugin

Setup ctrl Q for toggling Vim on/off

Settings

Turn Vim on

reserve certain shortcuts to IDE

like:

• ctrl Q so we can toggle Vim efficiently
• ctrl C to enable copying to OS registry
• ctrl V to enable pasting from OS registry

Copy paste ignore delete register

How to paste using the yank register instead of delete register

"0p

Or skip delete register with black hole:

"_d

https://stackoverflow.com/questions/11993851/how-to-delete-not-cut-in-vim

Vim, Ideavim and webstorm keyboard shortcuts

https://useful-snippets.netlify.app/posts/vim/

Webstorm keyboard shortcuts

• Show error ctrl F1

search replace slash in Vim

To search replace the following:

</b>:

to:

:</b>

You can use another separator.

Example using # instead of /:

:8,27s#</b>:#:</b>

Compass TODO

GitHub

• https://github.com/SwitchbackTech/compass

Docs

• https://docs.compasscalendar.com/
  • https://docs.compasscalendar.com/docs/getting-started/install

Prod

• https://app.compasscalendar.com/login

Rocket

^
/ _ \
|   : |
| 0. |
/]   : [\
/_] _. [_\
|   |
| |
|
|

Rename React component

# ask in what path the component resides in
# if no answer is provided, use default value
# -e flag is for giving `cd`-code completion while answering the question

defaultValue=src/components/

read -e -p "Where is component located? (default: $defaultValue): " location
location=${location:-$defaultValue}

cd $location

read -e -p "Enter component name you want to rename: " currentName

cd $currentName

# if component ends with a trailing slash
if [[ "$currentName" == */ ]]; then
  # remove trailing slash
  currentName=${currentName%/}
fi

indexFile=index.ts
componentFile=$currentName.tsx
storyFile=$currentName.stories.tsx
stylesheetFile=$currentName.module.css
stylesheetScssFile=$currentName.module.scss

if [[ $currentName != "" ]]; then
    echo
    echo "This will try and rename:"
    echo "---- folder -----"
    echo $currentName
    echo
    echo "---- files -----"
    echo - $indexFile
    echo - $componentFile
    echo - $storyFile
    echo - $stylesheetFile
    echo - $stylesheetScssFile
    echo

    read -p "Enter new name: " newName
    if [[ $newName != "" ]]; then
        echo
        echo "search replace in files"
        echo

        sed -i "s/$currentName/$newName/g" $indexFile
        sed -i "s/$currentName/$newName/g" $componentFile
        sed -i "s/$currentName/$newName/g" $storyFile
        sed -i "s/$currentName/$newName/g" $stylesheetFile
        sed -i "s/$currentName/$newName/g" $stylesheetScssFile

        echo
        echo "rename files and folders"
        echo

        mv $componentFile $newName.tsx
        mv $storyFile $newName.stories.tsx
        mv $stylesheetFile $newName.module.css
        mv $stylesheetScssFile $newName.module.scss

        cd ..

        mv $currentName $newName/
    fi
fi

IDE functionalities deactivated by Vim

hvor mye er deaktivert/ufordel i Webstorm/VSCode når du har på Vim plugin?

Webstorm IdeaVim

• IDE's multi-select with Ctrl D doesn't work with entering insert mode using eg. using a
• but c works
• Annoying to save file that is edited in commit changes window
  • if in normal mode, pressing "Esc" will exit "commit changes"-window
  • unlike when terminal is focused, you can't disable the "Esc-> focus normal file view"
• paste from OS registry (copy paste from UI app into Webstorm in IdeaVim) Kan fikses ved å registrere ctrl C og ctrl V som IDE-shortcuts (se https://useful-snippets.netlify.app/posts/webstorm-ideavim-shortcut-settings/)
• vim search not as good as built-in search
  • vim won't highlight/preview as you search/replace
  • to activate built-in search you would have to give up ctrl F and ctrl H to IDE

VSCode's Vim

• Fuzzy finder
• Search?
• Search in files?

npm link refuses to go away | clear npm cache

If you mistakenly forget to unlink, you can manually clean up artifacts from yarn or npm.

For npm, the link command creates global packages which can be removed by executing:

sudo npm rm --global "mylib"

• https://github.com/jasonsturges/vite-typescript-npm-package

1. Try

Maybe unlink package?

npm unlink @scope/package

clear / swap out cache on either project

npm install --cache /tmp/empty-cache

restart all servers

2. try uninstalling globally and reinstalling dependency:

sudo npm rm --global @scope/library

npm rm --global @scope/library

npm ls --global @scope/library

npm uninstall @scope/library

npm i @scope/librayr@latest --save-exact

try deleting package.json

try restarting servers???

create context

https://react.dev/reference/react/createContext

context.ts

import {createContext} from 'react';

export interface ContextProps {
  darkTheme: boolean;
}

export const AppContext = createContext<ContextProps>({
  darkTheme: true,
});

App

const Context2 = Context as React.Context<ContextProps>;

return (
  <AppContext2.Provider value={{darkTheme: false}}>
    {/* -- content -- */}