Wednesday, November 30, 2022

WasmEdge in Kubernetes


WasmEdge in Kubernetes - WasmEdge Runtime

"Developers can leverage container tools such as Kubernetes, Docker and CRI-O to deploy, manage, and run lightweight WebAssembly applications. In this chapter, we will demonstrate how Kubernetes ecosystem tools work with WasmEdge WebAssembly applications.

Compared with Linux containers, WebAssembly could be 100x faster at startup, have a much smaller memory and disk footprint, and have a better-defined safety sandbox. However, the trade-off is that WebAssembly requires its own language SDKs, and compiler toolchains, making it a more constrained developer environment than Linux containers. WebAssembly is increasingly used in Edge Computing scenarios where it is difficult to deploy Linux containers or when the application performance is vital.

One of the great advantages of Linux application containers is the rich ecosystem of tools. The good news is that you can use the exact same tools to manage WebAssembly applications, enabling Linux containers and WebAssembly apps to run side-by-side in the same system."

"Designing Security from the Ground Up"

 Designing Security from the Ground Up - YouTube

Post | Feed | LinkedIn by 

Tuesday, November 29, 2022

Turbopack: Rust-based successor to Webpack

 Introducing Turbopack: Rust-based successor to Webpack – Vercel

With over 3 billion downloads, webpack is the current champion of the bundlers (though Vite has been rapidly advancing). Vercel found it too slow and has funded work on Turbopack. It's a project to keep an eye on and boasts huge performance boosts over webpack or even Vite, but there are some limitations to take into account:



Monday, November 28, 2022

free ebook: Shell scripting with Node.js

 Shell scripting with Node.js

by Dr. Axel Rauschmayer

  • How Node.js works:
    • Its foundations: its architecture, its event loop, etc.
    • Its API: How to use its global variables and modules.
  • What npm packages (the de-facto standard for JavaScript packages) are.
  • How to use npm (the package manager bundled with Node.js) to:
    • Install and manage packages.
    • Create and publish packages.
  • How to write cross-platform package scripts for running development tasks such as generating artifacts and running tests.
  • How to use all of the aforementioned knowledge to create and deploy cross-platform shell scripts.



AWS re:Invent 2022

AWS re:Invent 2022 Virtual Registration | Amazon Web Services (free virtual)

starting Monday, November 28.








Sunday, November 27, 2022

Kubernetes mermaid.js diagrams


Flowchart @mermaid.js


Diagram Guide | Kubernetes

simple example code:

graph TB

   subgraph "zoneB"
       n3(Node3)
       n4(Node4)
   end
   subgraph "zoneA"
       n1(Node1)
       n2(Node2)
   end
 
   classDef plain fill:#ddd,stroke:#fff,stroke-width:4px,color:#000;
   classDef k8s fill:#326ce5,stroke:#fff,stroke-width:4px,color:#fff;
   classDef cluster fill:#fff,stroke:#bbb,stroke-width:2px,color:#326ce5;
   class n1,n2,n3,n4 k8s;
   class zoneA,zoneB cluster;

more complex example, rendered 


Lexical: React text editor

 facebook/lexical: Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance. @GitHub

Lexical is an extensible JavaScript web text-editor framework with an emphasis on reliability, accessibility, and performance. Lexical aims to provide a best-in-class developer experience, so you can easily prototype and build features with confidence. Combined with a highly extensible architecture, Lexical allows developers to create unique text editing experiences that scale in size and functionality.

For documentation and more information about Lexical, be sure to visit the Lexical website.

Here are some examples of what you can do with Lexical:


@lexical/react - npm

Mermaid JS: Diagram Drawing Tool

 informative comparison of popular charging tools

Mermaid vs PlantUML vs HackerDraw: Which One Is Best For You? - YouTube

Mermaid JS: Finally There's A Great UML & Diagram Drawing Tool - YouTube


mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.


Online FlowChart & Diagrams Editor - Mermaid Live Editor

