manifest.json

{
  "name": "my-awesome-plugin",
  "version": "1.0.0",
  "description": "An awesome plugin",
  "author": "Your Name",
  "main": "plugin.js",
  "dependencies": []
}

plugin.js

import React from 'react';

const CustomComponent = () => (
  <div className="bg-blue-100 p-4 rounded">
    <h2>Custom Plugin Component</h2>
  </div>
);

export default {
  name: 'example-remote-plugin',
  version: '1.0.0',
  description: 'A plugin loaded from URL',
  author: 'Your Name',
  
  components: [
    {
      name: 'custom-component',
      component: CustomComponent,
      slot: 'watch-page-content',
      priority: 10,
    }
  ],
  
  initialize: async () => {
    console.log('Remote plugin initialized');
  }
};