add zstd support

Signed-off-by: Sarah Wang <sarah.wang_1@nxp.com>
nxp-imx · Jul 24, 2023 · 15d2b96 · 15d2b96
1 parent 5a9bb46
commit 15d2b96
Show file tree

Hide file tree

Showing 8 changed files with 354 additions and 10 deletions.
diff --git a/.gitignore b/.gitignore
@@ -14,4 +14,5 @@ CMakeCache.txt
 *.clst
 *.snap
 node_modules
-build
+build
+*-lock.json
diff --git a/webusb/index.js b/webusb/index.js
@@ -0,0 +1,6 @@
+window.ZstdCodec = require('zstd-codec').ZstdCodec;
+require("zstd-codec/lib/module.js").run((binding) => {console.log("running", binding); window.binding = binding} )
+// require("../libwebusb/module.js").run((binding) => {window.binding = binding} )
+// require("./node_modules/zstd-codec/lib/module.js").run((binding) => {window.binding = binding} )
+// window.binding = "test";
+// window.fs = require('fs');
diff --git a/webusb/package.json b/webusb/package.json
@@ -3,26 +3,24 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "-": "^0.0.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "fs": "^0.0.1-security",
+    "g": "^2.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^2.1.4",
+    "zstd-codec": "^0.1.4"
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "react-scripts build; browserify index.js -o build/bundle.js -t babelify --presets es2015; ",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
   "browserslist": {
     "production": [
       ">0.2%",
@@ -35,5 +33,8 @@
       "last 1 safari version"
     ]
   },
-  "proxy": "http://localhost:5000"
+  "devDependencies": {
+    "@babel/core": "^7.22.9",
+    "babelify": "^10.0.0"
+  }
 }
diff --git a/webusb/public/index.html b/webusb/public/index.html
@@ -25,8 +25,14 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>React App</title>
+    <script src="bundle.js"></script>
   </head>
+
   <body>
+    <h1>Sample Applications</h1>
+    <div id="container"></div>
+
+
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--

diff --git a/webusb/src/App.js b/webusb/src/App.js
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import Combined from "./components/Combined";
+import Decompress2 from "./components/Decompress";
 import usePopup from "./logic/usePopup";
 
 import './App.css'
@@ -12,6 +13,9 @@ const App = () => {
     return (
     <div className="App">
         <div className="u-flex u-column">
+            <div>
+                <Decompress2 />
+            </div>
             <div className="u-row">
                 <span className="link-container">bootloader [optional]: </span>
                 <span className="file-name">{bootFile? bootFile.name:""}</span>

diff --git a/webusb/src/components/Decompress.js b/webusb/src/components/Decompress.js
@@ -0,0 +1,32 @@
+import { useEffect, useState } from "react"
+import useDecompress from '../logic/useDecompress'
+import { DATA_SZ, BLK_SZ, PACKET_SZ } from "../helper/sparse";
+
+const Decompress = () => {
+    const [flashFile, setFlashFile] = useState();
+    const [{
+        requestUSBDevice,
+        USBDevice,
+        preBoot,
+        send_chunk_headers,
+        send_packet,
+        send_flash,
+        decompressFileToTransform,
+    }] = useDecompress(flashFile);
+
+    useEffect(()=> {
+        console.log(ZstdCodec)
+        console.log(window.binding);
+    }, [])
+
+    return (
+        <div>
+            file to decompress:
+            <input type="file" onChange={(e) => setFlashFile(e.target.files[0])}/>
+
+            <button onClick={requestUSBDevice}>Pair USBDevice </button>
+        </div>
+    )
+}
+
+export default Decompress
diff --git a/webusb/src/index.js b/webusb/src/index.js
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+// import * as Z from 'zstd-codec'
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,4 +14,5 @@ CMakeCache.txt @@
     *.clst
     *.snap
     node_modules
-    build
+    build
+    *-lock.json