Giter Club home page Giter Club logo

q-municate-web's Introduction

Q-Municate

This project was bootstrapped with Create React App.

Configure application

You need to create a ".env" file. After that you need to set the following keys with your credentials:

# Firebase credentials
REACT_APP_FIREBASE_API_KEY=
REACT_APP_FIREBASE_APP_ID=
REACT_APP_FIREBASE_AUTH_DOMAIN=
REACT_APP_FIREBASE_DATABASE_URL=
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=
REACT_APP_FIREBASE_PROJECT_ID=
REACT_APP_FIREBASE_STORAGE_BUCKET=

# QuickBlox credentials
REACT_APP_QB_APP_ID=
REACT_APP_QB_ACCOUNT_KEY=
REACT_APP_QB_ENDPOINT_API=
REACT_APP_QB_ENDPOINT_CHAT=

# OpenAI Proxy and Auth endpoint
REACT_APP_API_BASE_URL=
REACT_APP_API_AUTH_PATH=

Q-Municate Server

For the application to work correctly, you must use Q-Municate Server. With its help, user authentication and the operation of all AI features take place.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

q-municate-web's People

Contributors

andrii-khomutovskyi-qb avatar artem-k-koltunov avatar kostiantyn-qb avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

q-municate-web's Issues

error in Grunt

Environment details
Windows OS

Expected behavior

Build success
Actual behavior

Error: Error: Module loading did not complete for: main, MainModule, SessionModule, cryptojs
Warning: Task "requirejs:dist" failed. Use --force to continue.

Any other Equivalent JS ?

Problem login whit Facebook

Hi, i have a new problem whit login whit facebook, i receive this alert:

captura de pantalla 2016-09-13 a las 18 02 56

I try to put this link http://api.quickblox.com/auth/facebook/callback in the facebook app adding a new site web in the configuration panel and put de link in the input text, without success.

I already put in admin panel from my quickblox acount the Facebook App ID and Facebook Secret key.

What is missing??

Sincerely
Roberto Carlos

grunt build fails

I'm trying to build the project using grunt and am having issues. My company just purchases a quickblox enterprise package and i'd like to begin working with this repo. Any help is appreciated. I can run the project from the /dist as it appears in the repo, but if I try to build it with grunt, the build fails. thanks for the help.

image

If I use grunt --force, here is the error message

image

Bad init

I have a issue where the web app fails to initialize correctly.
The last outputs in the logs are

QB init Object { app: Object } c62cc2fb.build.js:19:11974
Q-MUNICATE debug mode:c62cc2fb.build.js:19
App init Object { ... } c62cc2fb.build.js:19:11974
Q-MUNICATE debug mode:c62cc2fb.build.js:19
Materialize connected c62cc2fb.build.js:19:11783

We cant pinpoint a change where the error was introduced.
Code is just a couple of commits from the latest QM version - but no core is changed.
Error comes and goes. Reinstalling, walking up/down in the branches helps sometimes, sometimes not.
Another clue might be when I enabled SSL on the server two user browsers (FF) reacted differently:
person 1 SSL off OK!
person 2 SSL off error!
person 1 SSL on error!
person 2 SSL on OK!

Ideally one would get an error message or warning from the init methods assuming I did something wrong in my code? I have tracked the init methods of main.js, app.js, qbApiCalls into the SDK but was not able to grasp where it fails and if it is a bug or my own fault. In desperate need of pointers.
Thank you!

Grunt server outside

Hello, I want grunt server outside, if i set hostname in 0.0.0.0 and reload page with ip pubblic, it dosen't works!

j and l

Hello,

simple question:

What does j and l stand for in class-names?

canvas to blob is not a function

Environment details
Ubuntu 16.10; QB 1.11.0

Did this work before?
No

Expected behavior
Crop and attach image to chat

Actual behavior
image cant attached

Logs

Uncaught TypeError: canvas.toBlob is not a function
    at attach.js:67
    at Function.loadImage.transform (load-image.js:88)
    at Function.loadImage.onload (load-image.js:101)
    at HTMLImageElement.img.onload (load-image.js:27)

