Merge pull request #1 from PhantasWeng/develop

Add function and add error warning

Author: PhantasWeng

dist/index.esm.js

@@ -2,6 +2,11 @@ import LaravelEcho from 'laravel-echo';
 
 function getChannel(channels, channelName) {
   const target = Object.keys(channels).find(channel => channels[channel].name.replace('private-', '') === channelName);
+
+  if (!target) {
+    throw new Error(`[Echo] Channel name not exist: ${channelName}`);
+  }
+
   return channels[target];
 }
 
@@ -74,6 +79,7 @@ const Plugin = {
       subscribe: subscribe.bind(laravelEcho),
       unsubscribe: unsubscribe.bind(laravelEcho),
       getChannels: getChannels.bind(laravelEcho),
+      getChannel: getChannel.bind(laravelEcho),
       getEvents: getEvents.bind(laravelEcho)
     });
     Vue.mixin({

dist/index.js

@@ -1,4 +1,4 @@
-(function (exports, LaravelEcho) {
+var vueEcho = (function (exports, LaravelEcho) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -7,6 +7,11 @@
 
   function getChannel(channels, channelName) {
     const target = Object.keys(channels).find(channel => channels[channel].name.replace('private-', '') === channelName);
+
+    if (!target) {
+      throw new Error(`[Echo] Channel name not exist: ${channelName}`);
+    }
+
     return channels[target];
   }
 
@@ -79,6 +84,7 @@
         subscribe: subscribe.bind(laravelEcho),
         unsubscribe: unsubscribe.bind(laravelEcho),
         getChannels: getChannels.bind(laravelEcho),
+        getChannel: getChannel.bind(laravelEcho),
         getEvents: getEvents.bind(laravelEcho)
       });
       Vue.mixin({

dist/index.ssr.js

@@ -10,6 +10,11 @@ var LaravelEcho__default = /*#__PURE__*/_interopDefaultLegacy(LaravelEcho);
 
 function getChannel(channels, channelName) {
   const target = Object.keys(channels).find(channel => channels[channel].name.replace('private-', '') === channelName);
+
+  if (!target) {
+    throw new Error(`[Echo] Channel name not exist: ${channelName}`);
+  }
+
   return channels[target];
 }
 
@@ -82,6 +87,7 @@ const Plugin = {
       subscribe: subscribe.bind(laravelEcho),
       unsubscribe: unsubscribe.bind(laravelEcho),
       getChannels: getChannels.bind(laravelEcho),
+      getChannel: getChannel.bind(laravelEcho),
       getEvents: getEvents.bind(laravelEcho)
     });
     Vue.mixin({

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phantasweng/vue-echo",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "main": "dist/index.esm.js",
   "description": "Vue Laravel Echo - Simply import Laravel Echo to Vue instance",
   "scripts": {
@@ -10,14 +10,17 @@
   "author": "PhantasWeng",
   "license": "ISC",
   "dependencies": {
+    "laravel-echo": "^1.10.0",
+    "pusher-js": "^7.0.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.14.2",
     "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-node-resolve": "^13.0.0",
     "@vue/compiler-sfc": "^3.0.11",
-    "laravel-echo": "^1.10.0",
-    "pusher-js": "^7.0.3",
     "rollup": "^2.47.0",
     "rollup-plugin-vue": "^6.0.0"
   },
-  "devDependencies": {},
   "repository": {
     "type": "git",
     "url": "git+https://github.com/PhantasWeng/vue-echo.git"

rollup.config.js

@@ -11,30 +11,45 @@ export default [
     plugins: [
       vue({ css: false }),
       babel({ babelHelpers: 'bundled' })
+    ],
+    external: [
+      'laravel-echo'
     ]
   },
   // SSR build.
   {
     input: './src/index.js',
     output: {
       format: 'cjs',
-      file: 'dist/index.ssr.js'
+      file: 'dist/index.ssr.js',
+      exports: 'named'
     },
     plugins: [
       vue({ css: false, optimizeSSR: true }),
       babel({ babelHelpers: 'bundled' })
+    ],
+    external: [
+      'laravel-echo'
     ]
   },
   // Browser build.
   {
     input: './src/index.js',
     output: {
+      name: 'vueEcho',
+      globals: {
+        'laravel-echo': 'LaravelEcho'
+      },
       format: 'iife',
-      file: 'dist/index.js'
+      file: 'dist/index.js',
+      exports: 'named'
     },
     plugins: [
       vue({ css: false, optimizeSSR: true }),
       babel({ babelHelpers: 'bundled' })
+    ],
+    external: [
+      'laravel-echo'
     ]
   }
 ]

src/helper.js

@@ -1,4 +1,7 @@
 export function getChannel (channels, channelName) {
   const target = Object.keys(channels).find(channel => channels[channel].name.replace('private-', '') === channelName)
+  if (!target) {
+    throw new Error(`[Echo] Channel name not exist: ${channelName}`)
+  }
   return channels[target]
 }

src/index.js

@@ -1,4 +1,5 @@
 import LaravelEcho from 'laravel-echo'
+import { getChannel } from './helper'
 import { join, leave, subscribe, unsubscribe, getChannels, getEvents } from './methods'
 window.Pusher = require('pusher-js')
 
@@ -28,6 +29,7 @@ const Plugin = {
       subscribe: subscribe.bind(laravelEcho),
       unsubscribe: unsubscribe.bind(laravelEcho),
       getChannels: getChannels.bind(laravelEcho),
+      getChannel: getChannel.bind(laravelEcho),
       getEvents: getEvents.bind(laravelEcho)
     })
     Vue.mixin({