This repo contains a collection of web components for quickly integrating Request Network into your web application.
The components are built using Svelte but compiled to Web Components making them usable in any web environment, regardless of the framework.
Usage depends on the component. See packages/<package>/README.md
Component | NPM Package |
---|---|
@requestnetwork/add-stakeholder | |
@requestnetwork/create-invoice-form | |
@requestnetwork/invoice-dashboard | |
@requestnetwork/payment-widget | |
@requestnetwork/shared |
# Clone the repository
git clone https://github.com/RequestNetwork/web-components.git
# Navigate into the cloned repository
cd web-components
# Install all dependencies
npm install
# Build all packages locally
npm run build
# Link local web-component packages into your app
npm run link:all --app-path=/path/to/app
## Examples
npm run link:all --app-path=../invoicing-template
npm run link:all --app-path=../rn-checkout
# Navigate to your project directory where the web components are used
cd <project>
# Use local packages instead of the deployed ones
npm link @requestnetwork/create-invoice-form @requestnetwork/invoice-dashboard
npm link @requestnetwork/payment-widget
Further details specific to the component can be found in the relevant pacakges//README.md
npm run deep-clean
Run a command in the context of all workspaces. Ignore workspaces missing target script.
npm run test --workspaces --if-present
Run a command in the context of specific workspaces.
npm run test --workspace=add-stakeholder --workspace=other
For more info about workinng with NPM workspaces see: https://docs.npmjs.com/cli/v8/using-npm/workspaces