@corti/dictation-web 0.5.2 → 0.6.0-rc.1

package/dist/utils/auth.d.ts

@@ -1,9 +1,9 @@
-import type { Corti } from "@corti/sdk";
+import type { CortiAuth } from "@corti/sdk";
 /**
  * Extracts the initial access token from auth config
  * @throws Error if token is missing or invalid
  */
-export declare function getInitialToken(config: Corti.BearerOptions): Promise<{
+export declare function getInitialToken(config: CortiAuth.AuthTokenDerivable): Promise<{
     accessToken: string;
     refreshToken?: string;
 }>;

package/dist/utils/auth.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../src/utils/auth.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,MAA2B;IAE3B,MAAM,YAAY,GAChB,aAAa,IAAI,MAAM;QACrB,CAAC,CAAC;YACE,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC;QACH,CAAC,CAAC,MAAM,MAAM,CAAC,kBAAkB,EAAE,CAAC;IAExC,IACE,CAAC,YAAY,EAAE,WAAW;QAC1B,OAAO,YAAY,CAAC,WAAW,KAAK,QAAQ,EAC5C,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;IAED,OAAO;QACL,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,YAAY,EAAE,YAAY,CAAC,YAAY;KACxC,CAAC;AACJ,CAAC","sourcesContent":["import type { Corti } from \"@corti/sdk\";\n\n/**\n * Extracts the initial access token from auth config\n * @throws Error if token is missing or invalid\n */\nexport async function getInitialToken(\n  config: Corti.BearerOptions,\n): Promise<{ accessToken: string; refreshToken?: string }> {\n  const initialToken =\n    \"accessToken\" in config\n      ? {\n          accessToken: config.accessToken,\n          refreshToken: config.refreshToken,\n        }\n      : await config.refreshAccessToken();\n\n  if (\n    !initialToken?.accessToken ||\n    typeof initialToken.accessToken !== \"string\"\n  ) {\n    throw new Error(\"Access token is required and must be a string\");\n  }\n\n  return {\n    accessToken: initialToken.accessToken,\n    refreshToken: initialToken.refreshToken,\n  };\n}\n"]}
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../src/utils/auth.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,MAAoC;IAEpC,MAAM,YAAY,GAChB,aAAa,IAAI,MAAM;QACrB,CAAC,CAAC;YACE,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC;QACH,CAAC,CAAC,MAAM,MAAM,CAAC,kBAAkB,EAAE,CAAC;IAExC,IACE,CAAC,YAAY,EAAE,WAAW;QAC1B,OAAO,YAAY,CAAC,WAAW,KAAK,QAAQ,EAC5C,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;IAED,OAAO;QACL,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,YAAY,EAAE,YAAY,CAAC,YAAY;KACxC,CAAC;AACJ,CAAC","sourcesContent":["import type { CortiAuth } from \"@corti/sdk\";\n\n/**\n * Extracts the initial access token from auth config\n * @throws Error if token is missing or invalid\n */\nexport async function getInitialToken(\n  config: CortiAuth.AuthTokenDerivable,\n): Promise<{ accessToken: string; refreshToken?: string }> {\n  const initialToken =\n    \"accessToken\" in config\n      ? {\n          accessToken: config.accessToken,\n          refreshToken: config.refreshToken,\n        }\n      : await config.refreshAccessToken();\n\n  if (\n    !initialToken?.accessToken ||\n    typeof initialToken.accessToken !== \"string\"\n  ) {\n    throw new Error(\"Access token is required and must be a string\");\n  }\n\n  return {\n    accessToken: initialToken.accessToken,\n    refreshToken: initialToken.refreshToken,\n  };\n}\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@corti/dictation-web",
   "description": "Web component for Corti Dictation",
   "author": "Corti ApS",
-  "version": "0.5.2",
+  "version": "0.6.0-rc.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",
@@ -44,7 +44,6 @@
     "build": "tsc && npm run analyze -- --exclude dist",
     "build:bundle": "esbuild dist/index.js --bundle --outfile=dist/bundle.js --format=esm --platform=browser",
     "release": "npm run build && npm run build:bundle && npm publish --access public",
-    "start": "npm run build && npm run build:bundle && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"web-dev-server\"",
     "prepublish": "tsc && npm run analyze -- --exclude dist",
     "lint": "biome check .",
     "format": "biome format --write .",
@@ -52,13 +51,13 @@
     "biome:format": "biome format --write .",
     "biome:fix": "biome check --write .",
     "prepare": "husky && husky install",
