feat: Add browser build (#8)

.gitignore

@@ -63,4 +63,5 @@ typings/
 # Build folders
 lib/
 deno/
+dist/
 *.sqlite

packages/hooks/build/webpack.config.js

@@ -0,0 +1,21 @@
+const path = require('path');
+
+module.exports = {
+  entry: './src/index.ts',
+  mode: 'production',
+  output: {
+    library: 'hooks',
+    libraryTarget: 'umd',
+    globalObject: 'this',
+    path: path.resolve(__dirname, '..', 'dist'),
+    filename: 'hooks.js'
+  },
+  resolve: {
+    extensions: ['.ts', '.js', '.json']
+  },
+  module: {
+    rules: [
+      { test: /\.tsx?$/, use: ['ts-loader'], exclude: /node_modules/ }
+    ]
+  }
+}

packages/hooks/package.json

@@ -27,9 +27,10 @@
   "main": "lib/",
   "types": "lib/",
   "scripts": {
+    "build:browser": "webpack --config build/webpack.config.js",
     "build:deno": "shx mkdir -p deno && node build/deno",
     "compile": "shx rm -rf lib/ && tsc",
-    "build": "npm run compile && npm run build:deno",
+    "build": "npm run compile && npm run build:deno && npm run build:browser",
     "prepublish": "npm run build",
     "test": "mocha --opts ../../mocha.opts --recursive test/**.test.ts test/**/*.test.ts"
   },
@@ -47,5 +48,10 @@
     "shx": "^0.3.2",
     "ts-node": "^8.5.4",
     "typescript": "^3.7.4"
+  },
+  "dependencies": {
+    "ts-loader": "^6.2.1",
+    "webpack": "^4.41.5",
+    "webpack-cli": "^3.3.10"
   }
 }

readme.md

@@ -19,6 +19,7 @@ To a function or class without having to change its original code while also kee
 - [Installation](#installation)
   - [Node](#node)
   - [Deno](#deno)
+  - [Browser](#browser)
 - [Quick Example](#quick-example)
   - [JavaScript](#javascript)
   - [TypeScript](#typescript)
@@ -62,6 +63,16 @@ import { hooks } from 'https://unpkg.com/@feathersjs/hooks@latest/deno/index.ts'
 
 > __Note:__ You might want to replace `latest` with the actual version you want to use (e.g. `https://unpkg.com/@feathersjs/hooks@^0.2.0/deno/index.ts`)
 
+## Browser
+
+`@feathersjs/hooks` is compatible with any module loader like Webpack and can be included in the browser directly via:
+
+```html
+<script type="text/javascript" src="//unpkg.com/@feathersjs/hooks@^0.2.0/dist/hooks.js"></script>
+```
+
+Which will make a `hooks` global variable available.
+
 # Quick Example
 
 ## JavaScript