DEV Community

Cover image for didi - Tech Demo Video
Adam Crockett 🌀
Adam Crockett 🌀

Posted on

didi - Tech Demo Video

As an experiment, I have just recorded a rough and ready technical demo for my open source project, didi - (trying to build a community and contributors). I am itching to share what it can do at this early stage.

This is just a practice screencast - its raw and probably not great, I missed out a lot of key points. but lets upload the video and see if I can write a script off the back of it.

Being transparent with your community is important even if you're terrified.

Like I said, terrifying.

GitHub logo adam-cyclones / didi

Convert a project from common JS to ESmodules, with included bundler-like / task runner behaviour.

didi the dino is a pterodactyl logo

didi

A transpiler for JavaScript and Typescript, transforming CommonJS modules into distinct ES Modules

Who uses didi?

Frontend and deno developers will find didi useful.

Try it out.

didi is not ready for production however you can still take didi for a spin!

npm install -g @didi-js/client-didi-cli

# or

yarn global add @didi-js/client-didi-cli
Enter fullscreen mode Exit fullscreen mode

Create a project an entry file, some installed node_modules and then require the browser dependency into your entry file using the base specifier.

const colorThief = require('colorThief'); // base specifier example, no paths needed
Enter fullscreen mode Exit fullscreen mode

run didi path/to/example-project

The result should have output a new target directory within this example-project and also a server should have started on http://localhost:8086. You may see some console errors in the browser, this is normal for this stage.

You may also notice that your import looks like this:

import colorThief from "color-thief"; // still no path?
…
Enter fullscreen mode Exit fullscreen mode

Top comments (1)

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀 • Edited

Problems that I can see

  • you are watching a blank terminal for a really long time.
  • I could probably give you something to look at like a webcam?
  • didi is useful for frontend and deno, how.
  • why is this approach better than bundles on HTTP2 and the future.
  • how can you contribute
  • can this be made more interesting with slides and music
  • I could have more energy when I talk
  • I didn't tell the story behind the problem I wanted to solve
  • didi generated project is a blank white page unbranded. Probably should fix that.