Saturday, November 26, 2022

Thursday, November 24, 2022

awesome diagramming tools @GitHub

 GitHub - shubhamgrg04/awesome-diagramming: A curated collection of diagramming tools used by leading software engineering teams

A curated list of awesome diagramming tools available for software engineering teams. 

General Purpose (flexible for all kinds of diagrams)

  • Kroki (Free, Open Source, Diagram as code, Ease of use - Easy, Visual Appearance - Flexible). Examples - Link

  • Mermaid (Free, Open Source, Diagram as code, Ease of use - Easy, Visual Appearance - Modern). Examples - Link

  • Excalidraw (Freemium, Open Source, Hand drawn, Ease of use - Easy, Visual Appearance - Hand-drawn). Examples - Link

  • PlantUML (Free, Open Source, Diagram as code, Ease of use - Intermediete, Visual Appearance - Outdated) Examples - LinkLink

  • Draw.io (Free, Open Source (But Closed To Contribution), Hand drawn, Ease of use - Moderate, Visual Appearance - Modern). Examples - Link

  • Nomnoml (Free, Open Source, Diagram as code. Ease of use - Easy, Visual Apperance - Minimalistic). Examples - Link

  • Diagram.codes (Freemium, Closed Source, Diagram as code, Ease of use - Easy, Visual Appearance - Outdated). Examples - Link

  • Lucidchart (Paid, Closed Source, Hand drawn, Ease of use - Easy, Visual Appearance - Modern). Examples - Link

  • Blockdiag (Free, Open Source, Diagram as code, Ease of use - Easy, Visual Appearance - Outdated). Exampes - Link

Others - MiroGliffyInkscapePlecticaWhimsicalZenUMLGleekStructurizrStarUML

Sequence diagram

  • Swimlanes (Free, Closed Source, Ease of use - Easy, Visual Appearance - Modern)
    Examples - Link

Others - WebsequencediagramsSequencediagram.org

System design diagram

Essential readings
C4 Model5 types of architecture diagrams

  • Diagrams (Free, Open Source, Ease of use - Easy, Visual Appearance - Modern).
    Examples - Link

  • Terrastruct (Paid, Closed Source, Ease of use - Easy, Visual Appearance - Modern)
    Examples - Link

  • IcePanel (Paid, Closed Source, Hand drawn, Ease of use - Easy, Visual Appearance - Modern) Examples - Link

  • Lucidscale (Paid, Closed Source, Ease of use - Intermediete, Visual Appearance - Modern).
    Examples - Link

Others - IlographOmnigraffleCloudcraftCloudSkew

ER diagram

Essential Readings
How to choose your ERD?

  • DbDiagram (Freemium, Closed Source, Ease of use - Easy, Visual Appearance - Modern)
    Examples - Link

  • Azimutt (Free, Open Source, Ease of use - Easy, Visual Appearance - Modern).
    Examples - Link

    Azimutt is useful when you want to visualize existing database

  • QuickDBD (Free, Closed Source, Ease of use - Easy, Visual Appearance - Modern).
    Examples - Link

Others - DrawSqlERD PlusCreatelySqlDBM

Gantt Chart

Other good curated collections of diagramming tools




Monday, November 21, 2022

3D web: Babylon.js vs. Three.js

 Why We Use Babylon.js Instead Of Three.js in 2022

WebGL, WebGPU, and 3D in general is one of these fundamental capabilities that has the most potential to push the web to the next level. Using these technologies directly, however, can be rather complex. In most cases, it makes sense to use a 3D web framework to speed up the development process. Today, there are two major open source frameworks that are capable enough to be considered seriously: Three.js and Babylon.js.

Sunday, November 20, 2022

Twitter =?=> Mastodon

Mastodon (software) - Wikipedia

Mastodon is free and open-source software for running self-hosted social networking services. It has microblogging features similar to the Twitter service, which are offered by a large number of independently run nodes, known as instances, each with its own code of conductterms of serviceprivacy policy, privacy options, and moderation policies.[6][7][8]

