makethisbetter 1.1.3 → 1.2.0

package/dist/types.d.ts

@@ -1,6 +1,6 @@
 export interface MakeThisBetterConfig {
     projectKey: string;
-    entryMode?: 'button' | 'pet';
+    entryMode?: 'button';
     locale?: string;
     position?: 'left' | 'right';
     theme?: 'light' | 'dark' | 'auto';

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;IACnC,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,cAAc,CAAC,EAAE;QACf,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,IAAI,EAAE,OAAO,CAAA;CACd"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;IACnC,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,cAAc,CAAC,EAAE;QACf,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,IAAI,EAAE,OAAO,CAAA;CACd"}

package/dist/widget/controller.d.ts

@@ -3,7 +3,6 @@ export declare class WidgetController {
     private config;
     private shadow;
     private tab;
-    private pet;
     private toolbar;
     private session;
     private popup;

package/dist/widget/controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/widget/controller.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,UAAU,CAAA;AAIhE,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,GAAG,CAAwB;IACnC,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,iBAAiB,CAAqC;IAC9D,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,mBAAmB,CAAmC;IAC9D,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,gBAAgB,CAAgC;gBAE5C,MAAM,EAAE,oBAAoB;IAcxC,OAAO,CAAC,OAAO;IAgBf,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,uBAAuB;IA6B/B,OAAO,CAAC,SAAS;YAcH,YAAY;IAuC1B,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,OAAO;IAiBf,OAAO,IAAI,IAAI;CAYhB"}
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/widget/controller.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,UAAU,CAAA;AAIhE,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,iBAAiB,CAAqC;IAC9D,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,mBAAmB,CAAmC;IAC9D,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,gBAAgB,CAAgC;gBAE5C,MAAM,EAAE,oBAAoB;IAcxC,OAAO,CAAC,OAAO;IAYf,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,uBAAuB;IA6B/B,OAAO,CAAC,SAAS;YAcH,YAAY;IAuC1B,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,OAAO;IAgBf,OAAO,IAAI,IAAI;CAWhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makethisbetter",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "Make This Better JS Widget SDK — embed user feedback collection in any website",
   "type": "module",
   "main": "./dist/makethisbetter.cjs.js",
@@ -70,5 +70,5 @@
     "type": "git",
     "url": "https://github.com/makethisbetter/makethisbetter-js.git"
   },
-  "license": "BUSL-1.1"
+  "license": "MIT"
 }

package/src/context/frustration.test.ts

@@ -112,15 +112,14 @@ describe('FrustrationDetector', () => {
     document.body.removeChild(host)
   })
 
