██████ ██ ████ █████
██ ██ ██ ██ ██ ██
██████ ██ ██ ██ ██ ██ STACK ██
██ ██ ██ ██ ██ Network Without
██ ██ ████ █████ Super Node
Pico stack is a WEB3.0 framework
It allows you to build Progressive Web Apps that work completely without a server/backend/REST-API and without a central database.
If you stash your entire Backend inside Frontend you get "Blockend".
core components
- picofeed Ultra-portable secure feed/chain-of-blocks
- picostore Redux-like state machine.
- piconet Internet Protocol redesigned for P2P, provides a stateless and easy to use alternative to network streams.
- Modem56 hyperswarm to pico-net converter.
- nuro A pure functional approach to reactive store pattern, design your own reactive neural pathways, completely framework agnostic.
- HyperSimulator Run dat/hyper-apps in an in-memory swarm and watch the chaos unfold.
- picorepo Lightweight persistent block store ontop of leveldb/leveljs.
usage
I want to document and consolidate these components into a single easy to use module.
But for now (if you have the guts), refer to PicoChat source, it serves as reference for this technology.
Here's the gist of an app that has a single decentralized variable called DecentTime
:
// blockend.js
import { Feed, Modem56, PicoStore, Hub } from 'picostack'
import levelup from 'levelup'
import leveljs from 'level-js'
// Set up user identity
const { sk } = Feed.signPair()
const userFeed = new Feed()
// Set up the app state handler / store
const DB = levelup(leveljs('myapp')) // Open IndexedDB
const store = new PicoStore(DB)
store.register(TimeReducer())
await store.load() // Restores previously saved state
// Setup a minimal network-controller
const hub = new Hub(async (node, message, reply) => {
if (message === 'Hello') {
// Send local blocks
await reply(userFeed.pickle())
} else {
// Accept remote blocks
const blocks = Feed.from(message)
await store.dispatch(blocks)
}
})
// Connect to swarm
const modem = new Modem56()
modem.join('A topic', peer => hub.createWire(wire => {
console.info('Peer connected', peer)
wire.postMessage('Hello')
.catch(console.error)
}))
async function mutate (payload) {
userFeed.append(JSON.stringify(payload), sk)
const accepted = await store.dispatch(userFeed, true)
// TODO: hub.broadcast(accepted)
}
// PicoStore is a virtual-computer that runs blocks as
// if they are lines of code.
// Accepted blocks modify the computer's internal state.
// The reducers acts as the 'brains'
// deciding which instructions to run.
// A.k.a. 'The Consensus'.
// Please don't PoW or I'll get really upset.
function TimeReducer () {
return {
name: 'DecentTime',
filter ({ block, state }) {
const v = JSON.parse(block.body)
// Reject invalid blocks
if (v > Date.now()) return 'Invalid block from the future'
if (v < state) return 'Outdated block'
// Accept valid blocks
return false
},
reducer ({ block }) => {
// Mutate state
return JSON.parse(block.body)
}
}
}
export { store, mutate }
And frontend:
<!doctype html>
<body>
<h1 id="the-value">Unknown</h1>
<button id="the-button">Mutate</button>
<script>
import { store, mutate } from './blockend.js'
// Subscribe to state of 'DecentTime' in store
// and continiously update on change.
store.on('DecentTime', value => {
document.getElementById('the-value').text = value
})
// Button mutates 'DecentTime' to Date.now() when clicked
// and broadcasts the new block across the network.
document
.getElementById('the-button')
.on('click', async () => {
await mutate(Date.now())
})
</script>
</body>
</html>
Ad
| __ \ Help Wanted! | | | | | |
| | | | ___ ___ ___ _ __ | |_| | __ _| |__ ___ ___ ___
| | | |/ _ \/ __/ _ \ '_ \| __| | / _` | '_ \/ __| / __|/ _ \
| |__| | __/ (_| __/ | | | |_| |___| (_| | |_) \__ \_\__ \ __/
|_____/ \___|\___\___|_| |_|\__|______\__,_|_.__/|___(_)___/\___|
If you're reading this it means that the docs are missing or in a bad state.
Writing and maintaining friendly and useful documentation takes
effort and time.
__How_to_Help____________________________________.
| |
| - Open an issue if you have questions! |
| - Star this repo if you found it interesting |
| - Fork off & help document <3 |
| - Say Hi! :) https://discord.gg/K5XjmZx |
|.________________________________________________|
License
2022 © Tony Ivanov