notes.chiubaca.com | Fleeting Notes

20・01・25

day 3 learning neovim. Made a lot of progress yesterday, cemented some useful vim motions for selecting blocks of text and navigating around., code actions, TS LSP cofigured , lazy git integration. Still lots that I want to get configured though.

vim motions for changing quotes and adding surrounding brackets
npm management
biome lsp working correct
astro lsp
better workflow for splits
configure telescope for searching across file. neo-tree is slow?
tmux

ok figured out how mini.surround works now… its import to type sr / sa fast to activate surround mode

a common work flow is to change classname to string literals in react

<div className="m-10"/>

first run

sr"`

which [s]urrounds and [r]eplaces " for a backtick quote.

<div className=`m-10`/>

we now need to surround the backtick with braces to make it valid jsx with

saa`{

which [s]urrounds and [a]dds curly braces

note: shift + k provide lsp hover effect, awesome for getting typescript details on a symbol!

so I’ve spent all day configuring my neovim setup today and feeling a bit burnt out from it. It feels like messing around with a linux distro and hitting issues after issue. When I open vscode it just feels comfortable and things just-work.

19・01・25

# neovim

day 2 learning neovim.

Continuing with https://www.youtube.com/watch?v=KYDG3AHgYEs. Customising keybinds is starting to make more sense. \
wasted a bunch of time configuring smooth scrolling. track pad scroll get janky when you enable something some mini.animate. Will need get used not using trackpad to scroll so much. will need to try and get used to ctrl+u and ctrl+d w
throwing my init.lua into Claude is surprisingly handy!
Also ChatGPT helped we get moving lives up and down working vscode style:

  
vim.keymap.set('n', '<C-j>', ':m .+1<CR>==', { noremap = true, silent = true }) -- Move line down
vim.keymap.set('n', '<C-k>', ':m .-2<CR>==', { noremap = true, silent = true }) -- Move line up

-- Move selected lines up and down in visual mode
vim.keymap.set('v', '<C-j>', ":m '>+1<CR>gv=gv", { noremap = true, silent = true }) -- Move selection down
vim.keymap.set('v', '<C-k>', ":m '<-2<CR>gv=gv", { noremap = true, silent = true }) -- Move selection up

my window slipping management is pretty bad right now. something to work on later…

18・01・25

# neovim

Taking a second pass to learn neovim again.

Currently working through this https://www.youtube.com/watch?v=KYDG3AHgYEs. It’s starting from a much more grassroots level and configuring a few custom command. e.g stop copying stuff i’m deleting, vim!!
Have worked through Vim :Tutor (again?)

05・01・25

# realtime

Nerd sniped myself trying to drop pocketbase as my realtime db. A sort of simpler hacky alternative has been to use server sent events. I’ve gotten something working by combining hono.js , drizzle orm and sqlite. hono.js makes it really easy to create a sse endpoint, drizzle gives me TS QOL and sqllite lite will just make deploying things easier.

within my insertion POST hono endpoint i emit an insert event along with the data payload
within my sse endpoint, its listening to events in step one
when an event is received, the sse endpoint will write to the SSE stream.

01・01・25

# journal

Happy new year!

Already thinking about all the new things I want to learn and do for this year whilst juggling my new life as a dad…

Some things on my mind:

Simplify my notes setup to make it even easier to jot notes and write more essays. I like this guide https://stephango.com/vault
Finish off my big two game. building it has gotten me wanting to learn more about real time systems. I wanna go deeper into websockets and server sent events.
building big two has made me want to explore building my own version of pocketbase with better types like convex. Hono.js looks like it could be core pillar to build this.
I keep want to get better at vim and neovim. I want to build up my dev workflow with this.

23・12・24

# backend # realtime # gamedev

https://big-two-app.fly.dev/ all working on fly.io now. thinking about if I can drop pocketbase as arealtime backend entirely

Server-sent event seems like a perfect fit for this game as I’m only ever reading state. mutations happen via post requests, so I dont need websockets for bidirectional communication.

time for a re-build!!

20・12・24

# cloudflare # ai

so much ai stuff from cloudflare

https://blog.cloudflare.com/model-context-protocol/

07・12・24

# ai

3d gen ai https://huggingface.co/spaces/JeffreyXiang/TRELLIS

23・11・24

# dev-journal # xstate

Cursor teaching me how to re-write my big-two game with xstate which is awesome. Its not so scary when applied to a real life context. the API sort of reminds of vue.js options API

  export const createBigTwoGameMachine = createMachine(
  {
    id: "bigTwoGame",
    initial: "WAITING_FOR_PLAYERS",
    types: {
      // Types for context, states, actions etc all go here
    },
    context: {
      players: [],
      currentPlayerIndex: 0,
      roundMode: null,
      cardPile: [],
      consecutivePasses: 0,
      winner: undefined,
    },
    states: {
      // Define all possible state here and also what those state can transition          to. we can also place guards and other things in thes states too. e.g
      WAITING_FOR_PLAYERS: {
        on: {
          JOIN_GAME: {
            actions: ["addPlayer"],
          },
          START_GAME: {
            target: "GAME_STARTING",
            guard: "hasEnoughPlayers",
          },
        },
      }
    },
  },
  {
    guards: {
      // small functions to guard against impossible states
      hasEnoughPlayers: ({ context }) => context.players.length >= 2,
    },
    actions: {
      // actions like dispatchers, the actual buisness logic to update the state          context. this where mutations live.
      addPlayer: ({
        context,
        event,
      }: {
        context: GameContext;
        event: GameEvent;
      }) => {
        context.players.push({
          id: event.playerId,
          name: event.playerName,
          hand: [],
        });
      },
    },
  }
);

…and it has also taught me the slightly new setup version of the this API too.

export const createBigTwoGameMachine = setup({
  types: {
    context: {} as GameContext,
    events: {} as GameEvent,
  },
  actions: {
    dealCards: ({ context }) => {
      // Implementation here
    },
    playCards: ({ context, event }) => {
      // Implementation here
    },
    setRoundMode: ({ context, event }) => {
      // Implementation here
    },
  },
  guards: {
    hasMaxPlayers: ({ context }) => context.players.length !== 4,
  },
}).createMachine({
  id: "bigTwoGame",
  initial: "WAITING_FOR_PLAYERS",
  context: {
    players: [],
    currentPlayerIndex: 0,
    roundMode: null,
    cardPile: [],
    consecutivePasses: 0,
    winner: undefined,
  },
  states: {
    WAITING_FOR_PLAYERS: {
      on: {
        JOIN_GAME: {
          actions: ["addPlayer"],
          guard: "hasMaxPlayers",
        },
        START_GAME: {
          target: "GAME_STARTING",
        },
      },
    },S
  },
});

15・11・24

# dev-journal

immer for updating deeply nested objecting in an immutable way is a game-changer pair with react and state-setting.

04・11・24

# pocketbase

Good guide to self-host pocketbase . Was almost too easy… Whats the catch?

03・11・24

# bluesky

Did you hear? tech twitter is on bluesky now https://bsky.app/profile/patak.dev/post/3l7pyknij2z2y

02・11・24

# pocketbase

pocketbase on fly.io for free

31・10・24

# typescript

import types into a definition file is not intutive! https://stackoverflow.com/a/51114250

27・10・24

# realtime

Exploring realtime options to build big-two

Leaning towards convex due to familiarity, but pocketbase for simplicity and portabability looks very compelling.

26・10・24

# cli

JS clis with clack

19・10・24

# dev-journal

encrypt data with base 64 encoded urls https://64.surf/

07・10・24

# dev-journal

React one is a new framework to keep an eye on. Tight integration with https://onestack.dev/docs/data , replicache could make this very interesting for local-first and real-time applications. Maybe a good contender for my big-two game.

06・10・24

# neovim

10 days of trying to code with nvim and still finding it a bit clunky. Some commands feel good like gd and ci{ (and other ci variant) . Just not fully using navigating a file with just hjkl, mouse scroll still feels superior and smoother? Will keep at it for rest of this month.

25・09・24

# neovim

started learning neovim

https://vimforreactdevs.com/ , good starter uses kick start
https://www.youtube.com/watch?v=V070Zmvx9AM - specifc for web dev not just React, recomends lazy vim which overall feels better to me
- https://www.lazyvim.org/

18・09・24

# 3d

Free alternative to https://crocotile3d.com/ , https://jeiel.itch.io/sprytile
https://www.youtube.com/watch?v=-GWvYamwKRI S

11・09・24

# 3d

make 3d models but also using 2s tile maps for that retro look! https://crocotile3d.com/