The WebAssembly System Interface (WASI) is a group of standard API specifications for software compiled to the W3C WebAssembly (Wasm) standard. WASI is designed to provide a secure standard interface for applications that can be compiled to Wasm from any language, and that may run anywhere—from browsers to clouds to embedded devices.
WebAssembly System Interface (WASI)
running non-web native languages like Python, Java, or R in the browser via WASI?
running Java in the browser
Thanks to Chrome’s PWA functionality, installing StackBlitz is as simple as a single click. Milliseconds later you have a desktop IDE you can launch from your dock.
PWA rocks
With StackBlitz you can keep working, without an internet connection, regardless of whether you’re on a train, in a plane, or backseat uber-ing in the rain
Offline first
local first
Run servers. In your browser.
Run servers in your browser!!!!
Legacy online IDEs run your entire dev environment on a remote server
not on a remote server
Setting up local environments is a huge buzzkill
buzzkill
All code execution happens inside the browser’s security sandbox, not on remote VMs or local binaries.
All running in the browser not on remote WMs
Faster than your local environment. Builds complete up to 20% faster and package installs complete >= 5x faster than yarn/npm.
faster then your local environemnt
WebContainers runtime
Security that doesn’t compromise DX
noc compromise DX security
Announcing StackBlitz Self-hosted
self hosted
Drive library and design system adoption at scale
design system adoption at scale
simple to setup and easy to write.
documentation site
A plugin-driven WYSIWYG markdown Editor, inspired by Typora, built on top of prosemirror and remark.
editor for freedom
🍼 Plugin driven WYSIWYG markdown editor framework.
You're a special user and I'll take your suggestions and give you feedback for your projects that use milkdown.
aim for it
It's a markdown editor framework for freedom.
Free to learn and experiment.Pay as you grow.
play as you grow =
@milkdown/plugin-history
the common law right of private contract
the foundation of modern law.
network for the common good
network common good
"ecosystems of trust"
Understanding Hydration in React applications(SSR)
from: "hydrate dehydrate data - Googl…" (www.google.com)
Understanding Hydration in React applications(SSR) | Saeloun ...
google.search: hydrate dehydrate data
hydration/dehydrate
dehydrate creates - a frozen representation of a cache
that can later be hydrated with - Hydrate, - useHydrate, or - hydrate.
e2e tests
end to end tests
Nx Cloud adopts a new task-based CI model
allows you to overcome both - the slowness and - unreliability
of the current VM-based CI model
@milkdown/crepe
```
<script src=" https://cdn.jsdelivr.net/npm/@milkdown/crepe@7.3.6/lib/index.es.min.js "></script>```
google.search: milkdown crepe
jsDelivr - Open Source CDN
jQuery onload - .load() - event not working with a dynamically loaded iframe
onload iframe
How to Implement an onload Event in iframe in JavaScript
onload iframe
Works like a charm. Make sure the fragment link is all in lowercase
works like a charm
Anchors in Markdown
anchors in markdown
(#some-markdown-heading)
github does it
brave.search: anchor in markdown
Cross-reference (named anchor) in markdown
named anchor in markdown
too bad
Is there a way to add anchor tags in ckeditor5?
anchor name CKEditor
looks like no clean solution solution
uses IDs instead of #
Ecosyste.ms: Packages
An open API service providing package, version and dependency metadata of many open source software ecosystems and registries.m)
Registry of Registries
Ecosyste.ms: Packages
An open API service = providing package, version and dependency metadata of many open source software ecosystems and registries.
You can also type :(\S)+ (for example: :mil) to display a list of emojis
Understanding Headless Slash Plugin
This is exactly what is needed for HPMIX
About The official documentation website for milkdown.
Peerigon
We love Open Source and the Open Web!
🕵 Sleuth or Spy emoji.
🕵️♂️
emoji - Man Detective
Magnifying Glass Tilted Right
emoji
Macros
Macros are helpers that specify - how to handle a certain input and - apply it to the editor.
latest release notes
locator and as an identifier was a poor design choice.
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
:max_bytes(150000):strip_icc():format(webp)/prospecttheory.asp-FINAL-55296758049c4501808f54b52747cb35.png)
.for - zooko's triangle
WPS Office Free All-in-One Office Suite with PDF Editor Edit Word, Excel, and PPT for FREE.
You can also create your own plugin to support your awesome idea.
awesome idea
perfect except not annotatable?
When shown in Playground annotations are not shown in the document pane
prepare for annotations
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
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 + '">'
} ```
reate your own plugin
to support your awesome idea.
enable or disable
such as - table, - latex and - tooltip
additional plugins
provide - syntax, - commands and - components
// Indy.Pad - structure - interpretation - transform - transmorph - morphic presentation
tiny core
provides a - plugin loader and - all kinds of internal plugins.
21 Save this answer. Show activity on this post. You can await a dynamic import within Chrome's console:
import chrome console
a5ca9cd ·
aggregating modules
from
Revealing Module Pattern in Javascript & quick tips
``` 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);
}
})(); ```
aggregate modules
effectively giving it its own namespac
own namespace
import each module's features inside a module object.
import each module's features inside of a module object -
ala evealing module pattern
Code examples that accompany the MDN JavaScript/ECMAScript documentation
Communica - Template
x
This template is mainly based on Communica an open-source knowledge graph querying framework
to Comunica – A knowledge graph q… (comunica.dev)
The rich text editor for arbitrary HTML.
from https://hyp.is/gbz86PWqEe6oj7PGPHdivw/github.com/JefMari/awesome-wysiwyg-editors
Milkdown - Plugin driven WYSIWYG markdown editor framework.
Plugin driven WYSIWYG markdown editor framework.
WYSIWYG-alike
editors
A curated list of awesome WYSIWYG Editors.
for
WYSIWYG - alike
🍼 A plugin driven framework to build WYSIWYG Markdown editor.
plugin driven framework
The WYSIWYG Markdown Editor Framework
iti
Slash & Tooltip - Write fast for everyone, driven by plugin
slash and tooltip
Milkdown is a WYSIWYG markdown editor framework.
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 + '">'
}
Discussions
Milkdwn dicussion
You can use innerHTML to just concat the extra field string;
used in scrub
Getting Started
still no joy
🍼 Milkdown is a WYSIWYG markdown editor framework. It aims to provide you the ability to build WSIWYG markdown editor that fit your imagine. The project is created by Mirone in 2021 and actively maintained.
mixins
for - WYSIWG - mixins
Today, we're going to settle the question once and for all – which is superior? Documentation in a plain-text editor using Markdown, or creating content in ...
Markdown vs. Rich Formatting - Who Will Win the Ultimate ...
for - WYSIWYG - Markdown
Trix - A rich text editor for everyday writing. Tui Editor - Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.; UEditor - UEditor is a WYSIWYG ...
Nov 22, 2019 — A minimal rich text editor, with on'y bold, italic, underline, bullets and font colors would be fantastic! david November 22, 2019, 5:18pm 4.
Rich text editor for rich text field
Jun 10, 2019 — The rich text editor producing markdown would be perfect, as it's WYSIWYG and pretty straightforward . I think a html to markdown converter ...
Rich text editor, for rich text field
for WYSIWYG
(https://unpkg.com/turndown/dist/turndown.js 77) here:
turndown
extending that same rich text editor to also produce markdown output
extend rich text editor to produce moarkdown
https://github.com/leeoniya/reMarked.js 87, and produce markdown from the rich text editor
remarked producing markdown
Works great! I never realised you could add libraries. Cheers!
add libraries to retool
html to markdown conversion
A project similar to Markdownify but executed on the client.
produce markdown output
here are currently no WYSIWYG editors for markdown, only WYSIWYM, which still require knowledge of markdown syntax and its many quirky flavors.
no WYSIWYG editor for markdown
only WYSIWM
Markdown vs. Rich Formatting - Who Will Win the Ultimate Text Processing Competition?
Today, we're going to settle the question once and for all – which is superior? Documentation in a plain-text editor using Markdown, or creating content in ...
Markdown vs fitch formatting
never dream of “linking” their bank accounts to anything?
linking bankaccounts to anything
task of designing a personalized experience to people who are very much used to giving their data away fell to us
giving their data away
Designing for Privacy
break down when it comes to handling the messy markup
third-party WYSIWYG implementations tend to - break down
when it comes to - handling the messy markup - that those editors emit
How to set up this bad boy
trying to annotate
Engineered for modern modules
That is the way to go
performing complex formatting and cleanup operations under the hood
We can annotate it too
not reallt
1 can annotate the content here:
https://cryptpad.fr/pad/#/2/pad/edit/ZP3M88aBLY0JsLwGNBsoY4U4/
Typester is a robust editor that is flexible, powerful, and— above all— simple. We have designed it to do what it's meant to do, do it well, and then stay out of the way.
Designed it what it meant to do
working on big documents and we need to be able to send links to certain parts.
link to specific section
Anchors don't work
in Crypt.Pad
Steps to Run
snarf - !!-👀❓✔️-.❌📡 todo-checkout - HTMX Offline
htmx-offline
apps that require offline functionality
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.
ANTI MALWARE SERVICE EXECUTABLE USING HIGH MEMORY
schedule it
HTMX Playground
About A simple code sandbox for playing around with HTMX. No setup needed!
📖✍️- 🎮| 🅈 ann0te - HTMX Playground
from - 📖✍️- 🎮| 🅈 ann0te - HTMX Playground | 🅈
Github repo: https://github.com/lassebomh/htmx-playground
repo
📖✍️- 🎮| 🅈 ann0te - HTMX Playground | 🅈
htmx is laser focused on
makes htmx more work, in general, to accomplish things but also less opaque
more work less opaque
todo-checkout - phoenix liveview
"avoid writing javascript,
not executing!
multi-swap extension
todo - dig - multi-swap extension
Unpoly https://unpoly.com/ excels
todo-dig - unipoly
I made a HTMX Playground 100% in the browser (lassebomh.github.io)
HTMX Playground
Squared Latin Capital Letter Y
for - hacker news y cpombinator
Why Use Virtual Machines for Privacy and Security? Not Obvious! Top 6 List!
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.
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
How to manually install or sideload apps on Android as APKs
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 Browser 1.64.113 A browser that incorporates AdBlock
brave apk
alternative to playstore
APKPure is a totally free APK downloader for Android phone and tablet. Download apk directly from Android market even without Google play store account.
for - APK
The Best Google Play Store AlternativesTop App Stores and other similar apps like Google Play Store
for - alternative.to - Google Play Store - indy0@cryptpad.fr
for - apk
no mandatory account creation or subscriptions,
for - no account - manadaatory account creation - autonomous longtail software
Search Result: google play store
for - alternative.to - Google Play Store - indy0@cryptpad.fr
HedgeDoc - Ideas grow better together
slogan
Editorial Coronis ⸎
for - emoji - HPMIX
low latencies
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
Demo instance
⟤
emoji
for annotation highlight
Features
markdown note editor
Ideas grow better together
open-source, web-based, self-hosted, collaborative markdown editor.
collaborative markdown editor
HedgeDocIdeas grow better together.
Self-hosted Stay in control of your data. Keep it on your server.
from https://hyp.is/mq9c3vIQEe6ajGMqnH78jw/github.com/Peergos/Peergos/projects/2
Privacy protections Leo is free to use and no user login or account is required. Leo does not collect identifiers such as your IP Address that can be linked to you. No personal data is retained by the AI model or any 3rd-party model providers.
Brave Leo is a private AI smart assistant that enhances your use of the Internet.
or account -
Brave Leo is a private AI smart assistant that enhances your use of the Internet.
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.
XAPK Installer APK Download for Android
link
XAPK Installer Android
How to install XAPK files on Android
What are XAPK files and what are they for
download all the photos at once
upload files to MEGA
LiaScript0.14: JavaScript or JS-Components (English) #17
We have finally finished the LiaScript documentation
See the video here, to get an impression:
https://www.youtube.com/watch?v=kV152vxjLok&list=PL7LrRfaZulheLCSz-eGM1FBA-4NtC_b_X&index=20
We made also some a screen-recording for every chapter
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 ;-)
Potential App Ports From Potential App Ports Copy card link HedgeDoc - https://hedgedoc.org Added by ianopolous
HedeDoc
Visualization
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.
Index of LiaScript Templates
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.
Turtle A port of tiny-turtle.js to LiaScript,
Must check out
Mermaid Template
src: https://raw.githubusercontent.com/liaScript/mermaid_template/master/README.md
LiaScript template for interactive SPARQL-queries and playing around with the semantic web technologies
Communica - Template
Vega-Lite
LiaTemplates ... by LiaScript
Template for including mermaidJS graphs into LiaScript
Template for integrating aframe into LiaScript courses
LiaScript template for interactive SPARQL-queries and playing around with the semantic web technologies
41 public repositories
Languages and paradigms ... OER enthusiast ... creator of LiaScript, the first open Markup language for open online course development ...
Hyperbolic tree
Custom DomainsFor $9 per month (billed annually) a Custom Domain subscription enables a stable domain for your tunnel with a priority share of the bandwidth on the localhost.run system.
custom domains
localhost.run<3 local dev
localhost.run logo localhost.run
serveoHow it worksManualAlternativesSelf-hosttrevor@serveo.net
x
Learners can use the system in an exploratory way and in a constructive way. When using the system in an exploratory way, learners navigate through the public knowledge graph compiled by public elements of each personal knowledge graph led by their aims and interests. In constructive use, learners create a personal knowledge graph by interlinking and arranging different knowledge resources, either from the web or other learners’ knowledge graphs.
unable to annotate
A Collaborative Linked Learning Space
Current learning systems typically do not allow students to combine learning materials with additional content, for example materials found on the web. We present a system that enables both educators and students to augment learning resources by creating meaningful links between them. In this way, both students and educators can benefit from the augmentations of others, and relate them to personal knowledge.
PeerServer: A server for PeerJS PeerServer helps establishing connections between PeerJS clients. Data is not proxied through the server. Run your own server on Gitpod!
Selfhosted server as an option. e.g: https://github.com/peers/peerjs-server. I am not sure if this is compatible with trystero. If it "just works", this can be offered as an alternative to the default config.
run your on server trystero peerjs
The IPFS strategy is also usually the slowest to connect.
IPFS
WebRTC connection takes 5~10 seconds and multiple ICE TURN servers fail
About A port of the open wikibook to LiaScript
LiaBooks ... by LiaScript
About André Dietrich
x
LIASCRIPT: A DOMAIN-SPECIFIC-LANGUAGEFOR INTERACTIVE ONLINE COURSES
ls
andre-dietrich commented
What a beautiful piece of art and
I am sad, that I did not discover it earlier ...
All the examples/connections work like charm, but I could not create a working IPFS connection.
Maybe this needs some additional configuration that I am not aware of?
I would like to embed your work into our OER
(Open Educational Resource) - Project,
which is called LiaScript. =
It is an extension to markdown, that is directly interpreted within the browser.
Here is a little demo of how we create classrooms, that sync the states (quizzes, survey, collaborative editors, chats...) between browsers ...
https://www.youtube.com/watch?v=Kjk6OblugXI
and I would like to have a running IPFS solution 🙈
Thank you anyways for this great project ...
andre-dietrich
[Question]: Detecting incorrect passwords enhancement New feature or request. #53 opened on Nov 4, 2023 by brother-bill.
background = 🌐🔎 web.research - "open learning commons"
Share your knowledge and build online courses with simple Markdown!
LiaScript, as a
Markdown-dialect
that allows sharing knowledge by - creating interactive courses - in an Open-Source manner,
where anyone can - participate and - contribute.
Markdown-dialect
that allows sharing knowledge by - creating interactive courses - in an Open-Source manner,
where anyone can - participate and - contribute.
