Masotdon Component Demo

This is a demo of the mastodon component, apart of the astro-cache-embed project.

Audio Web Component

User Image
FediTips has moved!
@feditips@mstdn.social

You can upload audio files on Mastodon. The upload works just like attaching images or videos, but you select a sound file instead. You can also attach artwork by clicking Edit and then Choose Image.

There is no time limit on audio, but it has to be within the file size limit on your server (usually 40MB).

Supported formats are MP3, OGG, WAV, FLAC, OPUS (rename it to end in .ogg), AAC, M4A or 3GP.

(Music is "Modern Technology" by Mokka Music, used under CC-By licence)

Summary Card

Summary Card w/ Large Image

User Image
thomas (they/them) 馃尯
@thomasreggi@indieweb.social

I'm trying to copy this module, and make a small astro npm module. But I'm realizing that there's no type safety for modules created this way. There's also no way to build a d.ts file because of the astro import. Does anyone have a way to generate types for a astro module?

github.com/delucis/astro-...

Also posted on the Astro discord:
discord.com/channels/8301...

cc @astro

User Image
thomas (they/them) 馃尯
@thomasreggi@indieweb.social

I need a mastodon posts with three images for testing my new Astro embed component. Nothing to see here...

img 1
img 2
igm  3

Image

Video

User Image
thomas (they/them) 馃尯
@thomasreggi@indieweb.social

I'm trying desperately to recreate Mastodons audio player as a web component. I just want <mastodon-audio/> to exist. Development is so hostile to web components. It's so tedious and annoying to wire these things up. There's so much boilerplate.

I haven't even figured out the audio visualizer stuff or even added the audio tag...

Here's the progress so far:

gist.github.com/reggi/cb5...

Poll

User Image
thomas (they/them) 馃尯
@thomasreggi@indieweb.social

What do you name a folder along side models, components for general small functions that transform or manipulate data and connect models and components?

  • 50% lib / library
  • 25% util / utils / utility / utilities
  • 13% helper / helpers
  • 13% controller / controllers
8 PeopleClosed