Hi Github 👋
I'm Charles, and I am dedicated to creating an open-source alternative to Salesforce. It's called Twenty, and you can track our progress on https://github.com/twentyhq/twenty/
![image](https://private-user-images.githubusercontent.com/12035771/273027668-d2afb5d5-904c-4153-b425-8d255b25c295.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgwMzQxOTEsIm5iZiI6MTcxODAzMzg5MSwicGF0aCI6Ii8xMjAzNTc3MS8yNzMwMjc2NjgtZDJhZmI1ZDUtOTA0Yy00MTUzLWI0MjUtOGQyNTViMjVjMjk1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEwVDE1MzgxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI3OTc4MmQ4ZGU4OGY2OWVhZjJhNmQwMzNlNmVjMmM1OWY1Mzg0ZmQ5NmM5YzUwYzhkYmNlZDM4ZDFhZDJiYjYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.U_uZDyyxBnb2X77_KCyk8Bv_dHzyJrJtbiEUG2Olrxw)
Progressive Web Application made with VueJS
Hi Github 👋
I'm Charles, and I am dedicated to creating an open-source alternative to Salesforce. It's called Twenty, and you can track our progress on https://github.com/twentyhq/twenty/
Thank you for your work. When i run "npm run dev" and then ngrok http 8080 , everything is good.
But when i go on my http://xxxxxx.ngrok.io or https://xxxxxx.ngrok.io on my phone, the app is not installable. And on my computer, when i run lighthouse, it gave me some failed audits.
Progressive web app section :
5 Failed Audits
What i made wrong ?
After I clone this project then npm run dev
, then I operate the page, the url changed.
Then the animation of material-design will fail.
Perhaps this is not an issue but rather my error. Any help would be appreciated.
I downloaded the entire repository, unzip, npm install, etc. I substituted my Firebase.js from the one in the repository. It works fine if I reset the Firebase database rules to:
{
“rules”: {
“.read”: “true”,
“.write”: “true”
}
}
But, I get this response when attempting to use the authentication:
database.js?68c5:220 Uncaught (in promise) Error: PERMISSION_DENIED: Permission denied
Here's my firebase.js, which I've edited for security reasons:
import firebase from 'firebase'
// Initialize Firebase
var config = {
apiKey: 'AIzaSyDxRkilOzgKkk4o4fi26ThFaZ0xDBlH92I',
authDomain: 'cropchat-XXXXX.firebaseapp.com',
databaseURL: 'https://cropchat-XXXXX.firebaseio.com',
// projectId: 'cropchat-XXXXX',
storageBucket: 'cropchat-XXXXX.appspot.com',
messagingSenderId: '99128877748'
}
firebase.initializeApp(config)
export default {
database: firebase.database()
}
Suggestions?
In windows, there are so many problems for installing dependencies. First, when I try to install the dependencies I came across the problem of the need of vs-build a common problem in windows. I install the window-build-tools. But when I tried to npm run dev, another problem generated:
> [email protected] dev C:\Users\neal1\project\cropchat
> node build/dev-server.js
C:\Users\neal1\project\cropchat\node_modules\.1.2.1@bindings\bindings.js:91
throw err
^
Error: Could not locate the bindings file. Tried:
→ C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\build\lwip_image.node
→ C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\build\Debug\lwip_image.node
→ C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\build\Release\lwip_image.node
→ C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\out\Debug\lwip_image.node
→ C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\Debug\lwip_image.node
→ C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\out\Release\lwip_image.node
→ C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\Release\lwip_image.node
→ C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\build\default\lwip_image.node
→ C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\compiled\7.9.0\win32\x64\lwip_image.node
at bindings (C:\Users\neal1\project\cropchat\node_modules\.1.2.1@bindings\bindings.js:88:9)
at C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\lib\Image.js:3:41
at Object.<anonymous> (C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\lib\Image.js:16:3)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\lib\ImagePrototypeInit.js:3:17
at Object.<anonymous> (C:\Users\neal1\project\cropchat\node_modules\.0.0.9@lwip\lib\ImagePrototypeInit.js:620:3)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev"
npm ERR! node v7.9.0
npm ERR! npm v4.2.0
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `node build/dev-server.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script 'node build/dev-server.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the cropchat package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node build/dev-server.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs cropchat
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls cropchat
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\neal1\AppData\Roaming\npm-cache\_logs\2017-05-12T09_44_09_225Z-debug.log
I have tried to execute npm rebuild in node_modules, but it does not work still.
👋 Hello, we've received a report for a potential critical severity security issue in your repository.
1️⃣ Visit https://huntr.dev/bounties/1-other-charlesBochet/cropchat for more advisory information.
2️⃣ Sign-up to validate or speak to the researcher for more assistance.
3️⃣ Propose a patch or outsource it to our community.
Join us on our Discord and a member of our team will be happy to help! 🤗
Speak to a member of our team: @JamieSlome
This issue was automatically generated by huntr.dev - a bug bounty board for securing open source code.
Opening /camera in Chrome on an Android phone produces a DOMException:
CameraView.vue
navigator.mediaDevices.getUserMedia({ video: true })
.then(stream => {
let video = this.$refs.video
video.srcObject = mediaStream
video.play()
//video.onloadedmetadata = x => { video.play() }
console.log('video stream loaded')
})
.catch(err => { console.log(err); throw err })
index.html
<script>
(function () {
var src = '//cdn.jsdelivr.net/npm/eruda';
document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');})();
</script>
Modified the code to include Eruda console and throw any errors.
After project install and first run, when I try to add app to homescreen, I've got the error
Site cannot be installed: no matching service worker detected. You may need to reload the page, or check that the service worker for the current page also controls the start URL from the manifest
on localhost and also when I'm forwarding to ngrok
Hi @charlesBochet
Im reading your series in https://blog.sicara.com/a-progressive-web-application-with-vue-js-webpack-material-design-part-1-c243e2e6e402 . Can you update code to part 3 soon?
i need a good example about working with Service Worker.
Thanks gúy
I doubt this is an issue with your repo, but I tried installing pwa-manifest-webpack-plugin and got the following error:
[email protected] install: node-gyp rebuild
Exit status 1
Failed at the [email protected] install script 'node-gyp rebuild'.
Does that look familiar?
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.