from

to: "Improving the developer experi…" (crowdcast.io)

StackBlitz Pricing

Plans for you and your team

Start with a free account to speed up your workflow on public projects or boost your entire team with instantly opening production environments.

StackBlitz Pricing

Plans for you and your team

Start with a free account to speed up your workflow on public projects or boost your entire team with instantly opening production environments.

You want it to be a mini operating system

back to the future: NultIcs was not an operating system

from: "Announcing StackBlitz Self-hos…" (blog.stackblitz.com)

running Java in the browser

PWA rocks

Offline first

local first

Run servers in your browser!!!!

not on a remote server

buzzkill

All running in the browser not on remote WMs

faster then your local environemnt

WebContainers runtime

to: "Introducing WebContainers: Run…" (blog.stackblitz.com)

noc compromise DX security

self hosted

design system adoption at scale

WebAssembly System Interface (WASI)

documentation site

editor for freedom

aim for it

play as you grow =

the foundation of modern law.

network common good

from: "hydrate dehydrate data - Googl…" (www.google.com)

google.search: hydrate dehydrate data

dehydrate creates - a frozen representation of a cache

that can later be hydrated with - Hydrate, - useHydrate, or - hydrate.

e2e

end to end tests

allows you to overcome both - the slowness and - unreliability

of the current VM-based CI model

from: "milkdown crepe - Google Search" (www.google.com)

```

```

google.search: milkdown crepe

from: "@milkdown/crepe CDN by jsDeliv…"(www.jsdelivr.com)

onload iframe

onload iframe

works like a charm

anchors in markdown

github does it

brave.search: anchor in markdown

named anchor in markdown

too bad

anchor name CKEditor

looks like no clean solution solution

uses IDs instead of #

An open API service providing package, version and dependency metadata of many open source software ecosystems and registries.m)

Registry of Registries

An open API service = providing package, version and dependency metadata of many open source software ecosystems and registries.

We love Open Source and the Open Web!

🕵️‍♂️

emoji - Man Detective

🔎

emoji

Macros are helpers that specify - how to handle a certain input and - apply it to the editor.

poor design choice if you subscribe to the f**up theory about how we got to where we are.

Given the huge push behind the web that eclipsed viable better ways, and considering that it was a fortuitous to have a proposal afoot at the right place (CERN!) at the right time to build an inherently centralizing system, that was by construction, and clearly muddled thinking that went unchallenged, due to compromises that did not seem at a time of total surrender, enclosable architecture on top of a decentralized unenclosable carrier

Not to mention the consistent and persistent suppression sidelining of better alternatives

It is not that there were no people who knew and would have done better:

Having open protocols and a platform is so important we do have a chance to re-decentralization, we hope

The future of the web, and in fact of computing with a human face and a chance for humanity to have a future at all is in its past.

https://twitter.com/TrailMarks/status/1519794086898716674

https://twitter.com/alexobenauer/status/1429834314372599814

https://hypothes.is/a/4naMABF0Ee2QDROM-gFj1g

.for - zooko's triangle

awesome idea

import chrome console

aggregating modules

from

``` javascript var namesCollection = (function() { // private members var objects = []; // public members, exposed with return statement return { addName: addObject, };

// Public Method
function addObject(object) {
  objects.push(object);
  _printMessage(object);
}

// Private Method - Prefixed with single underscore
function _printMessage(object) {
  console.log("Object successfully added:", object);
}

})(); ```

to "js-examples/module-examples/mo…" (github.com)

own namespace

import each module's features inside of a module object -

from https://hyp.is/kM_CjvXHEe6YVhNseG00Qw/developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

ala evealing module pattern

x

to Comunica – A knowledge graph q… (comunica.dev)

from https://hyp.is/gbz86PWqEe6oj7PGPHdivw/github.com/JefMari/awesome-wysiwyg-editors

"Milkdown/milkdown: 🍼 Plugin d…" (github.com)

from https://hyp.is/g7QhwPV4Ee6Z0odfYt5TbA/ipfs.indy0.net/ipfs/QmdXN2jxr46abMSa2f4yHMkUe6S9H9dKxjqG64Tckira3w/

editors

for

WYSIWYG - alike

plugin driven framework

iti

perm.annote

perm.ann0te

slash and tooltip

found a way to annotate playground function scrub () { x = document.getElementsByTagName("main")[0] document.body.innerHTML=x.innerHTML document.head.innerHTML = document.head.innerHTML + '<link rel="canonical" href="' + location.href + '">' }

Milkdwn dicussion

perfect except not annotatable?

Getting Started | Milkdown

perm.ann0

When shown in Playground annotations are not shown in the document pane

prepare for annotations

• switch to developer mode
• copy paste the function bellow
• invoke

now document content can be annotated

bonus

the location of the page is set as the canonical address of the content so that even when a version of this is saved on IPFS annotations created on the original page will show up

then we can use the existing Indy.Ann0 tool

currently hosted at pinata custom gateway