-    "test": "tsc && wtr --coverage",
+    "test": "tsc -p tsconfig.test.json && wtr --coverage",
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
     "storybook": "npm run analyze -- --exclude dist && storybook dev -p 8080",
     "storybook:build": "tsc && tsc -p tsconfig.stories.json && npm run analyze -- --exclude dist && storybook build"
   },
   "dependencies": {
-    "@corti/sdk": "^0.10.1",
+    "@corti/sdk": "^1.0.0-rc.5",
     "@lit/context": "^1.1.6",
     "lit": "^3.3.1"
   },
@@ -72,7 +71,6 @@
     "@storybook/web-components": "10.1.5",
     "@storybook/web-components-vite": "^10.1.5",
     "@types/mocha": "^10.0.7",
-    "@web/dev-server": "^0.4.6",
     "@web/storybook-builder": "^0.1.16",
     "@web/storybook-framework-web-components": "^0.1.2",
     "@web/test-runner": "^0.18.2",

package/dist/components/mode-selector.d.ts

@@ -1,14 +0,0 @@
-import { LitElement } from "lit";
-import type { DictationMode } from "../types.js";
-export declare class DictationModeSelector extends LitElement {
-    #private;
-    _mode: DictationMode;
-    disabled: boolean;
-    static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "dictation-mode-selector": DictationModeSelector;
-    }
-}

package/dist/components/mode-selector.js

@@ -1,73 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _DictationModeSelector_instances, _DictationModeSelector_handleModeChange;
-import { consume } from "@lit/context";
-import { html, LitElement } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { modeContext } from "../contexts/dictation-context.js";
-import ModeSelectorStyles from "../styles/mode-selector.js";
-import { modeChangedEvent } from "../utils/events.js";
-let DictationModeSelector = class DictationModeSelector extends LitElement {
-    constructor() {
-        super(...arguments);
-        _DictationModeSelector_instances.add(this);
-        this._mode = "toggle-to-talk";
-        this.disabled = false;
-    }
-    render() {
-        return html `
-      <div>
-        <label>Dictation Mode</label>
-        <div class="mode-selector-tabs">
-          <button
-            class=${classMap({
-            active: this._mode === "toggle-to-talk",
-            "mode-selector-tab": true,
-        })}
-            @click=${() => __classPrivateFieldGet(this, _DictationModeSelector_instances, "m", _DictationModeSelector_handleModeChange).call(this, "toggle-to-talk")}
-            ?disabled=${this.disabled}
-          >
-            Toggle-to-Talk
-          </button>
-          <button
-            class=${classMap({
-            active: this._mode === "push-to-talk",
-            "mode-selector-tab": true,
-        })}
-            @click=${() => __classPrivateFieldGet(this, _DictationModeSelector_instances, "m", _DictationModeSelector_handleModeChange).call(this, "push-to-talk")}
-            ?disabled=${this.disabled}
-          >
-            Push-to-Talk
-          </button>
-        </div>
-      </div>
-    `;
-    }
-};
-_DictationModeSelector_instances = new WeakSet();
-_DictationModeSelector_handleModeChange = function _DictationModeSelector_handleModeChange(mode) {
-    this.dispatchEvent(modeChangedEvent(mode));
-};
-DictationModeSelector.styles = ModeSelectorStyles;
-__decorate([
-    consume({ context: modeContext, subscribe: true }),
-    state()
-], DictationModeSelector.prototype, "_mode", void 0);
-__decorate([
-    property({ type: Boolean })
-], DictationModeSelector.prototype, "disabled", void 0);
-DictationModeSelector = __decorate([
-    customElement("dictation-mode-selector")
-], DictationModeSelector);
-export { DictationModeSelector };
-//# sourceMappingURL=mode-selector.js.map

