rstockm / mastothread

An intuitive web tool to seamlessly split and format long texts into manageable chunks for social media

Mastothread

An intuitive web tool to seamlessly split and format long texts into manageable chunks for Mastodon threads. Try it here: https://rstockm.github.io/mastothread/

Features

• Text Splitting: Automatically divides long texts into Mastodon-friendly chunks of up to 500 characters.
• Manual Splitting: Insert === into your text to indicate manual split points.
• Link, Hashtag, and Username Formatting: Enhances readability by auto-formatting links, hashtags, and complete usernames.
• Adjustable Character Limit: Customize the chunk size as per your preference.
• Real-time Preview: Visualize how your text will appear as separate Mastodon posts.
• Copy to Clipboard: Quick copy buttons for every chunk, which turn green upon being clicked to indicate a successful copy action.
• Dynamic Subtitles: Catchy, rotating subtitles to make your Mastothread experience memorable.

Technology Stack

• HTML/CSS: Basic building blocks of the web.
• Bootstrap: Open-source CSS framework for responsive design.
• jQuery: Fast, small, and feature-rich JavaScript library.

Usage

1. Navigate to the Mastothread web page.
2. In the "Write your Text" section, input your lengthy text.
3. Adjust the character limit or disable pagination if needed.
4. Insert "===" for a manual split.
5. View the real-time preview on the right. Use the "Copy" button to copy individual posts.
6. Paste the posts into your Mastodon app of choice.
7. Enjoy your Mastodon threads with ease!

AI-Guided Development: A Proof of Concept

Mastothread may serve as an example of how artificial intelligence can aid and accelerate the software development process. The development of this version of the app was guided by OpenAI's GPT-4, a large language model.

In this process, the human developer posed problems, asked questions, and described the desired features and functionalities of the application. GPT-4 then provided solutions, answered queries, generated code snippets, and suggested optimal ways to implement these features.

Every single line of code was written by ChatGPT4. Including this README and the catchphrases.

mastothread's Issues

Formatting issue with @-mentions

Hi there,

When I type @[email protected] in the text field, the output on the right hand side is messed up html that contains " target="_blank">.

When I type it out, the problem appears after the 'o' in social. So @[email protected] is fine and @[email protected] is not.

Feature request: header for every split

Maybe it would be nice to be able to set a short header shown in every split.