In this decision used this polyfil - Canvas to Blob, but i can't understand why it don't work

Xampp

How to install in windows xampp?

The app stay charging and cant log in.

Help avoid duplicate issue reports, check existing issues

Environment details
(Operating system, browser information, QM version)
Mac OX Yosemite 10.10.5, Opera 39.0 and Google Chrome 52.0.2743.116

Did this work before?
Yes, when i was working 6 months ago i can run, login, and videochat without problems.

Expected behavior
I run the aplication expecting that works fine.

Actual behavior
I run the aplication and in the menu of login, the buttons "log in" and "do you already have and acount" dont work. And i download the new source code and make the corresponding configurations and when i run "grunt build" the page charge in opera and loading remains unchanged.

Logs
(please, switch on a debugging mode and share us outputs uses github gist)

Steps to reproduce the behavior

Any others comments?

npm install error

I'm trying to install q-municate on my server but when I go 'npm install' I get this error:
npm WARN package.json q-municate @ No repository field.

What should I do?

Unable to invite anyone or see contacts

Something is not making sense to me. Please see my test site at http://eu.circledisk.com and sign up as a test user. Once in there, there is no way to invite a person. Secondly, when I sign up via facebook, instead of taking me directly to the dashboard, it prompts me to log in. On my dashboard, I also don't see any facebook invite. Am I missing something???

The app folder not working

Hi! The app folder don t work... Only the Dist folder, that doesn t allow me to login into the app works.. What should I do?

incorrect behavior

Help avoid duplicate issue reports, check existing issues

Environment details
(Operating system, browser information, QM version)
OS: Ubuntu 16.10, QB: 1.11.0

Did this work before?
No

Expected behavior
Alert message

Actual behavior
View activity indicator

Logs
(please, switch on a debugging mode and share us outputs uses github gist)

[Q-MUNICATE debug mode]:
helpers.js:259 {"errors":{"login":["has already been taken."]}}
qbApiCalls.js:259 Uncaught TypeError: Cannot read property '0' of undefined
    at qbApiCalls.js:259
    at quickblox.min.js:39
    at i.handleResponse (quickblox.min.js:42)
    at Object.error (quickblox.min.js:42)
    at p (quickblox.min.js:40)
    at Object.fireWith [as rejectWith] (quickblox.min.js:40)
    at n (quickblox.min.js:41)
    at XMLHttpRequest.<anonymous> (quickblox.min.js:41)

serve time grunt serve

Environment details
(Operating system, browser information, QM version)
Mac OSX Sierra

Quick question. What serve-time is normal for the web app? Am using the grunt serve as it comes when cloning this repo and I am at around 20 - 25 s? Is this normal or should it be faster?

Thank you!

Grunt build time

Environment details
win 10, chrome, latest release of QM

The grunt build time is currently at 37:46s. I am building around 60 -80 times a day... That lands me on a estimated hour of waiting. Do you have any tips of how to make this shorter while in dev-mode? Unnecessary stuff to comment out? Or perhaps something else?

mismatch Version declared in the json (2.12.0) is different than the resolved one (2.12.3)

Hello,
When I try to install quickblox q-municate-web by running following command

"Install nodeJS and Ruby before start.
Download the project from GitHub.
Run npm install -g bower in your terminal as an administrator.
Run gem install sass in your terminal as an administrator.
Run npm install -g grunt-cli in your terminal as an administrator.
Run bower install to install all additional packages in your terminal.
Run npm install to install all additional packages in your terminal as an administrator.
...
"

I get the blow problem

mismatch Version declared in the json (2.12.0) is different than the resolved one (2.12.3)

and hangup the installation

How can I resolve this?

Please help

Is web app working?

Hi there,

I'm trying to use your demo web app. I've already registered through mobile app (android) which is working. But there is no such behavior in this web demo.
So the question: is it working at all?
And what I'm doing wrong?

Thank you in advance for your response.
screenshot from 2016-05-16 12 01 49