package/dist/components/mode-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode-selector.js","sourceRoot":"","sources":["../../src/components/mode-selector.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG/C,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;;QAGL,UAAK,GAAkB,gBAAgB,CAAC;QAGxC,aAAQ,GAAY,KAAK,CAAC;IAqC5B,CAAC;IA7BC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;oBAKK,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,gBAAgB;YACvC,mBAAmB,EAAE,IAAI;SAC1B,CAAC;qBACO,GAAG,EAAE,CAAC,uBAAA,IAAI,iFAAkB,MAAtB,IAAI,EAAmB,gBAAgB,CAAC;wBAC3C,IAAI,CAAC,QAAQ;;;;;oBAKjB,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,cAAc;YACrC,mBAAmB,EAAE,IAAI;SAC1B,CAAC;qBACO,GAAG,EAAE,CAAC,uBAAA,IAAI,iFAAkB,MAAtB,IAAI,EAAmB,cAAc,CAAC;wBACzC,IAAI,CAAC,QAAQ;;;;;;KAMhC,CAAC;IACJ,CAAC;;;2FAhCiB,IAAmB;IACnC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7C,CAAC;AAJM,4BAAM,GAAG,kBAAkB,AAArB,CAAsB;AALnC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAClD,KAAK,EAAE;oDACgC;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDACF;AANf,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CA2CjC","sourcesContent":["import { consume } from \"@lit/context\";\nimport { html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { modeContext } from \"../contexts/dictation-context.js\";\nimport ModeSelectorStyles from \"../styles/mode-selector.js\";\nimport type { DictationMode } from \"../types.js\";\nimport { modeChangedEvent } from \"../utils/events.js\";\n\n@customElement(\"dictation-mode-selector\")\nexport class DictationModeSelector extends LitElement {\n  @consume({ context: modeContext, subscribe: true })\n  @state()\n  _mode: DictationMode = \"toggle-to-talk\";\n\n  @property({ type: Boolean })\n  disabled: boolean = false;\n\n  static styles = ModeSelectorStyles;\n\n  #handleModeChange(mode: DictationMode): void {\n    this.dispatchEvent(modeChangedEvent(mode));\n  }\n\n  render() {\n    return html`\n      <div>\n        <label>Dictation Mode</label>\n        <div class=\"mode-selector-tabs\">\n          <button\n            class=${classMap({\n              active: this._mode === \"toggle-to-talk\",\n              \"mode-selector-tab\": true,\n            })}\n            @click=${() => this.#handleModeChange(\"toggle-to-talk\")}\n            ?disabled=${this.disabled}\n          >\n            Toggle-to-Talk\n          </button>\n          <button\n            class=${classMap({\n              active: this._mode === \"push-to-talk\",\n              \"mode-selector-tab\": true,\n            })}\n            @click=${() => this.#handleModeChange(\"push-to-talk\")}\n            ?disabled=${this.disabled}\n          >\n            Push-to-Talk\n          </button>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-mode-selector\": DictationModeSelector;\n  }\n}\n"]}

package/dist/package.json

@@ -1,94 +0,0 @@
-{
-  "name": "@corti/dictation-web",
-  "description": "Web component for Corti Dictation",
-  "author": "Corti ApS",
-  "version": "0.0.0-test.571.1",
-  "license": "MIT",
-  "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "browser": "./dist/bundle.js",
-      "default": "./dist/bundle.js"
-    }
-  },
-  "jsdelivr": "./dist/bundle.js",
-  "browser": "./dist/bundle.js",
-  "files": [
-    "dist"
-  ],
-  "bugs": {
-    "url": "https://docs.corti.ai",
-    "email": "help@corti.ai"
-  },
-  "repository": "github:corticph/dictation-web",
-  "homepage": "https://docs.corti.ai/stt/dictation-web",
-  "keywords": [
-    "corti",
-    "dictation",
-    "web",
-    "sdk",
-    "speech",
-    "recognition",
-    "transcription",
-    "audio",
-    "medical",
-    "healthcare"
-  ],
-  "scripts": {
-    "analyze": "cem analyze --litelement",
-    "build": "tsc && npm run analyze -- --exclude dist",
-    "build:bundle": "esbuild dist/index.js --bundle --outfile=dist/bundle.js --format=esm --platform=browser",
-    "release": "npm run build && npm run build:bundle && npm publish --access public",
-    "start": "npm run build && npm run build:bundle && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"web-dev-server\"",
-    "prepublish": "tsc && npm run analyze -- --exclude dist",
-    "lint": "biome check .",
-    "format": "biome format --write .",
-    "biome:check": "biome check .",
-    "biome:format": "biome format --write .",
-    "biome:fix": "biome check --write .",
-    "prepare": "husky && husky install",
-    "test": "tsc && wtr --coverage",
-    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
-    "storybook": "npm run analyze -- --exclude dist && storybook dev -p 8080",
-    "storybook:build": "tsc && tsc -p tsconfig.stories.json && npm run analyze -- --exclude dist && storybook build"
-  },
-  "dependencies": {
-    "@corti/sdk": "^0.8.0",
-    "@lit/context": "^1.1.6",
-    "lit": "^3.3.1"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^2.3.6",
-    "@custom-elements-manifest/analyzer": "^0.10.3",
-    "@open-wc/testing": "^4.0.0",
-    "@storybook/addon-a11y": "10.1.5",
-    "@storybook/addon-docs": "^10.1.5",
-    "@storybook/addon-links": "10.1.5",
-    "@storybook/web-components": "10.1.5",
-    "@storybook/web-components-vite": "^10.1.5",
-    "@types/mocha": "^10.0.7",
-    "@web/dev-server": "^0.4.6",
-    "@web/storybook-builder": "^0.1.16",
-    "@web/storybook-framework-web-components": "^0.1.2",
-    "@web/test-runner": "^0.18.2",
-    "concurrently": "^8.2.2",
-    "esbuild": "^0.25.0",
-    "husky": "^8.0.0",
-    "lint-staged": "^15.2.7",
-    "sinon": "^19.0.2",
-    "storybook": "10.1.5",
-    "tslib": "^2.6.3",
-    "typescript": "^5.5.3"
-  },
-  "customElements": "custom-elements.json",
-  "lint-staged": {
-    "*.ts": [
-      "biome check --write"
-    ]
-  }
-}

