@rimori/client 1.1.9 → 1.2.0

package/dist/plugin/StandaloneClient.js

@@ -7,8 +7,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { EventBus } from "./fromRimori/EventBus";
 import { createClient } from "@supabase/supabase-js";
+import { EventBus } from "../fromRimori/EventBus";
+import { DEFAULT_ANON_KEY, DEFAULT_ENDPOINT } from "../utils/endpoint";
 export class StandaloneClient {
     constructor(config) {
         this.supabase = createClient(config.url, config.key);
@@ -17,14 +18,13 @@ export class StandaloneClient {
     static getInstance() {
         return __awaiter(this, void 0, void 0, function* () {
             if (!StandaloneClient.instance) {
-                const config = yield fetch("http://localhost:3000/config.json").then(res => res.json()).catch(err => {
+                const config = yield fetch("https://app.rimori.se/config.json").then(res => res.json()).catch(err => {
                     console.warn("Error fetching config.json, using default values", err);
-                    return {
-                        SUPABASE_URL: "https://pheptqdoqsdnadgoihvr.supabase.co",
-                        SUPABASE_ANON_KEY: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InBoZXB0cWRvcXNkbmFkZ29paHZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MzE2OTY2ODcsImV4cCI6MjA0NzI3MjY4N30.4GPFAXTF8685FaXISdAPNCIM-H3RGLo8GbyhQpu1mP0",
-                    };
                 });
-                StandaloneClient.instance = new StandaloneClient({ url: config.SUPABASE_URL, key: config.SUPABASE_ANON_KEY });
+                StandaloneClient.instance = new StandaloneClient({
+                    url: (config === null || config === void 0 ? void 0 : config.SUPABASE_URL) || DEFAULT_ENDPOINT,
+                    key: (config === null || config === void 0 ? void 0 : config.SUPABASE_ANON_KEY) || DEFAULT_ANON_KEY,
+                });
             }
             return StandaloneClient.instance;
         });
@@ -61,7 +61,10 @@ export class StandaloneClient {
                 var _a;
                 const session = yield supabase.auth.getSession();
                 console.log("session", session);
-                const { data, error } = yield supabase.functions.invoke("plugin-token", { headers: { authorization: `Bearer ${(_a = session.data.session) === null || _a === void 0 ? void 0 : _a.access_token}` } });
+                const { data, error } = yield supabase.functions.invoke("plugin-token", {
+                    body: { pluginId },
+                    headers: { authorization: `Bearer ${(_a = session.data.session) === null || _a === void 0 ? void 0 : _a.access_token}` },
+                });
                 if (error) {
                     throw new Error("Failed to get plugin token. " + error.message);
                 }

package/dist/plugin/ThemeSetter.d.ts

@@ -1 +1,2 @@
 export declare function setTheme(): void;
+export declare function isDarkTheme(): boolean;

package/dist/plugin/ThemeSetter.js

@@ -1,13 +1,16 @@
 export function setTheme() {
-    const urlParams = new URLSearchParams(window.location.search);
-    let theme = urlParams.get('theme');
-    if (!theme || theme === 'system') {
-        theme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-    }
     document.documentElement.classList.add("dark:text-gray-200");
-    if (theme === 'dark') {
+    if (isDarkTheme()) {
         document.documentElement.setAttribute("data-theme", "dark");
         document.documentElement.classList.add('dark', "dark:bg-gray-950");
         document.documentElement.style.background = "hsl(var(--background))";
     }
 }
+export function isDarkTheme() {
+    const urlParams = new URLSearchParams(window.location.search);
+    let theme = urlParams.get('theme');
+    if (!theme || theme === 'system') {
+        return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+    }
+    return theme === 'dark';
+}

package/dist/providers/PluginProvider.d.ts

@@ -3,6 +3,9 @@ import { RimoriClient } from '../plugin/RimoriClient';
 interface PluginProviderProps {
     children: ReactNode;
     pluginId: string;
+    settings?: {
+        disableContextMenu?: boolean;
+    };
 }
 export declare const PluginProvider: React.FC<PluginProviderProps>;
 export declare const usePlugin: () => RimoriClient;

package/dist/providers/PluginProvider.js

@@ -10,11 +10,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from 'react';
 import { PluginController } from '../plugin/PluginController';
-import { EventBusHandler } from '../plugin/fromRimori/EventBus';
-import ContextMenu from '../core/components/ContextMenu';
+import { EventBusHandler } from '../fromRimori/EventBus';
+import ContextMenu from '../components/components/ContextMenu';
 import { StandaloneClient } from '../plugin/StandaloneClient';
 const PluginContext = createContext(null);
-export const PluginProvider = ({ children, pluginId }) => {
+export const PluginProvider = ({ children, pluginId, settings }) => {
     const [plugin, setPlugin] = useState(null);
     const [standaloneClient, setStandaloneClient] = useState(false);
     useEffect(() => {
@@ -66,7 +66,7 @@ export const PluginProvider = ({ children, pluginId }) => {
     if (!plugin) {
         return "";
     }
-    return (_jsxs(PluginContext.Provider, { value: plugin, children: [_jsx(ContextMenu, { client: plugin }), children] }));
+    return (_jsxs(PluginContext.Provider, { value: plugin, children: [!(settings === null || settings === void 0 ? void 0 : settings.disableContextMenu) && _jsx(ContextMenu, { client: plugin }), children] }));
 };
 export const usePlugin = () => {
     const context = useContext(PluginContext);

package/dist/utils/Language.d.ts

@@ -61,6 +61,7 @@ export type Language = keyof typeof languageKeys;
 /**
  * Get the language name from the language code
  * @param languageCode The code of the language
+ * @param capitalize Whether to capitalize the first letter of the language name
  * @returns The language name
  */
-export declare function getLanguageName(languageCode: Language): string;
+export declare function getLanguageName(languageCode: Language, capitalize?: boolean): string;

package/dist/utils/Language.js

@@ -60,8 +60,10 @@ export const languageKeys = {
 /**
  * Get the language name from the language code
  * @param languageCode The code of the language
+ * @param capitalize Whether to capitalize the first letter of the language name
  * @returns The language name
  */
-export function getLanguageName(languageCode) {
-    return languageKeys[languageCode];
+export function getLanguageName(languageCode, capitalize = false) {
+    const lang = languageKeys[languageCode];
+    return capitalize ? lang.charAt(0).toUpperCase() + lang.slice(1) : lang;
 }

package/dist/utils/difficultyConverter.js

@@ -6,5 +6,5 @@ export function getDifficultyLabel(difficulty) {
     return codes[difficulty];
 }
 export function getNeighborDifficultyLevel(difficulty, difficultyAdjustment) {
-    return getDifficultyLabel(getDifficultyLevel(difficulty) + difficultyAdjustment);
+    return getDifficultyLabel(getDifficultyLevel(difficulty) + difficultyAdjustment - 1);
 }

package/dist/utils/endpoint.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_ENDPOINT = "https://pheptqdoqsdnadgoihvr.supabase.co";
+export declare const DEFAULT_ANON_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InBoZXB0cWRvcXNkbmFkZ29paHZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MzE2OTY2ODcsImV4cCI6MjA0NzI3MjY4N30.4GPFAXTF8685FaXISdAPNCIM-H3RGLo8GbyhQpu1mP0";

package/dist/utils/endpoint.js

@@ -0,0 +1,2 @@
+export const DEFAULT_ENDPOINT = "https://pheptqdoqsdnadgoihvr.supabase.co";
+export const DEFAULT_ANON_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InBoZXB0cWRvcXNkbmFkZ29paHZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MzE2OTY2ODcsImV4cCI6MjA0NzI3MjY4N30.4GPFAXTF8685FaXISdAPNCIM-H3RGLo8GbyhQpu1mP0";

package/dist/worker/WorkerSetup.js

@@ -7,8 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { EventBus, EventBusHandler } from "../fromRimori/EventBus";
 import { PluginController } from "../plugin/PluginController";
-import { EventBus, EventBusHandler } from "../plugin/fromRimori/EventBus";
 let controller = null;
 const listeners = [];
 let debugEnabled = false;
@@ -35,6 +35,7 @@ export function setupWorker(init) {
         APP_CONFIG: {
             SUPABASE_URL: 'NOT_SET',
             SUPABASE_ANON_KEY: 'NOT_SET',
+            BACKEND_URL: 'NOT_SET',
         },
     };
     // Assign the mock to globalThis.
@@ -49,6 +50,7 @@ export function setupWorker(init) {
             if (!controller) {
                 mockWindow.APP_CONFIG.SUPABASE_URL = event.data.supabaseUrl;
                 mockWindow.APP_CONFIG.SUPABASE_ANON_KEY = event.data.supabaseAnonKey;
+                mockWindow.APP_CONFIG.BACKEND_URL = event.data.backendUrl;
                 controller = yield PluginController.getInstance(event.data.pluginId);
                 logIfDebug('Worker initialized.');
                 yield init(controller);

package/example/docs/devdocs.md

@@ -0,0 +1,231 @@
+# Simple Flashcards - Developer Guide
+
+## Overview
+
+The Simple Flashcards plugin provides spaced repetition learning through an event-based API. Other plugins can create flashcards, request lookups, and trigger training sessions.
+
+**Plugin ID:** `pl123456789`
+
+## Event-based Integration
+
+All communication uses the Rimori event bus with the pattern: `<plugin_id>.<area>.<action>`
+
+### 1. Create Flashcards
+
+#### Basic Creation
+```javascript
+// Create a simple flashcard
+plugin.event.emit("pl123456789.flashcard.create", {
+  front: "Hello",
+  back: "Hola", 
+  deckId: "deck-123", // optional, uses default deck if omitted
+  frontTags: ["lang:en"],
+  backTags: ["lang:es"]
+});
+```
+
+#### Language-based Creation
+```javascript
+// Create flashcard with automatic lookup
+plugin.event.emit("pl123456789.flashcard.createLangCard", {
+  word: "perro",
+  language: "es", // optional, uses user's mother tongue if omitted
+  deckId: "spanish-nouns" // optional
+});
+```
+
+### 2. Lookup Requests
+
+#### Basic Translation
+```javascript
+// Request word translation
+const translation = await plugin.event.request("pl123456789.lookup.requestBasic", {
+  word: "laufen",
+  language: "de" // optional
+});
+
+// Returns:
+// {
+//   input: "laufen",
+//   language: "de", 
+//   type: "verb",
+//   swedish_translation: "att springa",
+//   translation: "to run"
+// }
+```
+
+#### Advanced Lookup
+```javascript
+// Get detailed word information
+const details = await plugin.event.request("pl123456789.lookup.request", {
+  word: "laufen",
+  language: "de"
+});
+
+// Returns extended object with grammar, examples, tenses, etc.
+```
+
+### 3. Deck Management
+
+#### Get Available Decks
+```javascript
+const decks = await plugin.event.request("pl123456789.deck.requestOpenToday");
+
+// Returns:
+// [
+//   {
+//     id: "deck-123",
+//     name: "Spanish Vocabulary", 
+//     total_new: 5,
+//     total_learning: 12,
+//     total_review: 8
+//   }
+// ]
+```
+
+#### Create New Deck
+```javascript
+const newDeck = await plugin.event.request("pl123456789.deck.create", {
+  name: "German Verbs"
+});
+
+// Returns: { id: "deck-456", name: "German Verbs", last_used: "2025-01-06T..." }
+```
+
+### 4. Trigger Training
+
+#### Open Flashcard Training
+```javascript
+// Open training in main panel
+plugin.event.emit("global.mainPanel.triggerAction", {
+  pluginId: "pl123456789",
+  actionKey: "flashcards",
+  deck: "latest", // or "random", "oldest", "mix", deck ID
+  total_amount: 20 // or "default"
+});
+```
+
+## Worker Function Example
+
+### Background Deck Sync
+```javascript
+// worker/listeners/deck-sync.ts
+import { WorkerEventListener } from '@rimori/client';
+
+export const deckSyncListener: WorkerEventListener = {
+  eventName: 'pl123456789.deck.syncProgress',
+  
+  async handler(data: { userId: string; deckId: string }) {
+    const { userId, deckId } = data;
+    
+    // Calculate learning statistics
+    const stats = await calculateDeckProgress(deckId, userId);
+    
+    // Update user's learning streak
+    await updateLearningStreak(userId, stats);
+    
+    // Send progress update to main thread
+    self.postMessage({
+      type: 'progress-updated',
+      deckId,
+      stats: {
+        cardsReviewed: stats.reviewed,
+        accuracy: stats.accuracy,
+        streak: stats.streak
+      }
+    });
+  }
+};
+
+async function calculateDeckProgress(deckId: string, userId: string) {
+  // Database queries to calculate progress
+  const cards = await db.from('flashcards')
+    .select('*')
+    .eq('deck_id', deckId)
+    .eq('user_id', userId);
+    
+  const reviewed = cards.filter(c => c.last_review_date >= getTodayStart());
+  const accuracy = reviewed.reduce((acc, c) => acc + c.ease_factor, 0) / reviewed.length;
+  
+  return {
+    reviewed: reviewed.length,
+    accuracy: Math.round(accuracy * 100),
+    streak: await calculateStreak(userId)
+  };
+}
+```
+
+## Database Schema Pattern
+
+```typescript
+// Example table structure
+interface Flashcard {
+  id: string;
+  user_id: string;
+  deck_id: string;
+  front: string;
+  back: string;
+  front_tags: string[];
+  back_tags: string[];
+  ease_factor: number;
+  interval: number;
+  due_date: string;
+  last_review_date?: string;
+}
+
+interface Deck {
+  id: string;
+  user_id: string;
+  name: string;
+  last_used: string;
+  created_at: string;
+}
+```
+
+## Integration Examples
+
+### Dictionary Plugin → Flashcards
+```javascript
+// When user looks up a word in dictionary
+function onWordLookup(word: string, translation: string) {
+  // Automatically create flashcard
+  plugin.event.emit("pl123456789.flashcard.create", {
+    front: word,
+    back: translation,
+    frontTags: ["lang:sv"],
+    backTags: ["lang:en", "dictionary-lookup"]
+  });
+}
+```
+
+### Study Planner → Flashcards  
+```javascript
+// Trigger daily flashcard session
+function scheduleDailyReview() {
+  plugin.event.emit("global.mainPanel.triggerAction", {
+    pluginId: "pl123456789", 
+    actionKey: "flashcards",
+    deck: "mix",
+    total_amount: 30
+  });
+}
+```
+
+## Error Handling
+
+```javascript
+try {
+  await plugin.event.request("pl123456789.flashcard.create", cardData);
+} catch (error) {
+  console.error("Failed to create flashcard:", error);
+  // Handle error appropriately
+}
+```
+
+## Best Practices
+
+- Always provide meaningful error messages
+- Use consistent tagging for language features
+- Batch operations when creating multiple cards
+- Respect user's daily review limits
+- Include proper TypeScript types for payloads

package/example/docs/overview.md

@@ -0,0 +1,29 @@
+# Simple Flashcards - Spaced Repetition Learning
+
+**Transform your vocabulary learning with intelligent flashcards that adapt to your memory**
+
+## ✨ What it does
+
+Simple Flashcards uses proven spaced repetition algorithms to help you memorize vocabulary, facts, and concepts efficiently. The plugin schedules your reviews at optimal intervals, showing cards just before you're likely to forget them.
+
+## 🎯 Perfect for
+
+- **Language learners** building vocabulary with audio pronunciation
+- **Students** memorizing facts, formulas, and definitions  
+- **Professionals** learning technical terms and concepts
+- **Anyone** who wants to remember information long-term
+
+## 🔥 Key Features
+
+- **Smart scheduling** - Cards appear when you need to review them most
+- **Audio support** - Hear correct pronunciation for language learning
+- **Multiple decks** - Organize cards by topic, subject, or difficulty
+- **Simple rating** - Just rate how well you remembered (Again, Hard, Good, Easy)
+- **Progress tracking** - See your learning streak and daily progress
+- **Cross-plugin integration** - Other plugins can add cards automatically
+
+## 🚀 Get Started in 30 seconds
+
+1. Create your first deck
+2. Add some flashcards (front/back)
+3. Start reviewing - the algorithm handles the rest!

package/example/docs/userdocs.md

@@ -0,0 +1,123 @@
+# Simple Flashcards - User Guide
+
+## Getting Started
+
+Simple Flashcards uses spaced repetition to help you learn and retain information efficiently. The plugin automatically schedules your reviews at optimal intervals, showing cards just before you're likely to forget them.
+
+### Create Your First Deck
+
+Before you can start learning, you'll need to create a deck to organize your flashcards. To create your first deck:
+
+1. Navigate to the main flashcards page where you'll see your deck overview
+2. Click the "Add deck" button located at the bottom of the page
+3. Enter a descriptive name for your deck (e.g., "Spanish Vocabulary" or "Biology Terms")
+4. Click save to create your new deck
+
+Your new deck will appear in the deck overview, ready for you to add flashcards.
+
+### Adding Flashcards
+
+Once you have a deck, you can start adding flashcards to build your learning material. To add new flashcards:
+
+1. Click on your deck name to enter the deck and access its training interface
+2. Click the "+" button to open the flashcard creation form
+3. Enter your question, word, or prompt on the **front** of the card
+4. Enter the corresponding answer, translation, or explanation on the **back**
+5. Optionally add tags like `lang:es` to enable features such as Spanish audio pronunciation
+6. Click the save icon to create your flashcard
+
+The new card will be added to your deck and will appear in your learning session when you start reviewing.
+
+### Learning with Flashcards
+
+The learning process follows a simple but effective pattern designed to maximize retention:
+
+1. **Start a session** by clicking on a deck name from the overview page
+2. **Study the front** of each card carefully and try to recall the answer from memory
+3. **Reveal the answer** by pressing the spacebar or clicking the "Show answer" button
+4. **Rate your recall** honestly using one of four options:
+   - **Again (1)** - You didn't remember or got it wrong; the card will reappear soon
+   - **Hard (2)** - You remembered but with significant difficulty; shorter interval before next review
+   - **Good (3)** - You remembered correctly with some effort; optimal spaced interval
+   - **Easy (4)** - You remembered effortlessly; longer interval before next review
+
+Your ratings help the algorithm determine the best time to show each card again, optimizing your learning efficiency.
+
+## Key Features
+
+### Audio Pronunciation Support
+
+For language learning, audio pronunciation is essential. The plugin supports text-to-speech functionality:
+
+- **Enable audio** by adding language tags such as `lang` for generic audio or `lang:es` for Spanish-specific pronunciation
+- **Play audio** by clicking the speaker icon that appears on cards with language tags
+- **Keyboard shortcuts** for audio: press **5** to play the front audio or **h** to play the back audio
+
+The audio feature helps you learn correct pronunciation while building vocabulary, making it especially valuable for language learners.
+
+### Efficient Keyboard Navigation
+
+Speed up your review sessions with keyboard shortcuts that eliminate the need for mouse clicking:
+
+- **Spacebar** - Reveal the answer when studying the front of a card
+- **Number keys 1-4** - Rate your recall (Again, Hard, Good, Easy respectively)
+- **5 key** - Play audio for the front of the card (if language tags are present)
+- **h key** - Play audio for the back of the card (if language tags are present) 
+- **v key** - Edit the current flashcard during review
+
+These shortcuts allow you to maintain focus and rhythm during your learning sessions.
+
+### Deck Organization and Progress Tracking
+
+The deck overview provides clear visual indicators of your progress:
+
+- **Orange numbers** next to deck names show cards you're actively learning (new or recently difficult cards)
+- **Green numbers** indicate cards that are due for review today based on the spaced repetition schedule
+- **Deck names** can be clicked to immediately start a study session with that deck
+
+This system helps you quickly identify which decks need attention and track your daily progress.
+
+### Tagging System for Organization
+
+Tags provide a flexible way to categorize and enhance your flashcards:
+
+- **Organizational tags** like `grammar`, `verbs`, or `beginner` help you categorize content by topic or difficulty
+- **Language tags** such as `lang:de` for German enable specific features like pronunciation
+- **Multiple tags** can be applied to each card for comprehensive organization
+
+Tags make it easier to manage large collections of flashcards and enable special features like audio playback.
+
+## Settings and Customization
+
+The plugin offers several settings to personalize your learning experience:
+
+- **Auto-play new cards** - When enabled, automatically plays audio pronunciation for new cards that have appropriate language tags, helping you learn pronunciation from the first encounter
+- **Auto-add lookups** - Automatically creates flashcards from words you look up in other parts of the Rimori workspace, streamlining the process of building your vocabulary deck
+
+These settings help integrate the flashcard system with your broader learning workflow.
+
+## Best Practices and Tips
+
+To get the most out of your flashcard learning:
+
+- **Keep cards simple** - Focus on one concept, word, or fact per card for optimal retention
+- **Review consistently** - Even a brief 10-minute daily session is more effective than longer, infrequent sessions
+- **Use audio features** - Take advantage of pronunciation features for language learning
+- **Edit problematic cards** - If you consistently struggle with a card, rewrite it to be clearer or break it into smaller pieces
+- **Be honest with ratings** - Accurate self-assessment helps the algorithm schedule reviews optimally
+
+## Troubleshooting Common Issues
+
+**Audio not playing when expected?**
+- Verify that your device volume is turned up and not muted
+- Check that the flashcard has proper language tags (e.g., `lang:en` for English)
+- Try refreshing the page if audio features seem unresponsive
+
+**Flashcards not saving properly?**
+- Ensure you have a stable internet connection for data synchronization
+- Verify you clicked the save icon after entering card content
+- Try creating the card again if the first attempt failed
+
+**Progress not updating correctly?**
+- Refresh the page to ensure you're seeing the latest data
+- Check that you're rating cards rather than just viewing them

package/example/rimori.config.ts

@@ -0,0 +1,89 @@
+import { RimoriPluginConfig } from "@rimori/client";
+
+/**
+ * This is an example of a Rimori plugin configuration file. It is based on the Rimori Flashcards plugin.
+ * It is used to configure the plugin and its pages, sidebar, settings, context menu actions, documentation, and worker.
+ */
+
+const config: RimoriPluginConfig = {
+  id: "pl1234567890",  // This is the plugin id. You can find it in the plugin's package.json file.
+  info: {
+    title: "Flashcards",
+    description: "The Rimori Flashcards Plugin is a powerful tool for learning and memorization using spaced repetition. It helps you efficiently review information, whether you're learning a language, preparing for exams, or mastering new skills. The plugin uses advanced algorithms to schedule your reviews at optimal intervals, maximizing retention while minimizing study time.",
+    logo: "logo.png",
+    website: "https://rimori.se",
+  },
+  pages: {
+    main: [
+      {
+        id: "1",
+        url: "#/",
+        show: true,
+        name: "Flashcards",
+        root: "vocabulary",
+        description: "Quickly memorizing info by using flashcards."
+      },
+      { // This is a page that is not shown in the navbar. It is used to trigger the flashcards action.
+        id: "2",
+        url: "#/deck/custom",
+        show: false,
+        root: "vocabulary",
+        name: "Latest flashcard deck training",
+        description: "Training the latest flashcards.",
+        action: {
+          key: "flashcards",
+          parameters: {
+            total_amount: {
+              type: 'number',
+              description: 'Number of flashcards to practice. Default is 70 (10 new + 20 reviewed + 40 forgotten).'
+            },
+            deck: {
+              type: 'string',
+              enum: ['latest', 'random', 'oldest', 'mix', 'best_known'],
+              description: 'Type of deck to practice from'
+            }
+          }
+        }
+      }
+    ],
+    sidebar: [
+      {
+        id: "translate",
+        url: "#/sidebar/translate",
+        name: "Translate",
+        icon: "translate.png",
+        description: "Translate words."
+      },
+      {
+        id: "flashcard_quick_add",
+        url: "#/sidebar/add",
+        name: "Quick add",
+        icon: "logo.png",
+        description: "Quickly add a word to your flashcards."
+      }
+    ],
+    settings: "/settings",
+  },
+  context_menu_actions: [
+    {
+      text: "Translate",
+      plugin_id: "pl1234567890",
+      action_key: "translate"
+    },
+    {
+      text: "Quick add",
+      plugin_id: "pl1234567890",
+      action_key: "flashcard_quick_add"
+    }
+  ],
+  documentation: {
+    overview_path: "docs/overview.md",
+    user_path: "docs/userdocs.md",
+    developer_path: "docs/devdocs.md"
+  },
+  worker: {
+    url: "web-worker.js",
+  }
+};
+
+export default config;

package/example/worker/vite.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite'
+import path from 'path'
+
+export default defineConfig({
+  root: __dirname,
+  build: {
+    minify: process.env.VITE_MINIFY === 'true',
+    lib: {
+      entry: 'worker.ts',
+      formats: ['iife'],
+      name: 'PluginFooWorker',
+      fileName: () => 'web-worker.js', // used in rollupOptions.entryFileNames
+    },
+    outDir: path.resolve(__dirname, '../public'),
+    emptyOutDir: false,
+    rollupOptions: {
+      output: {
+        inlineDynamicImports: true,
+        entryFileNames: 'web-worker.js',
+      },
+    },
+  },
+})