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

custom domains

localhost.run logo localhost.run

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.

from https://hypothes.is/a/evpByPGFEe6qXqcXbAWCfw

run your on server trystero peerjs

IPFS

x

ls

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 ...

from: background = 🌐🔎 web.research - "open learning commons"

background = 🌐🔎 web.research - "open learning commons"

🌐🔎 web.research - "open learning commons"

from - 👨‍🎓.🀩📜 study - LiaScript

Share your knowledge and build online courses with simple Markdown!

perm-ann0te

• simple and
• extendable

Markdown-dialect

that allows sharing knowledge by - creating interactive courses - in an Open-Source manner,

where anyone can - participate and - contribute.

perm-ann0te

source

• simple and
• extendable

Markdown-dialect

that allows sharing knowledge by - creating interactive courses - in an Open-Source manner,

where anyone can - participate and - contribute.

• simple and
• extendable

Markdown-dialect

that allows sharing knowledge by - creating interactive courses - in an Open-Source manner,

where anyone can - participate and - contribute.

docker

from https://hypothes.is/a/TbpP9PBVEe6gXgM_q4eJWA

to cyble

amibreached.com

ngrok fishing attacts

remote desktop

form

don't use ngrok ? serveo.net?

checkout

answer

serveo.net

from serveo.net

google.search: allow+unsecure+ws+connections

possible.answer - thisisunsafe bypassing chrome security

to - connect to unsecured Websocket over https

for - access secure wss on local host

answer

secure ws websocket connection to localhost

from - connectWebSocket connction

to - HTML5 Web sockets Proxy Server

cannot downgrade my site

so no

I am trying to establish a connection to a unsecured WebSocket.

to - tconnect unsercured Websocket Server

from

reverse tunnel agent

register ssh key