GeezerVison

Overview

Member of Technical Staff

Keep learning, stay relevant, relevancy increases value.

Open Source

Some open source initiative from me.

Name	Notes	Install
Santui	Your terminal home base.	`npm i -g santui`
Crabsoup	Streaming engine.	-
Ngalir	Flow automation engine.	`curl -sSL https://raw.githubusercontent.com/sonyarianto/ngalir/main/scripts/install.sh \| bash`
WakaWiki	Agent documentation CLI.	-
Miskin	Save AI tokens across providers.	-
Larastvel	Rust web framework inspired by Laravel.	-
jogja		`npm i -g jogja`
sshmgr		`npm i -g sshmgr`

Products

Some products you may enjoy.

Name	Type	Notes
Stream Commander	web extension	Watch live stream on JW Player Stream Tester page. It's like a commander to watch online live streams.

Educational Material

Title	Topic
React without Build Steps	JavaScript, React
GraphQL with Node.js and GraphQL Yoga	JavaScript, GraphQL
Dockerizing Pocketbase	Pocketbase
Porting Windmill Dashboard HTML into SvelteKit Project	JavaScript, SvelteKit
Simple CLI in Go to Get List of Installed App Version	Go
Mini PHP Framework with Symfony Routing and Blade Template	PHP, Symfony, Blade
Using Blade Template without Laravel in PHP	PHP, Blade
Using Redux without Build Steps	Redux, JavaScript, React
Using Redux with SvelteKit	Redux, JavaScript, SvelteKit
Using Redux with Svelte	Redux, JavaScript, Svelte
Redux with Svelte is Very Simple than React (on Svelte REPL)	Redux, JavaScript, Svelte
Docker for MySQL, Adminer and phpMyAdmin	Docker, MySQL, phpMyAdmin
Simple GitHub Actions Demo (on push display file content on README.md)	GitHub Actions
Sample of MS Fluent UI 2 Web Components (on Svelte REPL)	Web Components, JavaScript
Mix match MS Fluent UI 2 Web Components with Tailwind CSS without Conflict	Web Components, Tailwind CSS
Svelte: Fluent UI 2 TreeView Web Components Sample with Dynamic Data (single root)	Web Components, Svelte
Svelte: Panel with Draggable Separator	Svelte, Layout
Vanilla: Panel with Draggable Separator	HTML, Layout, JavaScript
Vanilla: Panel with Draggable Separator (using requestAnimationFrame)	HTML, Layout, JavaScript
Svelte: Navigate between Component	Svelte
Simple `intro` and `outro` Sample in @clack/prompts	CLI, Node.js
How to Get Node.js Version	Node.js
Alpine.js: Using Store and Reactivity (using ESM module import)	Alpine.js
Integrate Monaco Editor in SvelteKit	SvelteKit, Monaco Editor
Monaco Editor using CDN, Simple and Fast	Monaco Editor, CDN
jQuery with Redux for State Management and Reactivity	jQuery, Redux
Monaco Editor on Svelte REPL using CDN (dynamic load)	Monaco Editor, Svelte, CDN
Tooltip using Floating UI and Svelte	Floating UI, Svelte
Popover using Floating UI and Svelte	Floating UI, Svelte
Assign and Re-assign Component for <svelte:component /> in Svelte	Svelte
Using Svelte Store is Insanely Easy	Svelte
Destroy and Re-mount component programmatically in Svelte	Svelte
How to fill schedule range on existing array of objects	JavaScript
Playwright with External Chrome (Chrome for Testing)	Playwright, JavaScript
Derived Store in Svelte Now Very Easy	Svelte
Props Passing with Steroids using setContext and getContext	Svelte
Class Binding in Svelte	Svelte
Sample of Dynamic Load of JavaScript External Script	JavaScript
Demo of Split Pane in Svelte	Svelte
Demo of Fuzzy Search with fuse.js	JavaScript
Declarative await in Svelte	Svelte
Sign-in with Google using One Tap API	JavaScript
Passing a Component via Props	Svelte
Hello World in Several Language via Docker	Docker
Compress and Uncompress Data in JS using pako	JavaScript
Sample Usage of feather-icons in Svelte	Svelte, JavaScript
How to Handle Long Text with Ellipsis when Already Two Lines	CSS
Implicit Promise Sample when Using Async on a Function	JavaScript
Demo of canvas-confetti Package	JavaScript
Demo of Passing Props to a Component as an Object	Svelte, JavaScript
Demo of Simple Marquee	CSS
Demo of Simple Apps Selector	CSS
Demo of Simple Marquee (images)	CSS
Demo of (.) Notation on Component	Svelte
Demo of Leaflet with OSM	Svelte
Demo of svelte-intersection-observer	Svelte
Some Rust examples called berkarat	Rust
API template with Rust	Rust
Quick sample of PHP on Vercel	PHP
Learn SvelteKit Code that Runs First	SvelteKit
How to Get Zeno.FM stream metadata using SSE API	Svelte
The difference between named export and default export behaviour in JavaScript	JavaScript
Universal reactivity with runes	Svelte