2.0.0 • Published 3 years ago

podchatweb v2.0.0

Weekly downloads
858
License
MIT
Repository
github
Last release
3 years ago

Talk

Talk is a web app built by react for handling POD chating use cases

Preview of Talk

Installation

npm install podchatweb --save

Development

git clone https://github.com/act1gmr/talk.git
npm install

Required Post installation (UI kit)

git clone https://github.com/act1gmr/talk-ui-kit.git
npm install

After packages installation:

npm run start

Usage

React component:

import {ReactTalk} from "podchatweb";

class MyApp extends Component {
  render() {
    const {token} = this.props;
    return <ReactTalk token={token}/>
  }
}

Programmatic calling:

Module loader:

import {Talk} from "podchatweb"

class MyApp extends Component {

  componentDidMount() {
    const {token} = this.props;
    Talk({token}, "myChat")
  }

  render() {
    return <div id="myChat"/>
  }
}

Old school:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="dist/index-old-school.js"/>
</head>

<body>
<div id="app"></div>
<script>
    Talk({token: "YOUR_INITIAL_TOKEN", ...ANOTHER_OPTIONS }, "app" /*div ID*/, function (instance) {
        //SET TOKEN WHEN YOU GOT FRESH TOKEN
        instance.setToken("REFRESH_TOKEN")
    });
</script>
</body>
</html>

Support mode

You can use Talk as support mode module with this simple config. 

import {ReactTalk} from "podchatweb";

class MyApp extends Component {
  render() {
    const {token} = this.props;
    const supportMode = {
      threadId: 0,
      autoShowing: true,
      hideBadge: false,
      onClose() {
        console.log("Closed")
      },
      onOpen() {
        console.log("Opened")
      },
      onLoading(result) {
        //result === false: loading stoper || result === true: loading for getting thread
        console.log("Loading", result)
      },
      onReady(chatFunctions) {
        //store chatFunctions function then you can use it later
        /*
        * you have:
        * chatFunctions.open() || open chat programmatically
        * chatFunctions.close() || close chat programmatically
        * chatFunctions.changeThread(newThreadId) || change thread by thread if
        * chatFunctions.setToken(newThreadId) ||  set token when you got fresh token
        * */
        window.chatFunctions = chatFunctions;
      }
    }
    return <ReactTalk supportMode={supportMode} //SUPPORT THREAD ID
                       token={token}/>
  }
}

Or in old school mode:

<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="dist/index-old-school.js"></script>
</head>

<body>
<div id="app"></div>
<script>
    window.Talk({
        token: "TOKEN",
        supportMode: {
            threadId: 0,
            autoShowing: true,
            hideBadge: false,
            onClose() {
                console.log("Closed")
            },
            onOpen() {
                console.log("Opened")
            },
            onLoading(result) {
                //result === false: loading stoper || result === true: loading for getting thread
                console.log("Loading", result)
            },
            onReady(chatFunctions) {
                //store chatFunctions function then you can use it later
                /*
                * you have:
                * chatFunctions.open() || open chat programmatically
                * chatFunctions.close() || close chat programmatically
                * chatFunctions.changeThread(newThreadId) || change thread by thread if
                * chatFunctions.setToken(newThreadId) ||  set token when you got fresh token
                * */
                window.chatFunctions = chatFunctions;
            }
        }
    }, "app" /*div ID*/);
</script>
</body>
</html>

Props

Destroy talk

You can destroy Talk by using a global variable

window.DestroyTalk();

License

This project is open-sourced software licensed under the MIT license.

chatpodchatwebfanap
@babel/polyfillclassnamescopy-to-clipboardcrypto-random-stringifvisible.jsjalali-react-datepickerjs-cookieleafletmarkdown-regexmomentpodauthpodchat-browserprocesspush.jsquery-stringraduikitreact-compound-timerreact-draggablereact-iconsreact-leafletreact-localizationreact-meta-tagsreact-multi-date-pickerreact-outside-click-handlerreact-router-domreact-toastifyreact-virtuosoredux-promise-middlewareredux-thunksanitize-htmlswipervalidatorwavesurfer.js
@everything-registry/sub-chunk-2452podchatwebapp
2.0.0

3 years ago

2.0.0-rc.9

3 years ago

2.0.0-alpha.0

3 years ago

1.50.0

3 years ago

2.0.0-rc.2

3 years ago

1.40.0

3 years ago

