@moyarich/console-addon-search 0.1.0 → 0.2.0

package/dist/locales/en.json

@@ -0,0 +1,14 @@
+{
+  "search": "Console search",
+  "searchOutput": "Search output",
+  "searchConsoleOutput": "Search console output",
+  "caseSensitive": "Case sensitive",
+  "wholeWord": "Whole word",
+  "regex": "Regex",
+  "noMatches": "No matches",
+  "matchCount": "{current} of {total} matches",
+  "previousResult": "Previous search result",
+  "nextResult": "Next search result",
+  "previous": "Previous",
+  "next": "Next"
+}

package/dist/locales/es.json

@@ -0,0 +1,14 @@
+{
+  "search": "Buscar en la consola",
+  "searchOutput": "Buscar en la salida",
+  "searchConsoleOutput": "Buscar en la salida de la consola",
+  "caseSensitive": "Distinguir mayúsculas",
+  "wholeWord": "Palabra completa",
+  "regex": "Expresión regular",
+  "noMatches": "Sin resultados",
+  "matchCount": "{current} de {total} resultados",
+  "previousResult": "Resultado anterior",
+  "nextResult": "Resultado siguiente",
+  "previous": "Anterior",
+  "next": "Siguiente"
+}

package/dist/locales/fr.json

@@ -0,0 +1,14 @@
+{
+  "search": "Recherche dans la console",
+  "searchOutput": "Rechercher dans la sortie",
+  "searchConsoleOutput": "Rechercher dans la sortie de la console",
+  "caseSensitive": "Respecter la casse",
+  "wholeWord": "Mot entier",
+  "regex": "Expression régulière",
+  "noMatches": "Aucun résultat",
+  "matchCount": "{current} sur {total} résultats",
+  "previousResult": "Résultat précédent",
+  "nextResult": "Résultat suivant",
+  "previous": "Précédent",
+  "next": "Suivant"
+}

package/dist/locales/pt.json

@@ -0,0 +1,14 @@
+{
+  "search": "Pesquisar no console",
+  "searchOutput": "Pesquisar na saída",
+  "searchConsoleOutput": "Pesquisar na saída do console",
+  "caseSensitive": "Diferenciar maiúsculas de minúsculas",
+  "wholeWord": "Palavra inteira",
+  "regex": "Expressão regular",
+  "noMatches": "Nenhuma correspondência",
+  "matchCount": "{current} de {total} correspondências",
+  "previousResult": "Resultado anterior",
+  "nextResult": "Próximo resultado",
+  "previous": "Anterior",
+  "next": "Próximo"
+}

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/dist/styles.css

@@ -0,0 +1,169 @@
+/* src/components/ConsoleSearchControls/ConsoleSearchControls.css */
+/* Public --console-search-* inputs resolve to private component-local tokens. */
+.console-search-controls {
+  --_console-search-background-color: var(
+    --console-search-background-color,
+    var(--console-panel-background-color, transparent)
+  );
+  --_console-search-color: var(
+    --console-search-color,
+    var(--console-panel-color, light-dark(#27272a, #f4f4f5))
+  );
+  --_console-search-border-color: var(
+    --console-search-border-color,
+    color-mix(in srgb, var(--_console-search-color) 16%, transparent)
+  );
+  --_console-search-focus-color: var(--console-search-focus-color, #635bff);
+
+  box-sizing: border-box;
+  flex: 1 1 22rem;
+  min-width: 0;
+  display: grid;
+  gap: 8px;
+  padding: 12px;
+  background: var(--_console-search-background-color);
+  color: var(--_console-search-color);
+  font:
+    400 12px/1.4 ui-sans-serif,
+    system-ui,
+    sans-serif;
+}
+
+.console-search-controls-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  padding-inline-end: 4px;
+  border: 1px solid var(--_console-search-border-color);
+  border-radius: 8px;
+  background: color-mix(
+    in srgb,
+    var(--_console-search-color) 3%,
+    var(--_console-search-background-color)
+  );
+}
+
+.console-search-controls-field {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+  padding-inline-start: 10px;
+}
+
+.console-search-controls-field svg {
+  flex-shrink: 0;
+  opacity: 0.6;
+}
+
+.console-search-controls input[type="search"] {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  border: 0;
+  padding: 9px 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+
+.console-search-controls input::placeholder {
+  color: inherit;
+  opacity: 0.55;
+}
+
+.console-search-controls-row:focus-within {
+  border-color: var(--_console-search-focus-color);
+  box-shadow: 0 0 0 2px
+    color-mix(in srgb, var(--_console-search-focus-color) 15%, transparent);
+}
+
+.console-search-controls-row [role="status"] {
+  max-width: 10rem;
+  font-size: 11px;
+  opacity: 0.65;
+}
+
+.console-search-controls button {
+  flex-shrink: 0;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: 0;
+  border-radius: 5px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.console-search-controls button:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--_console-search-color) 9%, transparent);
+}
+
+.console-search-controls-options {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 14px;
+}
+
+.console-search-controls-options label {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  cursor: pointer;
+}
+
+.console-search-controls input[type="checkbox"] {
+  margin: 0;
+  accent-color: var(--_console-search-focus-color);
+}
+
+.console-search-controls :focus-visible {
+  outline: 2px solid var(--_console-search-focus-color);
+  outline-offset: 2px;
+}
+
+.console-search-controls input[type="search"]:focus-visible {
+  outline: none;
+}
+
+.console-search-controls button:disabled {
+  opacity: 0.3;
+  cursor: default;
+}
+
+.console-search-controls-error {
+  color: var(--console-error-color, light-dark(#b42318, #fda4af));
+  overflow-wrap: anywhere;
+}
+
+/* src/components/ConsoleSearchHighlight/ConsoleSearchHighlight.css */
+/* Search match colors can be themed independently from the Console panel. */
+.console-search-highlight {
+  --_console-search-highlight-background-color: var(
+    --console-search-highlight-background-color,
+    light-dark(#ffdf70, #745b16)
+  );
+  --_console-search-highlight-color: var(
+    --console-search-highlight-color,
+    light-dark(#231c00, #fff7d6)
+  );
+  --_console-search-highlight-active-color: var(
+    --console-search-highlight-active-color,
+    var(--console-header-icon-color, currentColor)
+  );
+
+  background: var(--_console-search-highlight-background-color);
+  color: var(--_console-search-highlight-color);
+  border-radius: 2px;
+  padding: 0 0.2em;
+}
+
+.console-search-highlight[data-active] {
+  outline: 2px solid var(--_console-search-highlight-active-color);
+  outline-offset: 1px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moyarich/console-addon-search",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Optional text search and match navigation for Console",
   "license": "MIT",
   "type": "module",
@@ -9,11 +9,16 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "development": "./src/index.ts",
-      "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"
+      }
+    },
+    "./styles.css": "./dist/styles.css"
   },
   "files": [
     "dist"
@@ -22,15 +27,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 && node ../../../scripts/prepare-addon-styles.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",
     "typescript": "^5.9.2",
     "vite": "^7.1.5",
     "react": "^19.2.7",
@@ -52,9 +57,13 @@
   ],
   "sideEffects": [
     "./src/components/ConsoleSearchControls/ConsoleSearchControls.css",
-    "./src/components/ConsoleSearchHighlight/ConsoleSearchHighlight.css"
+    "./src/components/ConsoleSearchHighlight/ConsoleSearchHighlight.css",
+    "./dist/styles.css"
   ],
   "publisher": "moyarich",
   "author": "Moya Richards",
+  "engines": {
+    "node": ">=24"
+  },
   "private": false
 }