graph { graph [engine:fdp rankdir:BT clusterize:true applyCss:light intention:semi grayscale:false desaturate:true] frontend -> frontend__funny [reverse: false] frontend__funny -> frontend__funny___frontend__metronome_and_audio [reverse: false] frontend__funny -> frontend__funny___frontend__jq_in_browser [reverse: false] frontend *= frontend__editor____code_mirror [reverse: false] frontend__editor____code_mirror *= frontend__editor____code_mirror___frontend__collaborative_editing [reverse: false] frontend *= frontend__vega_lite [reverse: false] frontend__vega_lite *= frontend__vega_lite___frontend__timeline [reverse: false] frontend *= frontend__minimal_ui [reverse: false] frontend__minimal_ui *= frontend__minimal_ui___frontend__scrolling [reverse: false] frontend__minimal_ui *= frontend__minimal_ui___frontend__mobile [reverse: false] frontend__minimal_ui *= frontend__minimal_ui___frontend__swipe_and_touch [reverse: false] frontend *= frontend__ideas_to_import [reverse: false] frontend__ideas_to_import *= frontend__ideas_to_import___frontend__notes_from_code [reverse: false] frontend__ideas_to_import *= frontend__ideas_to_import___frontend__ideas_from_bui_portal [reverse: false] frontend__ideas_to_import *= frontend__ideas_to_import___frontend__ideas_from_bui_portlet [reverse: false] frontend *= frontend__dev_ops [reverse: false] frontend__dev_ops *= frontend__dev_ops___frontend__IDE [reverse: false] frontend__dev_ops *= frontend__dev_ops___frontend__executable_ [reverse: false] frontend__dev_ops___frontend__executable_ *= frontend__dev_ops___frontend__executable____frontend__dev_ops___frontend__tauri [reverse: false] frontend__dev_ops *= frontend__dev_ops___frontend__parcel [reverse: false] frontend *= frontend__frameworks [reverse: false] frontend__frameworks *= frontend__frameworks___frontend__tint [reverse: false] frontend__frameworks *= frontend__frameworks___frontend__routers_and_bui [reverse: false] frontend__frameworks *= frontend__frameworks___frontend__sidebar [reverse: false] frontend *= frontend__markdown [reverse: false] frontend *= frontend__obsolete [reverse: false] frontend__obsolete *= frontend__obsolete___frontend__events [reverse: false] frontend *= frontend__vega_lite2 [reverse: false] frontend *= frontend__template_ing_frameworks [reverse: false] frontend *= frontend__bui_issues [reverse: false] frontend *= frontend__ui_components [reverse: false] frontend__ui_components *= frontend__ui_components___frontend__floating_tooltip [reverse: false] frontend__ui_components *= frontend__ui_components___frontend__SELECT_alternatives [reverse: false] frontend *= frontend__estetics [reverse: false] frontend__estetics *= frontend__estetics___frontend__CSS [reverse: false] frontend__estetics *= frontend__estetics___frontend__fonts [reverse: false] frontend *= frontend__minimal_frameworks [reverse: false] frontend [z: 9.5 @html: "

frontend
...

" nomen: "frontend"] frontend__funny [z: 4.75 @html: "

funny

" nomen: "funny"] frontend__funny___frontend__metronome_and_audio [z: 2.375 @html: "

metronome and audio

• GitHub - cwilso/metronome:⸨GitHub - cwilso/metronome:⸩

• Creating a simple metronom⸨Creating a simple metronom⸩

• https:/play-along?tab=readme-ov-f

" nomen: "metronome and audio"] frontend__funny___frontend__jq_in_browser [z: 2.375 @html: "

jq in browser

• https:/pack⸨https:/pack⸩

• https:/?query=def+x%3A+1%3B+.+as+

" nomen: "jq in browser"] frontend__editor____code_mirror [z: 4.75 @html: "

editor :: code-mirror

• https:/code-mirror-el?tab=readme-

• https:/poGZYOy?editors=1000

• GitHub - flawiddsouza/code⸨GitHub - flawiddsouza/code⸩

• CodeMirror Bundling Exampl⸨CodeMirror Bundling Exampl⸩

• https:/index.js

• codemirror 6

• codemirror 6 needs to be prebuild first:

• https:/codemirror6-prebuilt

• see
https:/basic-all.html

• can hint by json5schema:
https:/codemirror-json-schema

• TODO implement

• TODO own language:
https:/lang-example

• can have autocomplete:

• https:/#example=Custom%20completi

" nomen: "editor :: code-mirror"] frontend__editor____code_mirror___frontend__collaborative_editing [z: 2.375 @html: "

collaborative editing
goal: not realtime editor changes. but
only reconcile conflicts after save.

• https:/hello

• https:/etherpad.org

• http:/#1

• https:/isomorphic-git

• https:/quill-delta

• https:/jsod

• gnu diff3

• https:/Diff3

• https:/snob

• https:/xdiff

• https:/jsod

• https:/diff

" nomen: "collaborative editing"] frontend__vega_lite [z: 4.75 @html: "

vega-lite

• vega-lite

• read:
/home/bebo/dev/k2/databox/databox-libs/visualization/vega/vega.mdd

• Radar Chart Example | Vega⸨Radar Chart Example | Vega⸩

• Voronoi Transform | Vega⸨Voronoi Transform | Vega⸩

• sankey, and lot more

• https:/Deneb-Showcase

• https:/Thumbnail.jpg

• https:/thumbnail1.png

" nomen: "vega-lite"] frontend__vega_lite___frontend__timeline [z: 2.375 @html: "

timeline

• timeline:
https:/timelines-chart-svg

" nomen: "timeline"] frontend__minimal_ui [z: 4.75 @html: "

minimal ui

• https:/muuri.dev

" nomen: "minimal ui"] frontend__minimal_ui___frontend__scrolling [z: 2.375 @html: "

scrolling

• https:/slickscroll.musabhassan.co

• https:/rellax

" nomen: "scrolling"] frontend__minimal_ui___frontend__mobile [z: 2.375 @html: "

mobile

• slint-ui

• flutter

" nomen: "mobile"] frontend__minimal_ui___frontend__swipe_and_touch [z: 2.375 @html: "

swipe and touch

• https:/basicSwipe.js?tab=readme-o

• https:/pack⸨https:/pack⸩

• basic-swipe - npm⸨basic-swipe - npm⸩

• https:/swiped-events?tab=readme-o

• https:/pack⸨https:/pack⸩

• Detecting a swipe (left, r⸨Detecting a swipe (left, r⸩

• wheel controller

• https:/interactjs.io

• https:/zingtouch

• https:/?q=Hammer.js&ia=web
-- kokotina

• swipe/touch:

• https:/slipjs

• https:/slip

• https:/interactjs.io

• https:/swiped-events

• https:/swiped-events.min.js

• ZingTouch

• Hammer.js

• AlloyFinger

" nomen: "swipe and touch"] frontend__ideas_to_import [z: 4.75 @html: "

ideas to import

" nomen: "ideas to import"] frontend__ideas_to_import___frontend__notes_from_code [z: 2.375 @html: "

notes from code

• contextMenu:

• https:/vanilla-context-menu

• https:/right-context-menu-ctxmenu

• dev console

• https:/docs

• https:/chobitsu

• nice ui components

• https:/command-palette--html
//

• https:/notification--notification

" nomen: "notes from code"] frontend__ideas_to_import___frontend__ideas_from_bui_portal [z: 2.375 @html: "

ideas from bui-portal

• see:
/home/bebo/dev/k2/databox/portal/bui-portal/libs/bui-libs.mdd

• read:
/home/bebo/dev/k2/databox/portal/bui-portal/autonom/autonom.mdd

• read:
/home/bebo/dev/k2/databox/portal/bui-portal/portal-ui.mdd

• /home/bebo/dev/k2/databox/portal/bui-portal/portal-structure.mdd

• /home/bebo/dev/k2/databox/portal/bui-portal/portal-substance.mdd

" nomen: "ideas from bui-portal"] frontend__ideas_to_import___frontend__ideas_from_bui_portlet [z: 2.375 @html: "

ideas from bui-portlet

• /home/bebo/dev/k2/databox/portal/bui-portlet/src/services/*.js

• navigation.js

• toc-nav.js

• toc-nav.less

• svg.js

• panzoom:
/home/bebo/dev/k2/untiloop/ssss/source/assets/scripts/older/services/svg.js

• valhala.js

• read:
/home/bebo/dev/k2/databox/portal/bui-portlet/src/mdd/home.md

• render :: renderMdd("./mdd/home.md")

• render :: renderPug("test-portlet.pug")

• ui :: sakaExec() testNavigation()

• hello :: hello(state)

• ☐ SSE-server connection to sfs-hub

• ☐ websocket? socket.io

• graph

• https:/pack⸨https:/pack⸩

• render :: renderSvg()

• render :: renderGraph()

• bui-portal

• bui-portal/src/services/dom/dom.js

• bui-portal/src/services/store/store.js

• bui-portal/src/services/valhala/index.js

• external libs

• jquery

• alpinejs

• keymage

• crel

• parcel-transformer-graphviz

• lexer, ast parser

• for highlight()

• json

" nomen: "ideas from bui-portlet"] frontend__dev_ops [z: 4.75 @html: "

dev-ops

" nomen: "dev-ops"] frontend__dev_ops___frontend__IDE [z: 2.375 @html: "

IDE

• https:/openvscode-server

" nomen: "IDE"] frontend__dev_ops___frontend__executable_ [z: 2.375 @html: "

executable?

• wrap into electron for windows

• https:/electron-window-state

• https:/awesome-electron?tab=readm

• https:/electron-boilerplate?tab=r

• https:/electron-store

• https:/electron-localshortcut

• https:/electron-boilerplate

• https:/cordova.apache.org

• https:/chrome-tabs?tab=readme-ov-

• https:/nativefier

• npx nativefier
'repolero.untiloop.bond'

• https:/API.md#global-shortcuts

• https:/x-pager

• https:/Android-Webview-App-templa

• https:/jundler

• https:/js2bin

" nomen: "executable?"] frontend__dev_ops___frontend__executable____frontend__dev_ops___frontend__tauri [z: 1.1875 @html: "

tauri

• rust alternative to electron

• see loptos and awesome tauri

• https:/#build

• /home/box/dev/k2/untiloop/untiloop-repo

" nomen: "tauri"] frontend__dev_ops___frontend__parcel [z: 2.375 @html: "

parcel

• GitHub - parcel-bundler/aw⸨GitHub - parcel-bundler/aw⸩

• GitHub - shff/parcel-plugi⸨GitHub - shff/parcel-plugi⸩

• GitHub - hirasso/parcel-pl⸨GitHub - hirasso/parcel-pl⸩

• https:/bundle-inlining

" nomen: "parcel"] frontend__frameworks [z: 4.75 @html: "

frameworks

• VanJS - Getting Started⸨VanJS - Getting Started⸩

• Stimulus: A modest JavaScr⸨Stimulus: A modest JavaScr⸩

• GitHub - marcodpt/tint: A⸨GitHub - marcodpt/tint: A ⸩

• svelte

• https:/pack⸨https:/pack⸩

• LiquidJS⸨LiquidJS⸩

• https:/pack⸨https:/pack⸩

• vyzera ze je to len server side

" nomen: "frameworks"] frontend__frameworks___frontend__tint [z: 2.375 @html: "

tint
test prepare <a
HREF="#/panel:left/thing::id">component</a>
xxx

" nomen: "tint"] frontend__frameworks___frontend__routers_and_bui [z: 2.375 @html: "

routers and bui

• GitHub - jamesknelson/unil⸨GitHub - jamesknelson/unil⸩

• GitHub - dstillman/pathpar⸨GitHub - dstillman/pathpar⸩

• GitHub - tbleckert/router:⸨GitHub - tbleckert/router:⸩

• GitHub - cScarlson/SDB: Si⸨GitHub - cScarlson/SDB: Si⸩

• GitHub - young-steveo/bott⸨GitHub - young-steveo/bott⸩

• GitHub - tmpvar/weld: Temp⸨GitHub - tmpvar/weld: Temp⸩

• https:/stateman?tab=readme-ov-fil

• Mediator.js⸨Mediator.js⸩

• GitHub - nodeca/babelfish:⸨GitHub - nodeca/babelfish:⸩

• https:/decision-tree-js?tab=readm

" nomen: "routers and bui"] frontend__frameworks___frontend__sidebar [z: 2.375 @html: "

sidebar

• GitHub - vursen/FloatSideb⸨GitHub - vursen/FloatSideb⸩

• https:/sticky-sidebar?tab=readme-

" nomen: "sidebar"] frontend__markdown [z: 4.75 @html: "

markdown

• https:/micromarkdown.js?tab=readm

• https:/micromark?tab=readme-ov-fi

• 【GitHub - Holixus/nano-markdown: 1894
bytes of minified code. Supports
heading, paragraphs, lists, horizontal
rules, bold/italic/del, links and
images.

" nomen: "markdown"] frontend__obsolete [z: 4.75 @html: "

obsolete

" nomen: "obsolete"] frontend__obsolete___frontend__events [z: 2.375 @html: "

events

• GitHub - dstillman/pathpar⸨GitHub - dstillman/pathpar⸩

• GitHub - cScarlson/SDB: Si⸨GitHub - cScarlson/SDB: Si⸩

• GitHub - young-steveo/bott⸨GitHub - young-steveo/bott⸩

• GitHub - tmpvar/weld: Temp⸨GitHub - tmpvar/weld: Temp⸩

• GitHub - tbleckert/router:⸨GitHub - tbleckert/router:⸩

• https:/stateman?tab=readme-ov-fil

• Mediator.js⸨Mediator.js⸩

• GitHub - jstandish/nerve:⸨GitHub - jstandish/nerve: ⸩

• 【GitHub -
orange-juice-nl/oj-eventaggregator

" nomen: "events"] frontend__vega_lite2 [z: 4.75 @html: "

vega-lite2

• ternary
https:/ternary.html

• sankey, and lot more

• https:/Deneb-Showcase

• https:/Thumbnail.jpg

• https:/thumbnail1.png

" nomen: "vega-lite2"] frontend__template_ing_frameworks [z: 4.75 @html: "

template-ing frameworks

• tint, https:/merlin

• https:/stimulus

• https:/baobab-router

• winner: tint + jqdash

" nomen: "template-ing frameworks"] frontend__bui_issues [z: 4.75 @html: "

bui issues

• https:/autocomp.js?tab=readme-ov-

• https:/htmz

" nomen: "bui issues"] frontend__ui_components [z: 4.75 @html: "

ui components

• webawesome

• https:/pure-dialog

• https:/pureGrid

• https:/xel?tab=readme-ov-file

" nomen: "ui components"] frontend__ui_components___frontend__floating_tooltip [z: 2.375 @html: "

floating tooltip

• https:/v2

• https:/computePosition

" nomen: "floating tooltip"] frontend__ui_components___frontend__SELECT_alternatives [z: 2.375 @html: "

SELECT alternatives

• https:/Choices

" nomen: "SELECT alternatives"] frontend__estetics [z: 4.75 @html: "

estetics

" nomen: "estetics"] frontend__estetics___frontend__CSS [z: 2.375 @html: "

CSS

• https:/watch?v=55uUK-iJeNM
novinky!

• https:/Text_fragments

" nomen: "CSS"] frontend__estetics___frontend__fonts [z: 2.375 @html: "

fonts

• https:/www.monolisa.dev

• Free fonts with a Monaspace Neon vibe
Font

• Monaspace Neon

• IBM Plex Mono Google Fonts Clean,
monospaced, slightly rounded terminals;
good for coding and UI work

• Fira Code⸨Fira Code⸩

• Monospaced with programming ligatures;
crisp strokes and a modern feel

• JetBrains Mono⸨JetBrains Mono⸩Designed for developers, generous
x‑height, subtle curvature that echoes
Neon’s friendliness

• Cascadia Code  Microsoft⸨Cascadia Code  Microsoft⸩Monospaced, includes ligatures, slightly
wider than Monaspace but retains a clean
aesthetic

• Victor Mono  GitHub⸨Victor Mono  GitHub⸩Monospaced with a distinctive, slightly
geometric style; includes italics for
better readability

• Iosevka  GitHub⸨Iosevka  GitHub⸩Highly customizable; can be built to
match Monaspace’s weight and terminal
shape

• https:/BBH+Sans+Hegarty

• https:/Inter

• https:/Lato

• Agava https:/agave

• https:/theme.php?cat=107

• https:/www.fontsquirrel.com

" nomen: "fonts"] frontend__minimal_frameworks [z: 4.75 @html: "

minimal frameworks

• https:/alpinejs.dev

	• https:/router
	• https:/store
	• toto je best solution

• https:/vanjs.org

• https:/nanostores

• https:/uhtml

• https:/#get-started

" nomen: "minimal frameworks"] }