Each user is a member of a specific Mastodon instance (also called a server), which can interoperate as a federated social network, allowing users on different instances to interact with each other. This is intended to give users the flexibility to select a node whose policies they prefer, but keep access to a larger social network. Mastodon is also part of the Fediverse ensemble of server platforms, which use shared protocols allowing users to also interact with users on other compatible platforms,[9] such as PeerTube and Friendica. Mastodon is crowdfunded and does not contain ads.

The Mastodon mascot is an animal with a trunk, resembling a mastodon or mammoth, sometimes depicted using a tablet or smartphone. Messages posted using the software were formerly known as "toots", although they are now simply called "posts".[10] Mastodon was created by Eugen Rochko and announced on Hacker News in October 2016.[11]

complicated? or like email? or both?

Episode #390 Mastodon for Python Devs - [Talk Python To Me Podcast]

Talk Python on Mastodon: fosstodon.org/@talkpython
Mastodon: joinmastodon.org
Fosstodon: fosstodon.org
Mastodon is just blogs article: simonwillison.net
C-Suite Folks Resign at Twitter: twitter.com
The Importance of Choosing the Correct Mastodon Instance: carlchenet.com
Wizard to choose your instance: instances.social
Here’s how a Twitter engineer says it will break in the coming weeks: technologyreview.com
Dealing with unwanted content: docs.joinmastodon.org
Twitter poll on moving to Mastodon: twitter.com
Toot package: pypi.org
Takahe server: github.com
Validating your Github account on your Mastodon profile: mastodon.social
Twitter’s potential collapse could wipe out vast records of recent human history: technologyreview.com
Simon's Streaming API: gist.github.com
Mastodon 4.0 is out (day after recording): mastodon.social
Watch this episode on YouTube: youtube.com


mastodon/mastodon: Your self-hosted, globally interconnected microblogging community @GitHub
Ruby+JavaScript, AGPL







difference between "apply for an account" and "create account" ?


techhub.social
A hub primarily for passionate technologists, but everyone is welcome.

cloud-native.social
An open platform for the cloud native community to discuss ideas and further the cloud native cause. Powered by Civo.
Apply for an account

