Building an Extension System on the Web

1

Hashnode

This is a minimal, but perfect feature set for the two extensions I wanted to create first — for DEV and Hashnode Auto-Publishing. With both extensions publishing everything from the content and its title up to the tags and canonical links — it’s the first step to simplifying content delivery in Vrite and making technical blogging and cross-posting a breeze!

#Web App #Social Media Tools #Software Engineering 122 social mentions

2

esbuild

Bundling extensions — in general, custom extension formats require custom bundling tools. Currently, as it’s still early, I put everything into a single JSON file with Node.js and esbuild bundler, but I’m exploring how to develop a custom Vite plugin for this purpose;.

#JS Build Tools #Web Application Bundler #Project Management 121 social mentions

3

DEV.to

{ "name": "dev", "displayName": "Dev.to", "description": "Automatically publish and update articles on Dev.to", "permissions": ["contentGroups:read"], "lifecycle": { "on:configure": "configure" }, "configurationView": [ { "component": "Field[type=text][color=contrast]", "props": { "label": "API key", "placeholder": "API key", "bind:value": "config.apiKey" }, "slot:": "Your Dev.to API key. You can generate one in the [settings page](https://dev.to/settings/extensions), under **DEV Community API Keys** section" }, { "component": "Button[color=primary].w-full.flex.justify-center.items-center.m-0", "props": { "bind:disabled": "temp.disabled", "on:click": "publish" }, "slot:": { "component": "Show", "props": { "bind:value": "temp.$loading" }, "slot:true": { "component": "Loader" }, "slot:false": { "component": "Text", "props": { "bind:value": "temp.buttonLabel" } } } } ] }.

#CMS #Blogging #Blogging Platform 388 social mentions