package/dist/styles/mode-selector.d.ts

@@ -1,2 +0,0 @@
-declare const ModeSelectorStyles: import("lit").CSSResult[];
-export default ModeSelectorStyles;

package/dist/styles/mode-selector.js

@@ -1,56 +0,0 @@
-import { css } from "lit";
-import { LabelStyles } from "./component-styles.js";
-const ModeSelectorStyles = [
-    LabelStyles,
-    css `
-  :host {
-    display: block;
-  }
-  .mode-selector-tabs {
-    display: flex;
-    background: var(--muted-background, light-dark(#fafafa, #2a2a2a));
-    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
-    border-radius: var(--card-inner-border-radius, 6px);
-    padding: 0;
-    overflow: hidden;
-    align-items: center;
-    justify-content: center;
-    text-wrap: nowrap;
-    gap: 2px;
-  }
-  .mode-selector-tab {
-    flex: 1;
-    padding: 4px 8px;
-    border: 1px solid transparent;
-    background: transparent;
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 24px;
-    color: var(--component-text-color, light-dark(#333, #eee));
-    opacity: 0.6;
-    cursor: pointer;
-    transition: all 0.2s;
-    height: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: var(--card-inner-border-radius, 6px);
-    margin: -1px;
-  }
-  .mode-selector-tab:hover:not(:disabled) {
-    opacity: 1;
-  }
-  .mode-selector-tab.active {
-    background: var(--card-background, light-dark(#fff, #333));
-    border-color: var(--card-border-color, light-dark(#ddd, #555));
-    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
-    opacity: 1;
-  }
-  .mode-selector-tab:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-`,
-];
-export default ModeSelectorStyles;
-//# sourceMappingURL=mode-selector.js.map

package/dist/styles/mode-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode-selector.js","sourceRoot":"","sources":["../../src/styles/mode-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,kBAAkB,GAAG;IACzB,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDJ;CACA,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\nimport { LabelStyles } from \"./component-styles.js\";\n\nconst ModeSelectorStyles = [\n  LabelStyles,\n  css`\n  :host {\n    display: block;\n  }\n  .mode-selector-tabs {\n    display: flex;\n    background: var(--muted-background, light-dark(#fafafa, #2a2a2a));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-inner-border-radius, 6px);\n    padding: 0;\n    overflow: hidden;\n    align-items: center;\n    justify-content: center;\n    text-wrap: nowrap;\n    gap: 2px;\n  }\n  .mode-selector-tab {\n    flex: 1;\n    padding: 4px 8px;\n    border: 1px solid transparent;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    opacity: 0.6;\n    cursor: pointer;\n    transition: all 0.2s;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--card-inner-border-radius, 6px);\n    margin: -1px;\n  }\n  .mode-selector-tab:hover:not(:disabled) {\n    opacity: 1;\n  }\n  .mode-selector-tab.active {\n    background: var(--card-background, light-dark(#fff, #333));\n    border-color: var(--card-border-color, light-dark(#ddd, #555));\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    opacity: 1;\n  }\n  .mode-selector-tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`,\n];\n\nexport default ModeSelectorStyles;\n"]}