fireactjs / saas Goto Github PK
View Code? Open in Web Editor NEWA fully functional React web application for SaaS projects. It's built with React, Firebase and Stripe.
A fully functional React web application for SaaS projects. It's built with React, Firebase and Stripe.
Hi Chaoming Li, thanks for this amazing starter template. I am new to web dev so this has been much of help.
I just wanted to ask that why do we need "adminRefs" in our database? Like we already have the "admin" array to check if user has the permissions.
npm audit fix --force
npm WARN using --force Recommended protections disabled.
npm WARN audit No fix available for react-scripts@>=2.1.4
npm WARN audit Updating @fireactjs/saas to 1.2.0, which is a SemVer major change.
npm WARN audit No fix available for @fireactjs/core@*
npm WARN audit No fix available for @fireactjs/saas-cloud-functions@*
removed 4 packages, changed 1 package, and audited 1836 packages in 7s
degenerator <3.0.1
Severity: high
Code Injection in pac-resolver - GHSA-9j49-mfvp-vmhm
No fix available
node_modules/degenerator
pac-resolver <=4.2.0
Depends on vulnerable versions of degenerator
Depends on vulnerable versions of netmask
node_modules/pac-resolver
pac-proxy-agent <=4.1.0
Depends on vulnerable versions of pac-resolver
node_modules/pac-proxy-agent
proxy-agent 1.1.0 - 4.0.1
Depends on vulnerable versions of pac-proxy-agent
node_modules/proxy-agent
mailgun-js >=0.6.8
Depends on vulnerable versions of proxy-agent
node_modules/mailgun-js
@fireactjs/saas-cloud-functions *
Depends on vulnerable versions of mailgun-js
node_modules/@fireactjs/saas-cloud-functions
netmask <=2.0.0
Severity: critical
Improper parsing of octal bytes in netmask - GHSA-4c7m-wxvm-r7gc
netmask npm package mishandles octal input data - GHSA-pch5-whg9-qr2r
No fix available
node_modules/netmask
nth-check <2.0.1
Severity: high
Inefficient Regular Expression Complexity in nth-check - GHSA-rp65-9cf3-cjxr
No fix available
node_modules/svgo/node_modules/nth-check
css-select <=3.1.0
Depends on vulnerable versions of nth-check
node_modules/svgo/node_modules/css-select
svgo 1.0.0 - 1.3.2
Depends on vulnerable versions of css-select
node_modules/svgo
@svgr/plugin-svgo <=5.5.0
Depends on vulnerable versions of svgo
node_modules/@svgr/plugin-svgo
@svgr/webpack 4.0.0 - 5.5.0
Depends on vulnerable versions of @svgr/plugin-svgo
node_modules/@svgr/webpack
react-scripts >=2.1.4
Depends on vulnerable versions of @svgr/webpack
Depends on vulnerable versions of resolve-url-loader
node_modules/react-scripts
@fireactjs/core *
Depends on vulnerable versions of react-scripts
node_modules/@fireactjs/core
@fireactjs/saas *
Depends on vulnerable versions of @fireactjs/core
Depends on vulnerable versions of react-scripts
node_modules/@fireactjs/saas
postcss <8.4.31
Severity: moderate
PostCSS line return parsing error - GHSA-7fh5-64p2-3v2j
No fix available
node_modules/resolve-url-loader/node_modules/postcss
resolve-url-loader 0.0.1-experiment-postcss || 3.0.0-alpha.1 - 4.0.0
Depends on vulnerable versions of postcss
node_modules/resolve-url-loader
17 vulnerabilities (4 moderate, 12 high, 1 critical)
Some issues need review, and may require choosing
a different dependency.
This is due to the payment method is assigned to the customer in stripe. I am going to put in a new field owner
in the account
documents to specify who is the user that created the account
, and limit the update payment method and change plan to this user only.
Also, the role of the owner
cannot be changed in the system.
Hi,
I think I visited the demo several days ago and it looked like this
And now there is a material theme. How is it possible to change the theme back? As for me, the material theme looks worse and the previous one was much better for fast deployment. Or maybe you can help with some links how to change themes of MUI and where to search for nice themes? I am just not a web developer.
Thanks for the great work!
Dmitry
I have a firebase price of "0" - Free option setup like the demo, but I'm getting this error.
https://www.dropbox.com/s/n02sld6y4w257ff/Screen%20Shot%202021-11-19%20at%2011.25.32%20AM.png?dl=0
Stripe:
https://www.dropbox.com/s/w04cc3j9pgncooe/Screen%20Shot%202021-11-19%20at%2011.26.13%20AM.png?dl=0
Firebase:
https://www.dropbox.com/s/4h8xfpfxa9qjayv/Screen%20Shot%202021-11-19%20at%2011.26.48%20AM.png?dl=0
Any thoughts?
Per documentation:
Note that we require Stripe.js for all applications—you won't be allowed to send credit card data directly from your server.
How are you able to pass the details directly? Shouldn't you create a token with Stripe Checkout or Stripe.js first?
Hi @chaoming ,
I would like to contribute to this project by adding Cypress tests, how can I proceed with it?
Thanks.
Hi,
When you have plans with multiple prices, the order in which they're displayed can get messy.
I propose this is solved by ascent ordering them
See PR #5 :)
need help any idea? or i missed setupng from firebase, testing it in local build, happens in adding account name
Hi Chaoming Li,
Thanks a lot for the Fireact project. It saves lot of time in implementing e2e SaaS app. One question, while selecting subscription and make credit card payment, it asks only credit card number, but I need to also show name and address also as shown in the attachment. Is it possible to include this change in fireact?.
Running npm install
leads to a core-js@<3.3 is no longer maintained and not recommended for usage
error?
You have a permissions object in the cloud functions config but not he src/config.json file
First - Amazing project. You saved me like 2 weeks of development with this boilerplate. Installed in 10 minutes and worked perfectly first try.
Is there a function in the boilerplate thats used to check if a user is subscribed so I can implement paywalled content? i.e. hasActiveSubscription()?
Hello. This product looks great to save time on what I'm attempting to build. It's also my first React project, so sorry if these are common issues.
I'm working with an M1 iMac and I can't 'build install' without errors. Doing things one at a time, it looks like it's the Stripe stuff causing problems. I've tried installing node via brew both native and using Rosetta and I've even tried running the npm commands via Rosetta. I can attach the error messages if it'll help (once I get back to that machine). I'm just curious if anyone else here is working with an M1 Mac and had problems and how you got around them. I can get to an Intel Mac later today I can try on, but I'd love to be able to work on the iMac if possible. Thanks.
I have setup custom domain in Mailgun .and it is working fine in Postman.
But if I use the same configuration in the mailgun.json, and testing the user invite function, it is not working.
Is there any other parameter should i add in the mailgun.json file?
"api_key": "<my private api key",
"domain": "https://api.mailgun.net/v3/my custom domain/messages",
"site_name": "my custom domain",
"from": "mailgun@my custom domain",
"invite_url": "https://my custom domain/invite"
How about integrating React-Admin
?
Ref: https://github.com/marmelab/react-admin
How to setup trial subscription products in FIREACT. In Stripe, I could not find the option to setup trial products.
Need to code this function?
Not an issue actually, I just want to ask if we need to add idempotency key to avoid multiple card charge incidents.
WARNING in ./node_modules/@firebase/webchannel-wrapper/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:\proj2022\chatgpt_toB\saas\node_modules@firebase\webchannel-wrapper\dist\src\com\google\javascript\jscomp\js\util\owns.js' file: Error: ENOENT: no such file or directory, open 'F:\proj2022\chatgpt_toB\saas\node_modules@firebase\webchannel-wrapper\dist\src\com\google\javascript\jscomp\js\util\owns.js'
WARNING in ./node_modules/@firebase/webchannel-wrapper/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:\proj2022\chatgpt_toB\saas\node_modules@firebase\webchannel-wrapper\dist\src\com\google\javascript\jscomp\js\util\polyfill.js' file: Error: ENOENT: no such file or directory, open 'F:\proj2022\chatgpt_toB\saas\node_modules@firebase\webchannel-wrapper\dist\src\com\google\javascript\jscomp\js\util\polyfill.js'
Hi, thanks for a great repo!
I managed to deploy it to firebase hosting following your documentation. However, there is an issue in the deployed website, which does not reproduce locally or at your demo page.
So https://demo.fireact.dev/
get's redirected to https://demo.fireact.dev/signin?re=/
and if you then press F5, the page will reload well to the same as before reloading.
If I do npm run start
locally and do the same on localhost -- also works without problems.
Once I do firebase deploy
and try it on the hosted website -- F5 turns into 404. You can try it here: [deleted link] . Can you please help fixing this?
For some reason, when running locally (using npm run start), the javascript for coreui (called from the <script> element in public/index.html) doesn't appear to be running, so there's no window.coreui object available in my console (so I'm throwing an error when trying to call Sidebar._sidebarInterface(element) in src/components/menus/AppMenu/index.js:8, see image attached). The hosted version on firebase works perfectly, however. Any idea why I wouldn't be able to load the coreui javascript locally or how to solve this?
Ps. very cool project, thanks for putting it together!
Hi Chaoming! First of all thanks for the generosity with this effort!
I've been trying to make this work but when it's hosted up on Firebase I just see a blank page, even though the deployment ends successfully. When I open it in localhost everything works as expected. I'm afraid there might be something wrong in my firebase.json
file, as there's none in your repo that I can reference. Would it make sense to add it to the repo so we check? Here's my version of it:
{
"firestore": {
"rules": "firestore.rules",
"indexes": "firestore.indexes.json"
},
"functions": {
"predeploy": [
"npm --prefix \"$RESOURCE_DIR\" run lint"
],
"source": "functions"
},
"hosting": {
"public": "public",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
There might be something very obvious I'm missing as I'm new to React.
Thanks again!
Hi,
How to test following cloud functions?.
acceptInvite
getInvite
inviteEmailToAccount
I added new users (mix of "admin" and "user") to an account, but not sure how to test above scenario.
https://REDACTED.cloudfunctions.net/fireactjsSaas-createSubscription
gives " 500 Internal Server Error"
Since I followed the tutorial to the tea, I assume the problem is with the functions package? Any idea what's wrong?
Hi, having a monthly subscription in stripe (as setup via your documentation) the invoice billing period doesn't show the entire month of the subscription. Is this a bug or is it supposed to show this?
...
Created Time:
5/4/2021, 3:28:06 PM
Billing Period:
5/4/2021, 3:28:06 PM ~ 5/4/2021, 3:28:06 PM
....
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.