https://ipfs.indy0.net/ipfs/QmQz4CcH6Buwb48hi4skRuXbwf5wVvMPpDqJDbKcBbb4uB?p=QmeNKVuLSsK29UMHf2caeYyxkgZzb7xZTfTyap3MowHnce

This scrubbibg mechanism can be used to exfiltrate content manipulated with existing

milkdown play ground

``` function scrub () { x = document.getElementsByTagName("main")[0] document.body.innerHTML=x.innerHTML document.head.innerHTML = document.head.innerHTML + '<link rel="canonical" href="' + location.href + '">'

} ```

to support your awesome idea.

• custom syntax and
• feature you like,

such as - table, - latex and - tooltip

provide - syntax, - commands and - components

// Indy.Pad - structure - interpretation - transform - transmorph - morphic presentation

provides a - plugin loader and - all kinds of internal plugins.

used in scrub

still no joy

This is exactly what is needed for HPMIX

for - WYSIWG - mixins

Markdown vs. Rich Formatting - Who Will Win the Ultimate ...

for - WYSIWYG - Markdown

A curated list of awesome WYSIWYG Editors

Rich text editor for rich text field

"Markdown text editor - Feature…

for WYSIWYG

turndown

extend rich text editor to produce moarkdown

remarked producing markdown

add libraries to retool

html to markdown conversion

produce markdown output

no WYSIWYG editor for markdown only WYSIWM

Markdown vs fitch formatting

linking bankaccounts to anything

giving their data away

third-party WYSIWYG implementations tend to - break down

when it comes to - handling the messy markup - that those editors emit

trying to annotate

That is the way to go

We can annotate it too

not reallt

1 can annotate the content here:

https://cryptpad.fr/pad/#/2/pad/edit/ZP3M88aBLY0JsLwGNBsoY4U4/

Designed it what it meant to do

https://ipfs.indy0.net/ipfs/QmQz4CcH6Buwb48hi4skRuXbwf5wVvMPpDqJDbKcBbb4uB?p=QmYosc8NLPUsPgkDcSAgpay5agaAKCMRj7v1ViJFKAJFB8

link to specific section

in Crypt.Pad

snarf - !!-👀❓✔️-.❌📡 todo-checkout - HTMX Offline

<svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle color-fg-default"> <path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path> </svg>

It is a widely held belief that - htmx cannot be used for apps that require offline functionality.

This is a reasonable assumption given that htmx is all about - sending HTTP requests.

However, a service worker can - intercept HTTP requests and - process them.

The processing could include - interacting with an IndexedDB database.

For some web applications, this enables all the functionality to work offline.

schedule it

📖✍️- 🎮| 🅈 ann0te - HTMX Playground

from - 📖✍️- 🎮| 🅈 ann0te - HTMX Playground |  🅈

repo

​📖✍️- 🎮| 🅈 ann0te - HTMX Playground | ​ 🅈

​

• generalizing hypermedia controls in HTML
• (anchors & forms)

more work less opaque

todo-checkout - phoenix liveview

not executing!

todo - dig - multi-swap extension

todo-dig - unipoly

HTMX Playground

for - hacker news y cpombinator

Some may already know that there are cybersecurity benefits to using a virtual machine. But less known are the privacy benefits. There are threats that can't be solved unless you use a virtual machine for example, it may be the only solution against Facebook

html css js cleaner

Google's Playstore offers millions of apps, but due to - censorship, - Google's anti-competitiveness, and - platform restrictions,

not every good app can be found in the store.

So the only way to get such apps is by - sideloading or - manually installing them on your Android device.

for - APK

concept : sideload

<svg width="24px" height="23px" viewBox="0 0 24 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>android</title> <g id="Icons-2021" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard" transform="translate(-20.000000, -25.000000)" fill="#000000" fill-rule="nonzero"> <g id="android" transform="translate(20.000000, 25.000000)"> <g transform="translate(1.000000, 0.000000)"> <path d="M2.104,7.831 C1.33,7.831 0.534,8.464 0.534,9.239 L0.534,14.871 C0.534,15.644 1.33,16.277 2.104,16.277 C2.877,16.277 3.674,15.644 3.674,14.871 L3.674,9.239 C3.674,8.464 2.877,7.831 2.104,7.831 Z" id="Path"></path> <path d="M4.721,16.944 C4.721,18.11 5.648,19.343 6.814,19.343 L6.814,21.871 C6.814,22.643 7.086,22.482 7.86,22.482 C8.634,22.482 9.953,22.643 9.953,21.871 L9.953,19.343 L12.046,19.343 L12.046,21.871 C12.046,22.643 13.364,22.482 14.139,22.482 C14.914,22.482 15.186,22.643 15.186,21.871 L15.186,19.343 C16.351,19.343 17.279,18.11 17.279,16.944 L17.279,8.878 L4.721,8.878 L4.721,16.944 Z" id="Path"></path> <path d="M13.609,2.743 L14.499,1.022 C14.544,0.936 14.512,0.825 14.426,0.78 C14.338,0.735 14.232,0.766 14.188,0.851 L13.284,2.587 C12.575,2.315 11.806,2.164 11,2.164 C10.195,2.164 9.426,2.315 8.717,2.587 L7.813,0.85 C7.769,0.765 7.662,0.73 7.576,0.775 C7.49,0.82 7.455,0.927 7.5,1.013 L8.392,2.743 C6.398,3.645 4.955,5.738 4.704,7.831 L17.296,7.831 C17.044,5.738 15.602,3.645 13.609,2.743 Z M8.907,6.785 L7.86,6.785 L7.86,5.738 L8.906,5.738 L8.906,6.785 L8.907,6.785 Z M14.14,6.785 L13.093,6.785 L13.093,5.738 L14.14,5.738 L14.14,6.785 Z" id="Shape"></path> <path d="M19.896,7.831 C19.122,7.831 18.327,8.464 18.327,9.239 L18.327,14.871 C18.327,15.644 19.122,16.277 19.896,16.277 C20.671,16.277 21.466,15.644 21.466,14.871 L21.466,9.239 C21.466,8.464 20.671,7.831 19.896,7.831 Z" id="Path"></path> </g> </g> </g> </g> </svg>