1.42.1

3 years ago

1.36.1

3 years ago

1.38.2

3 years ago

1.38.1

3 years ago

1.39.0

3 years ago

1.34.1

3 years ago

1.30.2

3 years ago

1.30.0

3 years ago

1.17.7

4 years ago

1.17.6

4 years ago

1.17.5

4 years ago

1.17.4

4 years ago

1.17.3

4 years ago

1.17.1

4 years ago

1.16.7

4 years ago

1.16.6

4 years ago

1.16.5

4 years ago

1.16.4

4 years ago

1.16.3

4 years ago

1.16.2

4 years ago

1.16.1

4 years ago

1.16.0

4 years ago

1.15.10

4 years ago

1.15.9

4 years ago

1.15.8

4 years ago

1.15.7

4 years ago

1.15.6

4 years ago

1.15.5

4 years ago

1.15.4

4 years ago

1.15.3

4 years ago

1.15.2

4 years ago

1.15.1

4 years ago

1.15.0

4 years ago

1.14.9

4 years ago

1.14.8

4 years ago

1.14.7

4 years ago

1.14.6

4 years ago

1.14.5

4 years ago

1.14.4

4 years ago

1.14.3

4 years ago

1.14.2

4 years ago

1.14.1

4 years ago

1.14.0

4 years ago

1.13.9

4 years ago

1.13.8

4 years ago

1.13.7

4 years ago

1.13.6

5 years ago

1.13.5

5 years ago

1.13.4

5 years ago

1.13.3

5 years ago

1.13.2

5 years ago

1.13.1

5 years ago

1.13.0

5 years ago

1.12.3

5 years ago

1.12.2

5 years ago

1.12.1

5 years ago

1.12.0

5 years ago

1.11.9

5 years ago

1.11.8

5 years ago

1.11.7

5 years ago

1.11.6

5 years ago

1.11.5

5 years ago

1.11.4

5 years ago

1.11.3

5 years ago

1.11.2

5 years ago

1.11.1

5 years ago

1.11.0

5 years ago

1.10.7

5 years ago

1.10.71

5 years ago

1.10.6

5 years ago

1.10.61

5 years ago

1.10.51

5 years ago

1.10.5

5 years ago

1.10.4

5 years ago

1.10.3

5 years ago

1.10.2

5 years ago

1.10.1

5 years ago

1.10.0

5 years ago

1.9.92

5 years ago

1.9.91

5 years ago

1.9.9

5 years ago

1.9.8

5 years ago

1.9.7

5 years ago

1.9.71

5 years ago

1.9.61

5 years ago

1.9.6

5 years ago

1.9.43

5 years ago

1.9.42

5 years ago

1.9.41

5 years ago

1.9.4

5 years ago

1.9.3

5 years ago

1.9.1

5 years ago

1.9.0

5 years ago

1.9.2

5 years ago

1.8.0

5 years ago

1.7.1

5 years ago

1.7.0

5 years ago

1.6.0

5 years ago

1.5.0

5 years ago

1.4.11

5 years ago

1.4.13

5 years ago

1.4.12

5 years ago

1.4.14

5 years ago

1.4.10

5 years ago

1.4.9

5 years ago

1.4.8

5 years ago

1.4.6

5 years ago

1.4.5

5 years ago

1.4.7

5 years ago

1.4.4

5 years ago

1.4.3

5 years ago

1.4.2

5 years ago

1.4.1

5 years ago

1.4.0

5 years ago

1.3.0

5 years ago

1.2.0

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

0.55.0

5 years ago

1.0.0

5 years ago

0.52.92

5 years ago

0.52.91

5 years ago

0.53.11

6 years ago

0.53.0

6 years ago

0.52.9

6 years ago

0.52.8

6 years ago

0.52.6

6 years ago

0.52.5

6 years ago

0.52.4

6 years ago

0.52.31

6 years ago

0.52.3

6 years ago

0.52.2

6 years ago

0.52.1

6 years ago

0.52.0

6 years ago

0.50.0

6 years ago

0.49.13

6 years ago

0.49.12

6 years ago

0.49.11

6 years ago

0.49.1

6 years ago

0.49.0

6 years ago

0.48.9

6 years ago

0.48.8

6 years ago

0.48.7

6 years ago

0.48.6

6 years ago

0.48.5

6 years ago

0.48.4

6 years ago

0.48.3

6 years ago

0.48.2

6 years ago

