heic-to 1.1.11 → 1.1.13

package/esbuild.mjs

@@ -25,7 +25,7 @@ await esbuild.build({
   target: 'es6',
   platform: 'browser',
   outfile: 'tmp/worker.js',
-  external: ['fs', 'path']
+  external: ['fs', 'path', 'crypto']
 });
 
 const workerFileContent = fs.readFileSync('tmp/worker.js', 'utf8')
@@ -58,7 +58,7 @@ await esbuild.build({
   target: 'es6',
   platform: 'browser',
   outfile: 'tmp/worker.min.js',
-  external: ['fs', 'path']
+  external: ['fs', 'path', 'crypto']
 });
 
 const workerFileMinifyContent = fs.readFileSync('tmp/worker.min.js', 'utf8')
@@ -91,7 +91,7 @@ await esbuild.build({
   target: 'es6',
   platform: 'browser',
   outfile: 'tmp/csp/worker.js',
-  external: ['fs', 'path'],
+  external: ['fs', 'path', 'crypto'],
 });
 
 const cspWorkerFileContent = fs.readFileSync('tmp/csp/worker.js', 'utf8')
@@ -124,7 +124,7 @@ await esbuild.build({
   target: 'es6',
   platform: 'browser',
   outfile: 'tmp/csp/worker.min.js',
-  external: ['fs', 'path']
+  external: ['fs', 'path', 'crypto']
 });
 
 const cspWorkerFileMinifyContent = fs.readFileSync('tmp/csp/worker.min.js', 'utf8')
@@ -143,3 +143,38 @@ esbuild.build({
     WORKER_FILE_CONTENT: JSON.stringify(cspWorkerFileMinifyContent)
   }
 });
+
+// ################
+// Build for iife/heic-to.js
+// ################
+
+await esbuild.build({
+  entryPoints: [
+    'tmp/src/worker.js'
+  ],
+  bundle: true,
+  minify: true,
+  target: 'es6',
+  platform: 'browser',
+  outfile: 'tmp/iife/worker.js',
+  external: ['fs', 'path', 'crypto']
+});
+
+const iifeWorkerFileMinifyContent = fs.readFileSync('tmp/iife/worker.js', 'utf8')
+
+// Produce an IIFE bundle
+esbuild.build({
+  entryPoints: [
+    'src/iife.js'
+  ],
+  bundle: true,
+  minify: false,
+  target: 'es6',
+  platform: 'browser',
+  outfile: 'dist/iife/heic-to.js',
+  format: 'iife',
+  globalName: 'HeicTo',
+  define: {
+    WORKER_FILE_CONTENT: JSON.stringify(iifeWorkerFileMinifyContent)
+  }
+});

package/example/iife/app.js

@@ -0,0 +1,26 @@
+const imagesContainer = document.querySelector(".images")
+const messageLabel = document.querySelector("label")
+const field = document.querySelector("input")
+
+field.addEventListener('change', async (event) => {
+
+  let imageDom = document.querySelector("img")
+  if (!imageDom) {
+    imageDom = document.createElement('img')
+    imagesContainer.appendChild(imageDom)
+  }
+  imageDom.src = ''
+  imageDom.alt = "Loading..."
+  messageLabel.textContent = "Loading..."
+
+  const image = field.files[0]
+  if (await HeicTo.isHeic(image)) {
+    messageLabel.textContent = "It's a HEIC image"
+    const heifImage = await HeicTo({blob: image, type: 'image/jpeg', quality: 0.5})
+    imageDom.src = URL.createObjectURL(heifImage)
+  } else {
+    messageLabel.textContent = "It's not a HEIC image"
+    imageDom.src = URL.createObjectURL(image)
+  }
+
+})

package/example/iife/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>heic-to</title>
+  <style>
+    body {
+      display: flex;
+      justify-content: center;
+      align-items: center; 
+      flex-direction: column;
+      height: 100vh;
+    }
+    input {
+      border: 1px solid black;
+      padding: 10px;
+    }
+    label {
+        display: block;;
+        padding-top: 20px;
+        padding-bottom: 20px;
+        color: red;
+    }
+    .images {
+      width: 200px;
+      height: 200px;
+    }
+    img {
+      display: block;
+      width: 100%;
+    }
+  </style>
+  <script src="../../dist/iife/heic-to.js"></script>
+</head>
+<body>
+
+  <h1>heic-to</h1>
+
+  <main>
+    <input type="file">
+    <label></label>
+    <div class="images"></div>
+  </main>
+  <script src="./app.js"></script>
+</body>
+</html>

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "heic-to",
-  "version": "1.1.11",
+  "version": "1.1.13",
   "description": "Converting HEIF/HEIF image formats to PNG/JPEG in the browser",
   "main": "dist/heic-to.js",
   "exports": {
     ".": {
+      "types": "./dist/heic-to.d.ts",
       "import": "./dist/heic-to.js",
-      "require": "./dist/heic-to.js",
-      "types": "./dist/heic-to.d.ts"
+      "require": "./dist/heic-to.js"
     },
     "./csp": {
+      "types": "./dist/csp/heic-to.d.ts",
       "import": "./dist/csp/heic-to.js",
-      "require": "./dist/csp/heic-to.js",
-      "types": "./dist/csp/heic-to.d.ts"
+      "require": "./dist/csp/heic-to.js"
     }
   },
   "scripts": {
@@ -39,7 +39,7 @@
   "license": "LGPL-3.0",
   "homepage": "https://github.com/hoppergee/heic-to",
   "devDependencies": {
-    "esbuild": "0.23.0",
+    "esbuild": "^0.25.4",
     "http-server": "^14.1.1"
   }
 }

package/src/iife.js

@@ -0,0 +1,5 @@
+import { heicTo, isHeic } from "./index";
+
+heicTo.isHeic = isHeic;
+
+module.exports = heicTo;