brave apk

alternative to playstore

for - APK

for - alternative.to - Google Play Store - indy0@cryptpad.fr

for - apk

for - no account - manadaatory account creation - autonomous longtail software

for - alternative.to - Google Play Store - indy0@cryptpad.fr

slogan

for - emoji - HPMIX

To make the demo instance available - with low latencies in as many countries as possible,

we use Cloudflare.

One of the downsides is that Cloudflare intercepts all TLS traffic between your browser and the demo instance, which makes the demo unsuitable for private notes.

⚖️-🦔📏📝 evaluate - HedgeDoc | indy0

⟤

emoji

for annotation highlight

• real-time,
• multi-platform
• collaborative

markdown note editor

collaborative markdown editor

Self-hosted Stay in control of your data. Keep it on your server.

from https://hyp.is/mq9c3vIQEe6ajGMqnH78jw/github.com/Peergos/Peergos/projects/2

Brave Leo is a private AI smart assistant that enhances your use of the Internet.

no user login

or account -

Ask Leo to summarize a webpage you’re viewing. Or ask questions about the page, and get answers, clarifications, and other viewpoints. Brave Leo can also create content, translate between different languages, and transcribe audio and video. It can even have back-and-forth conversations.

Leo is free to use with limited access. Brave Leo Premium offers more models, higher limits and gives subscribers early access to new features.

link

documentation

interactive version

LiveEditor

https://www.youtube.com/watch?v=kV152vxjLok&list=PL7LrRfaZulheLCSz-eGM1FBA-4NtC_b_X&index=20

Here is the introduction to hashtag#JavaScript in LiaScript, where we had re-imagined the usage and the capabilities of JavaScript. In our case JavaScript is used as a component, that serve multiple purposes:

• In can simply perform a calculation and directly output the result as part of the text.

• It can also output HTML or LiaScript

• Users can interact with scripts, since they can be combined with different input elements

• Users can inspect every calculation by double-clicking onto the result

• Users can modify and rerun this code

• Scripts can be combined with animations

• Scripts can be combined with other scripts to form an execution graph, when on script finished, its result can trigger the execution of another script

• Scripts can be combined with the Internationalization API for optimized formatting

• And much more ;-)

HedeDoc

Processing.js - is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards

VTK.js is a JavaScript library available for scientific visualization in your browser.

• Algebrite is a Javascript library for symbolic mathematics (technically, CoffeeScript) designed to be comprehensible and easily extensible.
• a high-level grammar of interactive graphics. It provides a concise JSON syntax for rapidly generating visualizations to support analysis plantUML diagrams
• Sequence Usecase Class Activity Component, State Object Deployment Timing ...

MermaidJS - generating charts from text

rextester - Support for 45 different programming languages

Tau-Prolog - functional Prolog-Interpreter for JavaScript

Curiosity-Prolog - Prolog-Interpreter implemented in 160 lines of JavaScript code.

Skulpt: - Skulpt is an entirely in-browser implementation of Python. No preprocessing, plugins, or server-side support required, just write Python and reload.

Pyodide: - The Python scientific stack, compiled to WebAssembly. It provides transparent conversion of objects between Javascript and Python. When inside a browser, this means Python has full access to the Web APIs.

BiwaScheme: - a Scheme interpreter written in JavaScript.

AlaSQL - is a lightweight client-side in-memory SQL database designed to work in browser and Node.js.

Turtle - A port of tiny-turtle.js to LiaScript,

Web Development - A general template that can be used to create online curses on web development including HTML, CSS, and JavaScript.

Must check out

Mermaid Template

src: https://raw.githubusercontent.com/liaScript/mermaid_template/master/README.md

Vega-Lite