@mxenabled/web-connect-widget-sdk 0.0.1 → 0.0.2

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "@mxenabled/web-connect-widget-sdk",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "MX Connect Web Widget SDK",
+  "files": [
+    "dist"
+  ],
   "main": "dist/index.js",
   "type": "module",
+  "types": "dist/index.d.ts",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": false
   },
   "repository": {
     "type": "git",
@@ -39,9 +44,7 @@
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.48.0",
     "vite": "^7.0.0",
-    "vitest": "^4.0.18"
-  },
-  "dependencies": {
+    "vitest": "^4.0.18",
     "vite-plugin-dts": "^4.5.4"
   }
 }

package/.prettierignore

@@ -1,3 +0,0 @@
-node_modules
-
-dist

package/.prettierrc

@@ -1,6 +0,0 @@
-{
-  "semi": true,
-  "singleQuote": true,
-  "trailingComma": "es5",
-  "printWidth": 80
-}

package/eslint.config.js

@@ -1,24 +0,0 @@
-import js from '@eslint/js';
-import tseslint from 'typescript-eslint';
-import prettier from 'eslint-plugin-prettier/recommended';
-import { defineConfig, globalIgnores } from 'eslint/config';
-
-export default defineConfig([
-  globalIgnores(['dist', 'node_modules']),
-  {
-    files: ['**/*.{ts,js}'],
-    extends: [
-      js.configs.recommended,
-      ...tseslint.configs.recommended,
-      prettier,
-    ],
-    languageOptions: {
-      ecmaVersion: 2024,
-      sourceType: 'module',
-      parser: tseslint.parser,
-      parserOptions: {
-        tsconfigRootDir: import.meta.dirname,
-      },
-    },
-  },
-]);

package/src/ConnectWidget.test.ts

@@ -1,116 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { getByTestId, queryByTestId } from '@testing-library/dom';
-import { ConnectWidget } from './ConnectWidget';
-
-const widgetContainerId = 'widget-container';
-const testId = 'connect-widget-iframe';
-
-const createDOM = () => {
-  const div = document.createElement('div');
-  div.id = widgetContainerId;
-  document.body.appendChild(div);
-
-  return div;
-};
-
-describe('ConnectWidget', () => {
-  let container: HTMLElement;
-
-  beforeEach(() => {
-    container = createDOM();
-  });
-  afterEach(() => {
-    document.body.replaceChildren();
-  });
-
-  it('mounts and unmounts without error', () => {
-    const widget = ConnectWidget({
-      containerSelector: `#${widgetContainerId}`,
-      iframeProps: {
-        'data-testid': 'connect-widget-iframe',
-      },
-      url: 'https://example.com',
-    });
-
-    widget.mount();
-
-    const iframe = getByTestId(container, testId);
-
-    expect(iframe).toBeTruthy();
-
-    widget.unmount();
-
-    expect(queryByTestId(container, testId)).toBeFalsy();
-  });
-
-  it('sets data attributes, styles, and other iframe props correctly', () => {
-    const widget = ConnectWidget({
-      containerSelector: `#${widgetContainerId}`,
-      iframeProps: {
-        'data-testid': testId,
-        'data-custom-attr': 'customValue',
-        title: 'Connect Widget Iframe',
-        style: {
-          border: 'solid 1px black',
-          height: '50px',
-          width: '50px',
-        },
-      },
-      url: 'https://example.com',
-    });
-
-    widget.mount();
-
-    const iframe = getByTestId(container, testId);
-
-    expect(iframe).toBeTruthy();
-    expect(iframe).toHaveAttribute('data-custom-attr', 'customValue');
-    expect(iframe).toHaveAttribute('title', 'Connect Widget Iframe');
-    expect(iframe).toHaveStyle({
-      width: '50px',
-      height: '50px',
-    });
-    expect(iframe.style.border).toBe('1px solid black');
-
-    widget.unmount();
-  });
-
-  it('defaults height and width to 100% if not provided in styles, but still uses the rest of the provided styles', () => {
-    const widget = ConnectWidget({
-      containerSelector: `#${widgetContainerId}`,
-      iframeProps: {
-        'data-testid': testId,
-        style: {
-          border: 'solid 1px black',
-        },
-        title: 'Connect Widget Iframe',
-      },
-      url: 'https://example.com',
-    });
-
-    widget.mount();
-
-    const iframe = getByTestId(container, testId);
-
-    expect(iframe).toBeTruthy();
-    expect(iframe).toHaveStyle({
-      width: '100%',
-      height: '100%',
-    });
-
-    expect(iframe.style.border).toBe('1px solid black');
-
-    widget.unmount();
-  });
-
-  it('throws an error if the container element is not found when mounting', () => {
-    const widget = ConnectWidget({
-      containerSelector: '#non-existent-container',
-      url: 'https://example.com',
-    });
-
-    expect(() => widget.mount()).toThrowError(
-      'Container with selector "#non-existent-container" not found.'
-    );
-  });
-});

package/src/ConnectWidget.ts

@@ -1,50 +0,0 @@
-interface ConnectWidgetProps {
-  containerSelector: string;
-  iframeProps?: Record<string, unknown>;
-  url: string;
-}
-
-export const ConnectWidget = ({
-  containerSelector,
-  iframeProps,
-  url,
-}: ConnectWidgetProps) => {
-  const iframe = document.createElement('iframe');
-
-  const { style: iframeStyle, ...restIframeProps } = iframeProps || {};
-
-  const style = {
-    height: '100%',
-    width: '100%',
-    ...(iframeStyle ?? {}),
-  };
-
-  Object.assign(iframe.style, style);
-
-  for (const [key, value] of Object.entries(restIframeProps)) {
-    if (key.startsWith('data-')) {
-      iframe.setAttribute(key, String(value));
-    } else {
-      Object.assign(iframe, { [key]: value });
-    }
-  }
-
-  iframe.src = url;
-
-  return {
-    mount: () => {
-      const container = document.querySelector(containerSelector);
-
-      if (!container) {
-        throw new Error(
-          `Container with selector "${containerSelector}" not found.`
-        );
-      }
-
-      container.appendChild(iframe);
-    },
-    unmount: () => {
-      iframe.remove();
-    },
-  };
-};

package/src/index.ts

@@ -1 +0,0 @@
-export { ConnectWidget } from './ConnectWidget';

package/testSetup.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/vitest';

package/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "types": ["vite/client", "vitest/globals", "@testing-library/jest-dom"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/vite.config.ts

@@ -1,18 +0,0 @@
-/// <reference types="vitest/config" />
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
-
-export default defineConfig({
-  build: {
-    lib: {
-      entry: 'src/index.ts',
-      name: 'index',
-      fileName: 'index',
-    },
-  },
-  plugins: [dts()],
-  test: {
-    environment: 'jsdom',
-    setupFiles: ['./testSetup.ts'],
-  },
-});