Light

everfund / sdks Goto Github PK

View Code? Open in Web Editor NEW

23.0 1.0 3.0 9.74 MB

Everfund is a plug and play Donation System. Get peace of mind with secure, extensible charity donation system that’s built to scale. All with a few lines of code.

Home Page: https://docs.everfund.com

License: MIT License

JavaScript 18.28% TypeScript 67.24% CSS 2.92% PHP 9.05% SCSS 2.51%

donations charity-donation-system donate gatsby nextjs ngo react seveltekit vue donation-form

sdks's Introduction

Everfund helps web devs integrate donations with all the components they need to help ship modern nonprofit websites faster in a dev-first platform that abstracts the complexity of building from scratch

Documentation and Usage

For how to get started with Everfund, you can refer to the official documentation page.

For JavaScript environments/platforms that Everfund supports, there should be a specific package corresponding to the respective technology.

pnpm i @everfund/js-sdk
# or
yarn add @everfund/js-sdk
# or
npm install @everfund/js-sdk

Packages

For package specific details on installation, architecture and usage usage, you can refer to the package's README file.

@everfund/js-sdk: Functionalities regarded as "core" for Everfund to operate with.
@everfund/react-sdk: Everfund package for React applications.

Additionally there are packages which act as shared utilities or building blocks.

Setup

Clone the repository.
pnpm install.
pnpm build.

See the docs folder for additional repository documentation.

Contributing

At Everfund, we strive to create an inclusive and welcoming environment for all contributors.

To ensure a productive and respectful experience for everyone involved, we have established a few ground rules.

Please review our Code of Conduct before getting started.

If you're new to the project, you may want to start with one of our designated "good first issues" These issues are specifically chosen to be accessible and easy to understand, making them a great introduction to the project.

Together, let's build something amazing!

License

This project is licensed under the MIT license.

See LICENSE for more information.

sdks's People

Contributors

Stargazers

Watchers

Forkers

csellis willdeaf danial-ux

sdks's Issues

Accessibility focus issues with the modal

Describe the bug
When the Everfund modal is activated the users focus should be brough into the modal. Whilst the modal is open, the users keyboard focus should be unable to escape contents of the modal. Upon close of the modal the focus should be restored to button that activated the modal.

To Reproduce
Steps to reproduce the behaviour:

Open the model, the focus remains on the button that activate the modal.
Tab around and eventually you'll be able to tab outside of the modal.
Close the modal and you're focus isn't taken back the activating button.

Expected behavior
The focus behaviour should match the WAI-ARIA authoring practices on modals

[SDK] Redirect if cors blocks iframe.

Redirect the user to everfund through url, instead of iframe if it is blocked

#22 - could be a possible work around for this.

PHP Example

Is your feature request related to a problem? Please describe.
A PHP Example

Describe the solution you'd like
A simple PHP Example that could be added to the documentation + example folder

Additional context
A simple php example would show that everfund can be used across web frame works with little amount of work.

CORS Issue. Uncaught DOMException: Blocked a frame with origin.

Describe the bug
They seems to be a CORS issue with the IFrame SDK when trying to connect to the donation-gateway (evr.fund)

To Reproduce
Steps to reproduce the behavior:

Go to 'https://www.rensoc.org.uk/'
Click on 'Donate'
See error 'Uncaught DOMException: Blocked a frame with origin "https://www.rensoc.org.uk" from accessing a cross-origin frame.'

Expected behavior
It should just open the donation gateway, seems to be happening on safari and edge

Desktop (please complete the following information):

OS: macOS
Browser Edge
Wordpress hosted on useflywheel
Gateway hosted on vercel

[SDK] Re-enable scroll after close or on errror

Vue Example

It would be great to get a demo of put together using the @everfund/sdk in vue

React Example

It would be great to get a demo of put together using the @everfund/sdk in React

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

npm

package.json

@babel/core ^7.17.9

@babel/preset-env ^7.16.11

@babel/preset-react ^7.16.7

@babel/preset-typescript ^7.16.7

@commitlint/parse ^16.2.1

@rollup/plugin-babel ^5.3.1

@rollup/plugin-commonjs ^22.0.1

@rollup/plugin-node-resolve ^13.2.1

@rollup/plugin-replace ^4.0.0

@rollup/plugin-typescript ^8.3.2

concurrently ^7.3.0

core-js ^3.22.3

current-git-branch ^1.1.0

git-log-parser ^1.2.0

lerna ^4.0.0

luxon ^2.3.2

microbundle ^0.15.0

prettier ^2.7.1

prettier-package-json ^2.6.4

prettier-plugin-sort-imports ^1.7.0

rollup ^2.70.2

rollup-plugin-dts ^4.2.2

rollup-plugin-size ^0.2.2

rollup-plugin-svelte ^7.1.0

rollup-plugin-terser ^7.0.2

rollup-plugin-uglify ^6.0.4

rollup-plugin-visualizer ^5.6.0

stream-to-array ^2.3.0

svelte 3.49.0

ts-node ^10.9.1

tsc ^2.0.4

typescript ^4.7.4

yarn 3.2.0

packages/js-sdk/package.json

body-scroll-lock ^4.0.0-beta.0

goober ^2.1.9

@types/body-scroll-lock ^3.1.0

@types/element-closest ^3.0.0

genversion ^3.1.1

typescript ^4.6.4

node >=12

packages/react-sdk/package.json

@types/react ^18.0.15

react ^18.2.0

react-dom ^18.2.0

typescript ^4.7.4

react >=16

react-dom >=16

node >=12

Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.