twd-js 0.3.0 → 0.3.1

package/README.md

@@ -8,7 +8,6 @@
 
 > ⚠️ This is a **beta release** – expect frequent updates and possible breaking changes.
 
-
 TWD (Testing Web Development) is a library designed to seamlessly integrate testing into your web development workflow. It streamlines the process of writing, running, and managing tests directly in your application, with a modern UI and powerful mocking capabilities.
 
 Currently, TWD supports React, with plans to add more frameworks soon.
@@ -39,23 +38,22 @@ yarn add twd-js
 pnpm add twd-js
 ```
 
-
 ## Quick Start
 
 1. **Add the TWD Sidebar to your React app:**
 
    ```tsx
-   import { StrictMode } from 'react';
-   import { createRoot } from 'react-dom/client';
-   import App from './App';
-   import './index.css';
-   import { TWDSidebar } from 'twd-js';
+   import { StrictMode } from "react";
+   import { createRoot } from "react-dom/client";
+   import App from "./App";
+   import "./index.css";
+   import { TWDSidebar } from "twd-js";
 
-   createRoot(document.getElementById('root')!).render(
+   createRoot(document.getElementById("root")!).render(
      <StrictMode>
        <App />
        <TWDSidebar />
-     </StrictMode>,
+     </StrictMode>
    );
    ```
 
@@ -87,17 +85,18 @@ pnpm add twd-js
    - With Vite:
 
      ```ts
-    import { twd } from "twd-js";
+     import { twd } from "twd-js";
      // src/loadTests.ts
-    import.meta.glob("./**/*.twd.test.ts", { eager: true });
+     import.meta.glob("./**/*.twd.test.ts", { eager: true });
      // Initialize request mocking once
-     twd.initRequestMocking()
-      .then(() => {
-        console.log("Request mocking initialized");
-      })
-      .catch((err) => {
-        console.error("Error initializing request mocking:", err);
-      });
+     twd
+       .initRequestMocking()
+       .then(() => {
+         console.log("Request mocking initialized");
+       })
+       .catch((err) => {
+         console.error("Error initializing request mocking:", err);
+       });
      // No need to export anything
      ```
 
@@ -112,7 +111,7 @@ pnpm add twd-js
    Import `loadTests.ts` in your main entry (e.g., `main.tsx`):
 
    ```tsx
-   import './loadTests';
+   import "./loadTests";
    ```
 
 4. **Run your app and open the TWD sidebar** to see and run your tests in the browser.
@@ -121,7 +120,6 @@ pnpm add twd-js
 
 ## Mock Service Worker (API Mocking)
 
-
 TWD provides a CLI to easily set up a mock service worker for API/request mocking in your app. You do **not** need to manually register the service worker in your app—TWD handles this automatically when you use `twd.initRequestMocking()` in your tests.
 
 ### Install the mock service worker
@@ -129,7 +127,7 @@ TWD provides a CLI to easily set up a mock service worker for API/request mockin
 Run the following command in your project root:
 
 ```bash
-npx twd-mock init <public-dir> [--save]
+npx twd-js init <public-dir> [--save]
 ```
 
 - Replace `<public-dir>` with the path to your app's public/static directory (e.g., `public/` or `dist/`).
@@ -137,7 +135,6 @@ npx twd-mock init <public-dir> [--save]
 
 This will copy `mock-sw.js` to your public directory.
 
-
 ### How to use request mocking in your tests
 
 Just call `await twd.initRequestMocking()` at the start of your test, then use `twd.mockRequest` to define your mocks. Example:

package/dist/commands/mockBridge.d.ts

@@ -7,6 +7,7 @@ export type Rule = {
     request?: unknown;
     status?: number;
     headers?: Record<string, string>;
+    urlRegex?: boolean;
 };
 export interface Options {
     method: string;
@@ -14,6 +15,7 @@ export interface Options {
     response: unknown;
     status?: number;
     headers?: Record<string, string>;
+    urlRegex?: boolean;
 }
 /**
  * Initialize the mocking service worker.

package/dist/mock-sw.js

@@ -1 +1 @@
-function i(s,t,l){return l.find(e=>{const o=e.method.toLowerCase()===s.toLowerCase(),a=typeof t=="string"?e.url===t||e.url.includes(t):new RegExp(t).test(e.url);return o&&a})}function r(s,t,l){s.forEach(e=>e.postMessage({type:"EXECUTED",alias:t.alias,request:l}))}let n=[];self.addEventListener("fetch",s=>{const{method:t}=s.request,l=s.request.url,e=i(t,l,n);e&&(console.log("Mock hit:",e.alias,t,l),s.respondWith((async()=>{let o=null;try{o=await s.request.clone().text()}catch{}return self.clients.matchAll().then(a=>{r(a,e,o)}),new Response(JSON.stringify(e.response),{status:e.status||200,headers:e.headers||{"Content-Type":"application/json"}})})()))});self.addEventListener("message",s=>{const{type:t,rule:l}=s.data||{};t==="ADD_RULE"&&(n=n.filter(e=>e.alias!==l.alias),n.push(l),console.log("Rule added:",l)),t==="CLEAR_RULES"&&(n=[],console.log("All rules cleared"))});
+function i(s,t,l){return l.find(e=>{const n=e.method.toLowerCase()===s.toLowerCase();if(e.urlRegex){const r=new RegExp(e.url);return n&&r.test(t)}const a=e.url===t||t.includes(e.url);return n&&a})}function c(s,t,l){s.forEach(e=>e.postMessage({type:"EXECUTED",alias:t.alias,request:l}))}let o=[];self.addEventListener("fetch",s=>{const{method:t}=s.request,l=s.request.url,e=i(t,l,o);e&&(console.log("Mock hit:",e.alias,t,l),s.respondWith((async()=>{let n=null;try{n=await s.request.clone().text()}catch{}return self.clients.matchAll().then(a=>{c(a,e,n)}),new Response(JSON.stringify(e.response),{status:e.status||200,headers:e.headers||{"Content-Type":"application/json"}})})()))});self.addEventListener("message",s=>{const{type:t,rule:l}=s.data||{};t==="ADD_RULE"&&(o=o.filter(e=>e.alias!==l.alias),o.push(l),console.log("Rule added:",l)),t==="CLEAR_RULES"&&(o=[],console.log("All rules cleared"))});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twd-js",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Test While Developing (TWD) - in-browser testing",
   "main": "./dist/twd.umd.js",
   "module": "./dist/twd.es.js",