https://github.com/PengBoUESTC/vite-plugin-bullet-msg

show target msg on screen like bullet chat
https://github.com/PengBoUESTC/vite-plugin-bullet-msg

Last synced: 15 days ago
JSON representation

show target msg on screen like bullet chat

• Host: GitHub
• URL: https://github.com/PengBoUESTC/vite-plugin-bullet-msg
• Owner: PengBoUESTC
• Created: 2022-09-02T13:42:51.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-12-21T10:22:24.000Z (almost 2 years ago)
• Last Synced: 2024-09-29T05:43:33.372Z (about 1 month ago)
• Language: TypeScript
• Size: 168 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# vite-plugin-bullet-msg

vite-plugin-bullet-msg

## get the target str from your code to dispaly in screen like bullet-chat

- get the target str and then send event by ws, client will create dom with the msg

```javascript

bulletMsgPlugin({

  wsProtocol: 'vite-hmr', // ws protocol

  wsPath: 'xxx', // link

  targetKey: 'TODO',

  rootPath: __dirname,

  duration: 50, // 动画时长 s

})

```

+ or U can handle the target data yourself

```javascript

bulletMsgPlugin({

  wsProtocol: 'vite-hmr', // ws protocol

  wsPath: 'xxx', // link

  targetKey: 'TODO',

  rootPath: __dirname,

  duration: 50, // 动画时长 s

  dataHandler: (data) => {

    // U can create a Vue instance to show your data in browser

    console.log(data)

  }

})

```