You are viewing archived messages.
Go here to search the history.

Kartik Agaram 2022-04-18 17:47:49

Here's a bookmarklet to look up the #introduce-yourself post(s) of anyone in this community. Slack doesn't seem to let me create Javascript links, so you'll have to create the bookmark manually:

javascript:window.open('[http://akkartik.name/archives/foc/introduce-yourself/'+((window.getSelection()](http://akkartik.name/archives/foc/introduce-yourself/'+((window.getSelection()) != '' ? window.getSelection().toString() : prompt('Please enter a name (case sensitive)')).trim().replaceAll(/[^\w_.~-]/g, '-'))+'.html');undefined

You can either select a name before clicking on the bookmarklet, or type in the name (case sensitive) after clicking on it.

Some example links showing off the current escaping format:

Ivan Reese 2022-04-18 18:01:38

Godfried-Willem Raes is a god.

Corey Montella 2022-04-18 19:11:10

Apparently I forgot to introduce myself 😬

Daniel Garcia 2022-04-19 03:54:48

Hi πŸ‘‹, I'm creating a code explorer inspired by Code bubbles. The difference is that bubbles are not draggable, and everything has an automatic layout.

Here is a video with the progress of the first weeks.

You can give it a try to this really early version at https://minimalistidev2.netlify.app/

πŸ”— React App

πŸŽ₯ 04-18.mov

AndrΓ© Terron 2022-04-19 17:28:26

That's cool! What are you using to navigate to the definitions? I built something similar in the past using ts-morph

πŸ”— Code Cards

Daniel Garcia 2022-04-19 18:38:49

ts-morph looks cool, for now I'm using the output of Acorn to navigate. The code is still pretty hardcoded but I'm using this

xyzzy 2022-04-19 19:04:14

This is awesome! Could you make it usable for any programming language ? You could perhaps implement this UI ontop of VSCode.

Daniel Garcia 2022-04-19 19:39:00

Yeah, it could work for any language, for now it only works for javascript. I want to focus on a research phase to see what UX interactions are useful, so I'm building it as a SPA for now. I might work on a VSCode extension in the future πŸ€·β€β™‚οΈ

Daniel Garcia 2022-04-20 03:15:30

One thing that's not shown in the video is that the bubles open in the order that the functions are defined. A second comment is that the show function opens twice because I want to have a call tree and it will make more sense once live values are added.