HN user

Idered

294 karma

[ my public key: https://keybase.io/idered; my proof: https://keybase.io/idered/sigs/NVNqKUmpB7kdd4L82x6v_CJe6Z50kpRre6qmGSJxzJE ]

Posts90
Comments22
View on HN
news.ycombinator.com 2y ago

I added Markdown mode to chalk.ist

Idered
3pts0
twitter.com 2y ago

Show HN: You can now export animated code images from chalk.ist

Idered
1pts0
twitter.com 2y ago

I added Bento Mode to Chalk.ist, a code image generator

Idered
2pts1
chalk.ist 2y ago

Show HN: Chalk.ist – Create beautiful images of your source code

Idered
50pts14
npm.kasper.io 3y ago

Node Dependencies UI for VS Code

Idered
1pts0
npm.kasper.io 3y ago

Node Dependencies UI for VS Code

Idered
2pts0
en.wikipedia.org 3y ago

Llanfair­pwllgwyngyll­gogery­chwyrn­drobwll­llan­tysilio­gogo­goch

Idered
1pts0
github.com 3y ago

Show HN: Twix – Atomic React Styling with TailwindCSS

Idered
4pts1
github.com 3y ago

Show HN: Style Radix UI with TailwindCSS

Idered
2pts0
chalk.ist 3y ago

Show HN: Chalk.ist – Create beautiful images of your source code

Idered
1pts0
twitter.com 3y ago

Clipboard Manager Concept with Computed Collections and Object Detection

Idered
2pts0
npm.kasper.io 3y ago

Show HN: I built VS Code extension for Node.js package management

Idered
6pts4
natureofcode.com 3y ago

The Nature of Code

Idered
1pts0
github.com 3y ago

Use Remix in Electron

Idered
2pts0
github.com 3y ago

Rust/WebAssembly image processing library

Idered
23pts5
npm.kasper.io 3y ago

NPM for VS Code

Idered
1pts0
npm.kasper.io 3y ago

I created NPM extension for VS Code

Idered
1pts0
npm.kasper.io 3y ago

NPM Extension for VS Code

Idered
1pts0
developers.google.com 3y ago

Google Charts – JavaScript Library

Idered
1pts0
marketplace.visualstudio.com 4y ago

Show HN: NPM Extension for Visual Studio Code

Idered
1pts0
chalk.ist 4y ago

Show HN: Chalk.ist – Create beautiful images of your source code

Idered
11pts1
chalk.ist 4y ago

Chalk.ist – Create beautiful images of your source code

Idered
1pts0
www.thespruce.com 4y ago

Memphis Design

Idered
1pts0
marketplace.visualstudio.com 4y ago

A VS Code UI to manage Node.js dependencies

Idered
2pts0
marketplace.visualstudio.com 4y ago

Show HN: I built node dependencies manager for VS Code

Idered
1pts0
snatch.kasper.io 5y ago

I've made a clipboard manager – Snatch

Idered
1pts0
github.com 6y ago

Be lazy, write simple tests in comments – TypeScript

Idered
5pts1
github.com 6y ago

Show HN: React Presets

Idered
2pts0
github.com 6y ago

Show HN: A state management based on Behavior Trees for React and JavaScript

Idered
4pts1
developer.mozilla.org 6y ago

Microsoft Edge Dev(Windows) closes when visiting Mozilla Developer website

Idered
4pts4

Thanks! Here's how it compares to CLI npm command:

You can assign shortcut which will focus "Add dependency" input. Once it's focused you can start searching packages and get instant suggestions with data such as description, downloads in last 30 days, package size or info if package is deprecated. It will also auto-instal related @types/* package if available and not deprecated. Whole process can be done much faster than switching to terminal and typing "npm i react && npm i -D @types/react".

At this point extension is already winning(in terms of time to search and install package) over cli command but there are more good stuff: - it will highlight outdated dependencies + you can click "double arrow" button to update to latest version - it will highlight packages with security issues(works for yarn and pnpm). You can check package details to see list of issues and recommended solution. This is powered by GitHub Advisory Database - while searching you can add @ to see a list of versions or add @@ to see a list of tagged versions(e.g latest, beta) - you can remove pacakge/move package to normal deps/dev deps by clicking button - you can click on size info in footer to see a list of installed packages with package size info and download speed

For now it fails at 2 things: - it spawns multiple processes if you install/remove one package after another. Package managers can handle this but it's totally a perf problem on lower spec machines. - you can't install multiple packages via single search e.g you can't type in "react react-dom" and press enter. I plan to add this feature

My biggest pain solved by extension? It's probably that I don't have to switch to browser to search for package I need e.g if I need package to change color from hex to rgb, I can just type in "color" and I'll get decent amount of info to pick a package - preview: https://cloud.kasper.io/vDVclZ

That's all I guess, let me know if you find it useful or have a feature request, thanks!

As backend framework we're using Laravel hosted on digital ocean. Images are hosted on Amazon S3, we also queue uploads to S3 with SQS. Imgix is great service and I can't even imagine building tookapic without it. For database we use postgresql. Any other questions :)?

Thanks for your long and helpful response :] I'll add what you mentioned in 1 and 3.

I already have signup page but it's not public, this project is rather personal and even haven't thought of building community :) But it's not a bad idea, I'll think about it. Thanks

Later I'll add categories, page with list of all tags, links to prev and next project and some more changes. All those projects are created by me and it probably would take me a couple of years to do 300 projects :)

Todon't app 14 years ago

Hmm, it does work. After sign up you're redirected to frontpage with todon't app.