-  it('does not directly emit console errors (only counts them as signal)', () => {
+  it('does not directly emit console errors (only counts them as dead-click input)', () => {
     makeDetector()
 
     if (window.onerror) {
       ;(window.onerror as Function)('Test error', 'test.js', 1, 1, new Error('Test error'))
     }
 
-    const errorEvents = events.filter(e => e.signal === 'console_error')
-    expect(errorEvents.length).toBe(0)
+    expect(events.length).toBe(0)
   })
 
   it('stops listening after stop()', () => {

package/src/context/frustration.ts

@@ -3,7 +3,6 @@ import { errorSource } from './error-source'
 export type FrustrationSignal =
   | 'rage_click'
   | 'dead_click'
-  | 'console_error'
   | 'rapid_navigation'
   | 'form_failure'
   | 'error_page'

package/src/types.ts

@@ -1,6 +1,6 @@
 export interface MakeThisBetterConfig {
   projectKey: string
-  entryMode?: 'button' | 'pet'
+  entryMode?: 'button'
   locale?: string
   position?: 'left' | 'right'
   theme?: 'light' | 'dark' | 'auto'

package/src/widget/controller.ts

@@ -1,6 +1,5 @@
 import { ShadowContainer } from './shadow'
 import { FeedbackTab } from './tab'
-import { PetEntry } from './pet'
 import { FrustrationPromptCard } from './frustration-prompt'
 import { AnnotationToolbar } from '../annotate/toolbar'
 import type { ToolbarMode } from '../annotate/toolbar'
@@ -24,7 +23,6 @@ export class WidgetController {
   private config: MakeThisBetterConfig
   private shadow!: ShadowContainer
   private tab: FeedbackTab | null = null
-  private pet: PetEntry | null = null
   private toolbar: AnnotationToolbar | null = null
   private session: AnnotationSession | null = null
   private popup: CommentPopup | null = null
@@ -56,17 +54,13 @@ export class WidgetController {
   private buildUI(): void {
     this.shadow = new ShadowContainer(this.config.theme ?? 'auto')
 
-    if ((this.config.entryMode ?? 'button') === 'pet') {
-      this.pet = new PetEntry(this.shadow, this.messages, () => this.handleTabClick())
-    } else {
-      this.tab = new FeedbackTab(
-        this.shadow,
-        this.messages,
-        this.config.position ?? 'right',
-        () => this.handleTabClick(),
-        this.config.tabText,
-      )
-    }
+    this.tab = new FeedbackTab(
+      this.shadow,
+      this.messages,
+      this.config.position ?? 'right',
+      () => this.handleTabClick(),
+      this.config.tabText,
+    )
   }
 
   private handleTabClick(): void {
@@ -98,7 +92,6 @@ export class WidgetController {
   private enterAnnotationMode(): void {
     this.mode = 'annotating'
     this.tab?.setActive(true)
-    this.pet?.setActive(true)
 
     this.toolbar = new AnnotationToolbar(
       this.shadow,
@@ -197,7 +190,6 @@ export class WidgetController {
   private showClarify(feedbackId: string, projectId: string): void {
     this.mode = 'idle'
     this.tab?.setActive(false)
-    this.pet?.setActive(false)
     this.clarify = new ClarifyCard(this.shadow, {
       feedbackId,
       apiClient: this.apiClient,
@@ -213,7 +205,6 @@ export class WidgetController {
   private showSuccess(projectId: string): void {
     this.mode = 'idle'
     this.tab?.setActive(false)
-    this.pet?.setActive(false)
     const baseUrl = this.config.apiUrl
       ? this.config.apiUrl.replace(/\/api\/v1\/?$/, '')
       : 'https://makethisbetter.dev'
@@ -231,7 +222,6 @@ export class WidgetController {
   private exitAll(): void {
     this.mode = 'idle'
     this.tab?.setActive(false)
-    this.pet?.setActive(false)
     this.toolbar?.destroy()
     this.toolbar = null
     this.session?.destroy()
@@ -253,7 +243,6 @@ export class WidgetController {
     this.clarify?.destroy()
     this.success?.destroy()
     this.tab?.destroy()
-    this.pet?.destroy()
     this.recordingManager?.destroy()
     this.shadow.destroy()
   }

package/src/widget/pet.test.ts

@@ -1,56 +1,58 @@
 import { afterEach, describe, expect, it, vi } from 'vitest'
+import { PetEntry } from './pet'
+import { ShadowContainer } from './shadow'
+import { getMessages } from '../i18n'
 import { MakeThisBetter } from '../index'
 
 vi.mock('html-to-image', () => ({
   toPng: vi.fn(async () => 'data:image/png;base64,AA=='),
 }))
 
-describe('Pet mode', () => {
+// PetEntry is kept in the repo for the phase-2 pet mode but is not wired into
+// the widget build, so it is unit-tested directly instead of via init().
+describe('PetEntry', () => {
+  let shadow: ShadowContainer
+
   afterEach(() => {
-    MakeThisBetter.destroy()
-    vi.restoreAllMocks()
+    shadow?.destroy()
     document.body.innerHTML = ''
   })
 
-  it('renders pet entry instead of tab when entryMode is pet', () => {
-    MakeThisBetter.init({
-      projectKey: 'proj_test',
-      entryMode: 'pet',
-      apiUrl: 'https://api.example.com/api/v1',
-    })
+  function makePet(onClick: () => void = () => {}) {
+    shadow = new ShadowContainer('light')
+    return new PetEntry(shadow, getMessages('en'), onClick)
+  }
 
-    const shadow = document.getElementById('mtb-widget-host')!.shadowRoot!
-    expect(shadow.querySelector('.mtb-pet')).toBeTruthy()
-    expect(shadow.querySelector('.mtb-tab')).toBeNull()
-  })
+  function shadowRoot() {
+    return document.getElementById('mtb-widget-host')!.shadowRoot!
+  }
 
-  it('shows speech bubble on the pet', () => {
-    MakeThisBetter.init({
-      projectKey: 'proj_test',
-      entryMode: 'pet',
-      apiUrl: 'https://api.example.com/api/v1',
-    })
+  it('renders the pet element with a speech bubble', () => {
+    makePet()
 
-    const shadow = document.getElementById('mtb-widget-host')!.shadowRoot!
-    const bubble = shadow.querySelector('.mtb-pet-bubble')
+    expect(shadowRoot().querySelector('.mtb-pet')).toBeTruthy()
+    const bubble = shadowRoot().querySelector('.mtb-pet-bubble')
     expect(bubble).toBeTruthy()
     expect(bubble!.textContent).toBe('Need help?')
   })
 
-  it('opens annotation mode on pet click', () => {
-    MakeThisBetter.init({
-      projectKey: 'proj_test',
-      entryMode: 'pet',
-      apiUrl: 'https://api.example.com/api/v1',
-    })
+  it('invokes the click callback on click', () => {
+    const onClick = vi.fn()
+    makePet(onClick)
 
-    const shadow = document.getElementById('mtb-widget-host')!.shadowRoot!
-    shadow.querySelector<HTMLDivElement>('.mtb-pet')!.click()
-    expect(shadow.querySelector('.mtb-overlay')).toBeTruthy()
-    expect(shadow.querySelector('.mtb-toolbar')).toBeTruthy()
+    shadowRoot().querySelector<HTMLDivElement>('.mtb-pet')!.click()
+    expect(onClick).toHaveBeenCalledOnce()
+  })
+})
+
+describe('Widget entry', () => {
+  afterEach(() => {
+    MakeThisBetter.destroy()
+    vi.restoreAllMocks()
+    document.body.innerHTML = ''
   })
 
-  it('renders tab by default (no entryMode)', () => {
+  it('renders the tab entry and never the pet', () => {
     MakeThisBetter.init({
       projectKey: 'proj_test',
       apiUrl: 'https://api.example.com/api/v1',