@saasquatch/squatch-js 2.8.3-3 → 2.8.3-30

package/dist/widgets/declarative/DeclarativeWidget.d.ts

@@ -84,7 +84,12 @@ export default abstract class DeclarativeWidget extends HTMLElement {
      * Builds a Widget instance for the default error widget
      * @returns Instance of either {@link EmbedWidget} or {@link PopupWidget} depending on `this.type`
      */
-    setErrorWidget: (e: Error) => EmbedWidget | PopupWidget;
+    setErrorWidget: (e: Error | {
+        apiErrorCode?: string;
+        rsCode?: string;
+        statusCode?: number;
+        message?: string;
+    }) => EmbedWidget | PopupWidget;
     /**
      * Calls `open` method of `widgetInstance`
      * @throws Throws an Error if called before the widget has loaded
@@ -98,4 +103,7 @@ export default abstract class DeclarativeWidget extends HTMLElement {
     reload: () => Promise<void>;
     show: () => void;
     hide: () => void;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(attr: string, oldVal: string, newVal: string): void;
+    connectedCallback(): Promise<void>;
 }

package/dist/widgets/declarative/DeclarativeWidgets.d.ts

@@ -12,9 +12,6 @@ import { default as DeclarativeWidget } from './DeclarativeWidget';
  */
 export declare class DeclarativeEmbedWidget extends DeclarativeWidget {
     constructor();
-    static get observedAttributes(): string[];
-    attributeChangedCallback(attr: string, oldVal: string, newVal: string): void;
-    connectedCallback(): Promise<void>;
 }
 /**
  * Base class for `squatch-popup` web-component
@@ -29,7 +26,4 @@ export declare class DeclarativeEmbedWidget extends DeclarativeWidget {
  */
 export declare class DeclarativePopupWidget extends DeclarativeWidget {
     constructor();
-    static get observedAttributes(): string[];
-    attributeChangedCallback(attr: string, oldVal: string, newVal: string): void;
-    connectedCallback(): Promise<void>;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/squatch-js",
   "type": "module",
-  "version": "2.8.3-3",
+  "version": "2.8.3-30",
   "description": "The official Referral SaaSquatch Javascript Web/Browser SDK https://docs.referralsaasquatch.com/developer/squatchjs/",
   "license": "MIT",
   "author": "ReferralSaaSquatch.com, Inc.",
@@ -36,8 +36,8 @@
     "test:webkit": "cross-env BROWSER=webkit cucumber-js",
     "test:firefox": "cross-env BROWSER=firefox cucumber-js",
     "test:types": "tsd",
-    "test:features": "jest --verbose --coverage",
-    "test:utf8": "jest --verbose -t 'UTF-8 characters in different languages'",
+    "test:features": "vitest run --coverage",
+    "test:utf8": "vitest run -t 'UTF-8 characters in different languages'",
     "test": "run-s test:features test:browser test:webkit test:firefox",
     "build:docs": "typedoc",
     "deploy": "np --no-cleanup",
@@ -45,6 +45,9 @@
     "preversion": "run-s build",
     "demo": "msw init demo/dist/ --save && run-p static parcel",
     "demo:deploy": "run-s parcel:build parcel:deploy",
+    "perf": "npx tsx demo/perf-benchmark.ts",
+    "perf:ui": "npx tsx demo/perf-server.ts",
+    "perf:deploy": "cp demo/perf-compare.html demo/perf-deploy/index.html && cp demo/perf-frame.html demo/perf-deploy/perf-frame.html && cd demo/perf-deploy && vercel --prod",
     "static": "serve -l 3333 -s dist",
     "parcel": "cd demo && parcel index.html",
     "parcel:build": "cd demo && parcel build index.html",
@@ -52,13 +55,11 @@
   },
   "devDependencies": {
     "@babel/core": "^7.14.3",
-    "@babel/plugin-proposal-class-properties": "^7.13.0",
     "@babel/plugin-transform-runtime": "^7.14.3",
     "@babel/preset-env": "^7.14.2",
     "@babel/preset-typescript": "^7.13.0",
     "@babel/register": "^7.13.16",
     "@babel/runtime-corejs2": "^7.14.0",
-    "@happy-dom/jest-environment": "^9.20.3",
     "@open-wc/testing-helpers": "^2.3.0",
     "@size-limit/preset-small-lib": "^8.2.4",
     "@testing-library/dom": "^9.3.1",
@@ -67,22 +68,19 @@
     "@types/estree": "^1.0.1",
     "@types/express": "^4.17.6",
     "@types/inquirer": "^9.0.3",
-    "@types/jest": "^29.5.2",
-    "@types/js-cookie": "^2.2.6",
     "@types/jsdom-global": "^3.0.2",
     "@types/react": "^16.9.35",
     "@ungap/url-search-params": "^0.2.0",
+    "@vitest/coverage-v8": "^4.1.2",
     "ajv": "^8.17.1",
-    "babel-jest": "^29.5.0",
     "babel-loader": "^8.2.2",
     "base64-url": "^2.3.3",
     "chai": "^4.3.7",
     "cross-env": "^7.0.2",
     "cucumber": "^6.0.5",
     "express": "^4.17.1",
-    "jest": "^29.5.0",
+    "happy-dom": "^20.8.9",
     "jest-cucumber": "^3.0.1",
-    "jest-environment-jsdom": "^29.5.0",
     "microbundle": "^0.13.0",
     "msw": "^0.36.8",
     "np": "^6.2.3",
@@ -97,21 +95,19 @@
     "serve": "^11.3.0",
     "size-limit": "^8.2.4",
     "terser": "^5.39.1",
-    "ts-jest": "^29.3.3",
     "ts-loader": "^7.0.4",
     "ts-node": "^8.10.2",
     "tsd": "^0.13.1",
+    "tsx": "^4.21.0",
     "typedoc": "^0.24.8",
     "typescript": "^5.1.6",
     "vite": "^6.2.4",
     "vite-bundle-analyzer": "^0.18.1",
     "vite-plugin-dts": "^4.5.3",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^4.1.2"
   },
   "prettier": {},
-  "dependencies": {
-    "js-cookie": "^3.0.5"
-  },
   "browserslist": "> 0.25%, not dead",
   "msw": {
     "workerDirectory": "demo/dist"

package/vite-env.d.ts

@@ -1 +1,2 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />
+/// <reference types="vitest/globals" />

package/vite.config.ts

@@ -4,6 +4,23 @@ import tsconfigPaths from "vite-tsconfig-paths";
 import dts from "vite-plugin-dts";
 
 export default defineConfig({
+  test: {
+    environment: "happy-dom",
+    globals: true,
+    include: [
+      "**/*.steps.[tj]s",
+      "**/__tests__/**/*.[jt]s?(x)",
+      "**/?(*.)+(spec|test).[tj]s?(x)",
+    ],
+    mockReset: true,
+    restoreMocks: false,
+    coverage: {
+      exclude: ["node_modules", "test"],
+    },
+    alias: {
+      "^uuid$": "uuid",
+    },
+  },
   plugins: [
     tsconfigPaths(),
     dts({

package/babel.config.js

@@ -1,8 +0,0 @@
-module.exports = {
-  presets: [
-    [
-      "@babel/preset-env",
-      { targets: { esmodules: true }}
-    ]
-  ]
-}

package/jest.config.ts

@@ -1,200 +0,0 @@
-/*
- * For a detailed explanation regarding each configuration property and type check, visit:
- * https://jestjs.io/docs/configuration
- */
-
-export default {
-  // All imported modules in your tests should be mocked automatically
-  // automock: false,
-
-  // Stop running tests after `n` failures
-  // bail: 0,
-
-  // The directory where Jest should store its cached dependency information
-  // cacheDirectory: "/private/var/folders/zv/t83jrkg12jx3bqgq3vx_v29h0000gp/T/jest_dy",
-
-  // Automatically clear mock calls, instances, contexts and results before every test
-  // clearMocks: false,
-
-  // Indicates whether the coverage information should be collected while executing the test
-  // collectCoverage: false,
-
-  // An array of glob patterns indicating a set of files for which coverage information should be collected
-  // collectCoverageFrom: undefined,
-
-  // The directory where Jest should output its coverage files
-  // coverageDirectory: "coverage",
-
-  // An array of regexp pattern strings used to skip coverage collection
-  coveragePathIgnorePatterns: ["/node_modules/", "/test/"],
-
-  // Indicates which provider should be used to instrument code for coverage
-  // coverageProvider: "babel",
-
-  // A list of reporter names that Jest uses when writing coverage reports
-  // coverageReporters: [
-  //   "json",
-  //   "text",
-  //   "lcov",
-  //   "clover"
-  // ],
-
-  // An object that configures minimum threshold enforcement for coverage results
-  // coverageThreshold: undefined,
-
-  // A path to a custom dependency extractor
-  // dependencyExtractor: undefined,
-
-  // Make calling deprecated APIs throw helpful error messages
-  // errorOnDeprecated: false,
-
-  // The default configuration for fake timers
-  // fakeTimers: {
-  //   "enableGlobally": false
-  // },
-
-  // Force coverage collection from ignored files using an array of glob patterns
-  // forceCoverageMatch: [],
-
-  // A path to a module which exports an async function that is triggered once before all test suites
-  // globalSetup: undefined,
-
-  // A path to a module which exports an async function that is triggered once after all test suites
-  // globalTeardown: undefined,
-
-  // A set of global variables that need to be available in all test environments
-  // globals: {},
-
-  // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
-  // maxWorkers: "50%",
-
-  // An array of directory names to be searched recursively up from the requiring module's location
-  moduleDirectories: ["node_modules"],
-
-  // An array of file extensions your modules use
-  // moduleFileExtensions: [
-  //   "js",
-  //   "mjs",
-  //   "cjs",
-  //   "jsx",
-  //   "ts",
-  //   "tsx",
-  //   "json",
-  //   "node"
-  // ],
-
-  // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
-  moduleNameMapper: {
-    "source-map-support/register": "identity-obj-proxy",
-    "^uuid$": "uuid",
-  },
-
-  // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
-  // modulePathIgnorePatterns: [],
-
-  // Activates notifications for test results
-  // notify: false,
-
-  // An enum that specifies notification mode. Requires { notify: true }
-  // notifyMode: "failure-change",
-
-  // A preset that is used as a base for Jest's configuration
-  preset: "ts-jest",
-
-  // Run tests from one or more projects
-  // projects: undefined,
-
-  // Use this configuration option to add custom reporters to Jest
-  // reporters: undefined,
-
-  // Automatically reset mock state before every test
-  resetMocks: true,
-
-  // Reset the module registry before running each individual test
-  resetModules: true,
-
-  // A path to a custom resolver
-  // resolver: undefined,
-
-  // Automatically restore mock state and implementation before every test
-  // restoreMocks: false,
-
-  // The root directory that Jest should scan for tests and modules within
-  // rootDir: undefined,
-
-  // A list of paths to directories that Jest should use to search for files in
-  // roots: [
-  //   "<rootDir>"
-  // ],
-
-  // Allows you to use a custom runner instead of Jest's default test runner
-  // runner: "jest-runner",
-
-  // The paths to modules that run some code to configure or set up the testing environment before each test
-  // setupFiles: [],
-
-  // A list of paths to modules that run some code to configure or set up the testing framework before each test
-  // setupFilesAfterEnv: [],
-
-  // The number of seconds after which a test is considered as slow and reported as such in the results.
-  // slowTestThreshold: 5,
-
-  // A list of paths to snapshot serializer modules Jest should use for snapshot testing
-  // snapshotSerializers: [],
-
-  // The test environment that will be used for testing
-  testEnvironment: "@happy-dom/jest-environment",
-
-  // Options that will be passed to the testEnvironment
-  testEnvironmentOptions: {
-    resources: "usable",
-  },
-
-  // Adds a location field to test results
-  // testLocationInResults: false,
-
-  // The glob patterns Jest uses to detect test files
-  testMatch: [
-    "**/*.steps.[tj]s",
-    "**/__tests__/**/*.[jt]s?(x)",
-    "**/?(*.)+(spec|test).[tj]s?(x)",
-  ],
-
-  // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-  // testPathIgnorePatterns: [
-  //   "/node_modules/"
-  // ],
-
-  // The regexp pattern or array of patterns that Jest uses to detect test files
-  // testRegex: [],
-
-  // This option allows the use of a custom results processor
-  // testResultsProcessor: undefined,
-
-  // This option allows use of a custom test runner
-  // testRunner: "jest-circus/runner",
-
-  // A map from regular expressions to paths to transformers
-  transform: {
-    "^.+\\.(ts|tsx)?$": "ts-jest",
-    "^.+\\.(js|jsx)$": "babel-jest",
-  },
-
-  // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
-  transformIgnorePatterns: [
-    "node_modules/(?!(@open-wc|lit|jest-cucumber|lit-html|@lit|lit-element)/)",
-    "\\.pnp\\.[^\\/]+$",
-  ],
-
-  // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
-  // unmockedModulePathPatterns: undefined,
-
-  // Indicates whether each individual test should be reported during the run
-  // verbose: undefined,
-
-  // An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
-  // watchPathIgnorePatterns: [],
-
-  // Whether to use watchman for file crawling
-  // watchman: true,
-};