Ask HN: What Are You Up To? (April 2022)

• AssembleWebApps

  2 2 8.0 HTML

  Assemble WebApps from Reusable Html + Json Components Declaratively

  

I have been researching on abstractions which help me to assemble software UI and using it in my freelance web ui projects using more and more declarative and less and less imperative coding practices. Recently I think the abstractions are stable so I started creating a tool for assembling static and static data web UI which I have published as a web site https://gluuie.com and also in GitHub https://github.com/Arshu/AssembleWebApps.

Still a long way to go before you can truly assembly all types of like static, static data, dynamic, realtime and reactive UI, but the test pages which I have started building sees to show that this is possible.

Anyway this helps in my freelance projects where I have build a VCard Management System,Warehouse Management System, Sales Order Management System and Print Label Management System all using backend as Microsoft Business Central to validate the abstractions.

Currently implement Git Integration and Importing of Data (Html/Json/Css/Js) Components using different CSS Framework like Tailwind, Bootstrap from Git Repositories to validate Parallel Assembly. Also spending time on extracting the assembler runtime to open source the Html/Json assembler.

My hypothesis which I want to test using my tool/abstraction are

• reactive-doc

  1 30 3.9 TypeScript

  Create Interactive Documents with Plain Text

I needed a way to document my shell scripts (or code snippets) and to quickly replace “parameters”. For example, if you want to download a YT video as mp3, you have to remember this command “youtube-dl --extract-audio --audio-format mp3 ” . You can use the autocomplete & history in the terminal but you still have to remember parts of the command and replace the old URL with the new one. You can also save it in a text file, and replace … too many select/replace/copy/paste ops…

A few months ago I made a good enough solution for my problem https://github.com/alexadam/reactive-doc - it saves ~ 10 minutes/day when I have to run complex devops scripts. And I can quickly share the ‘docs’ because they are just plain html files / or markdown.

Now I just finished the next iteration - better ‘syntax’ for input widgets, runnable @shell commands and a web based terminal https://github.com/alexadam/shell-driver with custom filters and selection actions (useful for me)

Next steps: add more features to the web based terminal -> convert history to scripts, autocomplete with parameters, command palette & context aware menus, multiple terminals (with tabs or panels). I also want to add support for React components in the MD editor.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• shell-driver

  1 4 4.1 TypeScript

  Document and Run Shell Scripts

I needed a way to document my shell scripts (or code snippets) and to quickly replace “parameters”. For example, if you want to download a YT video as mp3, you have to remember this command “youtube-dl --extract-audio --audio-format mp3 ” . You can use the autocomplete & history in the terminal but you still have to remember parts of the command and replace the old URL with the new one. You can also save it in a text file, and replace … too many select/replace/copy/paste ops…

A few months ago I made a good enough solution for my problem https://github.com/alexadam/reactive-doc - it saves ~ 10 minutes/day when I have to run complex devops scripts. And I can quickly share the ‘docs’ because they are just plain html files / or markdown.

Now I just finished the next iteration - better ‘syntax’ for input widgets, runnable @shell commands and a web based terminal https://github.com/alexadam/shell-driver with custom filters and selection actions (useful for me)

Next steps: add more features to the web based terminal -> convert history to scripts, autocomplete with parameters, command palette & context aware menus, multiple terminals (with tabs or panels). I also want to add support for React components in the MD editor.

Suggest a related project