seo.chat
Search Engine Optimization (#SEO) community on Mastodon. Join today!
Apply for an account

discuss.systems
Discussion of systems research and practice -- operating systems, distributed systems, networked systems, databases, architecture, etc -- or just generally chat with systems practitioners
Apply for an account

tilde.zone
The tildeverse server
Apply for an account

phpc.social
Open source. Open community. We are dedicated to building and enriching the PHP community.
Apply for an account

awscommunity.social
AWS Community Focused Mastodon Server
Apply for an account

indieweb.social
A server focused on the open and indie web, humane tech and calm technologies evolution
Apply for an account

noc.social
Focused on technology, networking, linux, privacy and security, but open to anyone. Managed by the noc.org team
Apply for an account

ioc.exchange
Infosec server within the fediverse
Create account

hachyderm.io
Here we are trying to build a curated network of respectful professionals in the tech industry around the globe. Welcome anyone who follows the rules and needs a safe home or fresh start. We are hackers, professionals, enthusiasts, and are passionate about life, respect, and digital freedom. We believe in peace and balance. Safe space. Tech Industry. Economics. OSINT. News. Rust. Linux. Aurae. Kubernetes. Go. C. Infrastructure. Security. LGTBQIA+. Pets. Hobbies
Create account



Tesseract.js | Pure Javascript OCR

 Tesseract.js | Pure Javascript OCR for 100 Languages!

GitHub - naptha/tesseract.js: Pure Javascript OCR for more than 100 Languages 📖🎉🖥

Saturday, November 19, 2022

JS Chess: Betafish

 GitHub - Strryke/betafish: A chess engine and AI move finder written in Javascript. Beats Stockfish level 5 on Lichess.

Betafish - An amalgamation of AlphaZero and Stockfish.

Play it here.

Read more about it on my blog.

Introduction

Betafish is a chess engine and AI move finder written in Javascript, based on the Negamax algorithm. It beats Stockfish Level 6 on Lichess, and I estimate its around 1800-2000 Elo, depending on the thinking time afforded.

  • Chess Engines: A Zero to One - The article that jumpstarted my journey into chess programming.
  • WukongJS - A JS chess engine, written by Maksim Korzh, who was patient enough to answer my questions, give me pointers and point me in the right direction in this journey.
  • Bluefever Software's YouTube series - A 63-part series on chess programming, which was an absolute gold mine and served as inspiration for the bulk of the chess engine.
  • Chess Programming Wiki - A great resource for chess programming.
  • CM Chessboard - The library I used for the GUI.




Friday, November 18, 2022

SVG + CSS Line Charts

 How to Build SVG Line Charts with React, SSR and Tailwind CSS - The New Stack




Lego-style hemp blocks for building a house

Amazing Lego-Style HEMP BLOCKS Make Building a House Quick, Easy & Sustainable - YouTube

These hempcrete blocks are a green building material made with a hemp-lime insulation mixture packed around a bio composite structural frame. 

They can be stacked like bricks to build walls up to 30 feet high and they become the insulation and the structure of the building. All you need to do after the walls are built is plaster the inside and outside, and then add windows, doors, and a roof! 

The hemp plant sequesters carbon during its growth, and lime, as it dries, reabsorbs the carbon that was released when it was manufactured, which means the hemp-lime mixture is carbon negative (it sequesters more carbon than it creates in its life cycle). 

Not only is this an environmentally friendly building material, it also creates a comfortable living space. The hempcrete helps to regulate temperature and humidity, it reduces noise transmission through the walls, it's fire-resistant, and it's non-toxic. This is an incredible green building technology and we can't wait to see Just BioFiber ramp up their block production so that we can start to see hempcrete buildings popping up all over the world.



Tuesday, November 15, 2022

libsql: fork of SQLite

by Founder and CEO of ChiselStrike. Join me! https://github.com/chiselstrike/chiselstrike.

GitHub - libsql/libsql: libSQL is a fork of SQLite that is both Open Source, and Open Contributions.

libSQL is an open source, open contribution fork of SQLite. We aim to evolve it to suit many more use cases than SQLite was originally designed for.

We want to see a world where everyone can benefit from all of the great ideas and hard work that the SQLite community contributes back to the codebase. Community contributions work well, because we’ve done it before. If this was possible, what do you think SQLite could become?

SQLite is gaining ground in edge use cases, since it is fast, embeddable, and matches well the read-mostly, low-to-medium volume of data use cases that often arise at the edge. But there is still the problem of how to make the data available in all nodes.

That is challenging to do without support from the core database. Without proper hooks, existing solutions either build a different database around SQLite (like dqlite, rqlite, ChiselStore), or have to replicate at the filesystem layer (LiteFS).

What if we could do it natively?

SQLite does support user-defined functions. But there are two big problems with how they are approached: first, functions are written in C, which is increasingly becoming a tall ask for most developers with safety in mind. WASM is growing in popularity, allowing developers to write functions in their preferred language and be safely executed.


SQLite: QEMU all over again?. In a trip down memory lane, I recall my… | by Glauber Costa | Oct, 2022 | ITNEXT




Sunday, November 13, 2022

HTML template element

unnecessary "simplicity?"

Templating in HTML | Kitty Giraudel

the <template> HTML element is intended to store HTML that is not yet used. The element itself and all its content are invisible, so it can be basically anywhere in the document without much risk.

<template> do not enabling you to do anything that’s not possible otherwise. In that way, it’s more of a convenience tool really. If you have significant HTML structures that need to be injected at runtime

Why not a hidden element?

Unlike content within a hidden container, the content of a <template> is inert: images and scripts do not load, styles do not apply, elements are not queried, etc.