Jon-Kyle jondashkyle

Image Upload Feature Implementation Plan

Overview

This plan outlines the implementation of a comprehensive image upload feature for Assemblage, enabling users to upload images directly to blocks and access them via a clean API pattern like content.media[0].src. The feature will integrate with the existing block system and use Supabase for backend storage metadata and S3 for actual file storage.

Goals

Enable direct image uploads within block elements
Support multiple media items per block via content.media array

Keybase proof

I hereby claim:

I am jondashkyle on github.
I am jkm (https://keybase.io/jkm) on keybase.
I have a public key ASDQ_bJp2caeHkpTuwoE9eZ5bdxr5cPkibnOHrl5VmBbQwo

To claim this, I am signing this object:

Keybase proof

I hereby claim:

I am jondashkyle on github.
I am jkm (https://keybase.io/jkm) on keybase.
I have a public key whose fingerprint is 9697 C5D7 54D7 60B4 308E EB4D 292B E8BE E136 F72C

To claim this, I am signing this object:

	// Pseudo-code of a pattern I use frequently.

	const theTitle = 'Seeing is forgetting the name of the thing one sees'
	const isActive = true
	const duration = 420

	switch (true) {
	case !!theTitle:
	return 'Has a title!'
	case isActive && duration > 300:

	const onboardingMachineConfig = Machine(
	{
	key: 'onboarding',
	initial: 'disconnected',
	context: {
	ensLabel: '',
	walletAddress: '',
	writeAmount: 0,
	isTokenCanvasLoaded: false,
	isENSAvailable: false,

	PoemPortraits

	Contribute*

	ContributeInputEmpty*
	INPUT -> ContributeInputPopulated

	ContributeInputPopulated
	SUBMIT -> ContributeInputSubmit

	/**
	* mass-unfollow console scripts
	*
	* 1. navigate to your follower page on the related platform
	* 2. open developer tools
	* 3. copy and paste
	* 4. press ENTER to run
	* 5. rinse and repeat if pagination
	*/

	// https://beakerbrowser.com/docs/apis/dat.html#getinfo

	var archive = new DatArchive(window.location.toString())
	var peers = 0

	setInterval(checkPeers, 2000)

	async function checkPeers () {
	var info = await archive.getInfo()
	peers = info.peers

	{
	"title": "Entry",
	"pages": false,
	"fields": {
	"title": {
	"label": "Title",
	"type": "text"
	},
	"source": {
	"label": "Source",

	/**
	* hide the cursor in an input field
	*/
	input {
	color: transparent;
	text-shadow: 0 0 0 #fff;
	}

	/**
	* blink