0.48.1

6 years ago

0.48.0

6 years ago

0.47.0

6 years ago

0.46.2

6 years ago

0.46.1

6 years ago

0.46.0

6 years ago

0.45.2

6 years ago

0.45.1

6 years ago

0.45.0

6 years ago

0.44.1

6 years ago

0.44.0

6 years ago

0.43.1

6 years ago

0.43.0

6 years ago

0.42.0

6 years ago

0.41.20

6 years ago

0.41.19

6 years ago

0.41.18

6 years ago

0.41.17

6 years ago

0.41.16

6 years ago

0.41.15

6 years ago

0.41.13

6 years ago

0.41.12

6 years ago

0.41.11

6 years ago

0.41.10

6 years ago

0.41.9

6 years ago

0.41.8

6 years ago

0.41.7

6 years ago

0.41.6

6 years ago

0.41.5

6 years ago

0.41.4

6 years ago

0.41.3

6 years ago

0.41.1

6 years ago

0.41.0

6 years ago

0.40.7

6 years ago

0.40.6

6 years ago

0.40.5

6 years ago

0.40.4

6 years ago

0.40.3

6 years ago

0.40.2

6 years ago

0.40.1

6 years ago

0.40.0

6 years ago

0.37.0

6 years ago

0.36.2

6 years ago

0.36.0

6 years ago

0.35.0

6 years ago

0.33.2

6 years ago

0.33.1

6 years ago

0.33.0

6 years ago

0.32.0

6 years ago

0.31.1

6 years ago

0.31.0

6 years ago

0.30.1

6 years ago

0.30.0

6 years ago

0.29.1

6 years ago

0.29.0

6 years ago

0.28.0

6 years ago

0.27.1

6 years ago

0.27.0

6 years ago

0.26.1

6 years ago

0.26.0

6 years ago

0.25.2

6 years ago

0.25.1

6 years ago

0.25.0

6 years ago

0.24.4

6 years ago

0.24.3

6 years ago

0.24.2

6 years ago

0.24.1

6 years ago

0.24.0

6 years ago

0.22.0

6 years ago

0.21.0

6 years ago

0.20.1

6 years ago

0.20.0

6 years ago

0.19.0

7 years ago

0.18.0

7 years ago

0.17.0

7 years ago

0.16.0

7 years ago

0.15.5

7 years ago

0.15.4

7 years ago

0.15.3

7 years ago

0.15.1

7 years ago

0.15.0

7 years ago

0.14.0

7 years ago

0.13.2

7 years ago

0.13.1

7 years ago

0.13.0

7 years ago

0.12.1

7 years ago

0.12.0

7 years ago

0.11.0

7 years ago

0.10.4

7 years ago

0.10.3

7 years ago

0.10.2

7 years ago

0.10.1

7 years ago

0.10.0

7 years ago

0.9.83

7 years ago

0.9.81

7 years ago

0.9.8

7 years ago

0.9.71

7 years ago

0.9.7

7 years ago

0.9.6

7 years ago

0.9.5

7 years ago

0.9.4

7 years ago

0.9.3

7 years ago

0.9.2

7 years ago

0.9.1

7 years ago

0.9.0

7 years ago

0.8.1

7 years ago

0.8.0

7 years ago

0.7.2

7 years ago

0.7.1

7 years ago

0.7.0

7 years ago

0.6.51

7 years ago

0.6.5

7 years ago

0.6.4

7 years ago

0.6.3

7 years ago

0.6.1

7 years ago

0.6.0

7 years ago

0.5.1

7 years ago

0.5.0

7 years ago

0.4.4

7 years ago

0.4.2

7 years ago

0.4.1

7 years ago

0.4.0

7 years ago

0.3.3

7 years ago

0.3.2

7 years ago

0.3.1

7 years ago

0.3.0

7 years ago

0.2.61

7 years ago

0.2.6

7 years ago

0.2.0

7 years ago

0.1.1

7 years ago

0.0.24

7 years ago

0.0.23

7 years ago

0.0.22

7 years ago

0.0.21

7 years ago

0.0.16

7 years ago

0.0.15

7 years ago

0.0.14

7 years ago

0.0.13

7 years ago

0.0.12

7 years ago

0.0.11

7 years ago

0.0.9

7 years ago

0.0.8

7 years ago

0.0.7

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.3

7 years ago

0.0.10

7 years ago

0.0.4

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago