@moyarich/console-addon-selection 0.1.0 → 0.2.0

package/README.md

@@ -2,12 +2,18 @@
 
 Select Console messages. Select message IDs individually or in visible ranges, with optional message actions and decorations.
 
+[Documentation and live examples](https://moyarich.github.io/console/)
+
 ## Install
 
 ```bash
-npm install @moyarich/console @moyarich/console-addon-selection
+npm install @moyarich/console @moyarich/console-addon-selection react
 ```
 
+Configure the `@moyarich` scope and authenticate with GitHub Packages as described in the [installation guide](../../../README.md#installation).
+
+Required peer dependencies: `@moyarich/console-core@^0.2.0`, `react@>=18`.
+
 ## Quick start
 
 ```tsx

package/dist/components/SelectedMessageIndicator/SelectedMessageIndicator.d.cts

@@ -0,0 +1,6 @@
+import { type AddonTranslations } from "../../localization.cjs";
+/** Default selection indicator. No stylesheet or addon runtime required. */
+export declare function SelectedMessageIndicator({ locale, translations, }?: {
+    locale?: string;
+    translations?: AddonTranslations;
+}): import("react").JSX.Element;

package/dist/components/SelectedMessageIndicator/SelectedMessageIndicator.d.ts

@@ -1,2 +1,6 @@
+import { type AddonTranslations } from "../../localization.js";
 /** Default selection indicator. No stylesheet or addon runtime required. */
-export declare function SelectedMessageIndicator(): import("react").JSX.Element;
+export declare function SelectedMessageIndicator({ locale, translations, }?: {
+    locale?: string;
+    translations?: AddonTranslations;
+}): import("react").JSX.Element;

package/dist/index.cjs

@@ -2,12 +2,65 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const consoleCore = require("@moyarich/console-core");
-function SelectedMessageIndicator() {
+const selectedMessage$3 = "Selected message";
+const selected$3 = "Selected";
+const toggleSelection$3 = "Toggle selection";
+const toggleMessageSelection$3 = "Toggle message selection";
+const en = {
+  selectedMessage: selectedMessage$3,
+  selected: selected$3,
+  toggleSelection: toggleSelection$3,
+  toggleMessageSelection: toggleMessageSelection$3
+};
+const selectedMessage$2 = "Mensaje seleccionado";
+const selected$2 = "Seleccionado";
+const toggleSelection$2 = "Alternar selección";
+const toggleMessageSelection$2 = "Alternar selección del mensaje";
+const es = {
+  selectedMessage: selectedMessage$2,
+  selected: selected$2,
+  toggleSelection: toggleSelection$2,
+  toggleMessageSelection: toggleMessageSelection$2
+};
+const selectedMessage$1 = "Message sélectionné";
+const selected$1 = "Sélectionné";
+const toggleSelection$1 = "Activer/désactiver la sélection";
+const toggleMessageSelection$1 = "Activer/désactiver la sélection du message";
+const fr = {
+  selectedMessage: selectedMessage$1,
+  selected: selected$1,
+  toggleSelection: toggleSelection$1,
+  toggleMessageSelection: toggleMessageSelection$1
+};
+const selectedMessage = "Mensagem selecionada";
+const selected = "Selecionado";
+const toggleSelection = "Alternar seleção";
+const toggleMessageSelection = "Alternar seleção da mensagem";
+const pt = {
+  selectedMessage,
+  selected,
+  toggleSelection,
+  toggleMessageSelection
+};
+const dictionaries = { en, es, fr, pt };
+function resolveAddonMessages(locale = "en", overrides) {
+  const tag = locale.replace(/_/g, "-").toLowerCase();
+  return {
+    ...en,
+    ...dictionaries[tag] ?? dictionaries[tag.split("-")[0]] ?? {},
+    ...overrides
+  };
+}
+function SelectedMessageIndicator({
+  locale = "en",
+  translations
+} = {}) {
+  const t = resolveAddonMessages(locale, translations);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      "aria-label": "Selected message",
-      title: "Selected",
+      "aria-label": t.selectedMessage,
+      title: t.selected,
       style: { fontSize: 12, lineHeight: 1 },
       children: "●"
     }
@@ -112,7 +165,7 @@ function createConsoleSelectionController(getData = () => void 0) {
   };
   return controller;
 }
-function createDecoration(controller) {
+function createDecoration(controller, locale, translations) {
   return {
     id: `${CONSOLE_SELECTION_ADDON_ID}:selected`,
     placement: "gutter",
@@ -121,15 +174,15 @@ function createDecoration(controller) {
     },
     render({ message }) {
       if (!message.id || !controller.isSelected(message.id)) return void 0;
-      return /* @__PURE__ */ jsxRuntime.jsx(SelectedMessageIndicator, {});
+      return /* @__PURE__ */ jsxRuntime.jsx(SelectedMessageIndicator, { locale, translations });
     }
   };
 }
-function createMessageAction(controller) {
+function createMessageAction(controller, locale, translations) {
   return {
     id: `${CONSOLE_SELECTION_ADDON_ID}:toggle`,
-    label: "Toggle selection",
-    ariaLabel: "Toggle message selection",
+    label: resolveAddonMessages(locale, translations).toggleSelection,
+    ariaLabel: resolveAddonMessages(locale, translations).toggleMessageSelection,
     visible({ message }) {
       return Boolean(message.id);
     },
@@ -157,14 +210,18 @@ function createConsoleSelectionAddon(options = {}) {
         if (withDecoration) {
           decorationRegistration = host.extensions.register(
             consoleCore.consoleExtensionPoints.messageDecoration,
-            createDecoration(controller),
+            createDecoration(controller, options.locale, options.translations),
             { id: `${CONSOLE_SELECTION_ADDON_ID}:selected` }
           );
         }
         if (withMessageAction) {
           actionRegistration = host.extensions.register(
             consoleCore.consoleExtensionPoints.messageAction,
-            createMessageAction(controller),
+            createMessageAction(
+              controller,
+              options.locale,
+              options.translations
+            ),
             { id: `${CONSOLE_SELECTION_ADDON_ID}:toggle` }
           );
         }
@@ -184,3 +241,4 @@ exports.SelectedMessageIndicator = SelectedMessageIndicator;
 exports.consoleSelectionService = consoleSelectionService;
 exports.createConsoleSelectionAddon = createConsoleSelectionAddon;
 exports.createConsoleSelectionController = createConsoleSelectionController;
+exports.resolveConsoleSelectionMessages = resolveAddonMessages;

package/dist/index.d.cts

@@ -0,0 +1,35 @@
+import { type AddonTranslations } from "./localization.cjs";
+export { resolveAddonMessages as resolveConsoleSelectionMessages } from "./localization.cjs";
+export type { AddonTranslations as ConsoleSelectionTranslations } from "./localization.cjs";
+export { SelectedMessageIndicator } from "./components/SelectedMessageIndicator/SelectedMessageIndicator.cjs";
+import { type ConsoleAddon, type ConsoleDataService } from "@moyarich/console-core";
+export declare const CONSOLE_SELECTION_ADDON_ID = "@moyarich/console-addon-selection";
+export interface ConsoleSelectionState {
+    readonly selectedIds: readonly string[];
+    readonly anchorId?: string;
+}
+export interface ConsoleSelectionController {
+    getState(): ConsoleSelectionState;
+    subscribe(listener: () => void): () => void;
+    isSelected(id: string): boolean;
+    select(id: string, additive?: boolean): boolean;
+    deselect(id: string): boolean;
+    toggle(id: string): boolean;
+    clear(): void;
+    setSelectedIds(ids: readonly string[]): void;
+    selectRange(fromId: string, toId: string): readonly string[];
+    getVisibleSelectedIds(): readonly string[];
+}
+export interface ConsoleSelectionAddonOptions {
+    locale?: string;
+    translations?: AddonTranslations;
+    controller?: ConsoleSelectionController;
+    decoration?: boolean;
+    messageAction?: boolean;
+}
+export interface ConsoleSelectionAddon extends ConsoleAddon {
+    readonly controller: ConsoleSelectionController;
+}
+export declare const consoleSelectionService: import("@moyarich/console-core").ConsoleServiceToken<ConsoleSelectionController>;
+export declare function createConsoleSelectionController(getData?: () => ConsoleDataService | undefined): ConsoleSelectionController;
+export declare function createConsoleSelectionAddon(options?: ConsoleSelectionAddonOptions): ConsoleSelectionAddon;

package/dist/index.d.ts

@@ -1,4 +1,7 @@
-export { SelectedMessageIndicator } from "./components/SelectedMessageIndicator/SelectedMessageIndicator";
+import { type AddonTranslations } from "./localization.js";
+export { resolveAddonMessages as resolveConsoleSelectionMessages } from "./localization.js";
+export type { AddonTranslations as ConsoleSelectionTranslations } from "./localization.js";
+export { SelectedMessageIndicator } from "./components/SelectedMessageIndicator/SelectedMessageIndicator.js";
 import { type ConsoleAddon, type ConsoleDataService } from "@moyarich/console-core";
 export declare const CONSOLE_SELECTION_ADDON_ID = "@moyarich/console-addon-selection";
 export interface ConsoleSelectionState {
@@ -18,6 +21,8 @@ export interface ConsoleSelectionController {
     getVisibleSelectedIds(): readonly string[];
 }
 export interface ConsoleSelectionAddonOptions {
+    locale?: string;
+    translations?: AddonTranslations;
     controller?: ConsoleSelectionController;
     decoration?: boolean;
     messageAction?: boolean;

package/dist/index.js

@@ -1,11 +1,64 @@
 import { jsx } from "react/jsx-runtime";
 import { createConsoleServiceToken, consoleServices, consoleExtensionPoints } from "@moyarich/console-core";
-function SelectedMessageIndicator() {
+const selectedMessage$3 = "Selected message";
+const selected$3 = "Selected";
+const toggleSelection$3 = "Toggle selection";
+const toggleMessageSelection$3 = "Toggle message selection";
+const en = {
+  selectedMessage: selectedMessage$3,
+  selected: selected$3,
+  toggleSelection: toggleSelection$3,
+  toggleMessageSelection: toggleMessageSelection$3
+};
+const selectedMessage$2 = "Mensaje seleccionado";
+const selected$2 = "Seleccionado";
+const toggleSelection$2 = "Alternar selección";
+const toggleMessageSelection$2 = "Alternar selección del mensaje";
+const es = {
+  selectedMessage: selectedMessage$2,
+  selected: selected$2,
+  toggleSelection: toggleSelection$2,
+  toggleMessageSelection: toggleMessageSelection$2
+};
+const selectedMessage$1 = "Message sélectionné";
+const selected$1 = "Sélectionné";
+const toggleSelection$1 = "Activer/désactiver la sélection";
+const toggleMessageSelection$1 = "Activer/désactiver la sélection du message";
+const fr = {
+  selectedMessage: selectedMessage$1,
+  selected: selected$1,
+  toggleSelection: toggleSelection$1,
+  toggleMessageSelection: toggleMessageSelection$1
+};
+const selectedMessage = "Mensagem selecionada";
+const selected = "Selecionado";
+const toggleSelection = "Alternar seleção";
+const toggleMessageSelection = "Alternar seleção da mensagem";
+const pt = {
+  selectedMessage,
+  selected,
+  toggleSelection,
+  toggleMessageSelection
+};
+const dictionaries = { en, es, fr, pt };
+function resolveAddonMessages(locale = "en", overrides) {
+  const tag = locale.replace(/_/g, "-").toLowerCase();
+  return {
+    ...en,
+    ...dictionaries[tag] ?? dictionaries[tag.split("-")[0]] ?? {},
+    ...overrides
+  };
+}
+function SelectedMessageIndicator({
+  locale = "en",
+  translations
+} = {}) {
+  const t = resolveAddonMessages(locale, translations);
   return /* @__PURE__ */ jsx(
     "span",
     {
-      "aria-label": "Selected message",
-      title: "Selected",
+      "aria-label": t.selectedMessage,
+      title: t.selected,
       style: { fontSize: 12, lineHeight: 1 },
       children: "●"
     }
@@ -110,7 +163,7 @@ function createConsoleSelectionController(getData = () => void 0) {
   };
   return controller;
 }
-function createDecoration(controller) {
+function createDecoration(controller, locale, translations) {
   return {
     id: `${CONSOLE_SELECTION_ADDON_ID}:selected`,
     placement: "gutter",
@@ -119,15 +172,15 @@ function createDecoration(controller) {
     },
     render({ message }) {
       if (!message.id || !controller.isSelected(message.id)) return void 0;
-      return /* @__PURE__ */ jsx(SelectedMessageIndicator, {});
+      return /* @__PURE__ */ jsx(SelectedMessageIndicator, { locale, translations });
     }
   };
 }
-function createMessageAction(controller) {
+function createMessageAction(controller, locale, translations) {
   return {
     id: `${CONSOLE_SELECTION_ADDON_ID}:toggle`,
-    label: "Toggle selection",
-    ariaLabel: "Toggle message selection",
+    label: resolveAddonMessages(locale, translations).toggleSelection,
+    ariaLabel: resolveAddonMessages(locale, translations).toggleMessageSelection,
     visible({ message }) {
       return Boolean(message.id);
     },
@@ -155,14 +208,18 @@ function createConsoleSelectionAddon(options = {}) {
         if (withDecoration) {
           decorationRegistration = host.extensions.register(
             consoleExtensionPoints.messageDecoration,
-            createDecoration(controller),
+            createDecoration(controller, options.locale, options.translations),
             { id: `${CONSOLE_SELECTION_ADDON_ID}:selected` }
           );
         }
         if (withMessageAction) {
           actionRegistration = host.extensions.register(
             consoleExtensionPoints.messageAction,
-            createMessageAction(controller),
+            createMessageAction(
+              controller,
+              options.locale,
+              options.translations
+            ),
             { id: `${CONSOLE_SELECTION_ADDON_ID}:toggle` }
           );
         }
@@ -182,5 +239,6 @@ export {
   SelectedMessageIndicator,
   consoleSelectionService,
   createConsoleSelectionAddon,
-  createConsoleSelectionController
+  createConsoleSelectionController,
+  resolveAddonMessages as resolveConsoleSelectionMessages
 };

package/dist/locales/en.json

@@ -0,0 +1,6 @@
+{
+  "selectedMessage": "Selected message",
+  "selected": "Selected",
+  "toggleSelection": "Toggle selection",
+  "toggleMessageSelection": "Toggle message selection"
+}

package/dist/locales/es.json

@@ -0,0 +1,6 @@
+{
+  "selectedMessage": "Mensaje seleccionado",
+  "selected": "Seleccionado",
+  "toggleSelection": "Alternar selección",
+  "toggleMessageSelection": "Alternar selección del mensaje"
+}

package/dist/locales/fr.json

@@ -0,0 +1,6 @@
+{
+  "selectedMessage": "Message sélectionné",
+  "selected": "Sélectionné",
+  "toggleSelection": "Activer/désactiver la sélection",
+  "toggleMessageSelection": "Activer/désactiver la sélection du message"
+}

package/dist/locales/pt.json

@@ -0,0 +1,6 @@
+{
+  "selectedMessage": "Mensagem selecionada",
+  "selected": "Selecionado",
+  "toggleSelection": "Alternar seleção",
+  "toggleMessageSelection": "Alternar seleção da mensagem"
+}

package/dist/localization.d.cts

@@ -0,0 +1,4 @@
+import en from "./locales/en.json";
+export type AddonMessages = typeof en;
+export type AddonTranslations = Partial<AddonMessages>;
+export declare function resolveAddonMessages(locale?: string, overrides?: AddonTranslations): AddonMessages;

package/dist/localization.d.ts

@@ -0,0 +1,4 @@
+import en from "./locales/en.json";
+export type AddonMessages = typeof en;
+export type AddonTranslations = Partial<AddonMessages>;
+export declare function resolveAddonMessages(locale?: string, overrides?: AddonTranslations): AddonMessages;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moyarich/console-addon-selection",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "First-party semantic output selection for @moyarich/console hosts.",
   "license": "MIT",
   "type": "module",
@@ -9,10 +9,14 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "development": "./src/index.tsx",
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     }
   },
   "files": [
@@ -22,15 +26,15 @@
     "registry": "https://npm.pkg.github.com"
   },
   "scripts": {
-    "build": "vite build && tsc -p tsconfig.build.json",
+    "build": "vite build && tsc -p tsconfig.build.json && node ../../../scripts/prepare-cjs-types.mjs",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@moyarich/console-core": "^0.1.0",
+    "@moyarich/console-core": "^0.2.0",
     "react": ">=18"
   },
   "devDependencies": {
-    "@moyarich/console-core": "0.1.0",
+    "@moyarich/console-core": "0.2.0",
     "@types/react": "^19.1.12",
     "react": "^19.2.7",
     "typescript": "^5.9.2",
@@ -53,5 +57,8 @@
   ],
   "publisher": "moyarich",
   "author": "Moya Richards",
+  "engines": {
+    "node": ">=24"
+  },
   "private": false
 }