cc @Vladlukhanin

language localization

Where find text string, "Video" and "Call" => "Исходящее Video Call, 00:00:01", that would change it on a string on Russian language
2

Waiting for offlinejs.com

Do you know why I might be getting a "Waiting for offlinejs.com" message while trying to grunt serve?

I get that message and Qmunicate is not responsive for ~15 seconds, after which login, FB login, and signin button do not work.

I am using quickblox 1.7.3.

Calls and video calls do not work on google chrome

I'm doing some tests to verify proper operation of all modules.

On firefox is the call that video call function properly but google chrome not.

This is my console once you click on the call button:

`[Q-MUNICATE debug mode]:
71cf2b13.build.js:6 Error NavigatorUserMediaError {name: "PermissionDeniedError", message: "Only secure origins are allowed (see: https://goo.gl/Y0ZkNV).", constraintName: ""} 71cf2b13.build.js:14

Uncaught TypeError: w.stop is not a function(anonymous function) @ 71cf2b13.build.js:14
dispatch @ 71cf2b13.build.js:4
q.handle @ 71cf2b13.build.js:4
trigger @ 71cf2b13.build.js:4
(anonymous function) @ 71cf2b13.build.js:
4each @ 71cf2b13.build.js:3
each @ 71cf2b13.build.js:3
trigger @ 71cf2b13.build.js:4
_.fn.(anonymous function) @ 71cf2b13.build.js:4
(anonymous function) @ 71cf2b13.build.js:14
(anonymous function) @ 71cf2b13.build.js:7
(anonymous function) @ quickblox.min.js:3
d.getUserMedia @ quickblox.min.js:3
e.getUserMedia @ 71cf2b13.build.js:7
g.startCall @ 71cf2b13.build.js:14
(anonymous function) @ 71cf2b13.build.js:14
dispatch @ 71cf2b13.build.js:4
q.handle @ 71cf2b13.build.js:4`

What should I change to solve this problem?

Release notes for new update?

Hello an thanks for this open source code!

I wonder is there an update coming soon and if so is there any release notes for that yet?

q-municate doesn't run

hello,i download q-municate web from https://github.com/QuickBlox/q-municate-web/tree/master and try to run it with grunt follwing the guide in in the same link i have this errors in the console:

Failed to load resource: the server responded with a status of 404 (Not Found)firebase.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)require.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)quickblox.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)firebase.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)require.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)main.js:5 Uncaught ReferenceError: requirejs is not definedat main.js:5

i set the endpoints, appID, authKey and authSecret correctly.Can i have a help ?
best regards

Cant attach images

Pulled a fresh copy, added configs, tried to send an image attachment.

87cce1dd.build.js:13 Uncaught TypeError: a.toBlob is not a function
    at 87cce1dd.build.js:13
    at Function.b.transform (87cce1dd.build.js:13)
    at Function.b.onload (87cce1dd.build.js:13)
    at HTMLImageElement.f.onload (87cce1dd.build.js:13)
  • Enviroment: windows, mac, ubuntu with chrome, safari, firefox (all have the same error)
  • Images tested: typically small png or jpg
  • Content section in dashboard is not populated
  • Other content like .mp3 or .txt works fine it seems to be only images
  • "blueimp-load-image" and "blueimp-canvas-to-blob" are present in bower components

Connect with phone number!

Meanwhile, I ask pardon for the opening of another problem.

I want to know how to set up Connect with phone number!

thank you

Production Deploy

Hello,
Thanks for making this.
Any guide on how to deploy to own server like digitalocean or amazon or heroku?
I have it installed on localhost.
Thanks.

Contact request on offline

Help avoid duplicate issue reports, check existing issues

Environment details
(Operating system, browser information, QM version)
ubuntu
firefox/chrome

Did this work before?

Expected behavior
user A sent a contact request to user B while B is offline.

B comes online and he cannot accept the request.

Actual behavior

Logs
(please, switch on a debugging mode and share us outputs uses github gist)

Steps to reproduce the behavior

Any others comments?

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.