A React library to show an administrative UI for the Mock Service Worker JS library

Related tags

Miscellaneous ymock
Overview

MSW Admin UI

A minimal administrative UI for MSW.

Features

  • Lists the handlers (mocks) registered by MSW
  • Lets you override the mocked response
  • Lets you start/stop the worker

Contribute

Development

  • From the root of the project, run: yarn dev
  • The Admin UI lives at /, and receives the msw instance
  • The host app (which launches the Admin UI in a new window preloaded with msw) lives in /demo

TODO

  • The /demo route should be hidden in production
  • There's something not 100% working with the __ymock basepath
You might also like...
This project features basic simulations that show the effects of social distancing

This project features basic simulations that show the effects of social distancing

React Arts is a library of react functional component which provides canvas sketch board in the app.
React Arts is a library of react functional component which provides canvas sketch board in the app.

🎨 React Arts React Arts is a library of react functional component which provides canvas sketch board in the app. This library contains two react com

:fire: An extremely fast, React-like JavaScript library for building modern user interfaces
:fire: An extremely fast, React-like JavaScript library for building modern user interfaces

Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server. Description The main obje

📝 Self-configuring product tour library for React
📝 Self-configuring product tour library for React

React Spotlight Tour A self-configuring tutorial library for React. Blog | Docs | Demo | npm Features Clean and unobtrusive overlay to highlight the i

A lightweight react global state management library

Reate A lightweight react global state management library. ✨ Feature Simple and easy to use, only three APIs

A state management library for React, heavily inspired by vuex
A state management library for React, heavily inspired by vuex

A state management library for React, heavily inspired by vuex

⛵️ A React library for Solana account management and transaction processing.

sail ⛵️ A React library for Solana account management and transaction handling. Usage import { SailProvider } from "@saberhq/sail";

Tangle is a super simple, performant, event driven state library for React.
Tangle is a super simple, performant, event driven state library for React.

Tangle is a super simple, performant, event driven state library for React.

DataCamp's Design System and React component library.

DataCamp's Design System and React component library.

Comments
  • Create a UI to summon the app from a host app

    Create a UI to summon the app from a host app

    The app should provide a minimal, non-intrusive UI (such as the "proactive chat" buttons we see on many websites), always visible over the host app's UI. When interacted with, this UI will summon the app in a new window.

    feature 
    opened by aditecco 1
  • feat: Rewrite root module, define listeners, draft MockManager

    feat: Rewrite root module, define listeners, draft MockManager

    This proposal uses both methods addEventListener and sendMessage to create intercommunication between the actual client application and the mock manager interface. By the use of this technique, it is possible to override the MSW handlers, change the mocked data at runtime, and keep the code of the Mock Manager and the client app separated into two different components trees.

    To verify the behavior, do the following:

    1. Reinstall the dependencies, because I've updated react;
    2. Run the dev server with yarn run dev;
    3. Open it up at http://localhost:1234/;
    4. Submit the form;
    5. See the message returned by the worker at the HTTP call interception (This is the original response message);
    6. Click on "Open Mock Manager";
    7. Enter some data in the JSON editor and submit it;
    8. Return to the previous app (the one with the name-and-surname form) and try to submit the form again;
    9. See the mocked data overridden by the data you've just entered in the Mock Manager form.
    opened by almeida1492 0
  • Override mocks on a permanent basis, at runtime

    Override mocks on a permanent basis, at runtime

    The override should be applied permanently by default, and continue to operate until the user disables it.

    If the override is of the temporary type, it should run exactly once (see https://github.com/intesys/ymock/issues/4#issue-1250539039)

    feature 
    opened by aditecco 0
  • Serve a specific mock variant in response to a specific request

    Serve a specific mock variant in response to a specific request

    As different requests can be made to the same endpoint, based on the data provided during user interaction (i.e. different payloads, maybe with specific values, sent on a submit action), the app should provide the option to serve a specific mock variant in response to a specific request.

    feature 
    opened by aditecco 0
Owner
Intesys
Intesys
Shows how to use phan-wallet-mock to test wallet functionality of a react app with Cypress.

Cypress Starter Kit A no-nonsense Cypress template for copying into new or existing projects, with some sensible defaults and useful helper functions.

Thorsten Lorenz 5 Dec 5, 2022
Interview Scheduler is a mock application that allows users to book and cancel interviews.

Interview Scheduler Project Interview Scheduler is a mock application that allows users to book and cancel interviews. Setup Install dependencies with

Alvin 1 May 27, 2022
Open source authentication and authorization service, container-native, PassportJS-native, built with React and Node.

id6 Authentication and authorization as a service Docs - Twitter Why id6 ? I wrote id6 out of frustration of re-writing authentication and authorizati

id6 12 Oct 31, 2021
React implementation of the service locator pattern using Hooks, Context API, and Inversify.

React Service Locator An implementation of the service locator pattern for React 16.13+ using Hooks, Context API, and Inversify. Features Service cont

Carlos González 22 Oct 10, 2022
Food Service Prototype. React/Redux/Typescript/UIKit/Sass

Food Service Prototype. React/Redux/Typescript/UIKit/Sass

Mihail Nesterov 2 Feb 19, 2022
A React Typescript search interface for the popular Giphy.com service.

giphy-search A React Typescript search interface for the popular Giphy.com service. Lets get to it Scope We want you to create a search interface for

null 1 May 18, 2022
Inteliver React SDK. Inteliver is an image management as a service.

This repository is Inteliver's official SDK for react framework. Using this SDK you can integrate your react project with inteliver image management service.

Inteliver 2 Sep 8, 2022
Carpooling service, connecting people and enable sharing time together

Carpooling service, connecting people and enable sharing time together

Chiwon Choi 0 Dec 24, 2021
Auth Service sample source. It supports Solana and EVM-compatiable chains

This repository is Auth Service sample source. It supports Solana and EVM-compatiable chains, more chains and more features coming soon! Learn more visit Particle Network.

Particle Network 7 Aug 20, 2022
An application for use in recording the details and maintenance history of the air conditioning assets of an HVAC service provider.

This is an application for use in recording the details and maintenance history of the air conditioning assets of an HVAC service provider. It has been developed using a MERN SPA framework and accordingly, utilizes a MongoDB database, Express, React and Node with GraphQL.

Mark Horsfall 3 Apr 15, 2022