mpeutz

npx vite-bundle-visualizer -c vite.config.mts --emptyOutDir

mpeutz

//  Finite State Machine.

function createMachine(stateMachineDefinition) {
    const navigationFsm = {
        value: stateMachineDefinition.initialState,
        transition(currentState, event) {
            const currentStateDefinition = stateMachineDefinition[currentState];
            const destinationTransition = currentStateDefinition.transitions[event];

            if (!destinationTransition) return navigationFsm.value;

mpeutz

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    font: inherit;

mpeutz

git update-index --skip-worktree .vscode/launch.json

git update-index --no-skip-worktree .vscode/launch.json

"runtimeExecutable": "C:/Users/{user}/AppData/Local/Vivaldi/Application/vivaldi.exe"

mpeutz

1. Navigate to .git/info, in the project folder
2. Open the exclude file in your editor
3. Put in the files you want to ignore locally (path must be relative to root of project)
4. Run the following command in the terminal (in your project folder) : git update-index --skip-worktree <path-names>

To bring these files back to being tracked by git (in the case that you need updated configurations from the repository), simply run git update-index --no-skip-worktree .

mpeutz

ngrok http -host-header="localhost:[port]" [port]

mpeutz

.--overflowTab:not(.--jsfied) {
    border-bottom: none;
}

.tabs ::-webkit-scrollbar {
    width: 4px;
    height: 4px;

    background-color: var(--color-gray-lightest);

mpeutz

const myElems = document.querySelectorAll('.c-tab');

observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
    if (entry.intersectionRatio > 0.9) {
    console.log('in the view', entry.target);
    } else {
    console.log('out of view');
    }
});

mpeutz

MoreLiq library has to be available.

@foreach(var batch in Model.Items.Batch(2))
{
    <ul>
        @foreach(var item in batch)
        {
            <li>@item.Title</li>
        }
    </ul>

mpeutz

::-webkit-scrollbar {
    width: 10px;
    height: 10px;

    background: #ddd;
}

::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 6px;