Merge pull request #30 from Elhebert/typescript-rewrite

Typescript rewrite

Author: Elhebert

.github/workflows/publish.yml

@@ -1,2 +1,3 @@
 /node_modules
 npm-debug.log
+./build

.gitignore

@@ -2,7 +2,9 @@
 
 [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)
 
-A laravel mix extension to generate integrity hashes on build for your assets.
+A laravel mix 6.0 extension to generate integrity hashes on build for your assets.
+
+For older version of mix, see [v0.0.7](https://github.com/Elhebert/laravel-mix-sri/tree/0.0.7)
 
 ## Installation
 

README.md

@@ -1,14 +1,15 @@
 {
     "name": "laravel-mix-sri",
-    "version": "0.0.6",
+    "version": "1.0.0-alpha",
     "description": "subresources integrity for laravel mix",
-    "main": "src/index.js",
+    "main": "build/index.js",
     "repository": {
         "type": "git",
         "url": "https://github.com/Elhebert/laravel-mix-sri"
     },
     "scripts": {
-        "lint": "prettier --write \"**/*.js\""
+        "lint": "prettier --write '**/*.ts'",
+        "build": "tsc --project ./tsconfig.json"
     },
     "homepage": "https://github.com/Elhebert/laravel-mix-sri",
     "keywords": [
@@ -20,13 +21,14 @@
     "author": "Dieter Stinglhamber",
     "license": "MIT",
     "peerDependencies": {
-        "laravel-mix": "^2.1.2 || ^3.0 || ^4.0 || ^5.0 || ^6.0"
+        "laravel-mix": "^6.0"
     },
     "engines": {
-        "node": ">=12.0.0"
+        "node": ">=15.0.0"
     },
     "devDependencies": {
-        "laravel-mix": "^2.1.2 || ^3.0 || ^4.0 || ^5.0 || ^6.0",
-        "prettier": "^1.18.2"
+        "laravel-mix": "^6.0",
+        "prettier": "^2.2.1",
+        "typescript": "^4.2.4"
     }
 }

package-lock.json

@@ -0,0 +1,55 @@
+import collect from 'collect.js'
+import webpack from 'webpack'
+import crypto from 'crypto'
+import fs from 'fs'
+import path from 'path'
+import { cwd } from 'process'
+
+export default class SriPlugin implements webpack.WebpackPluginInstance {
+  constructor(private algorithm: 'sha256' | 'sha384' | 'sha512') {
+    this.algorithm = algorithm
+  }
+
+  apply(compiler: webpack.Compiler): void {
+    const process = (stats: webpack.Stats) => {
+      let assets: Record<string, string[]> = stats.toJson().assetsByChunkName
+      let hashes: Record<string, string> = {}
+
+      // If there's a temporary mix.js chunk, we can safely remove it.
+      if (assets.mix) {
+        assets.mix = collect(assets.mix).except(['mix.js']).all()
+      }
+
+      collect<string>(assets)
+        .flatten()
+        // Don't add hot updates to manifest
+        .filter((name: string) => name.indexOf('hot-update') === -1)
+        .all()
+        .forEach((filePath: string) => {
+          if (!filePath.startsWith('/')) {
+            filePath = `/${filePath}`
+          }
+
+          filePath = filePath.replace(/\?id=\w{20}/, '')
+
+          hashes[filePath] = crypto
+            .createHash(this.algorithm)
+            .update(
+              fs.readFileSync(
+                // @ts-ignore TS2304
+                path.join(cwd(), Config.publicPath, 'mix-sri.json')
+              )
+            )
+            .digest('base64')
+        })
+
+      fs.writeFileSync(
+        // @ts-ignore TS2304
+        path.join(cwd(), Config.publicPath, 'mix-sri.json'),
+        JSON.stringify(hashes, null, 4)
+      )
+    }
+
+    compiler.hooks.done.tapAsync('SriPlugin', process)
+  }
+}

package.json

@@ -0,0 +1,36 @@
+import mix from 'laravel-mix'
+import SriPlugin from './SriPlugin'
+import webpack from 'webpack'
+import { ClassComponent } from 'laravel-mix/types/component'
+
+export type Options = {
+  algorithm?: 'sha256' | 'sha384' | 'sha512'
+  enabled?: boolean
+}
+
+class IntegrityHash implements ClassComponent {
+  private config: Options = {}
+
+  name(): string {
+    return 'generateIntegrityHash'
+  }
+
+  register(options: Options = {}): void {
+    this.config = {
+      algorithm: 'sha256',
+      enabled: options.enabled || mix.inProduction(),
+    }
+
+    if (['sha256', 'sha384', 'sha512'].includes(options.algorithm)) {
+      this.config.algorithm = options.algorithm
+    }
+  }
+
+  webpackPlugins(): webpack.WebpackPluginInstance[] {
+    if (this.config.enabled) {
+      return [new SriPlugin(this.config.algorithm)]
+    }
+  }
+}
+
+mix.extend('generateIntegrityHash', new IntegrityHash())

src/SriPlugin.js

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "types": ["laravel-mix"],
+    "alwaysStrict": true,
+    "module": "commonjs",
+    "target": "es2018",
+    "lib": [
+      "es6",
+      "esnext",
+      "es2015",
+      "es2016",
+      "es2017",
+      "es2018"
+    ],
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "include": [
+    "src/**/*"
+  ]
+}