diff --git a/frontend/.prettierrc b/frontend/.prettierrc new file mode 100644 index 0000000..222861c --- /dev/null +++ b/frontend/.prettierrc @@ -0,0 +1,4 @@ +{ + "tabWidth": 2, + "useTabs": false +} diff --git a/frontend/configs/webpack/common.js b/frontend/configs/webpack/common.js index 6512bce..507234f 100644 --- a/frontend/configs/webpack/common.js +++ b/frontend/configs/webpack/common.js @@ -58,12 +58,12 @@ module.exports = { { from: "src/assets", to: "assets", - } - ] + }, + ], }), new HtmlWebpackPlugin({ template: "./src/assets/index.html", - favicon: "./src/assets/favicon.png" + favicon: "./src/assets/favicon.png", }), new FriendlyErrorsWebpackPlugin(), new webpack.ProvidePlugin({ @@ -71,6 +71,6 @@ module.exports = { }), ], experiments: { - topLevelAwait: true - } + topLevelAwait: true, + }, }; diff --git a/frontend/configs/webpack/dev.js b/frontend/configs/webpack/dev.js index 1cff4af..a724b01 100644 --- a/frontend/configs/webpack/dev.js +++ b/frontend/configs/webpack/dev.js @@ -10,8 +10,8 @@ module.exports = merge(commonConfig, { open: true, historyApiFallback: true, // These headers enable the cross origin isolation state - // needed to enable use of SharedArrayBuffer for ONNX - // multithreading. + // needed to enable use of SharedArrayBuffer for ONNX + // multithreading. headers: { "Cross-Origin-Opener-Policy": "same-origin", "Cross-Origin-Embedder-Policy": "credentialless", diff --git a/frontend/package.json b/frontend/package.json index f8a5ecf..f02209e 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -8,7 +8,8 @@ "lint": "eslint './src/**/*.{js,ts,tsx}' --quiet", "start": "yarn run start-dev", "test": "yarn run start-model-test", - "start-dev": "webpack serve --config=configs/webpack/dev.js" + "start-dev": "webpack serve --config=configs/webpack/dev.js", + "pretty": "prettier --write \"./**/*.{js,jsx,mjs,cjs,ts,tsx,json}\"" }, "devDependencies": { "@babel/core": "^7.18.13", @@ -65,4 +66,4 @@ "@types/react-dom": "18.2.0", "@types/react": "18.2.0" } -} \ No newline at end of file +} diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js index e55fbc3..9b9135e 100644 --- a/frontend/postcss.config.js +++ b/frontend/postcss.config.js @@ -1,4 +1,4 @@ const tailwindcss = require("tailwindcss"); module.exports = { - plugins: ["postcss-preset-env", 'tailwindcss/nesting', tailwindcss], + plugins: ["postcss-preset-env", "tailwindcss/nesting", tailwindcss], }; diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 8a33e22..8759240 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,218 +1,274 @@ -import React, { useContext, useEffect, useRef, useState } from "react"; -import AppContext, { ImageLoadInfo, AnalysisInfo, IR_LIMIT_PX } from "./components/interfaces"; +import { useContext, useEffect, useRef, useState } from "react"; +import AppContext, { + ImageLoadInfo, + IR_LIMIT_PX, +} from "./components/interfaces"; import Topbar from "./components/Topbar"; import DragDrop from "./components/DragDrop"; -import PreviewCanvas from "./components/Canvas"; +import { PreviewCanvasManager } from "./components/Canvas"; import NormalSlider from "./components/NormalSlider"; import { Menu } from "./components/Menu"; -import { ErrorMessage, CLSModal, MoreInfo } from "./components/Popups" +import { ErrorMessage, CLSModal, MoreInfo } from "./components/Popups"; -import { loadFromTIFF, loadFromImage, getPhaseFraction } from "./components/imageLogic"; +import { loadFromTIFF, loadFromImage, mean } from "./components/imageLogic"; import "./assets/scss/App.scss"; -import 'bootstrap/dist/css/bootstrap.min.css'; +import "bootstrap/dist/css/bootstrap.min.css"; -//const PATH = "http://127.0.0.1:5000"; -const PATH = "https://samba-segment.azurewebsites.net"; -//const PATH = "http://localhost:7071/api"; -//const PATH = "https://representative.azurewebsites.net/api" -const PF_ENDPOINT = PATH + "/phasefraction" -//const PF_ENDPOINT = "https://representativity.azurewebsites.net/phasefraction" +const PATH = "http://127.0.0.1:5000"; +// const PATH = "https://samba-segment.azurewebsites.net"; +const PF_ENDPOINT = PATH + "/phasefraction"; -//const REPR_ENDPOINT = PATH + "/repr"; const REPR_ENDPOINT = PATH + "/repr"; const MAX_FILE_SIZE_BYTES = 1024 * 1024 * 500; // 500MB +// TODO: const App = () => { - const { - imageInfo: [imageInfo, setImageInfo], - previewImg: [previewImg, setPreviewImg], - selectedPhase: [selectedPhase, setSelectedPhase], - selectedConf: [selectedConf, setSelectedConf], - errVF: [errVF, setErrVF], - targetL: [targetL, setTargetL], - pfB: [, setPfB], - accurateFractions: [accurateFractions, setAccurateFractions], - analysisInfo: [, setAnalysisInfo], - menuState: [menuState, setMenuState], - errorState: [errorState, setErrorState], - showWarning: [showWarning, setShowWarning], - } = useContext(AppContext)! - - - const appLoadFile = async (file: File) => { - const reader = new FileReader(); - const extension = file.name.split('.').pop()?.toLowerCase(); - - const isTIF = (extension === "tif" || extension === "tiff"); - const isPNGJPG = (extension === "png" || extension === "jpg" || extension === "jpeg"); - // need to parse file as arr buffer for tiff but href for png/jpeg etc. - if (isTIF) { - reader.readAsArrayBuffer(file); - } else if (isPNGJPG) { - reader.readAsDataURL(file); - } else { - setErrorState({ msg: `Unsupported file format .${extension}`, stackTrace: "" }) - return; - }; - - reader.onload = async () => { - let result: ImageLoadInfo | null = null; - if (file.size > MAX_FILE_SIZE_BYTES) { - setErrorState({ msg: `File too large!`, stackTrace: `File .${file.size / (1000 * 1000)}MB greater than max size (500MB)` }) - return; - } - - if (isTIF) { - result = loadFromTIFF(reader.result as ArrayBuffer); - } else if (isPNGJPG) { - const href = reader.result as string; - result = await loadFromImage(href); - }; - console.log(result); - - if (result == null) { - setErrorState({ - msg: "Failed to load data", - stackTrace: "" - }); - return; - } - - if (result.segmented == false) { - setErrorState({ - msg: "Data is unsegmented - try using our web segmentation tool, SAMBA (https://www.sambasegment.com/)", - stackTrace: "Number of unique values > 6" - }); - return; - } else { - if (result.height < 200 || result.width < 200 || (result.depth < 200 && result.depth > 1)) { - setShowWarning("size"); - } - - requestPhaseFraction(file); - result.file = file; - setImageInfo(result); - setPreviewImg(result.previewImg); - setMenuState('phase'); - } - }; - } + const { + imageInfo: [imageInfo, setImageInfo], + selectedImgIdx: [selectedImgIdx, setSelectedImgIdx], + previewImg: [previewImg, setPreviewImg], + selectedPhase: [selectedPhase, setSelectedPhase], + selectedConf: [selectedConf, setSelectedConf], + errVF: [errVF, setErrVF], + targetL: [targetL, setTargetL], + pfB: [, setPfB], + analysisInfo: [, setAnalysisInfo], + menuState: [menuState, setMenuState], + errorState: [errorState, setErrorState], + showWarning: [showWarning, setShowWarning], + } = useContext(AppContext)!; - const requestPhaseFraction = async (file: File) => { - try { - const formData = new FormData(); - formData.append('userFile', file); - //formData.append('phaseVal', String(selectedPhaseValue)); - const resp = await fetch(PF_ENDPOINT, { method: 'POST', body: formData }); - const obj = await resp.json(); - const fractions = obj["phase_fractions"] as { [val: number]: number }; - setAccurateFractions(fractions); - } catch (e) { - const error = e as Error; - setErrorState({ msg: "Couldn't fetch phase fractions: data wrong or server down.", stackTrace: error.toString() }); - } + const allImageInfos = useRef([]); + const [nImgs, setNImgs] = useState(0); + + const appLoadFile = async (file: File) => { + const reader = new FileReader(); + const extension = file.name.split(".").pop()?.toLowerCase(); + + const isTIF = extension === "tif" || extension === "tiff"; + const isPNGJPG = + extension === "png" || extension === "jpg" || extension === "jpeg"; + // need to parse file as arr buffer for tiff but href for png/jpeg etc. + if (isTIF) { + reader.readAsArrayBuffer(file); + } else if (isPNGJPG) { + reader.readAsDataURL(file); + } else { + setErrorState({ + msg: `Unsupported file format .${extension}`, + stackTrace: "", + }); + return; } - const requestRepr = async () => { - try { - const info = imageInfo! - - const formData = new FormData(); - formData.append('userFile', info.file!); - formData.append('selected_phase', String(info.phaseVals[selectedPhase - 1])); - formData.append('selected_conf', String(selectedConf)); - formData.append('selected_err', String(errVF)); - - const resp = await fetch(REPR_ENDPOINT, { method: 'POST', body: formData }); - const obj = await resp.json(); - - const absErr: number = obj["abs_err"] - - console.log(obj) - - setMenuState('conf_result_full'); - setAnalysisInfo({ - integralRange: obj["cls"], - z: 1, - stdModel: obj["std_model"], - percentageErr: obj["percent_err"], - absError: absErr, - lForDefaultErr: obj["l"], - vf: 1, - pf: obj['pf_1d'], - cumSumSum: obj["cum_sum_sum"] - }) - - const vals = imageInfo?.phaseVals! - const phaseFrac = (accurateFractions != null) ? - accurateFractions[vals[selectedPhase - 1]] - : getPhaseFraction( - imageInfo?.previewData.data!, - vals[selectedPhase - 1] - ); - - setPfB([phaseFrac - absErr, phaseFrac + absErr]) - - if (obj["cls"] > IR_LIMIT_PX) { setShowWarning("cls") } - const minSide = Math.min(imageInfo?.width!, imageInfo?.height!) - if (obj["l"] < minSide) { setShowWarning("over") } - - setTargetL(obj["l"]); - } catch (e) { - const error = e as Error; - setErrorState({ msg: "Couldn't determine representativity: data wrong or server down.", stackTrace: error.toString() }); + reader.onload = async () => { + let result: ImageLoadInfo | null = null; + if (file.size > MAX_FILE_SIZE_BYTES) { + setErrorState({ + msg: `File too large!`, + stackTrace: `File .${file.size / (1000 * 1000)}MB greater than max size (500MB)`, + }); + return; + } + + if (isTIF) { + result = loadFromTIFF(reader.result as ArrayBuffer); + } else if (isPNGJPG) { + const href = reader.result as string; + result = await loadFromImage(href); + } + console.log("uploaded file: ", result); + + if (result == null) { + setErrorState({ + msg: "Failed to load data", + stackTrace: "", + }); + return; + } + + if (result.segmented == false) { + setErrorState({ + msg: "Data is unsegmented - try using our web segmentation tool, SAMBA (https://www.sambasegment.com/)", + stackTrace: "Number of unique values > 6", + }); + return; + } else { + if ( + result.height < 200 || + result.width < 200 || + (result.depth < 200 && result.depth > 1) + ) { + setShowWarning("size"); } + + result.file = file; + setImageInfo(result); + setPreviewImg(result.previewImg); + setMenuState("phase"); + + const newAllImgInfo = [...allImageInfos.current, result]; + allImageInfos.current = newAllImgInfo; + setNImgs(newAllImgInfo.length); + setSelectedImgIdx(newAllImgInfo.length - 1); + + requestPhaseFraction(file, result); + } + }; + }; + + const requestPhaseFraction = async (file: File, imageInfo: ImageLoadInfo) => { + try { + const formData = new FormData(); + formData.append("userFile", file); + const resp = await fetch(PF_ENDPOINT, { method: "POST", body: formData }); + const obj = await resp.json(); + console.log("server PF for '" + imageInfo.file?.name + "': ", obj); + const fractions = obj["phase_fractions"] as { [val: number]: number }; + imageInfo.phaseFractions = fractions; + imageInfo.isAccurate = true; + } catch (e) { + const error = e as Error; + setErrorState({ + msg: "Couldn't fetch phase fractions: data wrong or server down.", + stackTrace: error.toString(), + }); } + }; - const reset = () => { - setMenuState('hidden'); - setPreviewImg(null); - setImageInfo(null); - setAnalysisInfo(null); - setTargetL(null); - setAccurateFractions(null); - setSelectedPhase(0); - setErrVF(5); - setSelectedConf(95); - setErrorState({ msg: "", stackTrace: "" }); - setShowWarning(""); + const requestRepr = async () => { + try { + const info = imageInfo!; + + const formData = new FormData(); + for (let info of allImageInfos.current) { + formData.append("userFile", info.file!); + } + // formData.append("userFile", info.file!); + formData.append( + "selected_phase", + String(info.phaseVals[selectedPhase - 1]), + ); + formData.append("selected_conf", String(selectedConf)); + formData.append("selected_err", String(errVF)); + + const resp = await fetch(REPR_ENDPOINT, { + method: "POST", + body: formData, + }); + const obj = await resp.json(); + console.log("repr result:", obj); + + const absErr: number = obj["abs_err"]; + + setMenuState("conf_result_full"); + setAnalysisInfo({ + integralRange: obj["cls"], + z: 1, + stdModel: obj["std_model"], + percentageErr: obj["percent_err"], + absError: absErr, + lForDefaultErr: obj["l"], + vf: 1, + pf: obj["pf_1d"], + cumSumSum: obj["cum_sum_sum"], + }); + + const vals = imageInfo?.phaseVals!; + const phaseFrac = mean( + allImageInfos.current.map( + (i) => i.phaseFractions[vals[selectedPhase - 1]], + ), + ); + setPfB([phaseFrac - absErr, phaseFrac + absErr]); + + if (obj["cls"] > IR_LIMIT_PX) { + setShowWarning("cls"); + } + if (obj["percent_err"] < errVF) { + setShowWarning("over"); + } + + setTargetL(obj["l"]); + } catch (e) { + const error = e as Error; + setErrorState({ + msg: "Couldn't determine representativity: data wrong or server down.", + stackTrace: error.toString(), + }); } + }; + + const reset = () => { + setMenuState("hidden"); + setPreviewImg(null); + setImageInfo(null); + setAnalysisInfo(null); + setTargetL(null); + setSelectedPhase(0); + setErrVF(5); + setSelectedConf(95); + setErrorState({ msg: "", stackTrace: "" }); + setShowWarning(""); + }; + + const changePhase = () => { + setMenuState("phase"); + setAnalysisInfo(null); + setTargetL(null); + const newPhase = selectedPhase % imageInfo?.nPhases!; + setSelectedPhase(newPhase + 1); + setErrVF(5); + setSelectedConf(95); + setErrorState({ msg: "", stackTrace: "" }); + setShowWarning(""); + }; - const changePhase = () => { - setMenuState('phase'); - setAnalysisInfo(null); - setTargetL(null); - const newPhase = (selectedPhase) % imageInfo?.nPhases! - setSelectedPhase(newPhase + 1) - setErrVF(5); - setSelectedConf(95); - setErrorState({ msg: "", stackTrace: "" }); - setShowWarning(""); + const setSelectedImg = (n: number) => { + const idx = Math.min(Math.max(n, 0), nImgs - 1); + const newImg = allImageInfos.current[idx]; + setImageInfo(newImg); + // setPreviewImg(newImg.previewImg); + setSelectedImgIdx(idx); + setSelectedPhase(selectedPhase); + }; + + useEffect(() => { + console.log({ menuState }); + if (menuState === "processing") { + requestRepr(); } + }, [menuState]); - useEffect(() => { - if (menuState === 'processing') { - requestRepr(); - } - }, [menuState]) - - return ( -
- -
{/*Canvas div on left, sidebar on right*/} - {!previewImg && } - {previewImg && } - {false && } -
- - - {showWarning != "" && } - -
- ); + return ( +
+ +
+ {" "} + {/*Canvas div on left, sidebar on right*/} + {!previewImg && } + {/* {previewImg && } */} + {previewImg && ( + + )} + {false && } +
+ + + {showWarning != "" && } + +
+ ); }; -export default App; \ No newline at end of file +export default App; diff --git a/frontend/src/components/Canvas.tsx b/frontend/src/components/Canvas.tsx index 1bbc514..2afe7ff 100644 --- a/frontend/src/components/Canvas.tsx +++ b/frontend/src/components/Canvas.tsx @@ -1,273 +1,451 @@ -import React, { useContext, useEffect, useRef, useState } from "react"; -import AppContext, { Point } from "./interfaces"; +import { useContext, useEffect, useRef, useState } from "react"; +import AppContext, { ImageLoadInfo, MenuState, Point } from "./interfaces"; import { colours } from "./interfaces"; -import { replaceGreyscaleWithColours, getImagefromImageData } from "./imageLogic"; +import { + replaceGreyscaleWithColours, + getImagefromImageData, + getNImagesForTargetL, +} from "./imageLogic"; import { DrawStyle } from "./interfaces"; -const ADDITIONAL_SF = 1 -const DEFAULT_ANGLE_RAD = 30 * (Math.PI / 180) - -const TOP_FACE = "#f0f0f0" -const RIGHT_FACE = "#ababab64" -const LIGHT_GREY = "#838383d9" -const TRANS_RED = "#dc5e5e80" -const DARK_GREY = "#363636f0" - -const rightSide: DrawStyle = { fillColour: RIGHT_FACE, lineColour: RIGHT_FACE, lineWidth: 4, toFill: true, lineCap: null, lineDash: null } -const rightSideFrame: DrawStyle = { fillColour: LIGHT_GREY, lineColour: LIGHT_GREY, lineWidth: 4, toFill: false, lineCap: 'round', lineDash: [10, 10] } -const topSide: DrawStyle = { fillColour: TOP_FACE, lineColour: TOP_FACE, lineWidth: 4, toFill: true, lineCap: null, lineDash: null } -const topSideFrame: DrawStyle = { fillColour: LIGHT_GREY, lineColour: LIGHT_GREY, lineWidth: 4, toFill: false, lineCap: 'round', lineDash: [10, 10] } +const ADDITIONAL_SF = 1; +const DEFAULT_ANGLE_RAD = 30 * (Math.PI / 180); + +const TOP_FACE = "#f0f0f0"; +const RIGHT_FACE = "#ababab64"; +const LIGHT_GREY = "#838383d9"; +const TRANS_RED = "#dc5e5e80"; +const DARK_GREY = "#363636f0"; + +const rightSide: DrawStyle = { + fillColour: RIGHT_FACE, + lineColour: RIGHT_FACE, + lineWidth: 4, + toFill: true, + lineCap: null, + lineDash: null, +}; +const rightSideFrame: DrawStyle = { + fillColour: LIGHT_GREY, + lineColour: LIGHT_GREY, + lineWidth: 4, + toFill: false, + lineCap: "round", + lineDash: [10, 10], +}; +const topSide: DrawStyle = { + fillColour: TOP_FACE, + lineColour: TOP_FACE, + lineWidth: 4, + toFill: true, + lineCap: null, + lineDash: null, +}; +const topSideFrame: DrawStyle = { + fillColour: LIGHT_GREY, + lineColour: LIGHT_GREY, + lineWidth: 4, + toFill: false, + lineCap: "round", + lineDash: [10, 10], +}; const centredStyle = { - height: '75vh', width: '75vw', // was 60vh/w - justifyContent: 'center', alignItems: 'center', - padding: '10px', display: 'flex', margin: 'auto', -} + height: "75vh", + width: "75vw", // was 60vh/w + justifyContent: "center", + alignItems: "center", + padding: "10px", + display: "flex", + margin: "auto", +}; interface faces { - face1: Array, - face2: Array, - face3: Array, - dox: number, - doy: number + face1: Array; + face2: Array; + face3: Array; + dox: number; + doy: number; } -const get3DFacePoints = (ih: number, iw: number, id: number, theta: number, sfz: number, eps: number = 0): faces => { - // get upper and right faces of a cube with front face of preview image and (projected) depth determined by theta and sfz - const dox = Math.floor((Math.cos(theta) * id) * sfz); - const doy = Math.floor((Math.sin(theta) * id) * sfz); - const f1Points: Array = [{ x: dox, y: eps }, { x: iw + dox, y: eps }, { x: iw, y: doy + eps }, { x: 0, y: doy + eps }]; - const f2Points: Array = [{ x: iw + dox, y: eps }, { x: iw, y: doy + eps }, { x: iw, y: ih + doy - eps }, { x: iw + dox, y: ih - eps }]; - const f3Points: Array = [{ x: 0, y: doy + eps }, { x: iw, y: doy + eps }, { x: iw, y: ih + doy - eps }, { x: 0, y: ih + doy - eps }]; - return { face1: f1Points, face2: f2Points, face3: f3Points, dox: dox, doy: doy }; -} - -const getAspectCorrectedDims = (ih: number, iw: number, ch: number, cw: number, dox: number, doy: number, otherSF: number = 0.8) => { - const hSF = (ch) / (ih + doy); - const wSF = (cw) / (iw + dox); - const maxFitSF = Math.min(hSF, wSF); - const sf = maxFitSF * otherSF - const [nh, nw] = [ih * sf, iw * sf]; - return { w: nw, h: nh, ox: ((cw - (nw + dox * sf)) / 2), oy: doy * sf, sf: sf }; -} +const get3DFacePoints = ( + ih: number, + iw: number, + id: number, + theta: number, + sfz: number, + eps: number = 0, +): faces => { + // get upper and right faces of a cube with front face of preview image and (projected) depth determined by theta and sfz + const dox = Math.floor(Math.cos(theta) * id * sfz); + const doy = Math.floor(Math.sin(theta) * id * sfz); + const f1Points: Array = [ + { x: dox, y: eps }, + { x: iw + dox, y: eps }, + { x: iw, y: doy + eps }, + { x: 0, y: doy + eps }, + ]; + const f2Points: Array = [ + { x: iw + dox, y: eps }, + { x: iw, y: doy + eps }, + { x: iw, y: ih + doy - eps }, + { x: iw + dox, y: ih - eps }, + ]; + const f3Points: Array = [ + { x: 0, y: doy + eps }, + { x: iw, y: doy + eps }, + { x: iw, y: ih + doy - eps }, + { x: 0, y: ih + doy - eps }, + ]; + return { + face1: f1Points, + face2: f2Points, + face3: f3Points, + dox: dox, + doy: doy, + }; +}; + +const getAspectCorrectedDims = ( + ih: number, + iw: number, + ch: number, + cw: number, + dox: number, + doy: number, + otherSF: number = 0.8, +) => { + const hSF = ch / (ih + doy); + const wSF = cw / (iw + dox); + const maxFitSF = Math.min(hSF, wSF); + const sf = maxFitSF * otherSF; + const [nh, nw] = [ih * sf, iw * sf]; + return { w: nw, h: nh, ox: (cw - (nw + dox * sf)) / 2, oy: doy * sf, sf: sf }; +}; + +export const PreviewCanvasManager = ({ + allImageInfos, +}: { + allImageInfos: ImageLoadInfo[]; +}) => { + const { + imageInfo: [imageInfo], + // previewImg: [previewImg, setPreviewImg], + targetL: [targetL], + menuState: [menuState], + } = useContext(AppContext)!; + + const containerRef = useRef(null); + const [canvDims, setCanvDims] = useState<{ iw: number; ih: number }>({ + iw: 0, + ih: 0, + }); + const notResultsZoom = menuState !== "conf_result"; + + const getNCanvases = (menuState: MenuState, l: number | null) => { + if (menuState !== "conf_result") { + return 1; + } + if (!imageInfo) { + return 1; + } else if (!l) { + return 1; + } else { + return getNImagesForTargetL(imageInfo, l, 0); + } + }; + + const getRescaledImgDims = ( + clientWidth: number, + clientHeight: number, + imageWidth: number, + imageHeight: number, + nSquare: number, + pad: number = 15, + ): { iw: number; ih: number } => { + const container = containerRef.current; + if (!container) { + return { iw: 0, ih: 0 }; + } + const wSF = (nSquare * imageWidth) / clientWidth; + const hSF = (nSquare * imageHeight) / clientHeight; -const PreviewCanvas = () => { - const { - imageInfo: [imageInfo,], - previewImg: [previewImg, setPreviewImg], - selectedPhase: [selectedPhase,], - targetL: [targetL,], - menuState: [menuState,] - } = useContext(AppContext)! - - const containerRef = useRef(null); - const frontDivRef = useRef(null); - const canvasRef = useRef(null); - const hiddenCanvasRef = useRef(null); - const [canvDims, setCanvDims] = useState<{ h: number, w: number }>({ w: 300, h: 150 }); - - const redraw = (image: HTMLImageElement | null) => { - if (image === null) { return; } // null check - useful for the resize listeners - const canvas = canvasRef.current!; - const ctx = canvas.getContext("2d"); - if (ctx == null) { return } - ctx.imageSmoothingEnabled = false; - const [ih, iw, ch, cw] = [image.naturalHeight, image.naturalWidth, canvas.height, canvas.width]; - const faceData = get3DFacePoints(ih, iw, imageInfo?.depth!, DEFAULT_ANGLE_RAD, 0.3); - const correctDims = getAspectCorrectedDims(ih, iw, ch, cw, faceData.dox, faceData.doy, ADDITIONAL_SF); - ctx?.clearRect(0, 0, canvas.width, canvas.height); - if (faceData.dox > 0) { - drawFaces(ctx!, faceData, correctDims.sf, correctDims.ox, correctDims.oy) - } - ctx?.drawImage(image, correctDims.ox, correctDims.oy, correctDims.w, correctDims.h); - } + const maxSF = Math.max(wSF, hSF); - const drawFaces = (ctx: CanvasRenderingContext2D, faces: faces, sf: number, ox: number, oy: number, frame: boolean = false) => { - const style1 = (frame) ? topSideFrame : topSide - const style2 = (frame) ? rightSideFrame : rightSide - drawPoints(ctx, faces.face1, sf, ox, oy, style1); //"#dbdbdbff" - drawPoints(ctx, faces.face2, sf, ox, oy, style2); + return { iw: imageWidth / maxSF - pad, ih: imageHeight / maxSF - pad }; + }; - if (frame) { drawPoints(ctx, faces.face3, sf, ox, oy, style1); } + const getImgDims = (nSquare: number): { iw: number; ih: number } => { + const container = containerRef.current; + if (!container || !imageInfo) { + return { iw: 100, ih: 100 }; } - const drawPoints = (ctx: CanvasRenderingContext2D, points: Array, sf: number, ox: number, oy: number, style: DrawStyle) => { - const p0 = points[0]; - ctx.fillStyle = style.fillColour; - ctx.strokeStyle = style.lineColour; - if (style.lineCap) { ctx.lineCap = style.lineCap; } - if (style.lineDash) { - ctx.setLineDash(style.lineDash) - } else { - ctx.setLineDash([]) - } - - ctx.lineWidth = style.lineWidth; - ctx.fillStyle = style.fillColour; - ctx.beginPath(); - ctx.moveTo(ox + p0.x * sf, p0.y * sf); - for (let i = 1; i < points.length; i++) { - const p = points[i]; - ctx.lineTo(ox + p.x * sf, p.y * sf); - } - ctx.closePath(); - if (style.toFill) { - - ctx.fill(); - } else { - ctx.stroke(); - } + const rescaledDims = getRescaledImgDims( + container.clientWidth, + container.clientHeight, + imageInfo.width, + imageInfo.height, + nSquare, + ); + return rescaledDims; + }; + + const N = getNCanvases(menuState, targetL); + const dummyArr = [...Array(N).keys()]; + + const nSquare = Math.ceil(Math.sqrt(N)); + + useEffect(() => { + const res = getImgDims(nSquare); + console.log("updating canv dims"); + setCanvDims(res); + }, [menuState, targetL, allImageInfos]); + + return ( +
+ {dummyArr.map((v, i) => ( + + ))} +
+ ); +}; + +export const PreviewImg = ({ + imageInfo, + style, +}: { + imageInfo: ImageLoadInfo | null; + style: React.CSSProperties; +}) => { + const { + // previewImg: [previewImg, setPreviewImg], + selectedPhase: [selectedPhase], + menuState: [menuState], + } = useContext(AppContext)!; + + const containerRef = useRef(null); + const frontDivRef = useRef(null); + const canvasRef = useRef(null); + const hiddenCanvasRef = useRef(null); + + // TODO: make image info a ref again, add useEffec on it to redraw img when it changes + const [img, setImg] = useState(null); + + const drawStyle = !imageInfo + ? { + ...style, + background: + "repeating-linear-gradient(45deg, #b4b4b4d9, #b4b4b4d9 10px, #e5e5e5e3 10px, #e5e5e5e3 20px)", + } + : style; + + const redraw = (image: HTMLImageElement | null) => { + if (image === null) { + return; + } // null check - useful for the resize listeners + const canvas = canvasRef.current!; + const ctx = canvas.getContext("2d"); + if (ctx == null) { + return; } + ctx.imageSmoothingEnabled = false; + const [ih, iw, ch, cw] = [ + image.naturalHeight, + image.naturalWidth, + canvas.height, + canvas.width, + ]; + const faceData = get3DFacePoints( + ih, + iw, + imageInfo?.depth!, + DEFAULT_ANGLE_RAD, + 0.3, + ); + const correctDims = getAspectCorrectedDims( + ih, + iw, + ch, + cw, + faceData.dox, + faceData.doy, + ADDITIONAL_SF, + ); + ctx?.clearRect(0, 0, canvas.width, canvas.height); - const animateDiv = (div: HTMLDivElement, newW: number, newH: number) => { - // Animate hidden bg div to show amount of data needed to measure - div.style.width = `${newW}px` - div.style.height = `${newH}px` - div.style.outline = '10px #b4b4b4'; - div.style.borderRadius = '10px'; - div.style.backgroundColor = '#b4b4b4c2'; - //div.style.display = 'inline-block'; - // this creates the nice thick background lines - div.style.background = "repeating-linear-gradient(45deg, #b4b4b4d9, #b4b4b4d9 10px, #e5e5e5e3 10px, #e5e5e5e3 20px)"; - - - div.animate([ // visiblity fade - { opacity: 0 }, - { opacity: 1 }, - ], { - fill: "both", - duration: 2400, - iterations: Infinity, // loop infinitely - direction: "alternate" // forward and reverse - }) + if (faceData.dox > 0) { + drawFaces(ctx!, faceData, correctDims.sf, correctDims.ox, correctDims.oy); + } + // ctx?.drawImage(image, 0, 0, canvas.width, canvas.height); + + ctx?.drawImage( + image, + correctDims.ox, + correctDims.oy, + correctDims.w, + correctDims.h, + ); + }; + + const drawFaces = ( + ctx: CanvasRenderingContext2D, + faces: faces, + sf: number, + ox: number, + oy: number, + frame: boolean = false, + ) => { + const style1 = frame ? topSideFrame : topSide; + const style2 = frame ? rightSideFrame : rightSide; + drawPoints(ctx, faces.face1, sf, ox, oy, style1); //"#dbdbdbff" + drawPoints(ctx, faces.face2, sf, ox, oy, style2); + + if (frame) { + drawPoints(ctx, faces.face3, sf, ox, oy, style1); + } + }; + + const drawPoints = ( + ctx: CanvasRenderingContext2D, + points: Array, + sf: number, + ox: number, + oy: number, + style: DrawStyle, + ) => { + const p0 = points[0]; + ctx.fillStyle = style.fillColour; + ctx.strokeStyle = style.lineColour; + if (style.lineCap) { + ctx.lineCap = style.lineCap; + } + if (style.lineDash) { + ctx.setLineDash(style.lineDash); + } else { + ctx.setLineDash([]); } - const animateCube = (hCanv: HTMLCanvasElement, newW: number, newH: number) => { - hCanv.style.visibility = 'visible' - hCanv.width = newW - hCanv.height = newH - const hCanvCtx = hCanv.getContext("2d") - const image = previewImg! - hCanvCtx?.clearRect(0, 0, newW, newH) - const [ih, iw, ch, cw] = [image.naturalHeight, image.naturalWidth, hCanv.height, hCanv.width]; - const faceData = get3DFacePoints(ih, iw, imageInfo?.depth!, DEFAULT_ANGLE_RAD, 0.3, 1); - const correctDims = getAspectCorrectedDims(ih, iw, ch, cw, faceData.dox, faceData.doy, ADDITIONAL_SF); - if (faceData.dox > 0) { - drawFaces(hCanvCtx!, faceData, correctDims.sf, correctDims.ox, correctDims.oy, true) - } - - hCanv.animate([ // visiblity fade - { opacity: 0 }, - { opacity: 1 }, - ], { - fill: "both", - duration: 2400, - iterations: Infinity, // loop infinitely - direction: "alternate" // forward and reverse - }) - + ctx.lineWidth = style.lineWidth; + ctx.fillStyle = style.fillColour; + ctx.beginPath(); + ctx.moveTo(ox + p0.x * sf, p0.y * sf); + for (let i = 1; i < points.length; i++) { + const p = points[i]; + ctx.lineTo(ox + p.x * sf, p.y * sf); } + ctx.closePath(); + if (style.toFill) { + ctx.fill(); + } else { + ctx.stroke(); + } + }; + + // ================ EFFECTS ================ + useEffect(() => { + // UPDATE WHEN IMAGE CHANGED + redraw(img!); + }, [img]); + + useEffect(() => { + // HIGHLIGHT SPECIFIC PHASE WHEN BUTTON CLICKED + if (imageInfo === null || imageInfo === undefined) { + containerRef.current!.animate( + [ + // visiblity fade + { opacity: 0 }, + { opacity: 1 }, + ], + { + fill: "both", + duration: 2400, + iterations: Infinity, // loop infinitely + direction: "alternate", // forward and reverse + }, + ); + return; + } + const uniqueVals = imageInfo.phaseVals; + // create mapping of {greyscaleVal1: [color to draw], greyscaleVal2: [color to draw]} + // where color to draw is blue, orange, etc if val1 phase selected, greyscale otherwise + const phaseCheck = (x: number, i: number) => { + const alpha = selectedPhase == 0 ? 255 : 80; + const originalColour = [x, [x, x, x, alpha]]; // identity mapping of grey -> grey in RGBA + const newColour = [x, colours[i + 1]]; // grey -> phase colour + const phaseIsSelected = i + 1 == selectedPhase; + return phaseIsSelected ? newColour : originalColour; + }; + // NB we ignore alpha in the draw call so doesn't matter that it's x here + const mapping = Object.fromEntries( + uniqueVals!.map((x, i, _) => phaseCheck(x, i)), + ); - // ================ EFFECTS ================ - useEffect(() => { // UPDATE WHEN IMAGE CHANGED - redraw(previewImg!) - }, [previewImg]) - - useEffect(() => { // HIGHLIGHT SPECIFIC PHASE WHEN BUTTON CLICKED - if (imageInfo === null) { return } - const uniqueVals = imageInfo.phaseVals; - // create mapping of {greyscaleVal1: [color to draw], greyscaleVal2: [color to draw]} - // where color to draw is blue, orange, etc if val1 phase selected, greyscale otherwise - const phaseCheck = (x: number, i: number) => { - const alpha = (selectedPhase == 0) ? 255 : 80 - const originalColour = [x, [x, x, x, alpha]]; // identity mapping of grey -> grey in RGBA - const newColour = [x, colours[i + 1]]; // grey -> phase colour - const phaseIsSelected = (i + 1 == selectedPhase); - return phaseIsSelected ? newColour : originalColour; - } - // NB we ignore alpha in the draw call so doesn't matter that it's x here - const mapping = Object.fromEntries( - uniqueVals!.map((x, i, _) => phaseCheck(x, i)) - ); - - const imageData = imageInfo?.previewData; - const newImageArr = replaceGreyscaleWithColours(imageData.data, mapping); - const newImageData = new ImageData(newImageArr, imageInfo.width, imageInfo.height); - const newImage = getImagefromImageData(newImageData, imageInfo.height, imageInfo.width); - setPreviewImg(newImage); - }, [selectedPhase]) - - useEffect(() => { // SET INITIAL CANV W AND H - // runs on load to update canvDims with client rendered w and h of canvas (which is in vh/vw units) - const resize = () => { - const container = containerRef.current; - const newCanvSize = { h: container!.clientHeight, w: container!.clientWidth }; - setCanvDims(newCanvSize); - } - // will trigger whenever client resizes - window.addEventListener('resize', resize); - resize(); - }, []) - - useEffect(() => { // UPDATE WHEN CLIENT RESIZED - const canv = canvasRef.current!; - canv.width = canvDims.w; - canv.height = canvDims.h; - // we need to redraw otherwise setting w and h will clear the canvas - redraw(previewImg); - }, [canvDims]) - - useEffect(() => { - // Animated shrink of canvas into top left corner of parent div - // sf is original width / target length - if (targetL === null) { return; } - if (menuState != 'conf_result') { return } - - const canvas = canvasRef.current!; - const image = previewImg! - const [ih, iw, ch, cw] = [image.naturalHeight, image.naturalWidth, canvDims.h, canvDims.w]; - const correctDims = getAspectCorrectedDims(ih, iw, ch, cw, 0, 0, ADDITIONAL_SF); - - const shortestSideCanv = Math.min(canvDims.h, canvDims.w) - const longestSideCanv = Math.max(correctDims.h, correctDims.w) - const newCanvL = shortestSideCanv - - const shortestSideData = Math.min(imageInfo?.width!, imageInfo?.height!); - const longestSideData = Math.max(imageInfo?.width!, imageInfo?.height!); - - if (targetL < shortestSideData) { return }; // if already representative - const newDataToCanv = newCanvL / targetL - - const longestSideShrunkCanv = newDataToCanv * longestSideData - const maxSF = longestSideCanv / longestSideShrunkCanv - - const canvAnim = canvas.animate([ - { transform: `scale(${1 / maxSF}) translate(${0}px, ${0}px)` }, - ], { - duration: 1600, //1.6s - iterations: 1, // one shot - fill: 'forwards', // no reset - easing: 'ease-in-out' - }) - - canvAnim.onfinish = (e) => { - - if (imageInfo?.nDims == 2) { - animateDiv(frontDivRef.current!, newCanvL, newCanvL) - } else { - animateCube(hiddenCanvasRef.current!, canvDims.w, canvDims.h) - } - } - - }, [menuState]) - return ( -
-
- - -
+ const imageData = imageInfo.previewData; + const newImageArr = replaceGreyscaleWithColours(imageData.data, mapping); + const newImageData = new ImageData( + newImageArr, + imageInfo.width, + imageInfo.height, + ); + const newImage = getImagefromImageData( + newImageData, + imageInfo.height, + imageInfo.width, ); -} -export default PreviewCanvas \ No newline at end of file + newImage.onload = () => { + setImg(newImage); + }; + }, [selectedPhase, imageInfo]); + + useEffect(() => { + // UPDATE WHEN CLIENT RESIZED + const container = containerRef.current!; + const canv = canvasRef.current!; + + if ( + canv.width != container.offsetWidth || + canv.height != container.offsetHeight + ) { + canv.width = container.offsetWidth; + canv.height = container.offsetHeight; + console.log(canv.width, canv.height); + redraw(img); + } + }, [style]); + + return ( +
+
+ + +
+ ); +}; diff --git a/frontend/src/components/DragDrop.tsx b/frontend/src/components/DragDrop.tsx index c6a52c4..ddc5220 100644 --- a/frontend/src/components/DragDrop.tsx +++ b/frontend/src/components/DragDrop.tsx @@ -1,55 +1,87 @@ -import React, { useContext, useEffect, useRef, useState } from "react"; import { DragDropProps } from "./interfaces"; const DEFAULT_IMAGE_2D = "../assets/default_2D.tiff"; const DEFAULT_IMAGE_3D = "../assets/default_3D.tiff"; export const dragDropStyle = { - height: '75vh', width: '75vw', - outline: '10px dashed #b5bab6', color: '#b5bab6', - fontSize: '3em', justifyContent: 'center', alignItems: 'center', - borderRadius: '10px', padding: '10px', display: 'flex', margin: 'auto' -} + height: "75vh", + width: "75vw", + outline: "10px dashed #b5bab6", + color: "#b5bab6", + fontSize: "3em", + justifyContent: "center", + alignItems: "center", + borderRadius: "10px", + padding: "10px", + display: "flex", + margin: "auto", +}; const flexCenterClasses = "flex items-center justify-center"; -const isMobile = (window.innerWidth < 800) +const isMobile = window.innerWidth < 800; const DragDrop = ({ loadFromFile }: DragDropProps): JSX.Element => { - // Drag and drop for file upload - const handleDrag = (e: any) => { e.preventDefault(); } - const handeDrop = (e: any) => { - e.preventDefault(); - if (e.dataTransfer.items) { - const item = e.dataTransfer.items[0]; - if (item.kind === "file") { - const file = item.getAsFile(); - loadFromFile(file); - }; - }; - }; - - const viewExample = async (path: string) => { - const url = new URL(path, location.origin); - console.log(url) - const resp = await fetch(url); - const data = await resp.blob(); - const metadata = { type: data.type } - const file = new File([data], 'default.tiff', metadata) - console.log(file) - loadFromFile(file) + // Drag and drop for file upload + const handleDrag = (e: any) => { + e.preventDefault(); + }; + const handeDrop = (e: any) => { + e.preventDefault(); + if (e.dataTransfer.items) { + for (let x = 0; x < e.dataTransfer.items.length; x++) { + const item = e.dataTransfer.items[x]; + if (item.kind === "file") { + const file = item.getAsFile(); + loadFromFile(file); + } + } } + }; + + const viewExample = async (path: string) => { + const url = new URL(path, location.origin); + const resp = await fetch(url); + const data = await resp.blob(); + const metadata = { type: data.type }; + const file = new File([data], "default.tiff", metadata); + loadFromFile(file); + }; - return ( -
+ {!isMobile && ( +
- {(!isMobile) &&
- Drag microstructure file, or view example viewExample(DEFAULT_IMAGE_2D)}>in 2D or viewExample(DEFAULT_IMAGE_3D)}> 3D - (image must be segmented & image background (e.g. scale bar) cropped out) -
} + + Drag microstructure file, or view example{" "} + viewExample(DEFAULT_IMAGE_2D)} + > + in 2D + {" "} + or{" "} + viewExample(DEFAULT_IMAGE_3D)} + > + {" "} + 3D + + + + (image must be segmented & image background (e.g. scale bar) cropped + out) +
- ); -} + )} +
+ ); +}; -export default DragDrop +export default DragDrop; diff --git a/frontend/src/components/Menu.tsx b/frontend/src/components/Menu.tsx index b87b835..600a782 100644 --- a/frontend/src/components/Menu.tsx +++ b/frontend/src/components/Menu.tsx @@ -1,455 +1,581 @@ import React, { useContext, useEffect, useRef, useState } from "react"; -import AppContext, { IR_LIMIT_PX, MenuState } from "./interfaces"; +import AppContext, { ImageLoadInfo, MenuState } from "./interfaces"; import { colours, rgbaToHex } from "./interfaces"; -import Toast from 'react-bootstrap/Toast' +import Toast from "react-bootstrap/Toast"; import ToastContainer from "react-bootstrap/ToastContainer"; -import Button from 'react-bootstrap/Button'; +import Button from "react-bootstrap/Button"; import ButtonGroup from "react-bootstrap/ButtonGroup"; import InputGroup from "react-bootstrap/InputGroup"; import Form from "react-bootstrap/Form"; import Spinner from "react-bootstrap/Spinner"; import Table from "react-bootstrap/Table"; -import Modal from 'react-bootstrap/Modal'; +import Modal from "react-bootstrap/Modal"; import NormalSlider from "./NormalSlider"; -import ListGroup from 'react-bootstrap/ListGroup'; - -import Accordion from 'react-bootstrap/Accordion'; -import { getPhaseFraction } from "./imageLogic"; - -const centreStyle = { display: 'flex', justifyContent: 'space-evenly', alignItems: 'center', marginTop: '1em' } - -const _getCSSColour = (currentStateVal: any, targetStateVal: any, successPrefix: string, colourIdx: number): string => { - // Boring function to map a success to current labelling colour. Used for GUI elements. - const c = colours[colourIdx]; - const hex = rgbaToHex(c[0], c[1], c[2], 255); - const matches: boolean = (currentStateVal === targetStateVal); - - const outlineStr = (matches) ? successPrefix + hex : 'white' - return outlineStr; -} - -const restyleAccordionHeaders = (ref: React.RefObject, primary: boolean, hex: string) => { - const headerBGCSSName = "--bs-accordion-active-bg" - const headerTextCSSName = "--bs-accordion-active-color" - const headerDefaultBGCSSName = "--bs-accordion-bg" - const header = ref.current - - const colour = (primary) ? hex : "#ffffff" - - header?.style.setProperty(headerBGCSSName, colour) - header?.style.setProperty(headerTextCSSName, "#212529") - - if (primary) { - header?.style.setProperty(headerDefaultBGCSSName, colour) - header?.style.setProperty('background-color', colour) - } - //header?.style.removeProperty("background-image") -} +import ListGroup from "react-bootstrap/ListGroup"; + +import Accordion from "react-bootstrap/Accordion"; +import { getNImagesForTargetL, mean } from "./imageLogic"; + +const centreStyle = { + display: "flex", + justifyContent: "space-evenly", + alignItems: "center", + marginTop: "1em", +}; + +const _getCSSColour = ( + currentStateVal: any, + targetStateVal: any, + successPrefix: string, + colourIdx: number, +): string => { + // Boring function to map a success to current labelling colour. Used for GUI elements. + const c = colours[colourIdx]; + const hex = rgbaToHex(c[0], c[1], c[2], 255); + const matches: boolean = currentStateVal === targetStateVal; + + const outlineStr = matches ? successPrefix + hex : "white"; + return outlineStr; +}; + +const restyleAccordionHeaders = ( + ref: React.RefObject, + primary: boolean, + hex: string, +) => { + const headerBGCSSName = "--bs-accordion-active-bg"; + const headerTextCSSName = "--bs-accordion-active-color"; + const headerDefaultBGCSSName = "--bs-accordion-bg"; + const header = ref.current; + + const colour = primary ? hex : "#ffffff"; + + header?.style.setProperty(headerBGCSSName, colour); + header?.style.setProperty(headerTextCSSName, "#212529"); + + if (primary) { + header?.style.setProperty(headerDefaultBGCSSName, colour); + header?.style.setProperty("background-color", colour); + } + //header?.style.removeProperty("background-image") +}; const PhaseSelect = () => { - const { - imageInfo: [imageInfo,], - selectedPhase: [selectedPhase, setSelectedPhase], - menuState: [, setMenuState] - } = useContext(AppContext)! - - const classes: number[] = Array.from(new Array(imageInfo!.nPhases), (_, i) => i + 1); - - const getStyle = (i: number) => { - return { - backgroundColor: _getCSSColour(i, selectedPhase, "", selectedPhase), - border: _getCSSColour(i, i, "2px solid", i), - margin: '1px 1px 1px 1px' - } - } - - const confirm = () => { - if ((selectedPhase > 0) && (selectedPhase < 7)) { - setMenuState('conf'); - return; - } else { - return; - } - } - - return ( - <> -

Choose phase to analyze representativity of:

- - { - classes.map(i => ) - } - - - - ); -} - -const ConfidenceSelect = () => { - const { - imageInfo: [imageInfo,], - selectedPhase: [selectedPhase,], - selectedConf: [selectedConf, setSelectedConf], - errVF: [errVF, setErrVF], - accurateFractions: [accurateFractions,], - menuState: [, setMenuState] - } = useContext(AppContext)! - - - const vals = imageInfo?.phaseVals! - - console.log(accurateFractions) - console.log(vals) - console.log(selectedPhase) - - const displayPhaseFrac = () => { - try { - if (accurateFractions == null && imageInfo && vals[selectedPhase -1] && imageInfo?.previewData.data) { - console.log('help') - const pf = getPhaseFraction( - imageInfo?.previewData.data!, - vals[selectedPhase - 1] - ) - if (typeof pf == "number") { - return pf.toFixed(3) - } - } else if (accurateFractions && vals[selectedPhase -1]) { - return accurateFractions[vals[selectedPhase - 1]].toFixed(3) - } - - return '' - } catch (e) { - return '' - } + const { + imageInfo: [imageInfo], + selectedPhase: [selectedPhase, setSelectedPhase], + menuState: [, setMenuState], + } = useContext(AppContext)!; + + const classes: number[] = Array.from( + new Array(imageInfo!.nPhases), + (_, i) => i + 1, + ); + + const getStyle = (i: number) => { + return { + backgroundColor: _getCSSColour(i, selectedPhase, "", selectedPhase), + border: _getCSSColour(i, i, "2px solid", i), + margin: "1px 1px 1px 1px", + }; + }; + + const confirm = () => { + if (selectedPhase > 0 && selectedPhase < 7) { + setMenuState("conf"); + return; + } else { + return; } - // horrible ternary: if server has responded and set the accurate phase fractions, - // then use those values in the modal. If not, use the estimate from the first image - const phaseFrac = displayPhaseFrac() - - const setConf = (e: any) => { - setSelectedConf(Number(e.target!.value)) + }; + + return ( + <> +

Choose phase to analyze representativity of:

+ + {classes.map((i) => ( + + ))} + + + + ); +}; + +const ConfidenceSelect = ({ + allImageInfos, +}: { + allImageInfos: ImageLoadInfo[]; +}) => { + const { + imageInfo: [imageInfo], + selectedPhase: [selectedPhase], + selectedConf: [selectedConf, setSelectedConf], + errVF: [errVF, setErrVF], + menuState: [, setMenuState], + } = useContext(AppContext)!; + + const vals = imageInfo?.phaseVals!; + const phaseFrac = mean( + allImageInfos.map((i) => i.phaseFractions[vals[selectedPhase - 1]]), + ); + + const setConf = (e: any) => { + setSelectedConf(Number(e.target!.value)); + }; + + const setErr = (e: any) => { + setErrVF(Number(e.target!.value)); + }; + + const [h, w, d] = [imageInfo?.height!, imageInfo?.width!, imageInfo?.depth!]; + const dimString = imageInfo?.nDims == 3 ? `${h}x${w}x${d}` : `${h}x${w}`; + const n = imageInfo?.nDims == 3 ? h * w * d : h * w; + const fitTimeConstant = 48500; + const t = Math.sqrt(n / fitTimeConstant); + + return ( + <> + + + + + + + + + + + + + + + + + + + +
Image Dimensions:{dimString}
Chosen Phase:{selectedPhase}
Phase Fraction:{phaseFrac.toFixed(3)}
Estimated Time:{t.toFixed(1)}s
+ + Uncertainty Target (%): + setErr(e)} + width={1} + size="sm" + > + + + Confidence in Bounds (%): + setConf(e)} + width={1} + size="sm" + > + +
+ +
+ + ); +}; + +const Result = ({ allImageInfos }: { allImageInfos: ImageLoadInfo[] }) => { + const { + analysisInfo: [analysisInfo], + imageInfo: [imageInfo], + selectedPhase: [selectedPhase], + selectedConf: [selectedConf, setSelectedConf], + errVF: [errVF, setErrVF], + pfB: [pfB], + menuState: [menuState, setMenuState], + showInfo: [, setShowInfo], + } = useContext(AppContext)!; + + const newConfSliderRef = useRef(null); + + // we have two errVFs here because we want the values in the text to reflect the old + // errVF, the one they sent to the server and the slider to represent the new one + // which they are setting for recalculate. + const [newErrVF, setNewErrVF] = useState(5); + const pfResultRef = useRef(null); + const lResultRef = useRef(null); + + const vals = imageInfo?.phaseVals!; + const phaseFrac = mean( + allImageInfos.map((i) => i.phaseFractions[vals[selectedPhase - 1]]), + ); + + const l = analysisInfo?.lForDefaultErr; + const lStr = l?.toFixed(0); + const sizeText = + imageInfo?.nDims == 3 ? `${lStr}x${lStr}x${lStr}` : `${lStr}x${lStr}`; + + const setErr = (e: any) => { + setNewErrVF(Number(e.target!.value)); + }; + + const recalculate = () => { + const newSlider = newConfSliderRef.current!; + + const val = newSlider.value; + const isNumber = !isNaN(parseFloat(val)); + const floatVal = parseFloat(val); + const inBounds = floatVal > 1 && floatVal < 99.999; + + if (isNumber && inBounds) { + setSelectedConf(floatVal); + } else { + setSelectedConf(95); } - - const setErr = (e: any) => { - setErrVF(Number(e.target!.value)) - } - - const [h, w, d] = [imageInfo?.height!, imageInfo?.width!, imageInfo?.depth!]; - const dimString = (imageInfo?.nDims == 3) ? `${h}x${w}x${d}` : `${h}x${w}`; - const n = (imageInfo?.nDims == 3) ? h * w * d : h * w - const fitTimeConstant = 48500 - const t = Math.sqrt(n / fitTimeConstant) - - - return ( - <> - - - - - - - - - - - - - - - - - - - -
Image Dimensions:{dimString}
Chosen Phase:{selectedPhase}
Phase Fraction:{phaseFrac}
Estimated Time:{t.toFixed(1)}s
- - Uncertainty Target (%): - setErr(e)} width={1} size="sm"> + setErrVF(newErrVF); + setMenuState("processing"); + }; + + const c = colours[selectedPhase]; + const headerHex = rgbaToHex(c[0], c[1], c[2], c[3]); + + useEffect(() => { + const refs = [pfResultRef, lResultRef]; + refs.map((r, i) => restyleAccordionHeaders(r, i == 0, headerHex)); + }, [selectedPhase]); + + const absErrFromPFB = (pfB![1] - pfB![0]) / 2; + const perErrFromPFB = 100 * ((pfB![1] - pfB![0]) / 2 / phaseFrac); + + const isBatch = allImageInfos.length > 1; + const batchText = isBatch ? "(mean)" : ""; + const imgText = isBatch ? "images" : "image"; + + const beforeBoldText = `The ${batchText} phase fraction in the segmented ${imgText} is ${phaseFrac.toFixed(3)}. Assuming perfect segmentation, the 'ImageRep' model proposed by Dahari et al. suggests that `; + const boldText = `we can be ${selectedConf.toFixed(1)}% confident that the material's phase fraction is within ${perErrFromPFB?.toFixed(1)}% of this value (i.e. ${phaseFrac.toFixed(3)}±${absErrFromPFB.toFixed(3)})`; + const copyText = beforeBoldText + boldText; + const afterText = "These results are derived from an estimated "; + const afterBoldText = `Characteristic Length Scale (CLS) of ${analysisInfo?.integralRange!.toFixed(0)}px`; + + const copyBtn = () => { + navigator.clipboard.writeText(copyText); + }; + + const nMore = getNImagesForTargetL(imageInfo!, l!, allImageInfos.length); + + const modalTitle = `Results for "${imageInfo?.file?.name}"`; + + const title = "Phase Fraction Estimation of the Material"; + + const smallResults = ( + <> + + + {title} + {/*Need to manually overwrite the style here because of werid bug*/} + + {beforeBoldText} + {boldText} + + Copy: + + - - Confidence in Bounds (%): - setConf(e)} width={1} size="sm"> - -
- -
- - ) -} - -const Result = () => { - // LB < VF_true < UB with '$CONF$% confidence - // need L = $N$pix for \epsilon = ... - // epsilon slider (updates bounds in line 1) - // conf re-select - // CSS zoom anim on canvas - const { - analysisInfo: [analysisInfo,], - imageInfo: [imageInfo,], - selectedPhase: [selectedPhase,], - selectedConf: [selectedConf, setSelectedConf], - errVF: [errVF, setErrVF], - pfB: [pfB,], - accurateFractions: [accurateFractions,], - menuState: [menuState, setMenuState], - showInfo: [, setShowInfo], - } = useContext(AppContext)! - - const newConfSliderRef = useRef(null); - - // we have two errVFs here because we want the values in the text to reflect the old - // errVF, the one they sent to the server and the slider to represent the new one - // which they are setting for recalculate. - - // TODO: THERE IS RACE CONDITION BETWEEN ACCURATE PFS AND RESULTS: I.E IF ONE - // NOT RETURNED WEBSITE FALLS OVER - NOT GOOD. FIX - // MAY EVEN BE LAG IN COUNTING PHASE FRACS - const [newErrVF, setNewErrVF] = useState(5); - const pfResultRef = useRef(null); - const lResultRef = useRef(null); - - const vals = imageInfo?.phaseVals! - - const getPhaseFracs = () => { - const accurateAvailable = accurateFractions != null - const coarseAvailable = (imageInfo != null) && (imageInfo.previewData.data != null) - - if (accurateAvailable) { - return accurateFractions[vals[selectedPhase - 1]] - } else if (coarseAvailable) { - return getPhaseFraction( - imageInfo?.previewData.data!, - vals[selectedPhase - 1] - ); - } else { - return 0 - } - } - - const phaseFrac = getPhaseFracs(); - - - const l = analysisInfo?.lForDefaultErr; - const lStr = l?.toFixed(0); - const sizeText = (imageInfo?.nDims == 3) ? `${lStr}x${lStr}x${lStr}` : `${lStr}x${lStr}` - - const setErr = (e: any) => { - setNewErrVF(Number(e.target!.value)); - }; - - const recalculate = () => { - const newSlider = newConfSliderRef.current! - - const val = newSlider.value - const isNumber = !isNaN(parseFloat(val)); - const floatVal = parseFloat(val) - const inBounds = (floatVal > 1) && (floatVal < 99.999) - - if (isNumber && inBounds) { - setSelectedConf(floatVal) - } else { - setSelectedConf(95) - } - setErrVF(newErrVF); - setMenuState('processing'); - } - - const c = colours[selectedPhase]; - const headerHex = rgbaToHex(c[0], c[1], c[2], c[3]); - - useEffect(() => { - const refs = [pfResultRef, lResultRef]; - refs.map((r, i) => restyleAccordionHeaders(r, (i == 0), headerHex)); - }, [selectedPhase]) - - - const absErrFromPFB = (pfB![1] - pfB![0]) / 2 - const perErrFromPFB = 100 * (((pfB![1] - pfB![0]) / 2) / phaseFrac) - - const beforeBoldText = `The phase fraction in the segmented image is ${phaseFrac.toFixed(3)}. Assuming perfect segmentation, the 'ImageRep' model proposed by Dahari et al. suggests that ` - const boldText = `we can be ${selectedConf.toFixed(1)}% confident that the material's phase fraction is within ${perErrFromPFB?.toFixed(1)}% of this value (i.e. ${phaseFrac.toFixed(3)}±${absErrFromPFB.toFixed(3)})` - const copyText = beforeBoldText + boldText - const afterText = "These results are derived from an estimated " - const afterBoldText = `Characteristic Length Scale (CLS) of ${analysisInfo?.integralRange!.toFixed(0)}px` - - const copyBtn = () => { navigator.clipboard.writeText(copyText) } - - const ii = imageInfo - const vol = (ii?.nDims! == 3) ? (ii?.height! * ii?.width! * ii?.width!) : (ii?.height! * ii?.width!) - const nMore = (Math.ceil(Math.pow(l!, imageInfo?.nDims!) / vol)) - 1 - - const modalTitle = `Results for "${imageInfo?.file?.name}"` - - const title = "Phase Fraction Estimation of the Material" - - const smallResults = ( - <> - - - {title} - {/*Need to manually overwrite the style here because of werid bug*/} - - {beforeBoldText}{boldText} - - Copy: - - - - - - - Required Length for Target - {/*Need to manually overwrite the style here because of werid bug*/} - - For a {errVF.toFixed(2)}% uncertainty in phase fraction, you need to measure a total image size of about {sizeText} (i.e. {nMore} more images) at the same resolution. - - - - - {/* + + + + + Required Length for Target + + {/*Need to manually overwrite the style here because of werid bug*/} + + For a {errVF.toFixed(2)}% uncertainty in phase fraction, you{" "} + + need to measure a total image size of about {sizeText} (i.e.{" "} + {nMore} more images) + {" "} + at the same resolution. + + + + + {/*

     {targLB.toFixed(3)} ≤ ϕ ≤ {targUB.toFixed(3)} with {selectedConf}% confidence.

*/} -

- < InputGroup > - Uncertainty Target (%): - setErr(e)} width={1} size="sm"> - - - Confidence in Bounds (%): - - -
- - -
- - ) - - const handleClose = () => { setMenuState('conf_result') }; - const handleShowFull = () => { - setMenuState('hidden'); - setShowInfo(true); - }; - - const showFull = (menuState == 'conf_result_full') - - const largeResults = (<> - - - {modalTitle} - - - - - {title} - {/*Need to manually overwrite the style here because of werid bug*/} - -
- -
- {beforeBoldText}{boldText} - - Copy: - - - - {afterText}{afterBoldText} - - - - Required Length for Target - {/*Need to manually overwrite the style here because of werid bug*/} - - For a {errVF.toFixed(2)}% uncertainty in phase fraction, you need to measure a total image size of about {sizeText} (i.e. {nMore} more images) at the same resolution. -
- -
- - - - - Warnings - - - Other errors are possible, and may be larger! (i.e, segmentation error) - Not designed for periodic structures - This is a (conservative) estimate - retry when you have measured the larger sample - - - - - More info - - - handleShowFull()}>Click for Brief explanation! - Implementation in the GitHub - Full details can be found in the paper - - - - - - - - - - ) - - return (<> - {(showFull == true) && largeResults} - {(showFull == false) && smallResults} - ) -} - - -const getMenuInfo = (state: MenuState) => { - switch (state) { - case 'phase': - return { title: "Select Phase", innerHTML: } - case 'conf': - return { title: "Choose Parameters", innerHTML: } - case 'processing': - return { title: "Processing", innerHTML:
} - case 'conf_result_full': - return { title: "Results", innerHTML: } - case 'conf_result': - return { title: "Results", innerHTML: } - case 'hidden': // fall through - default: - return { title: "", innerHTML: <> } - } -} - -export const Menu = () => { - const { - menuState: [menuState,], - } = useContext(AppContext)! - - const [collapse, setCollapse] = useState(false); - - const hide = (menuState == 'hidden') - - return ( - <> - {(menuState == 'conf_result_full') ? getMenuInfo(menuState).innerHTML : - - - - {getMenuInfo(menuState).title} - - - - {(collapse == false) && getMenuInfo(menuState).innerHTML} - - - } - - - ) -} +

+ + Uncertainty Target (%): + setErr(e)} + width={1} + size="sm" + > + + + Confidence in Bounds (%): + + +
+ + +
+ + ); + + const handleClose = () => { + setMenuState("conf_result"); + }; + const handleShowFull = () => { + setMenuState("hidden"); + setShowInfo(true); + }; + + const showFull = menuState == "conf_result_full"; + + const largeResults = ( + <> + + + {modalTitle} + + + + + {title} + {/*Need to manually overwrite the style here because of werid bug*/} + +
+ +
+ {beforeBoldText} + {boldText} + + Copy: + + + + {afterText} + {afterBoldText} + + + + + Required Length for Target + + {/*Need to manually overwrite the style here because of werid bug*/} + + For a {errVF.toFixed(2)}% uncertainty in phase fraction, you{" "} + + need to measure a total image size of about {sizeText} (i.e.{" "} + {nMore} more images) + {" "} + at the same resolution. +
+ +
+ + + + + Warnings + + + + + Other errors are possible, and may be larger! (i.e, + segmentation error) + + + Not designed for periodic structures + + + This is a (conservative) estimate - retry when you have + measured the larger sample + + + + + + + More info + + + + handleShowFull()} + > + Click for Brief explanation! + + + Implementation in the{" "} + + GitHub + + + + Full details can be found in the{" "} + paper + + + + + + + + + + + + ); + + return ( + <> + {showFull == true && largeResults} + {showFull == false && smallResults} + + ); +}; + +const getMenuInfo = (state: MenuState, allImageInfos: ImageLoadInfo[]) => { + switch (state) { + case "phase": + return { title: "Select Phase", innerHTML: }; + case "conf": + return { + title: "Choose Parameters", + innerHTML: , + }; + case "processing": + return { + title: "Processing", + innerHTML: ( +
+ +
+ ), + }; + case "conf_result_full": + return { + title: "Results", + innerHTML: , + }; + case "conf_result": + return { + title: "Results", + innerHTML: , + }; + case "hidden": // fall through + default: + return { title: "", innerHTML: <> }; + } +}; + +export const Menu = ({ allImageInfos }: { allImageInfos: ImageLoadInfo[] }) => { + const { + menuState: [menuState], + } = useContext(AppContext)!; + + const [collapse, setCollapse] = useState(false); + + const hide = menuState == "hidden"; + + return ( + <> + {menuState == "conf_result_full" ? ( + getMenuInfo(menuState, allImageInfos).innerHTML + ) : ( + + + + + {getMenuInfo(menuState, allImageInfos).title} + + + + + {collapse == false && + getMenuInfo(menuState, allImageInfos).innerHTML} + + + + )} + + ); +}; diff --git a/frontend/src/components/NormalSlider.tsx b/frontend/src/components/NormalSlider.tsx index 894c25b..8760ee0 100644 --- a/frontend/src/components/NormalSlider.tsx +++ b/frontend/src/components/NormalSlider.tsx @@ -1,6 +1,11 @@ import { useEffect, useRef, useState, useContext } from "react"; -import AppContext, { rgbaToHex, colours, DrawStyle } from "./interfaces"; -import { getPhaseFraction } from "./imageLogic"; +import AppContext, { + rgbaToHex, + colours, + DrawStyle, + ImageLoadInfo, +} from "./interfaces"; +import { mean } from "./imageLogic"; import InputGroup from "react-bootstrap/InputGroup"; import Form from "react-bootstrap/Form"; @@ -10,35 +15,56 @@ const CANVAS_HEIGHT = 240 * 1.5; const H_FOR_TEXT = 80; const TEXT_OFFSET = 30; const SCALEBAR_WIDTH = 4; -const H_GAUSS = CANVAS_HEIGHT - H_FOR_TEXT - - -const xPxToData = (idx: number, lb_data: number, ub_data: number, canv_w: number) => { - return (idx / (canv_w)) * (ub_data - lb_data) + lb_data +const H_GAUSS = CANVAS_HEIGHT - H_FOR_TEXT; + +const xPxToData = ( + idx: number, + lb_data: number, + ub_data: number, + canv_w: number, +) => { + return (idx / canv_w) * (ub_data - lb_data) + lb_data; }; -const xDataToPx = (x: number, lb_data: number, ub_data: number, canv_w: number) => { - return Math.round(((x - lb_data) / (ub_data - lb_data)) * canv_w) +const xDataToPx = ( + x: number, + lb_data: number, + ub_data: number, + canv_w: number, +) => { + return Math.round(((x - lb_data) / (ub_data - lb_data)) * canv_w); }; -const yDataToPx = (y: number, lb_data: number, ub_data: number, canv_h: number) => { - return canv_h - ((y / (ub_data - lb_data)) * canv_h) +const yDataToPx = ( + y: number, + lb_data: number, + ub_data: number, + canv_h: number, +) => { + return canv_h - (y / (ub_data - lb_data)) * canv_h; }; const normalDist = (x: number, mu: number, sigma: number) => { - return (1 / (sigma * Math.sqrt(2 * Math.PI))) * Math.exp(-0.5 * Math.pow(((x - mu) / sigma), 2)) + return ( + (1 / (sigma * Math.sqrt(2 * Math.PI))) * + Math.exp(-0.5 * Math.pow((x - mu) / sigma, 2)) + ); }; -const getPredictionInterval = (conf: number, pf1D: Array, cumSumSum: Array) => { - const halfConfLevel = (1 + conf) / 2; +const getPredictionInterval = ( + conf: number, + pf1D: Array, + cumSumSum: Array, +) => { + const halfConfLevel = (1 + conf) / 2; - const ltConf = cumSumSum.map(x => x > ((1 - halfConfLevel))); - const gtConf = cumSumSum.map(x => x > halfConfLevel); + const ltConf = cumSumSum.map((x) => x > 1 - halfConfLevel); + const gtConf = cumSumSum.map((x) => x > halfConfLevel); - const ltConfIdx = ltConf.findIndex((x) => x) - const gtConfIdx = gtConf.findIndex((x) => x) - return [pf1D[ltConfIdx], pf1D[gtConfIdx]] -} + const ltConfIdx = ltConf.findIndex((x) => x); + const gtConfIdx = gtConf.findIndex((x) => x); + return [pf1D[ltConfIdx], pf1D[gtConfIdx]]; +}; const indices = [...Array(CANVAS_WIDTH).keys()]; @@ -47,240 +73,338 @@ const tmpSigma = 0.08; const [tmpStart, tmpEnd] = [0.2, 0.6]; const tmpMax = normalDist(tmpMu, tmpMu, tmpSigma); - - - interface NormalParams { - mu: number, - sigma: number, - start_pf: number, - end_pf: number, - max_y: number, + mu: number; + sigma: number; + start_pf: number; + end_pf: number; + max_y: number; } -const LIGHT_GREY = "#838383d9" -const TRANS_RED = "#dc5e5e80" -const DARK_GREY = "#363636f0" - -const xAxisStyle: DrawStyle = { fillColour: LIGHT_GREY, lineColour: LIGHT_GREY, lineWidth: 3, toFill: false, lineCap: null, lineDash: null } -const yAxisStyle: DrawStyle = { fillColour: LIGHT_GREY, lineColour: LIGHT_GREY, lineWidth: 3, toFill: false, lineCap: null, lineDash: [4, 10] } -const curveStyle: DrawStyle = { fillColour: 'red', lineColour: 'red', lineWidth: 4, toFill: false, lineCap: null, lineDash: null } -const shadeStyle: DrawStyle = { fillColour: TRANS_RED, lineColour: TRANS_RED, lineWidth: 3, toFill: true, lineCap: null, lineDash: null } - -const FONT = 'sans-serif' - -type confUpdate = "slider" | "select" - -const NormalSlider = () => { - const { - imageInfo: [imageInfo,], - analysisInfo: [analysisInfo,], - selectedPhase: [selectedPhase,], - selectedConf: [selectedConf, setSelectedConf], - errVF: [errVF, setErrVF], - pfB: [pfB, setPfB], - accurateFractions: [accurateFractions,], - } = useContext(AppContext)! - - const canvasRef = useRef(null); - const sliderRef = useRef(null); - const selectRef = useRef(null); - const [params, setParams] = useState({ - mu: tmpMu, - sigma: tmpSigma, - start_pf: tmpStart, - end_pf: tmpEnd, - max_y: tmpMax, - }); - - const c = colours[selectedPhase]; - const headerHex = rgbaToHex(c[0], c[1], c[2], c[3]); - const shadedHex = rgbaToHex(c[0], c[1], c[2], 120); - - const vals = imageInfo?.phaseVals! - const phaseFrac = (accurateFractions != null) ? - accurateFractions[vals[selectedPhase - 1]] - : getPhaseFraction( - imageInfo?.previewData.data!, - vals[selectedPhase - 1] - ); - - - const getShadedPoints = (newLB: number, newUB: number) => { - const pxLBx = xDataToPx(newLB, params.start_pf, params.end_pf, CANVAS_WIDTH); - const pxUBx = xDataToPx(newUB, params.start_pf, params.end_pf, CANVAS_WIDTH); - - - const nNew = pxUBx - pxLBx; - const inds = [...Array(nNew).keys()].map((x) => (x + pxLBx)); - const xData = inds.map((x) => xPxToData((x), params.start_pf, params.end_pf, CANVAS_WIDTH)); - const xPadded = [inds[0]].concat(inds, [inds[nNew - 1]]) - - const yData = xData.map((xd) => normalDist(xd, params.mu, params.sigma)); - const maxY = normalDist(params.mu, params.mu, params.sigma); - const yPoints = yData.map((yd) => yDataToPx(yd, 0, maxY + 0.2, H_GAUSS)); - const yPadded = [H_GAUSS].concat(yPoints, [H_GAUSS]); - return { xPoints: xPadded, yPoints: yPadded }; - } +const LIGHT_GREY = "#838383d9"; +const TRANS_RED = "#dc5e5e80"; +const DARK_GREY = "#363636f0"; + +const xAxisStyle: DrawStyle = { + fillColour: LIGHT_GREY, + lineColour: LIGHT_GREY, + lineWidth: 3, + toFill: false, + lineCap: null, + lineDash: null, +}; +const yAxisStyle: DrawStyle = { + fillColour: LIGHT_GREY, + lineColour: LIGHT_GREY, + lineWidth: 3, + toFill: false, + lineCap: null, + lineDash: [4, 10], +}; +const curveStyle: DrawStyle = { + fillColour: "red", + lineColour: "red", + lineWidth: 4, + toFill: false, + lineCap: null, + lineDash: null, +}; +const shadeStyle: DrawStyle = { + fillColour: TRANS_RED, + lineColour: TRANS_RED, + lineWidth: 3, + toFill: true, + lineCap: null, + lineDash: null, +}; - const clearCanv = () => { - const canv = canvasRef.current!; - const ctx = canv.getContext('2d')!; - ctx.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); +const FONT = "sans-serif"; + +type confUpdate = "slider" | "select"; + +const NormalSlider = ({ + allImageInfos, +}: { + allImageInfos: ImageLoadInfo[]; +}) => { + const { + imageInfo: [imageInfo], + analysisInfo: [analysisInfo], + selectedPhase: [selectedPhase], + selectedConf: [selectedConf, setSelectedConf], + errVF: [errVF, setErrVF], + pfB: [pfB, setPfB], + } = useContext(AppContext)!; + + const canvasRef = useRef(null); + const sliderRef = useRef(null); + const selectRef = useRef(null); + const [params, setParams] = useState({ + mu: tmpMu, + sigma: tmpSigma, + start_pf: tmpStart, + end_pf: tmpEnd, + max_y: tmpMax, + }); + + const c = colours[selectedPhase]; + const headerHex = rgbaToHex(c[0], c[1], c[2], c[3]); + const shadedHex = rgbaToHex(c[0], c[1], c[2], 120); + + const vals = imageInfo?.phaseVals!; + const phaseFrac = mean( + allImageInfos.map((i) => i.phaseFractions[vals[selectedPhase - 1]]), + ); + + const getShadedPoints = (newLB: number, newUB: number) => { + const pxLBx = xDataToPx( + newLB, + params.start_pf, + params.end_pf, + CANVAS_WIDTH, + ); + const pxUBx = xDataToPx( + newUB, + params.start_pf, + params.end_pf, + CANVAS_WIDTH, + ); + + const nNew = pxUBx - pxLBx; + const inds = [...Array(nNew).keys()].map((x) => x + pxLBx); + const xData = inds.map((x) => + xPxToData(x, params.start_pf, params.end_pf, CANVAS_WIDTH), + ); + const xPadded = [inds[0]].concat(inds, [inds[nNew - 1]]); + + const yData = xData.map((xd) => normalDist(xd, params.mu, params.sigma)); + const maxY = normalDist(params.mu, params.mu, params.sigma); + const yPoints = yData.map((yd) => yDataToPx(yd, 0, maxY + 0.2, H_GAUSS)); + const yPadded = [H_GAUSS].concat(yPoints, [H_GAUSS]); + return { xPoints: xPadded, yPoints: yPadded }; + }; + + const clearCanv = () => { + const canv = canvasRef.current!; + const ctx = canv.getContext("2d")!; + ctx.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); + }; + + const drawPoints = ( + xPoints: Array, + yPoints: Array, + style: DrawStyle, + ) => { + const canv = canvasRef.current!; + const ctx = canv.getContext("2d")!; + + ctx.fillStyle = style.fillColour; + ctx.strokeStyle = style.lineColour; + + if (style.lineCap) { + ctx.lineCap = style.lineCap; } - - const drawPoints = (xPoints: Array, yPoints: Array, style: DrawStyle) => { - const canv = canvasRef.current!; - const ctx = canv.getContext('2d')!; - - ctx.fillStyle = style.fillColour; - ctx.strokeStyle = style.lineColour; - - if (style.lineCap) { ctx.lineCap = style.lineCap; } - if (style.lineDash) { - ctx.setLineDash(style.lineDash) - } else { - ctx.setLineDash([]) - } - - ctx.lineWidth = style.lineWidth; - ctx.beginPath(); - ctx.moveTo(xPoints[0], yPoints[0]); - for (let i = 0; i < xPoints.length; i++) { - const x = xPoints[i]; - const y = yPoints[i]; - ctx.lineTo(x, y); - } - if (style.toFill) { - ctx.closePath(); - ctx.fill(); - } else { - ctx.stroke(); - } + if (style.lineDash) { + ctx.setLineDash(style.lineDash); + } else { + ctx.setLineDash([]); } - const drawLabels = () => { - const canv = canvasRef.current!; - const ctx = canv.getContext('2d')!; - ctx.font = `28px ${FONT}`; // was 24 - ctx.fillStyle = headerHex; - ctx.fillText("Likelihood of the", 10, 40); - ctx.fillText("material's p.f.", 24, 70); - - const epsY = 24 - ctx.fillStyle = DARK_GREY; - ctx.fillText('p.f. of image', CANVAS_WIDTH / 2 - 60, CANVAS_HEIGHT - H_FOR_TEXT / 2 + epsY); - ctx.fillText('Phase Fraction (p.f.)', 10, CANVAS_HEIGHT - H_FOR_TEXT / 2 + epsY); + ctx.lineWidth = style.lineWidth; + ctx.beginPath(); + ctx.moveTo(xPoints[0], yPoints[0]); + for (let i = 0; i < xPoints.length; i++) { + const x = xPoints[i]; + const y = yPoints[i]; + ctx.lineTo(x, y); } - - const drawText = (dataVals: Array, xPositions: Array, yOffset: number = TEXT_OFFSET, fontSize: number = 32) => { - const canv = canvasRef.current!; - const ctx = canv.getContext('2d')!; - ctx.font = `${fontSize}px ${FONT}`; // was 24 - ctx.fillStyle = DARK_GREY; - for (let i = 0; i < dataVals.length; i++) { - const val = dataVals[i].toFixed(3) - ctx.fillText(val, xPositions[i] - 30, H_GAUSS + yOffset); - } + if (style.toFill) { + ctx.closePath(); + ctx.fill(); + } else { + ctx.stroke(); } - - const drawExtrema = (i0: number = 30, i1: number = CANVAS_WIDTH - 30) => { - const xData = [i0, i1].map((x) => xPxToData((x), params.start_pf, params.end_pf, CANVAS_WIDTH)); - drawText(xData, [i0, i1], -(10), 24) - const l = 8 - for (let x of [i0, i1]) { - drawPoints([x, x], [H_GAUSS - l, H_GAUSS + l], xAxisStyle) - } - const tl = 12 - const mx = CANVAS_WIDTH / 2 - drawPoints([mx - tl, mx + tl], [2, 2], xAxisStyle) - drawText([params.max_y], [70 + CANVAS_WIDTH / 2], (-0.94 * H_GAUSS), 24) - + }; + + const drawLabels = () => { + const canv = canvasRef.current!; + const ctx = canv.getContext("2d")!; + ctx.font = `28px ${FONT}`; // was 24 + ctx.fillStyle = headerHex; + ctx.fillText("Likelihood of the", 10, 40); + ctx.fillText("material's p.f.", 24, 70); + + const epsY = 24; + ctx.fillStyle = DARK_GREY; + ctx.fillText( + "p.f. of image", + CANVAS_WIDTH / 2 - 60, + CANVAS_HEIGHT - H_FOR_TEXT / 2 + epsY, + ); + ctx.fillText( + "Phase Fraction (p.f.)", + 10, + CANVAS_HEIGHT - H_FOR_TEXT / 2 + epsY, + ); + }; + + const drawText = ( + dataVals: Array, + xPositions: Array, + yOffset: number = TEXT_OFFSET, + fontSize: number = 32, + ) => { + const canv = canvasRef.current!; + const ctx = canv.getContext("2d")!; + ctx.font = `${fontSize}px ${FONT}`; // was 24 + ctx.fillStyle = DARK_GREY; + for (let i = 0; i < dataVals.length; i++) { + const val = dataVals[i].toFixed(3); + ctx.fillText(val, xPositions[i] - 30, H_GAUSS + yOffset); } - - const redraw = () => { - if (pfB == null) { return } - const xData = indices.map((x) => xPxToData((x), params.start_pf, params.end_pf, CANVAS_WIDTH)); - const yData = xData.map((xd) => normalDist(xd, params.mu, params.sigma)); - const maxY = normalDist(params.mu, params.mu, params.sigma); - - const yPoints = yData.map((yd) => yDataToPx(yd, 0, maxY + 0.2, H_GAUSS)); - const sp = getShadedPoints(pfB[0], pfB[1]); - - curveStyle.lineColour = headerHex; - curveStyle.fillColour = headerHex; - shadeStyle.lineColour = shadedHex; - shadeStyle.fillColour = shadedHex; - - clearCanv(); - drawPoints([0, CANVAS_WIDTH], [H_GAUSS, H_GAUSS], xAxisStyle) - drawExtrema(); - drawPoints([CANVAS_WIDTH / 2, CANVAS_WIDTH / 2], [0, H_GAUSS], yAxisStyle) - drawPoints(indices, yPoints, curveStyle); - drawPoints(sp.xPoints, sp.yPoints, shadeStyle); - drawText([pfB[0], params.mu, pfB[1]!], [sp.xPoints[0], CANVAS_WIDTH / 2, sp.xPoints[sp.xPoints.length - 1]]); - drawLabels(); + }; + + const drawExtrema = (i0: number = 30, i1: number = CANVAS_WIDTH - 30) => { + const xData = [i0, i1].map((x) => + xPxToData(x, params.start_pf, params.end_pf, CANVAS_WIDTH), + ); + drawText(xData, [i0, i1], -10, 24); + const l = 8; + for (let x of [i0, i1]) { + drawPoints([x, x], [H_GAUSS - l, H_GAUSS + l], xAxisStyle); } - - - - const setConf = (e: any, updateFrom: confUpdate) => { - const val = e.target!.value - const isNumber = !isNaN(parseFloat(val)) && isFinite(val); - const floatVal = parseFloat(val) - const select = selectRef.current! - const inBounds = (floatVal > 79) && (floatVal < 99.999) - if (isNumber && inBounds) { - select.style.color = 'black' - setSelectedConf(Number(e.target!.value)); - if (updateFrom == 'slider') { - select.value = String(floatVal); - } else { - const slider = sliderRef.current! - slider.value = String(floatVal); - } - } else { - select.style.color = 'red' - return - } + const tl = 12; + const mx = CANVAS_WIDTH / 2; + drawPoints([mx - tl, mx + tl], [2, 2], xAxisStyle); + drawText([params.max_y], [70 + CANVAS_WIDTH / 2], -0.94 * H_GAUSS, 24); + }; + + const redraw = () => { + if (pfB == null) { + return; + } + const xData = indices.map((x) => + xPxToData(x, params.start_pf, params.end_pf, CANVAS_WIDTH), + ); + const yData = xData.map((xd) => normalDist(xd, params.mu, params.sigma)); + const maxY = normalDist(params.mu, params.mu, params.sigma); + + const yPoints = yData.map((yd) => yDataToPx(yd, 0, maxY + 0.2, H_GAUSS)); + const sp = getShadedPoints(pfB[0], pfB[1]); + + curveStyle.lineColour = headerHex; + curveStyle.fillColour = headerHex; + shadeStyle.lineColour = shadedHex; + shadeStyle.fillColour = shadedHex; + + clearCanv(); + drawPoints([0, CANVAS_WIDTH], [H_GAUSS, H_GAUSS], xAxisStyle); + drawExtrema(); + drawPoints([CANVAS_WIDTH / 2, CANVAS_WIDTH / 2], [0, H_GAUSS], yAxisStyle); + drawPoints(indices, yPoints, curveStyle); + drawPoints(sp.xPoints, sp.yPoints, shadeStyle); + drawText( + [pfB[0], params.mu, pfB[1]!], + [sp.xPoints[0], CANVAS_WIDTH / 2, sp.xPoints[sp.xPoints.length - 1]], + ); + drawLabels(); + }; + + const setConf = (e: any, updateFrom: confUpdate) => { + const val = e.target!.value; + const isNumber = !isNaN(parseFloat(val)) && isFinite(val); + const floatVal = parseFloat(val); + const select = selectRef.current!; + const inBounds = floatVal > 79 && floatVal < 99.999; + if (isNumber && inBounds) { + select.style.color = "black"; + setSelectedConf(Number(e.target!.value)); + if (updateFrom == "slider") { + select.value = String(floatVal); + } else { + const slider = sliderRef.current!; + slider.value = String(floatVal); + } + } else { + select.style.color = "red"; + return; + } + }; + + useEffect(() => { + // generate, draw + redraw(); + }, [params]); + + useEffect(() => { + const result = getPredictionInterval( + selectedConf / 100, + analysisInfo?.pf!, + analysisInfo?.cumSumSum!, + ); + const [lbData, ubData] = [result[0], result[1]]; + const sigma = (ubData - lbData) / 4; // sigma should be fixed as ub and lb changes - this should be reflected in results as well + + const newMaxY = normalDist(phaseFrac, phaseFrac, sigma); + const newStartPf = phaseFrac - 4 * sigma; + const newEndPf = phaseFrac + 4 * sigma; + const newParams: NormalParams = { + mu: phaseFrac, + sigma: sigma, + start_pf: newStartPf, + end_pf: newEndPf, + max_y: newMaxY, }; + setParams(newParams); + }, [analysisInfo]); + + useEffect(() => { + redraw(); + }, [pfB]); + + useEffect(() => { + const result = getPredictionInterval( + selectedConf / 100, + analysisInfo?.pf!, + analysisInfo?.cumSumSum!, + ); + setPfB(result); + }, [selectedConf]); + + return ( +
+ + + {" "} + {/*style={{ width: '70%', marginLeft: '15%' }}*/} + Confidence in p.f. bounds (%): + setConf(e, "select")} + width={1} + size="sm" + > + setConf(e, "slider")} + /> + +
+ ); +}; - useEffect(() => { - // generate, draw - redraw() - }, [params]) - - useEffect(() => { - const result = getPredictionInterval(selectedConf / 100, analysisInfo?.pf!, analysisInfo?.cumSumSum!) - const [lbData, ubData] = [result[0], result[1]] - const sigma = (ubData - lbData) / 4 // sigma should be fixed as ub and lb changes - this should be reflected in results as well - - const newMaxY = normalDist(phaseFrac, phaseFrac, sigma) - const newStartPf = phaseFrac - 4 * sigma - const newEndPf = phaseFrac + 4 * sigma - const newParams: NormalParams = { mu: phaseFrac, sigma: sigma, start_pf: newStartPf, end_pf: newEndPf, max_y: newMaxY } - setParams(newParams) - }, [analysisInfo]) - - useEffect(() => { - redraw() - }, [pfB]) - - useEffect(() => { - const result = getPredictionInterval(selectedConf / 100, analysisInfo?.pf!, analysisInfo?.cumSumSum!) - setPfB(result) - }, [selectedConf]) - - return ( -
- - {/*style={{ width: '70%', marginLeft: '15%' }}*/} - Confidence in p.f. bounds (%): - - setConf(e, 'select')} width={1} size="sm"> - setConf(e, 'slider')} /> - -
) -} - -export default NormalSlider \ No newline at end of file +export default NormalSlider; diff --git a/frontend/src/components/Popups.tsx b/frontend/src/components/Popups.tsx index b5b14ae..d947aa8 100644 --- a/frontend/src/components/Popups.tsx +++ b/frontend/src/components/Popups.tsx @@ -1,142 +1,169 @@ -import React, { useContext, useEffect, useRef, useState } from "react"; -import AppContext, { IR_LIMIT_PX, MenuState } from "./interfaces"; +import { useContext } from "react"; +import AppContext, { IR_LIMIT_PX } from "./interfaces"; -import Modal from 'react-bootstrap/Modal'; -import Accordion from 'react-bootstrap/Accordion'; -import Toast from 'react-bootstrap/Toast' +import Modal from "react-bootstrap/Modal"; +import Accordion from "react-bootstrap/Accordion"; +import Toast from "react-bootstrap/Toast"; import ToastContainer from "react-bootstrap/ToastContainer"; -import Button from 'react-bootstrap/Button'; -import App from "../App"; -import { stat } from "fs"; - - +import Button from "react-bootstrap/Button"; export const ErrorMessage = () => { - const { - errorState: [errorObject, setErrorObject] - } = useContext(AppContext)!; - - - const handleClose = () => { setErrorObject({ msg: "", stackTrace: "" }) }; - - return ( - <> - - - Error - - {errorObject.msg} - - - - Stack trace - {/*Need to manually overwrite the style here because of werid bug*/} - - {errorObject.stackTrace} - - - - - - - - - - ); -} - + const { + errorState: [errorObject, setErrorObject], + } = useContext(AppContext)!; + + const handleClose = () => { + setErrorObject({ msg: "", stackTrace: "" }); + }; + + return ( + <> + + + Error + + {errorObject.msg} + + + + Stack trace + {/*Need to manually overwrite the style here because of werid bug*/} + + {errorObject.stackTrace} + + + + + + + + + + ); +}; export const CLSModal = () => { - const { - analysisInfo: [analysisInfo,], - errVF: [errVF,], - showWarning: [showWarning, setShowWarning], - } = useContext(AppContext)!; - - const hide = () => { - setShowWarning(""); + const { + analysisInfo: [analysisInfo], + errVF: [errVF], + showWarning: [showWarning, setShowWarning], + } = useContext(AppContext)!; + + const hide = () => { + setShowWarning(""); + }; + + const getText = (state: "" | "cls" | "size" | "over") => { + if (state == "cls") { + return `Integral Range/feature size of ${analysisInfo?.integralRange.toFixed(2)} exceeds tested limit of ${IR_LIMIT_PX}px, results may be inaccurate.`; + } else if (state == "size") { + return `Image size < 200 px in at least one dimension. Results may be unstable.`; + } else if (state == "over") { + return `Image phase fraction uncertainty ${analysisInfo?.percentageErr.toFixed(2)}% already less than target uncertainty ${errVF.toFixed(2)}%`; + } else { + return ""; } - - const getText = (state: "" | "cls" | "size" | "over") => { - if (state == "cls") { - return `Integral Range/feature size of ${analysisInfo?.integralRange.toFixed(2)} exceeds tested limit of ${IR_LIMIT_PX}px, results may be inaccurate.` - } else if (state == "size") { - return `Image size < 200 px in at least one dimension. Results may be unstable.` - } else if (state == "over") { - return `Image phase fraction uncertainty ${analysisInfo?.percentageErr.toFixed(2)}% already less than target uncertainty ${errVF.toFixed(2)}%` - } else { - return "" - } - } - - const txt = (showWarning == "over") ? 'Good news!' : "Warning!" - const bg = (showWarning == "over") ? '#6ac40a' : '#fcba03' - - return ( - <> - - hide()}> - - {txt} - - - {getText(showWarning)} - - - - - ); -} + }; + + const txt = showWarning == "over" ? "Good news!" : "Warning!"; + const bg = showWarning == "over" ? "#6ac40a" : "#fcba03"; + + return ( + <> + + hide()}> + + + {txt} + + + {getText(showWarning)} + + + + ); +}; export const MoreInfo = () => { - const { - imageInfo: [imageInfo,], - analysisInfo: [analysisInfo,], - showInfo: [showInfo, setShowInfo], - menuState: [menuState, setMenuState] - } = useContext(AppContext)!; - - const handleClose = () => { - setShowInfo(false); - if (menuState == "conf_result_full") { - setMenuState('conf_result'); - } - }; - - return ( - <> - - - About the Model - - -

How sure are we that our measured phase fraction in a material represents the bulk phase fraction? - We can never know for certain, but our model allows us to assess the uncertainty. -

-

- We estimate the Two-Point-Correlation (TPC) - the probability a random vector starts and ends on pixels with - the same value - of a chosen phase in a micrograph. From the TPC we determine the 'Integral Range', which is - effectively the feature size or 'characteristic length scale' (CLS) of the phase in image. Previously this - has been done statisically (and slowly), we do this directly by use of the FFT of the image. -

-

- For finite-sized features in large images, the variance in the bulk phase fraction is some function of the CLS, - so by determining it for our measured image we can establish uncertainty bounds on the bulk phase fraction given - the measured phase fractions. Put another way, we can state the material's phase fraction lies within some d% of - the measured phase fraction with c% of the time. -

- -

Full details can be found in the paper.

-

Source code is available here; please request any features or report any bugs in the issues page!

- - - - - - - ) -} \ No newline at end of file + const { + imageInfo: [imageInfo], + analysisInfo: [analysisInfo], + showInfo: [showInfo, setShowInfo], + menuState: [menuState, setMenuState], + } = useContext(AppContext)!; + + const handleClose = () => { + setShowInfo(false); + if (menuState == "conf_result_full") { + setMenuState("conf_result"); + } + }; + + return ( + <> + + + About the Model + + +

+ How sure are we that our measured phase fraction in a material + represents the bulk phase fraction? We can never know for certain, + but our model allows us to assess the uncertainty. +

+

+ We estimate the Two-Point-Correlation (TPC) - the probability a + random vector starts and ends on pixels with the same value - of a + chosen phase in a micrograph. From the TPC we determine the + 'Integral Range', which is effectively the feature size or + 'characteristic length scale' (CLS) of the phase in image. + Previously this has been done statisically (and slowly), we do this + directly by use of the FFT of the image. +

+

+ For finite-sized features in large images, the variance in the bulk + phase fraction is some function of the CLS, so by determining it for + our measured image we can establish uncertainty bounds on the bulk + phase fraction given the measured phase fractions. Put another way,{" "} + + we can state the material's phase fraction lies within some d% of + the measured phase fraction with c% of the time. + +

+ +

+ Full details can be found in the{" "} + paper. +

+

+ Source code is available{" "} + here; please + request any features or report any bugs in{" "} + + the issues page! + +

+ + + + + + + ); +}; diff --git a/frontend/src/components/Topbar.tsx b/frontend/src/components/Topbar.tsx index 5ad9bae..0da1038 100644 --- a/frontend/src/components/Topbar.tsx +++ b/frontend/src/components/Topbar.tsx @@ -1,55 +1,96 @@ -import React, { useContext, useEffect, useRef, useState } from "react"; +import { useContext, useRef } from "react"; import AppContext from "./interfaces"; -import Container from 'react-bootstrap/Container'; -import Nav from 'react-bootstrap/Nav'; -import Navbar from 'react-bootstrap/Navbar'; +import Container from "react-bootstrap/Container"; +import Nav from "react-bootstrap/Nav"; +import Navbar from "react-bootstrap/Navbar"; import { TopbarProps } from "./interfaces"; -const Topbar = ({ loadFromFile, reset, changePhase }: TopbarProps) => { +const Topbar = ({ + loadFromFile, + reset, + changePhase, + selectedImgIdx, + setSelectedImgIdx, + nImgs, +}: TopbarProps) => { + const { + showInfo: [showInfo, setShowInfo], + } = useContext(AppContext)!; + const fileInputRef = useRef(null); - const { - showInfo: [showInfo, setShowInfo], - } = useContext(AppContext)!; - const fileInputRef = useRef(null); - - const addData = () => { - if (fileInputRef.current) { - fileInputRef.current.click(); - }; + const addData = () => { + if (fileInputRef.current) { + fileInputRef.current.click(); } + }; - const handleFileUpload = (e: any) => { - // Open file dialog and load file. - const file: File | null = e.target.files?.[0] || null; - if (file != null) { - loadFromFile(file); - }; + const handleFileUpload = (e: any) => { + // Open file dialog and load file. + const file: File | null = e.target.files?.[0] || null; + if (file != null) { + loadFromFile(file); } + }; + + return ( + + + {/*path for these assets need to be relative to index.html in assets/*/} + + + + + ImageRep + + + + + + ); +}; - return ( - - - {/*path for these assets need to be relative to index.html in assets/*/} - - ImageRep - - - - - - ); -} - -export default Topbar; \ No newline at end of file +export default Topbar; diff --git a/frontend/src/components/UTIF.js b/frontend/src/components/UTIF.js index fbcc1f0..f0c2afd 100644 --- a/frontend/src/components/UTIF.js +++ b/frontend/src/components/UTIF.js @@ -1,320 +1,1633 @@ +(function () { + var UTIF = {}; + // Make available for import by `require()` + if (typeof module == "object") { + module.exports = UTIF; + } else { + self.UTIF = UTIF; + } + var pako = typeof require === "function" ? require("pako") : self.pako; + function log() { + if (typeof process == "undefined" || process.env.NODE_ENV == "development") + console.log.apply(console, arguments); + } -;(function(){ -var UTIF = {}; - -// Make available for import by `require()` -if (typeof module == "object") {module.exports = UTIF;} -else {self.UTIF = UTIF;} - -var pako = (typeof require === "function") ? require("pako") : self.pako; - -function log() { if (typeof process=="undefined" || process.env.NODE_ENV=="development") console.log.apply(console, arguments); } - -(function(UTIF, pako){ - -// Following lines add a JPEG decoder to UTIF.JpegDecoder -(function(){"use strict";var W=function a1(){function W(p){this.message="JPEG error: "+p}W.prototype=new Error;W.prototype.name="JpegError";W.constructor=W;return W}(),ak=function ag(){var p=new Uint8Array([0,1,8,16,9,2,3,10,17,24,32,25,18,11,4,5,12,19,26,33,40,48,41,34,27,20,13,6,7,14,21,28,35,42,49,56,57,50,43,36,29,22,15,23,30,37,44,51,58,59,52,45,38,31,39,46,53,60,61,54,47,55,62,63]),t=4017,ac=799,ah=3406,ao=2276,ar=1567,ai=3784,s=5793,ad=2896;function ak(Q){if(Q==null)Q={};if(Q.w==null)Q.w=-1;this.V=Q.n;this.N=Q.w}function a5(Q,h){var f=0,G=[],n,E,a=16,F;while(a>0&&!Q[a-1]){a--}G.push({children:[],index:0});var C=G[0];for(n=0;n0){C=G.pop()}C.index++;G.push(C);while(G.length<=n){G.push(F={children:[],index:0});C.children[C.index]=F.children;C=F}f++}if(n+10){V--;return J>>V&1}J=Q[h++];if(J===255){var I=Q[h++];if(I){if(I===220&&d){h+=2;var l=Z(Q,h);h+=2;if(l>0&&l!==f.s){throw new DNLMarkerError("Found DNL marker (0xFFDC) while parsing scan data",l)}}else if(I===217){if(d){var M=q*8; -if(M>0&&M>>7}function u(I){var l=I;while(!0){l=l[Y()];switch(typeof l){case"number":return l;case"object":continue}throw new W("invalid huffman sequence")}}function m(I){var e=0;while(I>0){e=e<<1|Y();I--}return e}function j(I){if(I===1){return Y()===1?1:-1}var e=m(I);if(e>=1<>4;if(i===0){if(A<15){break}N+=16;continue}N+=A;var o=p[N];X.D[I+o]=j(i);N++}}function $(X,I){var l=u(X.J),M=l===0?0:j(l)<0){r--;return}var N=E,l=a;while(N<=l){var M=u(X.i),S=M&15,i=M>>4;if(S===0){if(i<15){r=m(i)+(1<>4;if(S===0){if(M<15){r=m(M)+(1<0){for(O=0;O0?"unexpected":"excessive";h=k.offset}if(k.M>=65488&&k.M<=65495){h+=2}else{break}}return h-z}function al(Q,h,f){var G=Q.$,n=Q.D,E,a,C,F,d,T,U,z,J,V,Y,u,m,j,v,$,b;if(!G){throw new W("missing required Quantization Table.")}for(var r=0;r<64;r+=8){J=n[h+r];V=n[h+r+1];Y=n[h+r+2];u=n[h+r+3];m=n[h+r+4];j=n[h+r+5];v=n[h+r+6];$=n[h+r+7];J*=G[r];if((V|Y|u|m|j|v|$)===0){b=s*J+512>>10;f[r]=b;f[r+1]=b;f[r+2]=b;f[r+3]=b;f[r+4]=b;f[r+5]=b;f[r+6]=b;f[r+7]=b;continue}V*=G[r+1];Y*=G[r+2];u*=G[r+3];m*=G[r+4];j*=G[r+5];v*=G[r+6];$*=G[r+7];E=s*J+128>>8;a=s*m+128>>8;C=Y;F=v;d=ad*(V-$)+128>>8;z=ad*(V+$)+128>>8; -T=u<<4;U=j<<4;E=E+a+1>>1;a=E-a;b=C*ai+F*ar+128>>8;C=C*ar-F*ai+128>>8;F=b;d=d+U+1>>1;U=d-U;z=z+T+1>>1;T=z-T;E=E+F+1>>1;F=E-F;a=a+C+1>>1;C=a-C;b=d*ao+z*ah+2048>>12;d=d*ah-z*ao+2048>>12;z=b;b=T*ac+U*t+2048>>12;T=T*t-U*ac+2048>>12;U=b;f[r]=E+z;f[r+7]=E-z;f[r+1]=a+U;f[r+6]=a-U;f[r+2]=C+T;f[r+5]=C-T;f[r+3]=F+d;f[r+4]=F-d}for(var P=0;P<8;++P){J=f[P];V=f[P+8];Y=f[P+16];u=f[P+24];m=f[P+32];j=f[P+40];v=f[P+48];$=f[P+56];if((V|Y|u|m|j|v|$)===0){b=s*J+8192>>14;if(b<-2040){b=0}else if(b>=2024){b=255}else{b=b+2056>>4}n[h+P]=b;n[h+P+8]=b;n[h+P+16]=b;n[h+P+24]=b;n[h+P+32]=b;n[h+P+40]=b;n[h+P+48]=b;n[h+P+56]=b;continue}E=s*J+2048>>12;a=s*m+2048>>12;C=Y;F=v;d=ad*(V-$)+2048>>12;z=ad*(V+$)+2048>>12;T=u;U=j;E=(E+a+1>>1)+4112;a=E-a;b=C*ai+F*ar+2048>>12;C=C*ar-F*ai+2048>>12;F=b;d=d+U+1>>1;U=d-U;z=z+T+1>>1;T=z-T;E=E+F+1>>1;F=E-F;a=a+C+1>>1;C=a-C;b=d*ao+z*ah+2048>>12;d=d*ah-z*ao+2048>>12;z=b; -b=T*ac+U*t+2048>>12;T=T*t-U*ac+2048>>12;U=b;J=E+z;$=E-z;V=a+U;v=a-U;Y=C+T;j=C-T;u=F+d;m=F-d;if(J<16){J=0}else if(J>=4080){J=255}else{J>>=4}if(V<16){V=0}else if(V>=4080){V=255}else{V>>=4}if(Y<16){Y=0}else if(Y>=4080){Y=255}else{Y>>=4}if(u<16){u=0}else if(u>=4080){u=255}else{u>>=4}if(m<16){m=0}else if(m>=4080){m=255}else{m>>=4}if(j<16){j=0}else if(j>=4080){j=255}else{j>>=4}if(v<16){v=0}else if(v>=4080){v=255}else{v>>=4}if($<16){$=0}else if($>=4080){$=255}else{$>>=4}n[h+P]=J; -n[h+P+8]=V;n[h+P+16]=Y;n[h+P+24]=u;n[h+P+32]=m;n[h+P+40]=j;n[h+P+48]=v;n[h+P+56]=$}}function a0(Q,h){var f=h.P,G=h.c,n=new Int16Array(64);for(var E=0;E=G){return null}var E=Z(Q,h);if(E>=65472&&E<=65534){return{u:null,M:E,offset:h}}var a=Z(Q,n);while(!(a>=65472&&a<=65534)){if(++n>=G){return null}a=Z(Q,n)}return{u:E.toString(16),M:a,offset:n}}ak.prototype={parse(Q,h){if(h==null)h={}; -var f=h.F,E=0,a=null,C=null,F,d,T=0;function G(){var o=Z(Q,E);E+=2;var B=E+o-2,V=an(Q,B,E);if(V&&V.u){B=V.offset}var ab=Q.subarray(E,B);E+=ab.length;return ab}function n(F){var o=Math.ceil(F.o/8/F.X),B=Math.ceil(F.s/8/F.B);for(var Y=0;Y>4===0){for(u=0;u<64;u++){b=p[u];P[b]=Q[E++]}}else if(r>>4===1){for(u=0;u<64;u++){b=p[u];P[b]=Z(Q,E);E+=2}}else{throw new W("DQT - invalid table spec")}U[r&15]=P}break;case 65472:case 65473:case 65474:if(F){throw new W("Only single frame JPEGs supported")}E+=2;F={};F.G=V===65473;F.Z=V===65474;F.precision=Q[E++];var D=Z(Q,E),a4,q=0,H=0;E+=2;F.s=f||D;F.o=Z(Q,E);E+=2;F.W=[];F._={};var a8=Q[E++];for(Y=0;Y>4,y=Q[E+1]&15;if(q>4===0?J:z)[_&15]=a5(N,K)}break;case 65501:E+=2;d=Z(Q,E);E+=2;break;case 65498:var x=++T===1&&!f,R;E+=2;var k=Q[E++],g=[];for(Y=0;Y>4];R.i=z[a6&15];g.push(R)}var I=Q[E++],l=Q[E++],M=Q[E++];try{var S=a7(Q,E,F,g,d,I,l,M>>4,M&15,x);E+=S}catch(ex){if(ex instanceof DNLMarkerError){return this.parse(Q,{F:ex.s})}else if(ex instanceof EOIMarkerError){break markerLoop}throw ex}break;case 65500:E+=4;break;case 65535:if(Q[E]!==255){E--}break;default:var i=an(Q,E-2,E-3);if(i&&i.u){E=i.offset;break}if(E>=Q.length-1){break markerLoop}throw new W("JpegImage.parse - unknown marker: "+V.toString(16))}V=Z(Q,E);E+=2}this.width=F.o;this.height=F.s;this.g=a;this.b=C;this.W=[];for(Y=0;Y>8)+P[J+1]}}}return v},get f(){if(this.b){return!!this.b.a}if(this.p===3){if(this.N===0){return!1}else if(this.W[0].index===82&&this.W[1].index===71&&this.W[2].index===66){return!1}return!0}if(this.N===1){return!0}return!1},z:function aj(Q){var h,f,G; -for(var n=0,E=Q.length;n4){throw new W("Unsupported color mode")}var E=this.Y(h,f,n);if(this.p===1&&G){var a=E.length,C=new Uint8ClampedArray(a*3),F=0;for(var d=0;d>24}function Z(p,t){return p[t]<<8|p[t+1]}function am(p,t){return(p[t]<<24|p[t+1]<<16|p[t+2]<<8|p[t+3])>>>0}UTIF.JpegDecoder=ak}()); - -//UTIF.JpegDecoder = PDFJS.JpegImage; - - -UTIF.encodeImage = function(rgba, w, h, metadata) -{ - var idf = { "t256":[w], "t257":[h], "t258":[8,8,8,8], "t259":[1], "t262":[2], "t273":[1000], // strips offset - "t277":[4], "t278":[h], /* rows per strip */ "t279":[w*h*4], // strip byte counts - "t282":[[72,1]], "t283":[[72,1]], "t284":[1], "t286":[[0,1]], "t287":[[0,1]], "t296":[1], "t305": ["Photopea (UTIF.js)"], "t338":[1] - }; - if (metadata) for (var i in metadata) idf[i] = metadata[i]; - - var prfx = new Uint8Array(UTIF.encode([idf])); - var img = new Uint8Array(rgba); - var data = new Uint8Array(1000+w*h*4); - for(var i=0; i probably not an image - img.isLE = id=="II"; - img.width = img["t256"][0]; //delete img["t256"]; - img.height = img["t257"][0]; //delete img["t257"]; - - var cmpr = img["t259"] ? img["t259"][0] : 1; //delete img["t259"]; - var fo = img["t266"] ? img["t266"][0] : 1; //delete img["t266"]; - if(img["t284"] && img["t284"][0]==2) log("PlanarConfiguration 2 should not be used!"); - if(cmpr==7 && img["t258"] && img["t258"].length>3) img["t258"]=img["t258"].slice(0,3); - - var spp = img["t277"]?img["t277"][0]:1; - var bps = img["t258"]?img["t258"][0]:1; - var bipp = bps*spp; // bits per pixel - /* - var bipp; // bits per pixel - if(img["t258"]) bipp = Math.min(32,img["t258"][0])*img["t258"].length; - else bipp = (img["t277"]?img["t277"][0]:1); - */ - // Some .NEF files have t258==14, even though they use 16 bits per pixel - if(cmpr==1 && img["t279"]!=null && img["t278"] && img["t262"][0]==32803) { - bipp = Math.round((img["t279"][0]*8)/(img.width*img["t278"][0])); - } - if(img["t50885"] && img["t50885"][0]==4) bipp = img["t258"][0]*3; // RAW_CANON_40D_SRAW_V103.CR2 - var bipl = Math.ceil(img.width*bipp/8)*8; - var soff = img["t273"]; if(soff==null || img["t322"]) soff = img["t324"]; - var bcnt = img["t279"]; if(cmpr==1 && soff.length==1) bcnt = [img.height*(bipl>>>3)]; if(bcnt==null || img["t322"]) bcnt = img["t325"]; - //bcnt[0] = Math.min(bcnt[0], data.length); // Hasselblad, "RAW_HASSELBLAD_H3D39II.3FR" - var bytes = new Uint8Array(img.height*(bipl>>>3)), bilen = 0; - - if(img["t322"]!=null) // tiled - { - var tw = img["t322"][0], th = img["t323"][0]; - var tx = Math.floor((img.width + tw - 1) / tw); - var ty = Math.floor((img.height + th - 1) / th); - var tbuff = new Uint8Array(Math.ceil(tw*th*bipp/8)|0); - console.log("====", tx,ty); - for(var y=0; y>>3, bpl = Math.ceil(bps*noc*w/8); - - // convert to Little Endian /* - if(bps==16 && !img.isLE && img["t33422"]==null) // not DNG - for(var y=0; y>>8)&255; - } - else if(noc==3) for(var j= 3; j 0 && !Q[a - 1]) { + a--; + } + G.push({ children: [], index: 0 }); + var C = G[0]; + for (n = 0; n < a; n++) { + for (E = 0; E < Q[n]; E++) { + C = G.pop(); + C.children[C.index] = h[f]; + while (C.index > 0) { + C = G.pop(); + } + C.index++; + G.push(C); + while (G.length <= n) { + G.push((F = { children: [], index: 0 })); + C.children[C.index] = F.children; + C = F; + } + f++; + } + if (n + 1 < a) { + G.push((F = { children: [], index: 0 })); + C.children[C.index] = F.children; + C = F; + } + } + return G[0].children; + } + function a2(Q, h, f) { + return 64 * ((Q.P + 1) * h + f); + } + function a7(Q, h, f, G, n, E, a, C, F, d) { + if (d == null) d = !1; + var T = f.m, + U = f.Z, + z = h, + J = 0, + V = 0, + r = 0, + D = 0, + a8, + q = 0, + X, + O, + _, + N, + e, + K, + x = 0, + k, + g, + R, + c; + function Y() { + if (V > 0) { + V--; + return (J >> V) & 1; + } + J = Q[h++]; + if (J === 255) { + var I = Q[h++]; + if (I) { + if (I === 220 && d) { + h += 2; + var l = Z(Q, h); + h += 2; + if (l > 0 && l !== f.s) { + throw new DNLMarkerError( + "Found DNL marker (0xFFDC) while parsing scan data", + l, + ); } - if(RW2_Format == 5) { - for (i = 0; i < 16; i++){ - bytes[i] = buffer[vpos++]; - vpos &= 0x3FFF; - } + } else if (I === 217) { + if (d) { + var M = q * 8; + if (M > 0 && M < f.s / 10) { + throw new DNLMarkerError( + "Found EOI marker (0xFFD9) while parsing scan data, " + + "possibly caused by incorrect `scanLines` parameter", + M, + ); + } + } + throw new EOIMarkerError( + "Found EOI marker (0xFFD9) while parsing scan data", + ); + } + throw new W("unexpected marker"); + } + } + V = 7; + return J >>> 7; + } + function u(I) { + var l = I; + while (!0) { + l = l[Y()]; + switch (typeof l) { + case "number": + return l; + case "object": + continue; + } + throw new W("invalid huffman sequence"); + } + } + function m(I) { + var e = 0; + while (I > 0) { + e = (e << 1) | Y(); + I--; + } + return e; + } + function j(I) { + if (I === 1) { + return Y() === 1 ? 1 : -1; + } + var e = m(I); + if (e >= 1 << (I - 1)) { + return e; + } + return e + (-1 << I) + 1; + } + function v(X, I) { + var l = u(X.J), + M = l === 0 ? 0 : j(l), + N = 1; + X.D[I] = X.Q += M; + while (N < 64) { + var S = u(X.i), + i = S & 15, + A = S >> 4; + if (i === 0) { + if (A < 15) { + break; + } + N += 16; + continue; + } + N += A; + var o = p[N]; + X.D[I + o] = j(i); + N++; + } + } + function $(X, I) { + var l = u(X.J), + M = l === 0 ? 0 : j(l) << F; + X.D[I] = X.Q += M; + } + function b(X, I) { + X.D[I] |= Y() << F; + } + function P(X, I) { + if (r > 0) { + r--; + return; + } + var N = E, + l = a; + while (N <= l) { + var M = u(X.i), + S = M & 15, + i = M >> 4; + if (S === 0) { + if (i < 15) { + r = m(i) + (1 << i) - 1; + break; + } + N += 16; + continue; + } + N += i; + var A = p[N]; + X.D[I + A] = j(S) * (1 << F); + N++; + } + } + function a4(X, I) { + var N = E, + l = a, + M = 0, + S, + i; + while (N <= l) { + var A = I + p[N], + o = X.D[A] < 0 ? -1 : 1; + switch (D) { + case 0: + i = u(X.i); + S = i & 15; + M = i >> 4; + if (S === 0) { + if (M < 15) { + r = m(M) + (1 << M); + D = 4; + } else { + M = 16; + D = 1; + } + } else { + if (S !== 1) { + throw new W("invalid ACn encoding"); + } + a8 = j(S); + D = M ? 2 : 3; + } + continue; + case 1: + case 2: + if (X.D[A]) { + X.D[A] += o * (Y() << F); } else { - vpos = (vpos - bits) & 0x1ffff; - byte = vpos >> 3 ^ 0x3ff0; - return (buffer[byte] | buffer[byte + 1] << 8) >> (vpos & 7) & ~((-1) << bits); + M--; + if (M === 0) { + D = D === 2 ? 3 : 0; + } } + break; + case 3: + if (X.D[A]) { + X.D[A] += o * (Y() << F); + } else { + X.D[A] = a8 << F; + D = 0; + } + break; + case 4: + if (X.D[A]) { + X.D[A] += o * (Y() << F); + } + break; } - // Raw Format 6 - function getBufferDataRW6(i) { - return buffer[vpos + 15 - i]; + N++; + } + if (D === 4) { + r--; + if (r === 0) { + D = 0; } - function readPageRW6() { - bytes[0] = (getBufferDataRW6(0) << 6) | (getBufferDataRW6(1) >> 2); // 14 bit - bytes[1] = (((getBufferDataRW6(1) & 0x3) << 12) | (getBufferDataRW6(2) << 4) | (getBufferDataRW6(3) >> 4)) & 0x3fff; - bytes[2] = (getBufferDataRW6(3) >> 2) & 0x3; - bytes[3] = ((getBufferDataRW6(3) & 0x3) << 8) | getBufferDataRW6(4); - bytes[4] = (getBufferDataRW6(5) << 2) | (getBufferDataRW6(6) >> 6); - bytes[5] = ((getBufferDataRW6(6) & 0x3f) << 4) | (getBufferDataRW6(7) >> 4); - bytes[6] = (getBufferDataRW6(7) >> 2) & 0x3; - bytes[7] = ((getBufferDataRW6(7) & 0x3) << 8) | getBufferDataRW6(8); - bytes[8] = ((getBufferDataRW6(9) << 2) & 0x3fc) | (getBufferDataRW6(10) >> 6); - bytes[9] = ((getBufferDataRW6(10) << 4) | (getBufferDataRW6(11) >> 4)) & 0x3ff; - bytes[10] = (getBufferDataRW6(11) >> 2) & 0x3; - bytes[11] = ((getBufferDataRW6(11) & 0x3) << 8) | getBufferDataRW6(12); - bytes[12] = (((getBufferDataRW6(13) << 2) & 0x3fc) | getBufferDataRW6(14) >> 6) & 0x3ff; - bytes[13] = ((getBufferDataRW6(14) << 4) | (getBufferDataRW6(15) >> 4)) & 0x3ff; - vpos += 16; - byte = 0; + } + } + function H(X, I, x, l, M) { + var S = (x / T) | 0, + i = x % T; + q = S * X.A + l; + var A = i * X.h + M, + o = a2(X, q, A); + I(X, o); + } + function w(X, I, x) { + q = (x / X.P) | 0; + var l = x % X.P, + M = a2(X, q, l); + I(X, M); + } + var y = G.length; + if (U) { + if (E === 0) { + K = C === 0 ? $ : b; + } else { + K = C === 0 ? P : a4; + } + } else { + K = v; + } + if (y === 1) { + g = G[0].P * G[0].c; + } else { + g = T * f.R; + } + while (x <= g) { + var L = n ? Math.min(g - x, n) : g; + if (L > 0) { + for (O = 0; O < y; O++) { + G[O].Q = 0; } - function readPageRw6_bps12() { - bytes[0] = (getBufferDataRW6(0) << 4) | (getBufferDataRW6(1) >> 4); - bytes[1] = (((getBufferDataRW6(1) & 0xf) << 8) | (getBufferDataRW6(2))) & 0xfff; - bytes[2] = (getBufferDataRW6(3) >> 6) & 0x3; - bytes[3] = ((getBufferDataRW6(3) & 0x3f) << 2) | (getBufferDataRW6(4) >> 6); - bytes[4] = ((getBufferDataRW6(4) & 0x3f) << 2) | (getBufferDataRW6(5) >> 6); - bytes[5] = ((getBufferDataRW6(5) & 0x3f) << 2) | (getBufferDataRW6(6) >> 6); - bytes[6] = (getBufferDataRW6(6) >> 4) & 0x3; - bytes[7] = ((getBufferDataRW6(6) & 0xf) << 4) | (getBufferDataRW6(7) >> 4); - bytes[8] = ((getBufferDataRW6(7) & 0xf) << 4) | (getBufferDataRW6(8) >> 4); - bytes[9] = ((getBufferDataRW6(8) & 0xf) << 4) | (getBufferDataRW6(9) >> 4); - bytes[10] = (getBufferDataRW6(9) >> 2) & 0x3; - bytes[11] = ((getBufferDataRW6(9) & 0x3) << 6) | (getBufferDataRW6(10) >> 2); - bytes[12] = ((getBufferDataRW6(10) & 0x3) << 6) | (getBufferDataRW6(11) >> 2); - bytes[13] = ((getBufferDataRW6(11) & 0x3) << 6) | (getBufferDataRW6(12) >> 2); - bytes[14] = getBufferDataRW6(12) & 0x3; - bytes[15] = getBufferDataRW6(13); - bytes[16] = getBufferDataRW6(14); - bytes[17] = getBufferDataRW6(15); - - vpos += 16; - byte = 0; + r = 0; + if (y === 1) { + X = G[0]; + for (e = 0; e < L; e++) { + w(X, K, x); + x++; + } + } else { + for (e = 0; e < L; e++) { + for (O = 0; O < y; O++) { + X = G[O]; + R = X.h; + c = X.A; + for (_ = 0; _ < c; _++) { + for (N = 0; N < R; N++) { + H(X, K, x, _, N); + } + } + } + x++; + } } - // Main loop - function resetPredNonzeros(){ - pred[0]=0; pred[1]=0; - nonz[0]=0; nonz[1]=0; + } + V = 0; + k = an(Q, h); + if (!k) { + break; + } + if (k.u) { + var a6 = L > 0 ? "unexpected" : "excessive"; + h = k.offset; + } + if (k.M >= 65488 && k.M <= 65495) { + h += 2; + } else { + break; + } + } + return h - z; + } + function al(Q, h, f) { + var G = Q.$, + n = Q.D, + E, + a, + C, + F, + d, + T, + U, + z, + J, + V, + Y, + u, + m, + j, + v, + $, + b; + if (!G) { + throw new W("missing required Quantization Table."); + } + for (var r = 0; r < 64; r += 8) { + J = n[h + r]; + V = n[h + r + 1]; + Y = n[h + r + 2]; + u = n[h + r + 3]; + m = n[h + r + 4]; + j = n[h + r + 5]; + v = n[h + r + 6]; + $ = n[h + r + 7]; + J *= G[r]; + if ((V | Y | u | m | j | v | $) === 0) { + b = (s * J + 512) >> 10; + f[r] = b; + f[r + 1] = b; + f[r + 2] = b; + f[r + 3] = b; + f[r + 4] = b; + f[r + 5] = b; + f[r + 6] = b; + f[r + 7] = b; + continue; + } + V *= G[r + 1]; + Y *= G[r + 2]; + u *= G[r + 3]; + m *= G[r + 4]; + j *= G[r + 5]; + v *= G[r + 6]; + $ *= G[r + 7]; + E = (s * J + 128) >> 8; + a = (s * m + 128) >> 8; + C = Y; + F = v; + d = (ad * (V - $) + 128) >> 8; + z = (ad * (V + $) + 128) >> 8; + T = u << 4; + U = j << 4; + E = (E + a + 1) >> 1; + a = E - a; + b = (C * ai + F * ar + 128) >> 8; + C = (C * ar - F * ai + 128) >> 8; + F = b; + d = (d + U + 1) >> 1; + U = d - U; + z = (z + T + 1) >> 1; + T = z - T; + E = (E + F + 1) >> 1; + F = E - F; + a = (a + C + 1) >> 1; + C = a - C; + b = (d * ao + z * ah + 2048) >> 12; + d = (d * ah - z * ao + 2048) >> 12; + z = b; + b = (T * ac + U * t + 2048) >> 12; + T = (T * t - U * ac + 2048) >> 12; + U = b; + f[r] = E + z; + f[r + 7] = E - z; + f[r + 1] = a + U; + f[r + 6] = a - U; + f[r + 2] = C + T; + f[r + 5] = C - T; + f[r + 3] = F + d; + f[r + 4] = F - d; + } + for (var P = 0; P < 8; ++P) { + J = f[P]; + V = f[P + 8]; + Y = f[P + 16]; + u = f[P + 24]; + m = f[P + 32]; + j = f[P + 40]; + v = f[P + 48]; + $ = f[P + 56]; + if ((V | Y | u | m | j | v | $) === 0) { + b = (s * J + 8192) >> 14; + if (b < -2040) { + b = 0; + } else if (b >= 2024) { + b = 255; + } else { + b = (b + 2056) >> 4; } - if (RW2_Format == 7) { - throw RW2_Format; + n[h + P] = b; + n[h + P + 8] = b; + n[h + P + 16] = b; + n[h + P + 24] = b; + n[h + P + 32] = b; + n[h + P + 40] = b; + n[h + P + 48] = b; + n[h + P + 56] = b; + continue; + } + E = (s * J + 2048) >> 12; + a = (s * m + 2048) >> 12; + C = Y; + F = v; + d = (ad * (V - $) + 2048) >> 12; + z = (ad * (V + $) + 2048) >> 12; + T = u; + U = j; + E = ((E + a + 1) >> 1) + 4112; + a = E - a; + b = (C * ai + F * ar + 2048) >> 12; + C = (C * ar - F * ai + 2048) >> 12; + F = b; + d = (d + U + 1) >> 1; + U = d - U; + z = (z + T + 1) >> 1; + T = z - T; + E = (E + F + 1) >> 1; + F = E - F; + a = (a + C + 1) >> 1; + C = a - C; + b = (d * ao + z * ah + 2048) >> 12; + d = (d * ah - z * ao + 2048) >> 12; + z = b; + b = (T * ac + U * t + 2048) >> 12; + T = (T * t - U * ac + 2048) >> 12; + U = b; + J = E + z; + $ = E - z; + V = a + U; + v = a - U; + Y = C + T; + j = C - T; + u = F + d; + m = F - d; + if (J < 16) { + J = 0; + } else if (J >= 4080) { + J = 255; + } else { + J >>= 4; + } + if (V < 16) { + V = 0; + } else if (V >= 4080) { + V = 255; + } else { + V >>= 4; + } + if (Y < 16) { + Y = 0; + } else if (Y >= 4080) { + Y = 255; + } else { + Y >>= 4; + } + if (u < 16) { + u = 0; + } else if (u >= 4080) { + u = 255; + } else { + u >>= 4; + } + if (m < 16) { + m = 0; + } else if (m >= 4080) { + m = 255; + } else { + m >>= 4; + } + if (j < 16) { + j = 0; + } else if (j >= 4080) { + j = 255; + } else { + j >>= 4; + } + if (v < 16) { + v = 0; + } else if (v >= 4080) { + v = 255; + } else { + v >>= 4; + } + if ($ < 16) { + $ = 0; + } else if ($ >= 4080) { + $ = 255; + } else { + $ >>= 4; + } + n[h + P] = J; + n[h + P + 8] = V; + n[h + P + 16] = Y; + n[h + P + 24] = u; + n[h + P + 32] = m; + n[h + P + 40] = j; + n[h + P + 48] = v; + n[h + P + 56] = $; + } + } + function a0(Q, h) { + var f = h.P, + G = h.c, + n = new Int16Array(64); + for (var E = 0; E < G; E++) { + for (var a = 0; a < f; a++) { + var C = a2(h, E, a); + al(h, C, n); + } + } + return h.D; + } + function an(Q, h, f) { + if (f == null) f = h; + var G = Q.length - 1, + n = f < h ? f : h; + if (h >= G) { + return null; + } + var E = Z(Q, h); + if (E >= 65472 && E <= 65534) { + return { u: null, M: E, offset: h }; + } + var a = Z(Q, n); + while (!(a >= 65472 && a <= 65534)) { + if (++n >= G) { + return null; + } + a = Z(Q, n); + } + return { u: E.toString(16), M: a, offset: n }; + } + ak.prototype = { + parse(Q, h) { + if (h == null) h = {}; + var f = h.F, + E = 0, + a = null, + C = null, + F, + d, + T = 0; + function G() { + var o = Z(Q, E); + E += 2; + var B = E + o - 2, + V = an(Q, B, E); + if (V && V.u) { + B = V.offset; + } + var ab = Q.subarray(E, B); + E += ab.length; + return ab; + } + function n(F) { + var o = Math.ceil(F.o / 8 / F.X), + B = Math.ceil(F.s / 8 / F.B); + for (var Y = 0; Y < F.W.length; Y++) { + R = F.W[Y]; + var ab = Math.ceil((Math.ceil(F.o / 8) * R.h) / F.X), + af = Math.ceil((Math.ceil(F.s / 8) * R.A) / F.B), + ap = o * R.h, + aq = B * R.A, + ae = 64 * aq * (ap + 1); + R.D = new Int16Array(ae); + R.P = ab; + R.c = af; + } + F.m = o; + F.R = B; + } + var U = [], + z = [], + J = [], + V = Z(Q, E); + E += 2; + if (V !== 65496) { + throw new W("SOI not found"); + } + V = Z(Q, E); + E += 2; + markerLoop: while (V !== 65497) { + var Y, u, m; + switch (V) { + case 65504: + case 65505: + case 65506: + case 65507: + case 65508: + case 65509: + case 65510: + case 65511: + case 65512: + case 65513: + case 65514: + case 65515: + case 65516: + case 65517: + case 65518: + case 65519: + case 65534: + var j = G(); + if (V === 65504) { + if ( + j[0] === 74 && + j[1] === 70 && + j[2] === 73 && + j[3] === 70 && + j[4] === 0 + ) { + a = { + version: { d: j[5], T: j[6] }, + K: j[7], + j: (j[8] << 8) | j[9], + H: (j[10] << 8) | j[11], + S: j[12], + I: j[13], + C: j.subarray(14, 14 + 3 * j[12] * j[13]), + }; + } + } + if (V === 65518) { + if ( + j[0] === 65 && + j[1] === 100 && + j[2] === 111 && + j[3] === 98 && + j[4] === 101 + ) { + C = { + version: (j[5] << 8) | j[6], + k: (j[7] << 8) | j[8], + q: (j[9] << 8) | j[10], + a: j[11], + }; + } + } + break; + case 65499: + var v = Z(Q, E), + b; + E += 2; + var $ = v + E - 2; + while (E < $) { + var r = Q[E++], + P = new Uint16Array(64); + if (r >> 4 === 0) { + for (u = 0; u < 64; u++) { + b = p[u]; + P[b] = Q[E++]; + } + } else if (r >> 4 === 1) { + for (u = 0; u < 64; u++) { + b = p[u]; + P[b] = Z(Q, E); + E += 2; + } + } else { + throw new W("DQT - invalid table spec"); + } + U[r & 15] = P; + } + break; + case 65472: + case 65473: + case 65474: + if (F) { + throw new W("Only single frame JPEGs supported"); + } + E += 2; + F = {}; + F.G = V === 65473; + F.Z = V === 65474; + F.precision = Q[E++]; + var D = Z(Q, E), + a4, + q = 0, + H = 0; + E += 2; + F.s = f || D; + F.o = Z(Q, E); + E += 2; + F.W = []; + F._ = {}; + var a8 = Q[E++]; + for (Y = 0; Y < a8; Y++) { + a4 = Q[E]; + var w = Q[E + 1] >> 4, + y = Q[E + 1] & 15; + if (q < w) { + q = w; + } + if (H < y) { + H = y; + } + var X = Q[E + 2]; + m = F.W.push({ h: w, A: y, L: X, $: null }); + F._[a4] = m - 1; + E += 3; + } + F.X = q; + F.B = H; + n(F); + break; + case 65476: + var O = Z(Q, E); + E += 2; + for (Y = 2; Y < O; ) { + var _ = Q[E++], + N = new Uint8Array(16), + e = 0; + for (u = 0; u < 16; u++, E++) { + e += N[u] = Q[E]; + } + var K = new Uint8Array(e); + for (u = 0; u < e; u++, E++) { + K[u] = Q[E]; + } + Y += 17 + e; + (_ >> 4 === 0 ? J : z)[_ & 15] = a5(N, K); + } + break; + case 65501: + E += 2; + d = Z(Q, E); + E += 2; + break; + case 65498: + var x = ++T === 1 && !f, + R; + E += 2; + var k = Q[E++], + g = []; + for (Y = 0; Y < k; Y++) { + var c = Q[E++], + L = F._[c]; + R = F.W[L]; + R.index = c; + var a6 = Q[E++]; + R.J = J[a6 >> 4]; + R.i = z[a6 & 15]; + g.push(R); + } + var I = Q[E++], + l = Q[E++], + M = Q[E++]; + try { + var S = a7(Q, E, F, g, d, I, l, M >> 4, M & 15, x); + E += S; + } catch (ex) { + if (ex instanceof DNLMarkerError) { + return this.parse(Q, { F: ex.s }); + } else if (ex instanceof EOIMarkerError) { + break markerLoop; + } + throw ex; + } + break; + case 65500: + E += 4; + break; + case 65535: + if (Q[E] !== 255) { + E--; + } + break; + default: + var i = an(Q, E - 2, E - 3); + if (i && i.u) { + E = i.offset; + break; + } + if (E >= Q.length - 1) { + break markerLoop; + } + throw new W( + "JpegImage.parse - unknown marker: " + V.toString(16), + ); + } + V = Z(Q, E); + E += 2; + } + this.width = F.o; + this.height = F.s; + this.g = a; + this.b = C; + this.W = []; + for (Y = 0; Y < F.W.length; Y++) { + R = F.W[Y]; + var A = U[R.L]; + if (A) { + R.$ = A; + } + this.W.push({ + index: R.index, + e: a0(F, R), + l: R.h / F.X, + t: R.A / F.B, + P: R.P, + c: R.c, + }); + } + this.p = this.W.length; + return undefined; + }, + Y(Q, h, f) { + if (f == null) f = !1; + var G = this.width / Q, + n = this.height / h, + E, + a, + C, + F, + d, + T, + U, + z, + J, + V, + Y = 0, + u, + m = this.W.length, + j = Q * h * m, + v = new Uint8ClampedArray(j), + $ = new Uint32Array(Q), + b = 4294967288, + r; + for (U = 0; U < m; U++) { + E = this.W[U]; + a = E.l * G; + C = E.t * n; + Y = U; + u = E.e; + F = (E.P + 1) << 3; + if (a !== r) { + for (d = 0; d < Q; d++) { + z = 0 | (d * a); + $[d] = ((z & b) << 3) | (z & 7); + } + r = a; + } + for (T = 0; T < h; T++) { + z = 0 | (T * C); + V = (F * (z & b)) | ((z & 7) << 3); + for (d = 0; d < Q; d++) { + v[Y] = u[V + $[d]]; + Y += m; + } + } + } + var P = this.V; + if (!f && m === 4 && !P) { + P = new Int32Array([ + -256, 255, -256, 255, -256, 255, -256, 255, + ]); + } + if (P) { + for (U = 0; U < j; ) { + for (z = 0, J = 0; z < m; z++, U++, J += 2) { + v[U] = ((v[U] * P[J]) >> 8) + P[J + 1]; + } + } + } + return v; + }, + get f() { + if (this.b) { + return !!this.b.a; + } + if (this.p === 3) { + if (this.N === 0) { + return !1; + } else if ( + this.W[0].index === 82 && + this.W[1].index === 71 && + this.W[2].index === 66 + ) { + return !1; + } + return !0; + } + if (this.N === 1) { + return !0; + } + return !1; + }, + z: function aj(Q) { + var h, f, G; + for (var n = 0, E = Q.length; n < E; n += 3) { + h = Q[n]; + f = Q[n + 1]; + G = Q[n + 2]; + Q[n] = h - 179.456 + 1.402 * G; + Q[n + 1] = h + 135.459 - 0.344 * f - 0.714 * G; + Q[n + 2] = h - 226.816 + 1.772 * f; + } + return Q; + }, + O: function aa(Q) { + var h, + f, + G, + n, + E = 0; + for (var a = 0, C = Q.length; a < C; a += 4) { + h = Q[a]; + f = Q[a + 1]; + G = Q[a + 2]; + n = Q[a + 3]; + Q[E++] = + -122.67195406894 + + f * + (-660635669420364e-19 * f + + 0.000437130475926232 * G - + 54080610064599e-18 * h + + 0.00048449797120281 * n - + 0.154362151871126) + + G * + (-0.000957964378445773 * G + + 0.000817076911346625 * h - + 0.00477271405408747 * n + + 1.53380253221734) + + h * + (0.000961250184130688 * h - + 0.00266257332283933 * n + + 0.48357088451265) + + n * (-0.000336197177618394 * n + 0.484791561490776); + Q[E++] = + 107.268039397724 + + f * + (219927104525741e-19 * f - + 0.000640992018297945 * G + + 0.000659397001245577 * h + + 0.000426105652938837 * n - + 0.176491792462875) + + G * + (-0.000778269941513683 * G + + 0.00130872261408275 * h + + 0.000770482631801132 * n - + 0.151051492775562) + + h * + (0.00126935368114843 * h - + 0.00265090189010898 * n + + 0.25802910206845) + + n * (-0.000318913117588328 * n - 0.213742400323665); + Q[E++] = + -20.810012546947 + + f * + (-0.000570115196973677 * f - + 263409051004589e-19 * G + + 0.0020741088115012 * h - + 0.00288260236853442 * n + + 0.814272968359295) + + G * + (-153496057440975e-19 * G - + 0.000132689043961446 * h + + 0.000560833691242812 * n - + 0.195152027534049) + + h * + (0.00174418132927582 * h - + 0.00255243321439347 * n + + 0.116935020465145) + + n * (-0.000343531996510555 * n + 0.24165260232407); + } + return Q.subarray(0, E); + }, + r: function a3(Q) { + var h, f, G; + for (var n = 0, E = Q.length; n < E; n += 4) { + h = Q[n]; + f = Q[n + 1]; + G = Q[n + 2]; + Q[n] = 434.456 - h - 1.402 * G; + Q[n + 1] = 119.541 - h + 0.344 * f + 0.714 * G; + Q[n + 2] = 481.816 - h - 1.772 * f; + } + return Q; + }, + U: function as(Q) { + var h, + f, + G, + n, + E = 0; + for (var a = 0, C = Q.length; a < C; a += 4) { + h = Q[a]; + f = Q[a + 1]; + G = Q[a + 2]; + n = Q[a + 3]; + Q[E++] = + 255 + + h * + (-6747147073602441e-20 * h + + 0.0008379262121013727 * f + + 0.0002894718188643294 * G + + 0.003264231057537806 * n - + 1.1185611867203937) + + f * + (26374107616089404e-21 * f - + 8626949158638572e-20 * G - + 0.0002748769067499491 * n - + 0.02155688794978967) + + G * + (-3878099212869363e-20 * G - + 0.0003267808279485286 * n + + 0.0686742238595345) - + n * (0.0003361971776183937 * n + 0.7430659151342254); + Q[E++] = + 255 + + h * + (0.00013596372813588848 * h + + 0.000924537132573585 * f + + 0.00010567359618683593 * G + + 0.0004791864687436512 * n - + 0.3109689587515875) + + f * + (-0.00023545346108370344 * f + + 0.0002702845253534714 * G + + 0.0020200308977307156 * n - + 0.7488052167015494) + + G * + (6834815998235662e-20 * G + + 0.00015168452363460973 * n - + 0.09751927774728933) - + n * (0.0003189131175883281 * n + 0.7364883807733168); + Q[E++] = + 255 + + h * + (13598650411385308e-21 * h + + 0.00012423956175490851 * f + + 0.0004751985097583589 * G - + 36729317476630424e-22 * n - + 0.05562186980264034) + + f * + (0.00016141380598724676 * f + + 0.0009692239130725186 * G + + 0.0007782692450036253 * n - + 0.44015232367526463) + + G * + (5.068882914068769e-7 * G + + 0.0017778369011375071 * n - + 0.7591454649749609) - + n * (0.0003435319965105553 * n + 0.7063770186160144); + } + return Q.subarray(0, E); + }, + getData: function (Q) { + var h = Q.width, + f = Q.height, + G = Q.forceRGB, + n = Q.isSourcePDF; + if (this.p > 4) { + throw new W("Unsupported color mode"); + } + var E = this.Y(h, f, n); + if (this.p === 1 && G) { + var a = E.length, + C = new Uint8ClampedArray(a * 3), + F = 0; + for (var d = 0; d < a; d++) { + var T = E[d]; + C[F++] = T; + C[F++] = T; + C[F++] = T; + } + return C; + } else if (this.p === 3 && this.f) { + return this.z(E); + } else if (this.p === 4) { + if (this.f) { + if (G) { + return this.O(E); + } + return this.r(E); + } else if (G) { + return this.U(E); + } + } + return E; + }, + }; + return ak; + })(); + function a9(p, t) { + return (p[t] << 24) >> 24; + } + function Z(p, t) { + return (p[t] << 8) | p[t + 1]; + } + function am(p, t) { + return ( + ((p[t] << 24) | (p[t + 1] << 16) | (p[t + 2] << 8) | p[t + 3]) >>> 0 + ); + } + UTIF.JpegDecoder = ak; + })(); + + //UTIF.JpegDecoder = PDFJS.JpegImage; + + UTIF.encodeImage = function (rgba, w, h, metadata) { + var idf = { + t256: [w], + t257: [h], + t258: [8, 8, 8, 8], + t259: [1], + t262: [2], + t273: [1000], // strips offset + t277: [4], + t278: [h], + /* rows per strip */ t279: [w * h * 4], // strip byte counts + t282: [[72, 1]], + t283: [[72, 1]], + t284: [1], + t286: [[0, 1]], + t287: [[0, 1]], + t296: [1], + t305: ["Photopea (UTIF.js)"], + t338: [1], + }; + if (metadata) for (var i in metadata) idf[i] = metadata[i]; + + var prfx = new Uint8Array(UTIF.encode([idf])); + var img = new Uint8Array(rgba); + var data = new Uint8Array(1000 + w * h * 4); + for (var i = 0; i < prfx.length; i++) data[i] = prfx[i]; + for (var i = 0; i < img.length; i++) data[1000 + i] = img[i]; + return data.buffer; + }; + + UTIF.encode = function (ifds) { + var LE = false; + var data = new Uint8Array(20000), + offset = 4, + bin = LE ? UTIF._binLE : UTIF._binBE; + data[0] = data[1] = LE ? 73 : 77; + bin.writeUshort(data, 2, 42); + + var ifdo = 8; + bin.writeUint(data, offset, ifdo); + offset += 4; + for (var i = 0; i < ifds.length; i++) { + var noffs = UTIF._writeIFD(bin, UTIF._types.basic, data, ifdo, ifds[i]); + ifdo = noffs[1]; + if (i < ifds.length - 1) { + if ((ifdo & 3) != 0) ifdo += 4 - (ifdo & 3); // make each IFD start at multiple of 4 + bin.writeUint(data, noffs[0], ifdo); + } + } + return data.slice(0, ifdo).buffer; + }; + + UTIF.decode = function (buff, prm) { + if (prm == null) prm = { parseMN: true, debug: false }; // read MakerNote, debug + var data = new Uint8Array(buff), + offset = 0; + + var id = UTIF._binBE.readASCII(data, offset, 2); + offset += 2; + var bin = id == "II" ? UTIF._binLE : UTIF._binBE; + var num = bin.readUshort(data, offset); + offset += 2; + + var ifdo = bin.readUint(data, offset); + offset += 4; + var ifds = []; + while (true) { + var cnt = bin.readUshort(data, ifdo), + typ = bin.readUshort(data, ifdo + 4); + if (cnt != 0) + if (typ < 1 || 13 < typ) { + log("error in TIFF"); + break; + } + UTIF._readIFD(bin, data, ifdo, ifds, 0, prm); - // Skatch of version 7 - /* + ifdo = bin.readUint(data, ifdo + 2 + cnt * 12); + if (ifdo == 0) break; + } + return ifds; + }; + + UTIF.decodeImage = function (buff, img, ifds) { + if (img.data) return; + var data = new Uint8Array(buff); + var id = UTIF._binBE.readASCII(data, 0, 2); + + if (img["t256"] == null) return; // No width => probably not an image + img.isLE = id == "II"; + img.width = img["t256"][0]; //delete img["t256"]; + img.height = img["t257"][0]; //delete img["t257"]; + + var cmpr = img["t259"] ? img["t259"][0] : 1; //delete img["t259"]; + var fo = img["t266"] ? img["t266"][0] : 1; //delete img["t266"]; + if (img["t284"] && img["t284"][0] == 2) + log("PlanarConfiguration 2 should not be used!"); + if (cmpr == 7 && img["t258"] && img["t258"].length > 3) + img["t258"] = img["t258"].slice(0, 3); + + var spp = img["t277"] ? img["t277"][0] : 1; + var bps = img["t258"] ? img["t258"][0] : 1; + var bipp = bps * spp; // bits per pixel + /* + var bipp; // bits per pixel + if(img["t258"]) bipp = Math.min(32,img["t258"][0])*img["t258"].length; + else bipp = (img["t277"]?img["t277"][0]:1); + */ + // Some .NEF files have t258==14, even though they use 16 bits per pixel + if ( + cmpr == 1 && + img["t279"] != null && + img["t278"] && + img["t262"][0] == 32803 + ) { + bipp = Math.round((img["t279"][0] * 8) / (img.width * img["t278"][0])); + } + if (img["t50885"] && img["t50885"][0] == 4) bipp = img["t258"][0] * 3; // RAW_CANON_40D_SRAW_V103.CR2 + var bipl = Math.ceil((img.width * bipp) / 8) * 8; + var soff = img["t273"]; + if (soff == null || img["t322"]) soff = img["t324"]; + var bcnt = img["t279"]; + if (cmpr == 1 && soff.length == 1) bcnt = [img.height * (bipl >>> 3)]; + if (bcnt == null || img["t322"]) bcnt = img["t325"]; + //bcnt[0] = Math.min(bcnt[0], data.length); // Hasselblad, "RAW_HASSELBLAD_H3D39II.3FR" + var bytes = new Uint8Array(img.height * (bipl >>> 3)), + bilen = 0; + + if (img["t322"] != null) { + // tiled + var tw = img["t322"][0], + th = img["t323"][0]; + var tx = Math.floor((img.width + tw - 1) / tw); + var ty = Math.floor((img.height + th - 1) / th); + var tbuff = new Uint8Array(Math.ceil((tw * th * bipp) / 8) | 0); + console.log("====", tx, ty); + for (var y = 0; y < ty; y++) + for (var x = 0; x < tx; x++) { + var i = y * tx + x; + tbuff.fill(0); + UTIF.decode._decompress( + img, + ifds, + data, + soff[i], + bcnt[i], + cmpr, + tbuff, + 0, + fo, + tw, + th, + ); + // Might be required for 7 too. Need to check + if (cmpr == 6) bytes = tbuff; + else + UTIF._copyTile( + tbuff, + Math.ceil((tw * bipp) / 8) | 0, + th, + bytes, + Math.ceil((img.width * bipp) / 8) | 0, + img.height, + Math.ceil((x * tw * bipp) / 8) | 0, + y * th, + ); + } + bilen = bytes.length * 8; + } // stripped + else { + if (soff == null) return; + var rps = img["t278"] ? img["t278"][0] : img.height; + rps = Math.min(rps, img.height); + //console.log("====", img.width, rps); + for (var i = 0; i < soff.length; i++) { + UTIF.decode._decompress( + img, + ifds, + data, + soff[i], + bcnt[i], + cmpr, + bytes, + Math.ceil(bilen / 8) | 0, + fo, + img.width, + rps, + ); + bilen += bipl * rps; + } + bilen = Math.min(bilen, bytes.length * 8); + } + img.data = new Uint8Array(bytes.buffer, 0, Math.ceil(bilen / 8) | 0); + }; + + UTIF.decode._decompress = function ( + img, + ifds, + data, + off, + len, + cmpr, + tgt, + toff, + fo, + w, + h, + ) { + // fill order + if ( + img["t271"] && + img["t271"][0] == "Panasonic" && + img["t45"] && + img["t45"][0] == 6 + ) + cmpr = 34316; + //console.log("compression", cmpr); + //var time = Date.now(); + if (false) { + } else if (cmpr == 1 /* || (len==tgt.length && cmpr!=32767)*/) + for (var j = 0; j < len; j++) tgt[toff + j] = data[off + j]; + else if (cmpr == 2) + UTIF.decode._decodeG2(data, off, len, tgt, toff, w, fo); + else if (cmpr == 3) + UTIF.decode._decodeG3( + data, + off, + len, + tgt, + toff, + w, + fo, + img["t292"] ? (img["t292"][0] & 1) == 1 : false, + ); + else if (cmpr == 4) + UTIF.decode._decodeG4(data, off, len, tgt, toff, w, fo); + else if (cmpr == 5) UTIF.decode._decodeLZW(data, off, len, tgt, toff, 8); + else if (cmpr == 6) + UTIF.decode._decodeOldJPEG(img, data, off, len, tgt, toff); + else if (cmpr == 7 || cmpr == 34892) + UTIF.decode._decodeNewJPEG(img, data, off, len, tgt, toff); + else if (cmpr == 8 || cmpr == 32946) { + var src = new Uint8Array(data.buffer, off + 2, len - 6); + var bin = pako["inflateRaw"](src); + if (toff + bin.length <= tgt.length) tgt.set(bin, toff); + } else if (cmpr == 9) + UTIF.decode._decodeVC5(data, off, len, tgt, toff, img["t33422"]); + else if (cmpr == 32767) + UTIF.decode._decodeARW(img, data, off, len, tgt, toff); + else if (cmpr == 32773) + UTIF.decode._decodePackBits(data, off, len, tgt, toff); + else if (cmpr == 32809) + UTIF.decode._decodeThunder(data, off, len, tgt, toff); + else if (cmpr == 34316) + UTIF.decode._decodePanasonic(img, data, off, len, tgt, toff); + else if (cmpr == 34713) + //for(var j=0; j>> 3, + bpl = Math.ceil((bps * noc * w) / 8); + + // convert to Little Endian /* + if (bps == 16 && !img.isLE && img["t33422"] == null) + // not DNG + for (var y = 0; y < h; y++) { + //console.log("fixing endianity"); + var roff = toff + y * bpl; + for (var x = 1; x < bpl; x += 2) { + var t = tgt[roff + x]; + tgt[roff + x] = tgt[roff + x - 1]; + tgt[roff + x - 1] = t; + } + } //*/ + + if (img["t317"] && img["t317"][0] == 2) { + for (var y = 0; y < h; y++) { + var ntoff = toff + y * bpl; + if (bps == 16) + for (var j = bpp; j < bpl; j += 2) { + var nv = + ((tgt[ntoff + j + 1] << 8) | tgt[ntoff + j]) + + ((tgt[ntoff + j - bpp + 1] << 8) | tgt[ntoff + j - bpp]); + tgt[ntoff + j] = nv & 255; + tgt[ntoff + j + 1] = (nv >>> 8) & 255; + } + else if (noc == 3) + for (var j = 3; j < bpl; j += 3) { + tgt[ntoff + j] = (tgt[ntoff + j] + tgt[ntoff + j - 3]) & 255; + tgt[ntoff + j + 1] = + (tgt[ntoff + j + 1] + tgt[ntoff + j - 2]) & 255; + tgt[ntoff + j + 2] = + (tgt[ntoff + j + 2] + tgt[ntoff + j - 1]) & 255; + } + else + for (var j = bpp; j < bpl; j++) + tgt[ntoff + j] = (tgt[ntoff + j] + tgt[ntoff + j - bpp]) & 255; + } + } + }; + + UTIF.decode._decodePanasonic = function (img, data, off, len, tgt, toff) { + var img_buffer = data.buffer; + + var rawWidth = img["t2"][0]; + var rawHeight = img["t3"][0]; + var bitsPerSample = img["t10"][0]; + var RW2_Format = img["t45"][0]; + + var bidx = 0; + var imageIndex = 0; + var vpos = 0; + var byte = 0; + var arr_a, arr_b; + var bytes = RW2_Format == 6 ? new Uint32Array(18) : new Uint8Array(16); + var i, + j, + sh, + pred = [0, 0], + nonz = [0, 0], + isOdd, + idx = 0, + pixel_base; + var row, col, crow; + var buffer = new Uint8Array(0x4000); + var result = new Uint16Array(tgt.buffer); + + function getDataRaw(bits) { + if (vpos == 0) { + var arr_a = new Uint8Array( + img_buffer, + off + imageIndex + 0x1ff8, + 0x4000 - 0x1ff8, + ); + var arr_b = new Uint8Array(img_buffer, off + imageIndex, 0x1ff8); + buffer.set(arr_a); + buffer.set(arr_b, arr_a.length); + imageIndex += 0x4000; + } + if (RW2_Format == 5) { + for (i = 0; i < 16; i++) { + bytes[i] = buffer[vpos++]; + vpos &= 0x3fff; + } + } else { + vpos = (vpos - bits) & 0x1ffff; + byte = (vpos >> 3) ^ 0x3ff0; + return ( + ((buffer[byte] | (buffer[byte + 1] << 8)) >> (vpos & 7)) & + ~(-1 << bits) + ); + } + } + // Raw Format 6 + function getBufferDataRW6(i) { + return buffer[vpos + 15 - i]; + } + function readPageRW6() { + bytes[0] = (getBufferDataRW6(0) << 6) | (getBufferDataRW6(1) >> 2); // 14 bit + bytes[1] = + (((getBufferDataRW6(1) & 0x3) << 12) | + (getBufferDataRW6(2) << 4) | + (getBufferDataRW6(3) >> 4)) & + 0x3fff; + bytes[2] = (getBufferDataRW6(3) >> 2) & 0x3; + bytes[3] = ((getBufferDataRW6(3) & 0x3) << 8) | getBufferDataRW6(4); + bytes[4] = (getBufferDataRW6(5) << 2) | (getBufferDataRW6(6) >> 6); + bytes[5] = + ((getBufferDataRW6(6) & 0x3f) << 4) | (getBufferDataRW6(7) >> 4); + bytes[6] = (getBufferDataRW6(7) >> 2) & 0x3; + bytes[7] = ((getBufferDataRW6(7) & 0x3) << 8) | getBufferDataRW6(8); + bytes[8] = + ((getBufferDataRW6(9) << 2) & 0x3fc) | (getBufferDataRW6(10) >> 6); + bytes[9] = + ((getBufferDataRW6(10) << 4) | (getBufferDataRW6(11) >> 4)) & 0x3ff; + bytes[10] = (getBufferDataRW6(11) >> 2) & 0x3; + bytes[11] = ((getBufferDataRW6(11) & 0x3) << 8) | getBufferDataRW6(12); + bytes[12] = + (((getBufferDataRW6(13) << 2) & 0x3fc) | + (getBufferDataRW6(14) >> 6)) & + 0x3ff; + bytes[13] = + ((getBufferDataRW6(14) << 4) | (getBufferDataRW6(15) >> 4)) & 0x3ff; + vpos += 16; + byte = 0; + } + function readPageRw6_bps12() { + bytes[0] = (getBufferDataRW6(0) << 4) | (getBufferDataRW6(1) >> 4); + bytes[1] = + (((getBufferDataRW6(1) & 0xf) << 8) | getBufferDataRW6(2)) & 0xfff; + bytes[2] = (getBufferDataRW6(3) >> 6) & 0x3; + bytes[3] = + ((getBufferDataRW6(3) & 0x3f) << 2) | (getBufferDataRW6(4) >> 6); + bytes[4] = + ((getBufferDataRW6(4) & 0x3f) << 2) | (getBufferDataRW6(5) >> 6); + bytes[5] = + ((getBufferDataRW6(5) & 0x3f) << 2) | (getBufferDataRW6(6) >> 6); + bytes[6] = (getBufferDataRW6(6) >> 4) & 0x3; + bytes[7] = + ((getBufferDataRW6(6) & 0xf) << 4) | (getBufferDataRW6(7) >> 4); + bytes[8] = + ((getBufferDataRW6(7) & 0xf) << 4) | (getBufferDataRW6(8) >> 4); + bytes[9] = + ((getBufferDataRW6(8) & 0xf) << 4) | (getBufferDataRW6(9) >> 4); + bytes[10] = (getBufferDataRW6(9) >> 2) & 0x3; + bytes[11] = + ((getBufferDataRW6(9) & 0x3) << 6) | (getBufferDataRW6(10) >> 2); + bytes[12] = + ((getBufferDataRW6(10) & 0x3) << 6) | (getBufferDataRW6(11) >> 2); + bytes[13] = + ((getBufferDataRW6(11) & 0x3) << 6) | (getBufferDataRW6(12) >> 2); + bytes[14] = getBufferDataRW6(12) & 0x3; + bytes[15] = getBufferDataRW6(13); + bytes[16] = getBufferDataRW6(14); + bytes[17] = getBufferDataRW6(15); + + vpos += 16; + byte = 0; + } + // Main loop + function resetPredNonzeros() { + pred[0] = 0; + pred[1] = 0; + nonz[0] = 0; + nonz[1] = 0; + } + if (RW2_Format == 7) { + throw RW2_Format; + + // Skatch of version 7 + /* var pixels_per_block = bitsPerSample == 14 ? 9 : 10; rowbytes = 0|(rawWidth / pixels_per_block * 16); for (row = 0; row < rawHeight - 15; row += 16) { @@ -354,1296 +1667,3107 @@ UTIF.decode._decompress = function(img,ifds, data, off, len, cmpr, tgt, toff, fo } } */ - } - else if(RW2_Format == 6) { - var is12bit = bitsPerSample == 12, - readPageRw6Fn = is12bit ? readPageRw6_bps12 : readPageRW6, - pixelsPerBlock = is12bit ? 14 : 11, - pixelbase0 = is12bit ? 0x80 : 0x200, - pixelbase_compare = is12bit ? 0x800 : 0x2000, - spix_compare = is12bit ? 0x3fff : 0xffff, - pixel_mask = is12bit ? 0xfff : 0x3fff, - blocksperrow = rawWidth / pixelsPerBlock, - rowbytes = blocksperrow * 16, - bufferSize = is12bit ? 18 : 14; + } else if (RW2_Format == 6) { + var is12bit = bitsPerSample == 12, + readPageRw6Fn = is12bit ? readPageRw6_bps12 : readPageRW6, + pixelsPerBlock = is12bit ? 14 : 11, + pixelbase0 = is12bit ? 0x80 : 0x200, + pixelbase_compare = is12bit ? 0x800 : 0x2000, + spix_compare = is12bit ? 0x3fff : 0xffff, + pixel_mask = is12bit ? 0xfff : 0x3fff, + blocksperrow = rawWidth / pixelsPerBlock, + rowbytes = blocksperrow * 16, + bufferSize = is12bit ? 18 : 14; - for (row = 0; row < rawHeight - 15; row += 16) { - var rowstoread = Math.min(16, rawHeight - row); - var readlen = rowbytes*rowstoread; - buffer = new Uint8Array(img_buffer, off+bidx, readlen);//new Uint8Array(image.slice(bidx, bidx+readlen)); - vpos = 0; - bidx += readlen; - for (crow = 0, col = 0; crow < rowstoread; crow++, col = 0) { - idx = (row + crow) * rawWidth; - for (var rblock = 0; rblock < blocksperrow; rblock++) { - readPageRw6Fn(); - resetPredNonzeros(); - sh=0; pixel_base=0; - for (i = 0; i < pixelsPerBlock; i++){ - isOdd = i & 1; - if (i % 3 == 2) { - var base = byte < bufferSize ? bytes[byte++] : 0; - if (base == 3) base = 4; - pixel_base = pixelbase0 << base; - sh = 1 << base; - } - var epixel = byte < bufferSize ? bytes[byte++] : 0; - if (pred[isOdd]) { - epixel *= sh; - if (pixel_base < pixelbase_compare && nonz[isOdd] > pixel_base) - epixel += nonz[isOdd] - pixel_base; - nonz[isOdd] = epixel; - } else { - pred[isOdd] = epixel; - if (epixel) - nonz[isOdd] = epixel; - else - epixel = nonz[isOdd]; - } - result[idx + col++] = (epixel - 0xf) <= spix_compare ? (epixel - 0xf) & spix_compare : ((epixel + 0x7ffffff1) >> 0x1f) & pixel_mask; - } - } - } + for (row = 0; row < rawHeight - 15; row += 16) { + var rowstoread = Math.min(16, rawHeight - row); + var readlen = rowbytes * rowstoread; + buffer = new Uint8Array(img_buffer, off + bidx, readlen); //new Uint8Array(image.slice(bidx, bidx+readlen)); + vpos = 0; + bidx += readlen; + for (crow = 0, col = 0; crow < rowstoread; crow++, col = 0) { + idx = (row + crow) * rawWidth; + for (var rblock = 0; rblock < blocksperrow; rblock++) { + readPageRw6Fn(); + resetPredNonzeros(); + sh = 0; + pixel_base = 0; + for (i = 0; i < pixelsPerBlock; i++) { + isOdd = i & 1; + if (i % 3 == 2) { + var base = byte < bufferSize ? bytes[byte++] : 0; + if (base == 3) base = 4; + pixel_base = pixelbase0 << base; + sh = 1 << base; + } + var epixel = byte < bufferSize ? bytes[byte++] : 0; + if (pred[isOdd]) { + epixel *= sh; + if ( + pixel_base < pixelbase_compare && + nonz[isOdd] > pixel_base + ) + epixel += nonz[isOdd] - pixel_base; + nonz[isOdd] = epixel; + } else { + pred[isOdd] = epixel; + if (epixel) nonz[isOdd] = epixel; + else epixel = nonz[isOdd]; + } + result[idx + col++] = + epixel - 0xf <= spix_compare + ? (epixel - 0xf) & spix_compare + : ((epixel + 0x7ffffff1) >> 0x1f) & pixel_mask; + } + } + } + } + } else if (RW2_Format == 5) { + var blockSize = bitsPerSample == 12 ? 10 : 9; + for (row = 0; row < rawHeight; row++) { + for (col = 0; col < rawWidth; col += blockSize) { + getDataRaw(0); + // Tuhle podminku pouziva i RW2_Format 7 + if (bitsPerSample == 12) { + result[idx++] = ((bytes[1] & 0xf) << 8) + bytes[0]; + result[idx++] = 16 * bytes[2] + (bytes[1] >> 4); + result[idx++] = ((bytes[4] & 0xf) << 8) + bytes[3]; + result[idx++] = 16 * bytes[5] + (bytes[4] >> 4); + result[idx++] = ((bytes[7] & 0xf) << 8) + bytes[6]; + result[idx++] = 16 * bytes[8] + (bytes[7] >> 4); + result[idx++] = ((bytes[10] & 0xf) << 8) + bytes[9]; + result[idx++] = 16 * bytes[11] + (bytes[10] >> 4); + result[idx++] = ((bytes[13] & 0xf) << 8) + bytes[12]; + result[idx++] = 16 * bytes[14] + (bytes[13] >> 4); + } else if (bitsPerSample == 14) { + result[idx++] = bytes[0] + ((bytes[1] & 0x3f) << 8); + result[idx++] = + (bytes[1] >> 6) + 4 * bytes[2] + ((bytes[3] & 0xf) << 10); + result[idx++] = + (bytes[3] >> 4) + 16 * bytes[4] + ((bytes[5] & 3) << 12); + result[idx++] = ((bytes[5] & 0xfc) >> 2) + (bytes[6] << 6); + result[idx++] = bytes[7] + ((bytes[8] & 0x3f) << 8); + result[idx++] = + (bytes[8] >> 6) + 4 * bytes[9] + ((bytes[10] & 0xf) << 10); + result[idx++] = + (bytes[10] >> 4) + 16 * bytes[11] + ((bytes[12] & 3) << 12); + result[idx++] = ((bytes[12] & 0xfc) >> 2) + (bytes[13] << 6); + result[idx++] = bytes[14] + ((bytes[15] & 0x3f) << 8); + } + } + } + //console.log(result[1000000 - 1]) + } else if (RW2_Format == 4) { + for (row = 0; row < rawHeight; row++) { + for (col = 0; col < rawWidth; col++) { + i = col % 14; + isOdd = i & 1; + if (i == 0) resetPredNonzeros(); + if (i % 3 == 2) sh = 4 >> (3 - getDataRaw(2)); + if (nonz[isOdd]) { + j = getDataRaw(8); + if (j != 0) { + pred[isOdd] -= 0x80 << sh; + if (pred[isOdd] < 0 || sh == 4) pred[isOdd] &= ~(-1 << sh); + pred[isOdd] += j << sh; + } + } else { + nonz[isOdd] = getDataRaw(8); + if (nonz[isOdd] || i > 11) + pred[isOdd] = (nonz[isOdd] << 4) | getDataRaw(4); + } + result[idx++] = pred[col & 1]; + } + } + } else throw RW2_Format; + }; + + UTIF.decode._decodeVC5 = (function () { + var x = [ + 1, 0, 1, 0, 2, 2, 1, 1, 3, 7, 1, 2, 5, 25, 1, 3, 6, 48, 1, 4, 6, 54, + 1, 5, 7, 111, 1, 8, 7, 99, 1, 6, 7, 105, 12, 0, 7, 107, 1, 7, 8, 209, + 20, 0, 8, 212, 1, 9, 8, 220, 1, 10, 9, 393, 1, 11, 9, 394, 32, 0, 9, + 416, 1, 12, 9, 427, 1, 13, 10, 887, 1, 18, 10, 784, 1, 14, 10, 790, 1, + 15, 10, 835, 60, 0, 10, 852, 1, 16, 10, 885, 1, 17, 11, 1571, 1, 19, + 11, 1668, 1, 20, 11, 1669, 100, 0, 11, 1707, 1, 21, 11, 1772, 1, 22, + 12, 3547, 1, 29, 12, 3164, 1, 24, 12, 3166, 1, 25, 12, 3140, 1, 23, + 12, 3413, 1, 26, 12, 3537, 1, 27, 12, 3539, 1, 28, 13, 7093, 1, 35, + 13, 6283, 1, 30, 13, 6331, 1, 31, 13, 6335, 180, 0, 13, 6824, 1, 32, + 13, 7072, 1, 33, 13, 7077, 320, 0, 13, 7076, 1, 34, 14, 12565, 1, 36, + 14, 12661, 1, 37, 14, 12669, 1, 38, 14, 13651, 1, 39, 14, 14184, 1, + 40, 15, 28295, 1, 46, 15, 28371, 1, 47, 15, 25320, 1, 42, 15, 25336, + 1, 43, 15, 25128, 1, 41, 15, 27300, 1, 44, 15, 28293, 1, 45, 16, + 50259, 1, 48, 16, 50643, 1, 49, 16, 50675, 1, 50, 16, 56740, 1, 53, + 16, 56584, 1, 51, 16, 56588, 1, 52, 17, 113483, 1, 61, 17, 113482, 1, + 60, 17, 101285, 1, 55, 17, 101349, 1, 56, 17, 109205, 1, 57, 17, + 109207, 1, 58, 17, 100516, 1, 54, 17, 113171, 1, 59, 18, 202568, 1, + 62, 18, 202696, 1, 63, 18, 218408, 1, 64, 18, 218412, 1, 65, 18, + 226340, 1, 66, 18, 226356, 1, 67, 18, 226358, 1, 68, 19, 402068, 1, + 69, 19, 405138, 1, 70, 19, 405394, 1, 71, 19, 436818, 1, 72, 19, + 436826, 1, 73, 19, 452714, 1, 75, 19, 452718, 1, 76, 19, 452682, 1, + 74, 20, 804138, 1, 77, 20, 810279, 1, 78, 20, 810790, 1, 79, 20, + 873638, 1, 80, 20, 873654, 1, 81, 20, 905366, 1, 82, 20, 905430, 1, + 83, 20, 905438, 1, 84, 21, 1608278, 1, 85, 21, 1620557, 1, 86, 21, + 1621582, 1, 87, 21, 1621583, 1, 88, 21, 1747310, 1, 89, 21, 1810734, + 1, 90, 21, 1810735, 1, 91, 21, 1810863, 1, 92, 21, 1810879, 1, 93, 22, + 3621725, 1, 99, 22, 3621757, 1, 100, 22, 3241112, 1, 94, 22, 3494556, + 1, 95, 22, 3494557, 1, 96, 22, 3494622, 1, 97, 22, 3494623, 1, 98, 23, + 6482227, 1, 102, 23, 6433117, 1, 101, 23, 6989117, 1, 103, 23, + 6989119, 1, 105, 23, 6989118, 1, 104, 23, 7243449, 1, 106, 23, + 7243512, 1, 107, 24, 13978233, 1, 111, 24, 12964453, 1, 109, 24, + 12866232, 1, 108, 24, 14486897, 1, 113, 24, 13978232, 1, 110, 24, + 14486896, 1, 112, 24, 14487026, 1, 114, 24, 14487027, 1, 115, 25, + 25732598, 1, 225, 25, 25732597, 1, 189, 25, 25732596, 1, 188, 25, + 25732595, 1, 203, 25, 25732594, 1, 202, 25, 25732593, 1, 197, 25, + 25732592, 1, 207, 25, 25732591, 1, 169, 25, 25732590, 1, 223, 25, + 25732589, 1, 159, 25, 25732522, 1, 235, 25, 25732579, 1, 152, 25, + 25732575, 1, 192, 25, 25732489, 1, 179, 25, 25732573, 1, 201, 25, + 25732472, 1, 172, 25, 25732576, 1, 149, 25, 25732488, 1, 178, 25, + 25732566, 1, 120, 25, 25732571, 1, 219, 25, 25732577, 1, 150, 25, + 25732487, 1, 127, 25, 25732506, 1, 211, 25, 25732548, 1, 125, 25, + 25732588, 1, 158, 25, 25732486, 1, 247, 25, 25732467, 1, 238, 25, + 25732508, 1, 163, 25, 25732552, 1, 228, 25, 25732603, 1, 183, 25, + 25732513, 1, 217, 25, 25732587, 1, 168, 25, 25732520, 1, 122, 25, + 25732484, 1, 128, 25, 25732562, 1, 249, 25, 25732505, 1, 187, 25, + 25732504, 1, 186, 25, 25732483, 1, 136, 25, 25928905, 1, 181, 25, + 25732560, 1, 255, 25, 25732500, 1, 230, 25, 25732482, 1, 135, 25, + 25732555, 1, 233, 25, 25732568, 1, 222, 25, 25732583, 1, 145, 25, + 25732481, 1, 134, 25, 25732586, 1, 167, 25, 25732521, 1, 248, 25, + 25732518, 1, 209, 25, 25732480, 1, 243, 25, 25732512, 1, 216, 25, + 25732509, 1, 164, 25, 25732547, 1, 140, 25, 25732479, 1, 157, 25, + 25732544, 1, 239, 25, 25732574, 1, 191, 25, 25732564, 1, 251, 25, + 25732478, 1, 156, 25, 25732546, 1, 139, 25, 25732498, 1, 242, 25, + 25732557, 1, 133, 25, 25732477, 1, 162, 25, 25732515, 1, 213, 25, + 25732584, 1, 165, 25, 25732514, 1, 212, 25, 25732476, 1, 227, 25, + 25732494, 1, 198, 25, 25732531, 1, 236, 25, 25732530, 1, 234, 25, + 25732529, 1, 117, 25, 25732528, 1, 215, 25, 25732527, 1, 124, 25, + 25732526, 1, 123, 25, 25732525, 1, 254, 25, 25732524, 1, 253, 25, + 25732523, 1, 148, 25, 25732570, 1, 218, 25, 25732580, 1, 146, 25, + 25732581, 1, 147, 25, 25732569, 1, 224, 25, 25732533, 1, 143, 25, + 25732540, 1, 184, 25, 25732541, 1, 185, 25, 25732585, 1, 166, 25, + 25732556, 1, 132, 25, 25732485, 1, 129, 25, 25732563, 1, 250, 25, + 25732578, 1, 151, 25, 25732501, 1, 119, 25, 25732502, 1, 193, 25, + 25732536, 1, 176, 25, 25732496, 1, 245, 25, 25732553, 1, 229, 25, + 25732516, 1, 206, 25, 25732582, 1, 144, 25, 25732517, 1, 208, 25, + 25732558, 1, 137, 25, 25732543, 1, 241, 25, 25732466, 1, 237, 25, + 25732507, 1, 190, 25, 25732542, 1, 240, 25, 25732551, 1, 131, 25, + 25732554, 1, 232, 25, 25732565, 1, 252, 25, 25732475, 1, 171, 25, + 25732493, 1, 205, 25, 25732492, 1, 204, 25, 25732491, 1, 118, 25, + 25732490, 1, 214, 25, 25928904, 1, 180, 25, 25732549, 1, 126, 25, + 25732602, 1, 182, 25, 25732539, 1, 175, 25, 25732545, 1, 141, 25, + 25732559, 1, 138, 25, 25732537, 1, 177, 25, 25732534, 1, 153, 25, + 25732503, 1, 194, 25, 25732606, 1, 160, 25, 25732567, 1, 121, 25, + 25732538, 1, 174, 25, 25732497, 1, 246, 25, 25732550, 1, 130, 25, + 25732572, 1, 200, 25, 25732474, 1, 170, 25, 25732511, 1, 221, 25, + 25732601, 1, 196, 25, 25732532, 1, 142, 25, 25732519, 1, 210, 25, + 25732495, 1, 199, 25, 25732605, 1, 155, 25, 25732535, 1, 154, 25, + 25732499, 1, 244, 25, 25732510, 1, 220, 25, 25732600, 1, 195, 25, + 25732607, 1, 161, 25, 25732604, 1, 231, 25, 25732473, 1, 173, 25, + 25732599, 1, 226, 26, 51465122, 1, 116, 26, 51465123, 0, 1, + ], + o, + C, + k, + P = [3, 3, 3, 3, 2, 2, 2, 1, 1, 1], + V = 24576, + ar = 16384, + H = 8192, + az = ar | H; + function d(t) { + var E = t[1], + h = (t[0][E >>> 3] >>> (7 - (E & 7))) & 1; + t[1]++; + return h; + } + function ag(t, E) { + if (o == null) { + o = {}; + for (var h = 0; h < x.length; h += 4) o[x[h + 1]] = x.slice(h, h + 4); + } + var L = d(t), + g = o[L]; + while (g == null) { + L = (L << 1) | d(t); + g = o[L]; + } + var n = g[3]; + if (n != 0) n = d(t) == 0 ? n : -n; + E[0] = g[2]; + E[1] = n; + } + function m(t, E) { + for (var h = 0; h < E; h++) { + if ((t & 1) == 1) t++; + t = t >>> 1; + } + return t; + } + function A(t, E) { + return t >> E; + } + function O(t, E, h, L, g, n) { + E[h] = A(A(11 * t[g] - 4 * t[g + n] + t[g + n + n] + 4, 3) + t[L], 1); + E[h + n] = A( + A(5 * t[g] + 4 * t[g + n] - t[g + n + n] + 4, 3) - t[L], + 1, + ); + } + function J(t, E, h, L, g, n) { + var W = t[g - n] - t[g + n], + j = t[g], + $ = t[L]; + E[h] = A(A(W + 4, 3) + j + $, 1); + E[h + n] = A(A(-W + 4, 3) + j - $, 1); + } + function y(t, E, h, L, g, n) { + E[h] = A(A(5 * t[g] + 4 * t[g - n] - t[g - n - n] + 4, 3) + t[L], 1); + E[h + n] = A( + A(11 * t[g] - 4 * t[g - n] + t[g - n - n] + 4, 3) - t[L], + 1, + ); + } + function q(t) { + t = t < 0 ? 0 : t > 4095 ? 4095 : t; + t = k[t] >>> 2; + return t; + } + function av(t, E, h, L, g, n) { + L = new Uint16Array(L.buffer); + var W = Date.now(), + j = UTIF._binBE, + $ = E + h, + r, + u, + X, + I, + ax, + a3, + R, + ai, + aa, + ap, + ah, + ae, + aD, + al, + i, + aE, + T, + B; + E += 4; + var a5 = n[0] == 1; + while (E < $) { + var S = j.readShort(t, E), + s = j.readUshort(t, E + 2); + E += 4; + if (S == 12) r = s; + else if (S == 20) u = s; + else if (S == 21) X = s; + else if (S == 48) I = s; + else if (S == 53) ax = s; + else if (S == 35) a3 = s; + else if (S == 62) R = s; + else if (S == 101) ai = s; + else if (S == 109) aa = s; + else if (S == 84) ap = s; + else if (S == 106) ah = s; + else if (S == 107) ae = s; + else if (S == 108) aD = s; + else if (S == 102) al = s; + else if (S == 104) i = s; + else if (S == 105) aE = s; + else { + var F = S < 0 ? -S : S, + D = F & 65280, + _ = 0; + if (F & az) { + if (F & H) { + _ = s & 65535; + _ += (F & 255) << 16; + } else { + _ = s & 65535; + } + } + if ((F & V) == V) { + if (T == null) { + T = []; + for (var M = 0; M < 4; M++) + T[M] = new Int16Array((u >>> 1) * (X >>> 1)); + B = new Int16Array((u >>> 1) * (X >>> 1)); + C = new Int16Array(1024); + for (var M = 0; M < 1024; M++) { + var aG = M - 512, + p = Math.abs(aG), + r = Math.floor((768 * p * p * p) / (255 * 255 * 255)) + p; + C[M] = Math.sign(aG) * r; + } + k = new Uint16Array(4096); + var aA = (1 << 16) - 1; + for (var M = 0; M < 4096; M++) { + var at = M, + a1 = (aA * (Math.pow(113, at / 4095) - 1)) / 112; + k[M] = Math.min(a1, aA); + } + } + var w = T[R], + v = m(u, 1 + P[I]), + N = m(X, 1 + P[I]); + if (I == 0) { + for (var b = 0; b < N; b++) + for (var G = 0; G < v; G++) { + var c = E + (b * v + G) * 2; + w[b * (u >>> 1) + G] = (t[c] << 8) | t[c + 1]; + } + } else { + var a7 = [t, E * 8], + a4 = [], + ay = 0, + aw = v * N, + f = [0, 0], + Q = 0, + s = 0; + while (ay < aw) { + ag(a7, f); + Q = f[0]; + s = f[1]; + while (Q > 0) { + a4[ay++] = s; + Q--; + } + } + var l = (I - 1) % 3, + aF = l != 1 ? v : 0, + a2 = l != 0 ? N : 0; + for (var b = 0; b < N; b++) { + var af = (b + a2) * (u >>> 1) + aF, + au = b * v; + for (var G = 0; G < v; G++) + w[af + G] = C[a4[au + G] + 512] * ax; + } + if (l == 2) { + var i = u >>> 1, + an = v * 2, + a9 = N * 2; + for (var b = 0; b < N; b++) { + for (var G = 0; G < an; G++) { + var M = b * 2 * i + G, + a = b * i + G, + e = N * i + a; + if (b == 0) O(w, B, M, e, a, i); + else if (b == N - 1) y(w, B, M, e, a, i); + else J(w, B, M, e, a, i); } - } - else if (RW2_Format == 5) { - var blockSize = bitsPerSample == 12 ? 10 : 9; - for (row = 0; row < rawHeight; row++) { - for (col = 0; col < rawWidth; col+=blockSize) { - getDataRaw(0); - // Tuhle podminku pouziva i RW2_Format 7 - if (bitsPerSample == 12) { - result[idx++] = ((bytes[1] & 0xF) << 8) + bytes[0]; - result[idx++] = 16 * bytes[2] + (bytes[1] >> 4); - result[idx++] = ((bytes[4] & 0xF) << 8) + bytes[3]; - result[idx++] = 16 * bytes[5] + (bytes[4] >> 4); - result[idx++] = ((bytes[7] & 0xF) << 8) + bytes[6]; - result[idx++] = 16 * bytes[8] + (bytes[7] >> 4); - result[idx++] = ((bytes[10] & 0xF) << 8) + bytes[9]; - result[idx++] = 16 * bytes[11] + (bytes[10] >> 4); - result[idx++] = ((bytes[13] & 0xF) << 8) + bytes[12]; - result[idx++] = 16 * bytes[14] + (bytes[13] >> 4); - } else if (bitsPerSample == 14) { - result[idx++] = bytes[0] + ((bytes[1] & 0x3F) << 8); - result[idx++] = (bytes[1] >> 6) + 4 * (bytes[2]) + ((bytes[3] & 0xF) << 10); - result[idx++] = (bytes[3] >> 4) + 16 * (bytes[4]) + ((bytes[5] & 3) << 12); - result[idx++] = ((bytes[5] & 0xFC) >> 2) + (bytes[6] << 6); - result[idx++] = bytes[7] + ((bytes[8] & 0x3F) << 8); - result[idx++] = (bytes[8] >> 6) + 4 * bytes[9] + ((bytes[10] & 0xF) << 10); - result[idx++] = (bytes[10] >> 4) + 16 * bytes[11] + ((bytes[12] & 3) << 12); - result[idx++] = ((bytes[12] & 0xFC) >> 2) + (bytes[13] << 6); - result[idx++] = bytes[14] + ((bytes[15] & 0x3F) << 8); - } - } + } + var Z = w; + w = B; + B = Z; + for (var b = 0; b < a9; b++) { + for (var G = 0; G < v; G++) { + var M = b * i + 2 * G, + a = b * i + G, + e = v + a; + if (G == 0) O(w, B, M, e, a, 1); + else if (G == v - 1) y(w, B, M, e, a, 1); + else J(w, B, M, e, a, 1); } - //console.log(result[1000000 - 1]) - } else if(RW2_Format == 4) { - for (row = 0; row < rawHeight; row++){ - for(col = 0; col < rawWidth; col++){ - i = col % 14; - isOdd = i & 1; - if (i==0) resetPredNonzeros(); - if (i%3 == 2) - sh = 4 >> (3 - getDataRaw(2)); - if (nonz[isOdd]) { - j = getDataRaw(8); - if(j != 0){ - pred[isOdd] -= 0x80 << sh; - if (pred[isOdd] < 0 || sh == 4) - pred[isOdd] &= ~((-1) << sh); - pred[isOdd] += j << sh; - } - } else { - nonz[isOdd] = getDataRaw(8); - if(nonz[isOdd] || i > 11) - pred[isOdd] = nonz[isOdd] << 4 | getDataRaw(4); - } - result[idx++] = pred[col & 1]; - } + } + var Z = w; + w = B; + B = Z; + var aC = [], + aB = 2 - ~~((I - 1) / 3); + for (var K = 0; K < 3; K++) aC[K] = (aa >> (14 - K * 2)) & 3; + var a6 = aC[aB]; + if (a6 != 0) + for (var b = 0; b < a9; b++) + for (var G = 0; G < an; G++) { + var M = b * i + G; + w[M] = w[M] << a6; + } + } + } + if (I == 9 && R == 3) { + var a8 = T[0], + ab = T[1], + aq = T[2], + as = T[3]; + for (var b = 0; b < X; b += 2) + for (var G = 0; G < u; G += 2) { + var U = b * u + G, + c = (b >>> 1) * (u >>> 1) + (G >>> 1), + z = a8[c], + ao = ab[c] - 2048, + ak = aq[c] - 2048, + ad = as[c] - 2048, + aj = (ao << 1) + z, + a0 = (ak << 1) + z, + aH = z + ad, + am = z - ad; + if (a5) { + L[U] = q(aH); + L[U + 1] = q(a0); + L[U + u] = q(aj); + L[U + u + 1] = q(am); + } else { + L[U] = q(aj); + L[U + 1] = q(aH); + L[U + u] = q(am); + L[U + u + 1] = q(a0); } - } - else throw RW2_Format; - } - - -UTIF.decode._decodeVC5 = function(){var x=[1,0,1,0,2,2,1,1,3,7,1,2,5,25,1,3,6,48,1,4,6,54,1,5,7,111,1,8,7,99,1,6,7,105,12,0,7,107,1,7,8,209,20,0,8,212,1,9,8,220,1,10,9,393,1,11,9,394,32,0,9,416,1,12,9,427,1,13,10,887,1,18,10,784,1,14,10,790,1,15,10,835,60,0,10,852,1,16,10,885,1,17,11,1571,1,19,11,1668,1,20,11,1669,100,0,11,1707,1,21,11,1772,1,22,12,3547,1,29,12,3164,1,24,12,3166,1,25,12,3140,1,23,12,3413,1,26,12,3537,1,27,12,3539,1,28,13,7093,1,35,13,6283,1,30,13,6331,1,31,13,6335,180,0,13,6824,1,32,13,7072,1,33,13,7077,320,0,13,7076,1,34,14,12565,1,36,14,12661,1,37,14,12669,1,38,14,13651,1,39,14,14184,1,40,15,28295,1,46,15,28371,1,47,15,25320,1,42,15,25336,1,43,15,25128,1,41,15,27300,1,44,15,28293,1,45,16,50259,1,48,16,50643,1,49,16,50675,1,50,16,56740,1,53,16,56584,1,51,16,56588,1,52,17,113483,1,61,17,113482,1,60,17,101285,1,55,17,101349,1,56,17,109205,1,57,17,109207,1,58,17,100516,1,54,17,113171,1,59,18,202568,1,62,18,202696,1,63,18,218408,1,64,18,218412,1,65,18,226340,1,66,18,226356,1,67,18,226358,1,68,19,402068,1,69,19,405138,1,70,19,405394,1,71,19,436818,1,72,19,436826,1,73,19,452714,1,75,19,452718,1,76,19,452682,1,74,20,804138,1,77,20,810279,1,78,20,810790,1,79,20,873638,1,80,20,873654,1,81,20,905366,1,82,20,905430,1,83,20,905438,1,84,21,1608278,1,85,21,1620557,1,86,21,1621582,1,87,21,1621583,1,88,21,1747310,1,89,21,1810734,1,90,21,1810735,1,91,21,1810863,1,92,21,1810879,1,93,22,3621725,1,99,22,3621757,1,100,22,3241112,1,94,22,3494556,1,95,22,3494557,1,96,22,3494622,1,97,22,3494623,1,98,23,6482227,1,102,23,6433117,1,101,23,6989117,1,103,23,6989119,1,105,23,6989118,1,104,23,7243449,1,106,23,7243512,1,107,24,13978233,1,111,24,12964453,1,109,24,12866232,1,108,24,14486897,1,113,24,13978232,1,110,24,14486896,1,112,24,14487026,1,114,24,14487027,1,115,25,25732598,1,225,25,25732597,1,189,25,25732596,1,188,25,25732595,1,203,25,25732594,1,202,25,25732593,1,197,25,25732592,1,207,25,25732591,1,169,25,25732590,1,223,25,25732589,1,159,25,25732522,1,235,25,25732579,1,152,25,25732575,1,192,25,25732489,1,179,25,25732573,1,201,25,25732472,1,172,25,25732576,1,149,25,25732488,1,178,25,25732566,1,120,25,25732571,1,219,25,25732577,1,150,25,25732487,1,127,25,25732506,1,211,25,25732548,1,125,25,25732588,1,158,25,25732486,1,247,25,25732467,1,238,25,25732508,1,163,25,25732552,1,228,25,25732603,1,183,25,25732513,1,217,25,25732587,1,168,25,25732520,1,122,25,25732484,1,128,25,25732562,1,249,25,25732505,1,187,25,25732504,1,186,25,25732483,1,136,25,25928905,1,181,25,25732560,1,255,25,25732500,1,230,25,25732482,1,135,25,25732555,1,233,25,25732568,1,222,25,25732583,1,145,25,25732481,1,134,25,25732586,1,167,25,25732521,1,248,25,25732518,1,209,25,25732480,1,243,25,25732512,1,216,25,25732509,1,164,25,25732547,1,140,25,25732479,1,157,25,25732544,1,239,25,25732574,1,191,25,25732564,1,251,25,25732478,1,156,25,25732546,1,139,25,25732498,1,242,25,25732557,1,133,25,25732477,1,162,25,25732515,1,213,25,25732584,1,165,25,25732514,1,212,25,25732476,1,227,25,25732494,1,198,25,25732531,1,236,25,25732530,1,234,25,25732529,1,117,25,25732528,1,215,25,25732527,1,124,25,25732526,1,123,25,25732525,1,254,25,25732524,1,253,25,25732523,1,148,25,25732570,1,218,25,25732580,1,146,25,25732581,1,147,25,25732569,1,224,25,25732533,1,143,25,25732540,1,184,25,25732541,1,185,25,25732585,1,166,25,25732556,1,132,25,25732485,1,129,25,25732563,1,250,25,25732578,1,151,25,25732501,1,119,25,25732502,1,193,25,25732536,1,176,25,25732496,1,245,25,25732553,1,229,25,25732516,1,206,25,25732582,1,144,25,25732517,1,208,25,25732558,1,137,25,25732543,1,241,25,25732466,1,237,25,25732507,1,190,25,25732542,1,240,25,25732551,1,131,25,25732554,1,232,25,25732565,1,252,25,25732475,1,171,25,25732493,1,205,25,25732492,1,204,25,25732491,1,118,25,25732490,1,214,25,25928904,1,180,25,25732549,1,126,25,25732602,1,182,25,25732539,1,175,25,25732545,1,141,25,25732559,1,138,25,25732537,1,177,25,25732534,1,153,25,25732503,1,194,25,25732606,1,160,25,25732567,1,121,25,25732538,1,174,25,25732497,1,246,25,25732550,1,130,25,25732572,1,200,25,25732474,1,170,25,25732511,1,221,25,25732601,1,196,25,25732532,1,142,25,25732519,1,210,25,25732495,1,199,25,25732605,1,155,25,25732535,1,154,25,25732499,1,244,25,25732510,1,220,25,25732600,1,195,25,25732607,1,161,25,25732604,1,231,25,25732473,1,173,25,25732599,1,226,26,51465122,1,116,26,51465123,0,1],o,C,k,P=[3,3,3,3,2,2,2,1,1,1],V=24576,ar=16384,H=8192,az=ar|H; -function d(t){var E=t[1],h=t[0][E>>>3]>>>7-(E&7)&1;t[1]++;return h}function ag(t,E){if(o==null){o={}; -for(var h=0;h>>1}return t}function A(t,E){return t>>E}function O(t,E,h,L,g,n){E[h]=A(A(11*t[g]-4*t[g+n]+t[g+n+n]+4,3)+t[L],1); -E[h+n]=A(A(5*t[g]+4*t[g+n]-t[g+n+n]+4,3)-t[L],1)}function J(t,E,h,L,g,n){var W=t[g-n]-t[g+n],j=t[g],$=t[L]; -E[h]=A(A(W+4,3)+j+$,1);E[h+n]=A(A(-W+4,3)+j-$,1)}function y(t,E,h,L,g,n){E[h]=A(A(5*t[g]+4*t[g-n]-t[g-n-n]+4,3)+t[L],1); -E[h+n]=A(A(11*t[g]-4*t[g-n]+t[g-n-n]+4,3)-t[L],1)}function q(t){t=t<0?0:t>4095?4095:t;t=k[t]>>>2;return t}function av(t,E,h,L,g,n){L=new Uint16Array(L.buffer); -var W=Date.now(),j=UTIF._binBE,$=E+h,r,u,X,I,ax,a3,R,ai,aa,ap,ah,ae,aD,al,i,aE,T,B;E+=4;var a5=n[0]==1; -while(E<$){var S=j.readShort(t,E),s=j.readUshort(t,E+2);E+=4;if(S==12)r=s;else if(S==20)u=s;else if(S==21)X=s; -else if(S==48)I=s;else if(S==53)ax=s;else if(S==35)a3=s;else if(S==62)R=s;else if(S==101)ai=s;else if(S==109)aa=s; -else if(S==84)ap=s;else if(S==106)ah=s;else if(S==107)ae=s;else if(S==108)aD=s;else if(S==102)al=s;else if(S==104)i=s; -else if(S==105)aE=s;else{var F=S<0?-S:S,D=F&65280,_=0;if(F&az){if(F&H){_=s&65535;_+=(F&255)<<16}else{_=s&65535}}if((F&V)==V){if(T==null){T=[]; -for(var M=0;M<4;M++)T[M]=new Int16Array((u>>>1)*(X>>>1));B=new Int16Array((u>>>1)*(X>>>1));C=new Int16Array(1024); -for(var M=0;M<1024;M++){var aG=M-512,p=Math.abs(aG),r=Math.floor(768*p*p*p/(255*255*255))+p;C[M]=Math.sign(aG)*r}k=new Uint16Array(4096); -var aA=(1<<16)-1;for(var M=0;M<4096;M++){var at=M,a1=aA*(Math.pow(113,at/4095)-1)/112;k[M]=Math.min(a1,aA)}}var w=T[R],v=m(u,1+P[I]),N=m(X,1+P[I]); -if(I==0){for(var b=0;b>>1)+G]=t[c]<<8|t[c+1]}}else{var a7=[t,E*8],a4=[],ay=0,aw=v*N,f=[0,0],Q=0,s=0; -while(ay0){a4[ay++]=s;Q--}}var l=(I-1)%3,aF=l!=1?v:0,a2=l!=0?N:0; -for(var b=0;b>>1)+aF,au=b*v;for(var G=0;G>>1,an=v*2,a9=N*2; -for(var b=0;b>14-K*2&3;var a6=aC[aB];if(a6!=0)for(var b=0;b>>1)*(u>>>1)+(G>>>1),z=a8[c],ao=ab[c]-2048,ak=aq[c]-2048,ad=as[c]-2048,aj=(ao<<1)+z,a0=(ak<<1)+z,aH=z+ad,am=z-ad; -if(a5){L[U]=q(aH);L[U+1]=q(a0);L[U+u]=q(aj);L[U+u+1]=q(am)}else{L[U]=q(aj);L[U+1]=q(aH);L[U+u]=q(am); -L[U+u+1]=q(a0)}}}E+=_*4}else if(F==16388){E+=_*4}else if(D==8192||D==8448||D==9216){}else throw F.toString(16)}}console.log(Date.now()-W)}return av}() - - - -UTIF.decode._decodeLogLuv32 = function(img, data, off, len, tgt, toff) { - var w = img.width, qw=w*4; - var io = 0, out = new Uint8Array(qw); - - while(io>> (tab[i] >>> 8); - for(var c=0; c>>4); tgt[toff+i+1]=(b0<<4)|(b2>>>4); tgt[toff+i+2]=(b2<<4)|(b1>>>4); } - return; - } - - var pix = new Uint16Array(16); - var row, col, val, max, min, imax, imin, sh, bit, i, dp; - - var data = new Uint8Array(raw_width+1); - for (row=0; row < height; row++) { - //fread (data, 1, raw_width, ifp); - for(var j=0; j>> 11); - imax = 0x0f & (val >>> 22); - imin = 0x0f & (val >>> 26); - for (sh=0; sh < 4 && 0x80 << sh <= max-min; sh++); - for (bit=30, i=0; i < 16; i++) - if (i == imax) pix[i] = max; - else if (i == imin) pix[i] = min; - else { - pix[i] = ((bin.readUshort(data, dp+(bit >> 3)) >>> (bit & 7) & 0x7f) << sh) + min; - if (pix[i] > 0x7ff) pix[i] = 0x7ff; - bit += 7; - } - for (i=0; i < 16; i++, col+=2) { - //RAW(row,col) = curve[pix[i] << 1] >> 2; - var clr = pix[i]<<1; //clr = 0xffff; - UTIF.decode._putsF(tgt, (row*raw_width+col)*tiff_bps, clr<<(16-tiff_bps)); - } - col -= col & 1 ? 1:31; - } - } -} - -UTIF.decode._decodeNikon = function(img,imgs, data, off, src_length, tgt, toff) -{ - var nikon_tree = [ - [ 0, 0,1,5,1,1,1,1,1,1,2,0,0,0,0,0,0, /* 12-bit lossy */ - 5,4,3,6,2,7,1,0,8,9,11,10,12 ], - [ 0, 0,1,5,1,1,1,1,1,1,2,0,0,0,0,0,0, /* 12-bit lossy after split */ - 0x39,0x5a,0x38,0x27,0x16,5,4,3,2,1,0,11,12,12 ], - [ 0, 0,1,4,2,3,1,2,0,0,0,0,0,0,0,0,0, /* 12-bit lossless */ - 5,4,6,3,7,2,8,1,9,0,10,11,12 ], - [ 0, 0,1,4,3,1,1,1,1,1,2,0,0,0,0,0,0, /* 14-bit lossy */ - 5,6,4,7,8,3,9,2,1,0,10,11,12,13,14 ], - [ 0, 0,1,5,1,1,1,1,1,1,1,2,0,0,0,0,0, /* 14-bit lossy after split */ - 8,0x5c,0x4b,0x3a,0x29,7,6,5,4,3,2,1,0,13,14 ], - [ 0, 0,1,4,2,2,3,1,2,0,0,0,0,0,0,0,0, /* 14-bit lossless */ - 7,6,8,5,9,4,10,3,11,12,2,0,1,13,14 ] ]; - - var raw_width = img["t256"][0], height=img["t257"][0], tiff_bps=img["t258"][0]; - - var tree = 0, split = 0; - var make_decoder = UTIF.decode._make_decoder; - var getbithuff = UTIF.decode._getbithuff; - - var mn = imgs[0].exifIFD.makerNote, md = mn["t150"]?mn["t150"]:mn["t140"], mdo=0; //console.log(mn,md); - //console.log(md[0].toString(16), md[1].toString(16), tiff_bps); - var ver0 = md[mdo++], ver1 = md[mdo++]; - if (ver0 == 0x49 || ver1 == 0x58) mdo+=2110; - if (ver0 == 0x46) tree = 2; - if (tiff_bps == 14) tree += 3; - - var vpred = [[0,0],[0,0]], bin=(img.isLE ? UTIF._binLE : UTIF._binBE); - for(var i=0; i<2; i++) for(var j=0; j<2; j++) { vpred[i][j] = bin.readShort(md,mdo); mdo+=2; } // not sure here ... [i][j] or [j][i] - //console.log(vpred); - - - var max = 1 << tiff_bps & 0x7fff, step=0; - var csize = bin.readShort(md,mdo); mdo+=2; - if (csize > 1) step = Math.floor(max / (csize-1)); - if (ver0 == 0x44 && ver1 == 0x20 && step > 0) split = bin.readShort(md,562); - - - var i; - var row, col; - var len, shl, diff; - var min_v = 0; - var hpred = [0,0]; - var huff = make_decoder(nikon_tree[tree]); - - //var g_input_offset=0, bitbuf=0, vbits=0, reset=0; - var prm = [off,0,0,0]; - //console.log(split); split = 170; - - for (min_v=row=0; row < height; row++) { - if (split && row == split) { - //free (huff); - huff = make_decoder (nikon_tree[tree+1]); - //max_v += (min_v = 16) << 1; - } - for (col=0; col < raw_width; col++) { - i = getbithuff(data,prm,huff[0],huff); - len = i & 15; - shl = i >>> 4; - diff = (((getbithuff(data,prm,len-shl,0) << 1) + 1) << shl) >>> 1; - if ((diff & (1 << (len-1))) == 0) - diff -= (1 << len) - (shl==0?1:0); - if (col < 2) hpred[col] = vpred[row & 1][col] += diff; - else hpred[col & 1] += diff; - - var clr = Math.min(Math.max(hpred[col & 1],0),(1<>>3); dt[o]|=val>>>16; dt[o+1]|=val>>>8; dt[o+2]|=val; } - - -UTIF.decode._getbithuff = function(data,prm,nbits, huff) { - var zero_after_ff = 0; - var get_byte = UTIF.decode._get_byte; - var c; - - var off=prm[0], bitbuf=prm[1], vbits=prm[2], reset=prm[3]; - - //if (nbits > 25) return 0; - //if (nbits < 0) return bitbuf = vbits = reset = 0; - if (nbits == 0 || vbits < 0) return 0; - while (!reset && vbits < nbits && (c = data[off++]) != -1 && - !(reset = zero_after_ff && c == 0xff && data[off++])) { - //console.log("byte read into c"); - bitbuf = (bitbuf << 8) + c; - vbits += 8; - } - c = (bitbuf << (32-vbits)) >>> (32-nbits); - if (huff) { - vbits -= huff[c+1] >>> 8; //console.log(c, huff[c]>>8); - c = huff[c+1]&255; - } else - vbits -= nbits; - if (vbits < 0) throw "e"; - - prm[0]=off; prm[1]=bitbuf; prm[2]=vbits; prm[3]=reset; - - return c; -} - -UTIF.decode._make_decoder = function(source) { - var max, len, h, i, j; - var huff = []; - - for (max=16; max!=0 && !source[max]; max--); - var si=17; - - huff[0] = max; - for (h=len=1; len <= max; len++) - for (i=0; i < source[len]; i++, ++si) - for (j=0; j < 1 << (max-len); j++) - if (h <= 1 << max) - huff[h++] = (len << 8) | source[si]; - return huff; -} - -UTIF.decode._decodeNewJPEG = function(img, data, off, len, tgt, toff) -{ - len = Math.min(len, data.length-off); - var tables = img["t347"], tlen = tables ? tables.length : 0, buff = new Uint8Array(tlen + len); - - if (tables) { - var SOI = 216, EOI = 217, boff = 0; - for (var i=0; i<(tlen-1); i++) - { - // Skip EOI marker from JPEGTables - if (tables[i]==255 && tables[i+1]==EOI) break; - buff[boff++] = tables[i]; - } - - // Skip SOI marker from data - var byte1 = data[off], byte2 = data[off + 1]; - if (byte1!=255 || byte2!=SOI) - { - buff[boff++] = byte1; - buff[boff++] = byte2; - } - for (var i=2; i>>8); } - else for(var i=0; i>>8); tgt[toff+(i<<1)+1] = (out[i]&255); } - } - else if(bps==14 || bps==12 || bps==10) { // 4 * 14 == 56 == 7 * 8 - var rst = 16-bps; - for(var i=0; i 1); - } - - if(!isTiled) - { - if(data[off]==255 && data[off+1]==SOI) return { jpegOffset: off }; - if(jpgIchgFmt!=null) - { - if(data[off+jifoff]==255 && data[off+jifoff+1]==SOI) joff = off+jifoff; - else log("JPEGInterchangeFormat does not point to SOI"); - - if(jpgIchgFmtLen==null) log("JPEGInterchangeFormatLength field is missing"); - else if(jifoff >= soff || (jifoff+jiflen) <= soff) log("JPEGInterchangeFormatLength field value is invalid"); - - if(joff != null) return { jpegOffset: joff }; - } - } - - if(ycbcrss!=null) { ssx = ycbcrss[0]; ssy = ycbcrss[1]; } - - if(jpgIchgFmt!=null) - if(jpgIchgFmtLen!=null) - if(jiflen >= 2 && (jifoff+jiflen) <= soff) - { - if(data[off+jifoff+jiflen-2]==255 && data[off+jifoff+jiflen-1]==SOI) tables = new Uint8Array(jiflen-2); - else tables = new Uint8Array(jiflen); - - for(i=0; i offset to first strip or tile"); - - if(tables == null) - { - var ooff = 0, out = []; - out[ooff++] = 255; out[ooff++] = SOI; - - var qtables = img["t519"]; - if(qtables==null) throw new Error("JPEGQTables tag is missing"); - for(i=0; i>> 8); out[ooff++] = nc & 255; - out[ooff++] = (i | (k << 4)); - for(j=0; j<16; j++) out[ooff++] = data[off+htables[i]+j]; - for(j=0; j>> 8) & 255; out[ooff++] = img.height & 255; - out[ooff++] = (img.width >>> 8) & 255; out[ooff++] = img.width & 255; - out[ooff++] = spp; - if(spp==1) { out[ooff++] = 1; out[ooff++] = 17; out[ooff++] = 0; } - else for(i=0; i<3; i++) - { - out[ooff++] = i + 1; - out[ooff++] = (i != 0) ? 17 : (((ssx & 15) << 4) | (ssy & 15)); - out[ooff++] = i; - } - - if(jpgresint!=null && jpgresint[0]!=0) - { - out[ooff++] = 255; out[ooff++] = DRI; out[ooff++] = 0; out[ooff++] = 4; - out[ooff++] = (jpgresint[0] >>> 8) & 255; - out[ooff++] = jpgresint[0] & 255; - } - - tables = new Uint8Array(out); - } - - var sofpos = -1; - i = 0; - while(i < (tables.length - 1)) { - if(tables[i]==255 && tables[i+1]==SOF0) { sofpos = i; break; } - i++; - } - - if(sofpos == -1) - { - var tmptab = new Uint8Array(tables.length + 10 + 3*spp); - tmptab.set(tables); - var tmpoff = tables.length; - sofpos = tables.length; - tables = tmptab; - - tables[tmpoff++] = 255; tables[tmpoff++] = SOF0; - tables[tmpoff++] = 0; tables[tmpoff++] = 8 + 3*spp; tables[tmpoff++] = 8; - tables[tmpoff++] = (img.height >>> 8) & 255; tables[tmpoff++] = img.height & 255; - tables[tmpoff++] = (img.width >>> 8) & 255; tables[tmpoff++] = img.width & 255; - tables[tmpoff++] = spp; - if(spp==1) { tables[tmpoff++] = 1; tables[tmpoff++] = 17; tables[tmpoff++] = 0; } - else for(i=0; i<3; i++) - { - tables[tmpoff++] = i + 1; - tables[tmpoff++] = (i != 0) ? 17 : (((ssx & 15) << 4) | (ssy & 15)); - tables[tmpoff++] = i; - } - } - - if(data[soff]==255 && data[soff+1]==SOS) - { - var soslen = (data[soff+2]<<8) | data[soff+3]; - sosMarker = new Uint8Array(soslen+2); - sosMarker[0] = data[soff]; sosMarker[1] = data[soff+1]; sosMarker[2] = data[soff+2]; sosMarker[3] = data[soff+3]; - for(i=0; i<(soslen-2); i++) sosMarker[i+4] = data[soff+i+4]; - } - else - { - sosMarker = new Uint8Array(2 + 6 + 2*spp); - var sosoff = 0; - sosMarker[sosoff++] = 255; sosMarker[sosoff++] = SOS; - sosMarker[sosoff++] = 0; sosMarker[sosoff++] = 6 + 2*spp; sosMarker[sosoff++] = spp; - if(spp==1) { sosMarker[sosoff++] = 1; sosMarker[sosoff++] = 0; } - else for(i=0; i<3; i++) - { - sosMarker[sosoff++] = i+1; sosMarker[sosoff++] = (i << 4) | i; - } - sosMarker[sosoff++] = 0; sosMarker[sosoff++] = 63; sosMarker[sosoff++] = 0; - } - - return { jpegOffset: off, tables: tables, sosMarker: sosMarker, sofPosition: sofpos }; -} - -UTIF.decode._decodeOldJPEG = function(img, data, off, len, tgt, toff) -{ - var i, dlen, tlen, buff, buffoff; - var jpegData = UTIF.decode._decodeOldJPEGInit(img, data, off, len); - - if(jpegData.jpegOffset!=null) - { - dlen = off+len-jpegData.jpegOffset; - buff = new Uint8Array(dlen); - for(i=0; i>> 8) & 255; buff[jpegData.sofPosition+6] = img.height & 255; - buff[jpegData.sofPosition+7] = (img.width >>> 8) & 255; buff[jpegData.sofPosition+8] = img.width & 255; - - if(data[off]!=255 || data[off+1]!=SOS) - { - buff.set(jpegData.sosMarker, buffoff); - buffoff += sosMarker.length; - } - for(i=0; i=0 && n<128) for(var i=0; i< n+1; i++) { ta[toff]=sa[off]; toff++; off++; } - if(n>=-127 && n<0) { for(var i=0; i<-n+1; i++) { ta[toff]=sa[off]; toff++; } off++; } - } - return toff; -} - -UTIF.decode._decodeThunder = function(data, off, len, tgt, toff) -{ - var d2 = [ 0, 1, 0, -1 ], d3 = [ 0, 1, 2, 3, 0, -3, -2, -1 ]; - var lim = off+len, qoff = toff*2, px = 0; - while(off>>6), n = (b&63); off++; - if(msk==3) { px=(n&15); tgt[qoff>>>1] |= (px<<(4*(1-qoff&1))); qoff++; } - if(msk==0) for(var i=0; i>>1] |= (px<<(4*(1-qoff&1))); qoff++; } - if(msk==2) for(var i=0; i<2; i++) { var d=(n>>>(3*(1-i)))&7; if(d!=4) { px+=d3[d]; tgt[qoff>>>1] |= (px<<(4*(1-qoff&1))); qoff++; } } - if(msk==1) for(var i=0; i<3; i++) { var d=(n>>>(2*(2-i)))&3; if(d!=2) { px+=d2[d]; tgt[qoff>>>1] |= (px<<(4*(1-qoff&1))); qoff++; } } - } -} - -UTIF.decode._dmap = { "1":0,"011":1,"000011":2,"0000011":3, "010":-1,"000010":-2,"0000010":-3 }; -UTIF.decode._lens = ( function() -{ - var addKeys = function(lens, arr, i0, inc) { for(var i=0; i>>3)>>3]>>>(7-(boff&7)))&1; - if(fo==2) bit = (data[boff>>>3]>>>( (boff&7)))&1; - boff++; wrd+=bit; - if(mode=="H") - { - if(U._lens[clr][wrd]!=null) - { - var dl=U._lens[clr][wrd]; wrd=""; len+=dl; - if(dl<64) { U._addNtimes(line,len,clr); a0+=len; clr=1-clr; len=0; toRead--; if(toRead==0) mode=""; } - } - } - else - { - if(wrd=="0001") { wrd=""; U._addNtimes(line,b2-a0,clr); a0=b2; } - if(wrd=="001" ) { wrd=""; mode="H"; toRead=2; } - if(U._dmap[wrd]!=null) { a1 = b1+U._dmap[wrd]; U._addNtimes(line, a1-a0, clr); a0=a1; wrd=""; clr=1-clr; } - } - if(line.length==w && mode=="") - { - U._writeBits(line, tgt, toff*8+y*bipl); - clr=0; y++; a0=0; - pline=U._makeDiff(line); line=[]; - } - //if(wrd.length>150) { log(wrd); break; throw "e"; } - } -} - -UTIF.decode._findDiff = function(line, x, clr) { for(var i=0; i=x && line[i+1]==clr) return line[i]; } - -UTIF.decode._makeDiff = function(line) -{ - var out = []; if(line[0]==1) out.push(0,1); - for(var i=1; i>>3)>>3]>>>(7-(boff&7)))&1; - if(fo==2) bit = (data[boff>>>3]>>>( (boff&7)))&1; - boff++; wrd+=bit; - - len = U._lens[clr][wrd]; - if(len!=null) { - U._addNtimes(line,len,clr); wrd=""; - if(len<64) clr = 1-clr; - if(line.length==w) { U._writeBits(line, tgt, toff*8+y*bipl); line=[]; y++; clr=0; if((boff&7)!=0) boff+=8-(boff&7); if(len>=64) boff+=8; } - } - } -} - -UTIF.decode._decodeG3 = function(data, off, slen, tgt, toff, w, fo, twoDim) -{ - var U = UTIF.decode, boff=off<<3, len=0, wrd=""; - var line=[], pline=[]; for(var i=0; i>>3)>>3]>>>(7-(boff&7)))&1; - if(fo==2) bit = (data[boff>>>3]>>>( (boff&7)))&1; - boff++; wrd+=bit; - - if(is1D) - { - if(U._lens[clr][wrd]!=null) - { - var dl=U._lens[clr][wrd]; wrd=""; len+=dl; - if(dl<64) { U._addNtimes(line,len,clr); clr=1-clr; len=0; } - } - } - else - { - if(mode=="H") - { - if(U._lens[clr][wrd]!=null) - { - var dl=U._lens[clr][wrd]; wrd=""; len+=dl; - if(dl<64) { U._addNtimes(line,len,clr); a0+=len; clr=1-clr; len=0; toRead--; if(toRead==0) mode=""; } - } - } - else - { - if(wrd=="0001") { wrd=""; U._addNtimes(line,b2-a0,clr); a0=b2; } - if(wrd=="001" ) { wrd=""; mode="H"; toRead=2; } - if(U._dmap[wrd]!=null) { a1 = b1+U._dmap[wrd]; U._addNtimes(line, a1-a0, clr); a0=a1; wrd=""; clr=1-clr; } - } - } - if(wrd.endsWith("000000000001")) // needed for some files - { - if(y>=0) U._writeBits(line, tgt, toff*8+y*bipl); - if(twoDim) { - if(fo==1) is1D = ((data[boff>>>3]>>>(7-(boff&7)))&1)==1; - if(fo==2) is1D = ((data[boff>>>3]>>>( (boff&7)))&1)==1; - boff++; - } - //log("EOL",y, "next 1D:", is1D); - wrd=""; clr=0; y++; a0=0; - pline=U._makeDiff(line); line=[]; - } - } - if(line.length==w) U._writeBits(line, tgt, toff*8+y*bipl); -} - -UTIF.decode._addNtimes = function(arr, n, val) { for(var i=0; i>>3] |= (bits[i]<<(7-((boff+i)&7))); -} - -UTIF.decode._decodeLZW=UTIF.decode._decodeLZW=function(){var e,U,Z,u,K=0,V=0,g=0,N=0,O=function(){var S=e>>>3,A=U[S]<<16|U[S+1]<<8|U[S+2],j=A>>>24-(e&7)-V&(1<>>----------------"); - for(var i=0; idata.buffer.byteLength) num=data.buffer.byteLength-no; arr = new Uint8Array(data.buffer, no, num); } - if(type== 2) { var o0 = (num<5 ? offset-4 : voff), c=data[o0], len=Math.max(0, Math.min(num-1,data.length-o0)); - if(c<128 || len==0) arr.push( bin.readASCII(data, o0, len) ); - else arr = new Uint8Array(data.buffer, o0, len); } - if(type== 3) { for(var j=0; j4) { bin.writeUint(data, offset, eoff); toff=eoff; } - - if (type== 1 || type==7) { for(var i=0; i4) { dlen += (dlen&1); eoff += dlen; } - offset += 4; - } - return [offset, eoff]; -} - -UTIF.toRGBA8 = function(out, scl) -{ - function gamma(x) { return x < 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1.0 / 2.4) - 0.055; } - - - var w = out.width, h = out.height, area = w*h, qarea = area*4, data = out.data; - var img = new Uint8Array(area*4); - //console.log(out); - // 0: WhiteIsZero, 1: BlackIsZero, 2: RGB, 3: Palette color, 4: Transparency mask, 5: CMYK - var intp = (out["t262"] ? out["t262"][0]: 2), bps = (out["t258"]?Math.min(32,out["t258"][0]):1); - if(out["t262"]==null && bps==1) intp=0; - - var smpls = out["t277"]?out["t277"][0] : (out["t258"]?out["t258"].length : [1,1,3,1,1,4,3][intp]); - var sfmt = out["t339"]?out["t339"][0] : null; if(intp==1 && bps==32 && sfmt!=3) throw "e"; // sample format - var bpl = Math.ceil(smpls*bps*w/8); - - //log("interpretation: ", intp, "smpls", smpls, "bps", bps, "sample format",sfmt, out); - - if(false) {} - else if(intp==0) - { - scl = 1/256; // "Photopeatest.tif" - for(var y=0; y>3)])>>(7- (i&7)))& 1; img[qi]=img[qi+1]=img[qi+2]=( 1-px)*255; img[qi+3]=255; } - if(bps== 4) for(var i=0; i>1)])>>(4-4*(i&1)))&15; img[qi]=img[qi+1]=img[qi+2]=(15-px)* 17; img[qi+3]=255; } - if(bps== 8) for(var i=0; i>3)])>>(7- (i&7)))&1; img[qi]=img[qi+1]=img[qi+2]=(px)*255; img[qi+3]=255; } - if(bps== 2) for(var i=0; i>2)])>>(6-2*(i&3)))&3; img[qi]=img[qi+1]=img[qi+2]=(px)* 85; img[qi+3]=255; } - if(bps== 8) for(var i=0; i>>2)+i, px=f32[o]; img[qi]=img[qi+1]=img[qi+2]= ~~(0.5+255*px); img[qi+3]=255; } - } - } - else if(intp==2) - { - if(bps== 8) - { - if(smpls==1) for(var i=0; i=4) for(var i=0; i1 && out["t338"] && out["t338"][0]!=0; - - for(var y=0; y>>3)]>>>(7- (x&7)))& 1; - else if(bps==2) mi=(data[dof+(x>>>2)]>>>(6-2*(x&3)))& 3; - else if(bps==4) mi=(data[dof+(x>>>1)]>>>(4-4*(x&1)))&15; - else if(bps==8) mi= data[dof+x*smpls]; - else throw bps; - img[qi]=(map[mi]>>8); img[qi+1]=(map[cn+mi]>>8); img[qi+2]=(map[cn+cn+mi]>>8); img[qi+3]=nexta ? data[dof+x*smpls+1] : 255; - } - } - else if(intp==5) - { - var gotAlpha = smpls>4 ? 1 : 0; - for(var i=0; i>>1); - var Y = data[si+(j&1)], Cb=data[si+2]-128, Cr=data[si+3]-128; - - var r = Y + ( (Cr >> 2) + (Cr >> 3) + (Cr >> 5) ) ; - var g = Y - ( (Cb >> 2) + (Cb >> 4) + (Cb >> 5)) - ( (Cr >> 1) + (Cr >> 3) + (Cr >> 4) + (Cr >> 5)) ; - var b = Y + ( Cb + (Cb >> 1) + (Cb >> 2) + (Cb >> 6)) ; - - img[qi ]=Math.max(0,Math.min(255,r)); - img[qi+1]=Math.max(0,Math.min(255,g)); - img[qi+2]=Math.max(0,Math.min(255,b)); - img[qi+3]=255; - } - } - } - else if(intp==32845) { - - for(var y=0; yma) { ma=ar; page=img; } - } - UTIF.decodeImage(buff, page, ifds); - var rgba = UTIF.toRGBA8(page), w=page.width, h=page.height; - - var cnv = document.createElement("canvas"); cnv.width=w; cnv.height=h; - var ctx = cnv.getContext("2d"); - var imgd = new ImageData(new Uint8ClampedArray(rgba.buffer),w,h); - ctx.putImageData(imgd,0,0); - return cnv.toDataURL(); -} - - -UTIF._binBE = -{ - nextZero : function(data, o) { while(data[o]!=0) o++; return o; }, - readUshort : function(buff, p) { return (buff[p]<< 8) | buff[p+1]; }, - readShort : function(buff, p) { var a=UTIF._binBE.ui8; a[0]=buff[p+1]; a[1]=buff[p+0]; return UTIF._binBE. i16[0]; }, - readInt : function(buff, p) { var a=UTIF._binBE.ui8; a[0]=buff[p+3]; a[1]=buff[p+2]; a[2]=buff[p+1]; a[3]=buff[p+0]; return UTIF._binBE. i32[0]; }, - readUint : function(buff, p) { var a=UTIF._binBE.ui8; a[0]=buff[p+3]; a[1]=buff[p+2]; a[2]=buff[p+1]; a[3]=buff[p+0]; return UTIF._binBE.ui32[0]; }, - readASCII : function(buff, p, l) { var s = ""; for(var i=0; i> 8)&255; buff[p+1] = n&255; }, - writeInt : function(buff, p, n) { var a=UTIF._binBE.ui8; UTIF._binBE.i32[0]=n; buff[p+3]=a[0]; buff[p+2]=a[1]; buff[p+1]=a[2]; buff[p+0]=a[3]; }, - writeUint : function(buff, p, n) { buff[p] = (n>>24)&255; buff[p+1] = (n>>16)&255; buff[p+2] = (n>>8)&255; buff[p+3] = (n>>0)&255; }, - writeASCII : function(buff, p, s) { for(var i = 0; i < s.length; i++) buff[p+i] = s.charCodeAt(i); }, - writeDouble: function(buff, p, n) - { - UTIF._binBE.fl64[0] = n; - for (var i = 0; i < 8; i++) buff[p + i] = UTIF._binBE.ui8[7 - i]; - } -} -UTIF._binBE.ui8 = new Uint8Array (8); -UTIF._binBE.i16 = new Int16Array (UTIF._binBE.ui8.buffer); -UTIF._binBE.i32 = new Int32Array (UTIF._binBE.ui8.buffer); -UTIF._binBE.ui32 = new Uint32Array (UTIF._binBE.ui8.buffer); -UTIF._binBE.fl32 = new Float32Array(UTIF._binBE.ui8.buffer); -UTIF._binBE.fl64 = new Float64Array(UTIF._binBE.ui8.buffer); - -UTIF._binLE = -{ - nextZero : UTIF._binBE.nextZero, - readUshort : function(buff, p) { return (buff[p+1]<< 8) | buff[p]; }, - readShort : function(buff, p) { var a=UTIF._binBE.ui8; a[0]=buff[p+0]; a[1]=buff[p+1]; return UTIF._binBE. i16[0]; }, - readInt : function(buff, p) { var a=UTIF._binBE.ui8; a[0]=buff[p+0]; a[1]=buff[p+1]; a[2]=buff[p+2]; a[3]=buff[p+3]; return UTIF._binBE. i32[0]; }, - readUint : function(buff, p) { var a=UTIF._binBE.ui8; a[0]=buff[p+0]; a[1]=buff[p+1]; a[2]=buff[p+2]; a[3]=buff[p+3]; return UTIF._binBE.ui32[0]; }, - readASCII : UTIF._binBE.readASCII, - readFloat : function(buff, p) { var a=UTIF._binBE.ui8; for(var i=0;i<4;i++) a[i]=buff[p+ i]; return UTIF._binBE.fl32[0]; }, - readDouble : function(buff, p) { var a=UTIF._binBE.ui8; for(var i=0;i<8;i++) a[i]=buff[p+ i]; return UTIF._binBE.fl64[0]; }, - - writeUshort: function(buff, p, n) { buff[p] = (n)&255; buff[p+1] = (n>>8)&255; }, - writeInt : function(buff, p, n) { var a=UTIF._binBE.ui8; UTIF._binBE.i32[0]=n; buff[p+0]=a[0]; buff[p+1]=a[1]; buff[p+2]=a[2]; buff[p+3]=a[3]; }, - writeUint : function(buff, p, n) { buff[p] = (n>>>0)&255; buff[p+1] = (n>>>8)&255; buff[p+2] = (n>>>16)&255; buff[p+3] = (n>>>24)&255; }, - writeASCII : UTIF._binBE.writeASCII -} -UTIF._copyTile = function(tb, tw, th, b, w, h, xoff, yoff) -{ - //log("copyTile", tw, th, w, h, xoff, yoff); - var xlim = Math.min(tw, w-xoff); - var ylim = Math.min(th, h-yoff); - for(var y=0; y>--s&1; -Y=I[Y+F]}E[w]=Y}}function z(h,V,I,f){if(h[V+3]!=255)return 0;if(I==0)return V;for(var w=0;w<2;w++){if(h[V+w]==0){h[V+w]=h.length; -h.push(0,0,f,255)}var x=z(h,h[V+w],I-1,f+1);if(x!=0)return x}return 0}function i(h){var V=h.b,I=h.f; -while(V<25&&h.a>(V.b-=h)&65535>>16-h}function g(h,V){var I=h[0],f=0,w=255,x=0;if(V.b<16)i(V);var T=V.f>>V.b-8&255; -f=h[1][T];w=I[f+3];V.b-=I[f+2];while(w==255){x=V.f>>--V.b&1;f=I[f+x];w=I[f+3]}return w}function P(h,V){if(h<32768>>16-V)h+=-(1<>4,J&15]}}else if(Y==65476){var a3=O+F-2;while(O>>4];x[v[0]]=v.slice(1)}I=l();O+=2;break}else if(Y==65501){w=m()}else{O+=F-2}}var a4=f>8?Uint16Array:Uint8Array,$=new a4(s*_*E),M={b:0,f:0,c:I==8,a:O,data:b,d:b.length,e:w}; -if(M.c)a1($,_*E,M,G[0],s);else{var c=[],p=0,D=0;for(var t=0;tp)p=S; -if(K>D)D=K;c.push(S*K)}if(p!=1||D!=1){if(E!=3||c[1]!=1||c[2]!=1)throw"e";if(p!=2||D!=1&&D!=2)throw"e"; -var u=[],Z=0;for(var t=0;t>>1)*B+(S>>>1))*Z,y=(K&1)*2+(S&1); -$[q]=n[k+y];$[q+1]=n[k+4];$[q+2]=n[k+5]}else for(var S=0;S<_;S++){var q=(K*_+S)*E,k=(K*B+(S>>>1))*Z,y=S&1; -$[q]=n[k+y];$[q+1]=n[k+2];$[q+2]=n[k+3]}}}else{X($,_*E,M,G,E,s);if(w==0)j($,I,_,s,0,E,E,f);else{var U=Math.floor(w/_); -for(var K=0;K>>1);else if(V==6)Q=h[J]+(r-h[J-G]>>>1);else if(V==7)Q=r+h[J]>>>1;else throw V; -h[a]+=Q}}}}return C}(); - - -(function(){var G=0,F=1,i=2,b=3,J=4,N=5,E=6,s=7,c=8,T=9,a3=10,f=11,q=12,M=13,m=14,x=15,L=16,$=17,p=18; -function a5(t){var Z=UTIF._binBE.readUshort,u={b:Z(t,0),i:t[2],C:t[3],u:t[4],q:Z(t,5),k:Z(t,7),e:Z(t,9),l:Z(t,11),s:t[13],d:Z(t,14)}; -if(u.b!=18771||u.i>1||u.q<6||u.q%6||u.e<768||u.e%24||u.l!=768||u.k=u.l||u.s>16||u.s!=u.k/u.l||u.s!=Math.ceil(u.e/u.l)||u.d!=u.q/6||u.u!=12&&u.u!=14&&u.u!=16||u.C!=16&&u.C!=0){throw"Invalid data"}if(u.i==0){throw"Not implemented. We need this file!"}u.h=u.C==16; -u.m=(u.h?u.l*2/3:u.l>>>1)|0;u.A=u.m+2;u.f=64;u.g=(1<>>6);for(var e=0;e<3;e++){for(var Q=0; -Q<41;Q++){Z[e][Q]=[u,1]}}return Z}function a4(t){for(var Z=-1,u=0;!u;Z++){u=t[t.j]>>>7-t.a&1;t.a++;t.a&=7; -if(!t.a)t.j++}return Z}function K(t,Z){var u=0,e=8-t.a,Q=t.j,V=t.a;if(Z){if(Z>=e){do{u<<=e;Z-=e;u|=t[t.j]&(1<=8)}if(Z){u<<=Z;e-=Z;u|=t[t.j]>>>e&(1<n&&C>>2;if(o){w[X]=h;return}l=Z.t*Z.c[t.g+Y-H]+Z.c[t.g+g-Y]}else{h=Y>g&&Y>P||Y>>2:A+v>>>1; -l=Z.t*Z.c[t.g+Y-g]+Z.c[t.g+g-A]}R=y(l);var W=a4(u);if(W>>1):a>>>1; -O[R][0]+=y(a);if(O[R][1]==t.f){O[R][0]>>>=1;O[R][1]>>>=1}O[R][1]++;h=l<0?h-a:h+a;if(t.i){if(h<0)h+=Z.w; -else if(h>t.g)h-=Z.w}w[X]=h>=0?Math.min(h,t.g):0}function U(t,Z,u){var e=t[0].length;for(var Q=Z;Q<=u; -Q++){t[Q][0]=t[Q-1][1];t[Q][e-1]=t[Q-1][e-2]}}function B(t){U(t,s,q);U(t,i,J);U(t,x,$)}function _(t,Z,u,e,Q,V,O,o,X,k,j,I,a){var l=0,R=1,w=QJ; -while(R8){r(t,Z,u,e,Q,R,o[X]);r(t,Z,u,e,V,R,o[X]);R+=2}}B(e)}function a8(t,Z,u,e,Q,V){_(t,Z,u,e,i,s,Q,V,0,0,1,0,8); -_(t,Z,u,e,c,x,Q,V,1,0,1,0,8);_(t,Z,u,e,b,T,Q,V,2,1,0,3,0);_(t,Z,u,e,a3,L,Q,V,0,0,0,3,2);_(t,Z,u,e,J,f,Q,V,1,0,0,3,2); -_(t,Z,u,e,q,$,Q,V,2,1,0,3,0)}function a9(t,Z,u,e,Q,V){var O=V.length,o=t.l;if(Q+1==t.s)o=t.e-Q*t.l;var X=6*t.e*e+Q*t.l; -for(var k=0;k<6;k++){for(var j=0;j>>1)}else if(I==2){a=x+(k>>>1)}else{a=s+k}var l=t.h?(j*2/3&2147483646|j%3&1)+(j%3>>>1):j>>>1; -Z[X+j]=u[a][l+1]}X+=t.e}}UTIF._decompressRAF=function(t,Z){var u=a5(t),e=a7(t,u),Q=a2(u),V=new Int16Array(u.e*u.q); -if(Z==null){Z=u.h?[[1,1,0,1,1,2],[1,1,2,1,1,0],[2,0,1,0,2,1],[1,1,2,1,1,0],[1,1,0,1,1,2],[0,2,1,2,0,1]]:[[0,1],[3,2]]}var O=[[G,b],[F,J],[N,f],[E,q],[M,L],[m,$]],o=[]; -for(var X=0;X>> (tab[i] >>> 8); + for (var c = 0; c < lim; c++) huff[++n] = tab[i]; + } + for (col = raw_width; col--; ) + for (row = 0; row < height + 1; row += 2) { + if (row == height) row = 1; + sum += ljpeg_diff(inp, prm, huff); + if (row < height) { + var clr = sum & 4095; + UTIF.decode._putsF( + tgt, + (row * raw_width + col) * tiff_bps, + clr << (16 - tiff_bps), + ); + } + } + return; + } + if (raw_width * height * 1.5 == src_length) { + //console.log("weird compression"); + for (var i = 0; i < src_length; i += 3) { + var b0 = inp[off + i + 0], + b1 = inp[off + i + 1], + b2 = inp[off + i + 2]; + tgt[toff + i] = (b1 << 4) | (b0 >>> 4); + tgt[toff + i + 1] = (b0 << 4) | (b2 >>> 4); + tgt[toff + i + 2] = (b2 << 4) | (b1 >>> 4); + } + return; + } + + var pix = new Uint16Array(16); + var row, col, val, max, min, imax, imin, sh, bit, i, dp; + + var data = new Uint8Array(raw_width + 1); + for (row = 0; row < height; row++) { + //fread (data, 1, raw_width, ifp); + for (var j = 0; j < raw_width; j++) data[j] = inp[off++]; + for (dp = 0, col = 0; col < raw_width - 30; dp += 16) { + max = 0x7ff & (val = bin.readUint(data, dp)); + min = 0x7ff & (val >>> 11); + imax = 0x0f & (val >>> 22); + imin = 0x0f & (val >>> 26); + for (sh = 0; sh < 4 && 0x80 << sh <= max - min; sh++); + for (bit = 30, i = 0; i < 16; i++) + if (i == imax) pix[i] = max; + else if (i == imin) pix[i] = min; + else { + pix[i] = + (((bin.readUshort(data, dp + (bit >> 3)) >>> (bit & 7)) & + 0x7f) << + sh) + + min; + if (pix[i] > 0x7ff) pix[i] = 0x7ff; + bit += 7; + } + for (i = 0; i < 16; i++, col += 2) { + //RAW(row,col) = curve[pix[i] << 1] >> 2; + var clr = pix[i] << 1; //clr = 0xffff; + UTIF.decode._putsF( + tgt, + (row * raw_width + col) * tiff_bps, + clr << (16 - tiff_bps), + ); + } + col -= col & 1 ? 1 : 31; + } + } + }; + + UTIF.decode._decodeNikon = function ( + img, + imgs, + data, + off, + src_length, + tgt, + toff, + ) { + var nikon_tree = [ + [ + 0, 0, 1, 5, 1, 1, 1, 1, 1, 1, 2, 0, 0, 0, 0, 0, 0 /* 12-bit lossy */, + 5, 4, 3, 6, 2, 7, 1, 0, 8, 9, 11, 10, 12, + ], + [ + 0, 0, 1, 5, 1, 1, 1, 1, 1, 1, 2, 0, 0, 0, 0, 0, + 0 /* 12-bit lossy after split */, 0x39, 0x5a, 0x38, 0x27, 0x16, 5, 4, + 3, 2, 1, 0, 11, 12, 12, + ], + [ + 0, 0, 1, 4, 2, 3, 1, 2, 0, 0, 0, 0, 0, 0, 0, 0, + 0 /* 12-bit lossless */, 5, 4, 6, 3, 7, 2, 8, 1, 9, 0, 10, 11, 12, + ], + [ + 0, 0, 1, 4, 3, 1, 1, 1, 1, 1, 2, 0, 0, 0, 0, 0, 0 /* 14-bit lossy */, + 5, 6, 4, 7, 8, 3, 9, 2, 1, 0, 10, 11, 12, 13, 14, + ], + [ + 0, 0, 1, 5, 1, 1, 1, 1, 1, 1, 1, 2, 0, 0, 0, 0, + 0 /* 14-bit lossy after split */, 8, 0x5c, 0x4b, 0x3a, 0x29, 7, 6, 5, + 4, 3, 2, 1, 0, 13, 14, + ], + [ + 0, 0, 1, 4, 2, 2, 3, 1, 2, 0, 0, 0, 0, 0, 0, 0, + 0 /* 14-bit lossless */, 7, 6, 8, 5, 9, 4, 10, 3, 11, 12, 2, 0, 1, 13, + 14, + ], + ]; + + var raw_width = img["t256"][0], + height = img["t257"][0], + tiff_bps = img["t258"][0]; + + var tree = 0, + split = 0; + var make_decoder = UTIF.decode._make_decoder; + var getbithuff = UTIF.decode._getbithuff; + + var mn = imgs[0].exifIFD.makerNote, + md = mn["t150"] ? mn["t150"] : mn["t140"], + mdo = 0; //console.log(mn,md); + //console.log(md[0].toString(16), md[1].toString(16), tiff_bps); + var ver0 = md[mdo++], + ver1 = md[mdo++]; + if (ver0 == 0x49 || ver1 == 0x58) mdo += 2110; + if (ver0 == 0x46) tree = 2; + if (tiff_bps == 14) tree += 3; + + var vpred = [ + [0, 0], + [0, 0], + ], + bin = img.isLE ? UTIF._binLE : UTIF._binBE; + for (var i = 0; i < 2; i++) + for (var j = 0; j < 2; j++) { + vpred[i][j] = bin.readShort(md, mdo); + mdo += 2; + } // not sure here ... [i][j] or [j][i] + //console.log(vpred); + + var max = (1 << tiff_bps) & 0x7fff, + step = 0; + var csize = bin.readShort(md, mdo); + mdo += 2; + if (csize > 1) step = Math.floor(max / (csize - 1)); + if (ver0 == 0x44 && ver1 == 0x20 && step > 0) + split = bin.readShort(md, 562); + + var i; + var row, col; + var len, shl, diff; + var min_v = 0; + var hpred = [0, 0]; + var huff = make_decoder(nikon_tree[tree]); + + //var g_input_offset=0, bitbuf=0, vbits=0, reset=0; + var prm = [off, 0, 0, 0]; + //console.log(split); split = 170; + + for (min_v = row = 0; row < height; row++) { + if (split && row == split) { + //free (huff); + huff = make_decoder(nikon_tree[tree + 1]); + //max_v += (min_v = 16) << 1; + } + for (col = 0; col < raw_width; col++) { + i = getbithuff(data, prm, huff[0], huff); + len = i & 15; + shl = i >>> 4; + diff = + (((getbithuff(data, prm, len - shl, 0) << 1) + 1) << shl) >>> 1; + if ((diff & (1 << (len - 1))) == 0) + diff -= (1 << len) - (shl == 0 ? 1 : 0); + if (col < 2) hpred[col] = vpred[row & 1][col] += diff; + else hpred[col & 1] += diff; + + var clr = Math.min(Math.max(hpred[col & 1], 0), (1 << tiff_bps) - 1); + var bti = (row * raw_width + col) * tiff_bps; + UTIF.decode._putsF(tgt, bti, clr << (16 - tiff_bps)); + } + } + }; + // put 16 bits + UTIF.decode._putsF = function (dt, pos, val) { + val = val << (8 - (pos & 7)); + var o = pos >>> 3; + dt[o] |= val >>> 16; + dt[o + 1] |= val >>> 8; + dt[o + 2] |= val; + }; + + UTIF.decode._getbithuff = function (data, prm, nbits, huff) { + var zero_after_ff = 0; + var get_byte = UTIF.decode._get_byte; + var c; + + var off = prm[0], + bitbuf = prm[1], + vbits = prm[2], + reset = prm[3]; + + //if (nbits > 25) return 0; + //if (nbits < 0) return bitbuf = vbits = reset = 0; + if (nbits == 0 || vbits < 0) return 0; + while ( + !reset && + vbits < nbits && + (c = data[off++]) != -1 && + !(reset = zero_after_ff && c == 0xff && data[off++]) + ) { + //console.log("byte read into c"); + bitbuf = (bitbuf << 8) + c; + vbits += 8; + } + c = (bitbuf << (32 - vbits)) >>> (32 - nbits); + if (huff) { + vbits -= huff[c + 1] >>> 8; //console.log(c, huff[c]>>8); + c = huff[c + 1] & 255; + } else vbits -= nbits; + if (vbits < 0) throw "e"; + + prm[0] = off; + prm[1] = bitbuf; + prm[2] = vbits; + prm[3] = reset; + + return c; + }; + + UTIF.decode._make_decoder = function (source) { + var max, len, h, i, j; + var huff = []; + + for (max = 16; max != 0 && !source[max]; max--); + var si = 17; + + huff[0] = max; + for (h = len = 1; len <= max; len++) + for (i = 0; i < source[len]; i++, ++si) + for (j = 0; j < 1 << (max - len); j++) + if (h <= 1 << max) huff[h++] = (len << 8) | source[si]; + return huff; + }; + + UTIF.decode._decodeNewJPEG = function (img, data, off, len, tgt, toff) { + len = Math.min(len, data.length - off); + var tables = img["t347"], + tlen = tables ? tables.length : 0, + buff = new Uint8Array(tlen + len); + + if (tables) { + var SOI = 216, + EOI = 217, + boff = 0; + for (var i = 0; i < tlen - 1; i++) { + // Skip EOI marker from JPEGTables + if (tables[i] == 255 && tables[i + 1] == EOI) break; + buff[boff++] = tables[i]; + } + + // Skip SOI marker from data + var byte1 = data[off], + byte2 = data[off + 1]; + if (byte1 != 255 || byte2 != SOI) { + buff[boff++] = byte1; + buff[boff++] = byte2; + } + for (var i = 2; i < len; i++) buff[boff++] = data[off + i]; + } else for (var i = 0; i < len; i++) buff[i] = data[off + i]; + + if ( + img["t262"][0] == 32803 || + (img["t259"][0] == 7 && img["t262"][0] == 34892) + ) { + // lossless JPEG (used in DNG files) + var bps = img["t258"][0]; //, dcdr = new LosslessJpegDecoder(); + //var time = Date.now(); + var out = UTIF.LosslessJpegDecode(buff), + olen = out.length; //console.log(olen); + //var out = ULLJPG(buff), olen=out.length; //console.log(olen); + //console.log(Date.now()-time); + + if (false) { + } else if (bps == 16) { + if (img.isLE) + for (var i = 0; i < olen; i++) { + tgt[toff + (i << 1)] = out[i] & 255; + tgt[toff + (i << 1) + 1] = out[i] >>> 8; + } + else + for (var i = 0; i < olen; i++) { + tgt[toff + (i << 1)] = out[i] >>> 8; + tgt[toff + (i << 1) + 1] = out[i] & 255; + } + } else if (bps == 14 || bps == 12 || bps == 10) { + // 4 * 14 == 56 == 7 * 8 + var rst = 16 - bps; + for (var i = 0; i < olen; i++) + UTIF.decode._putsF(tgt, i * bps, out[i] << rst); + } else if (bps == 8) { + for (var i = 0; i < olen; i++) tgt[toff + i] = out[i]; + } else throw new Error("unsupported bit depth " + bps); + } else { + var parser = new UTIF.JpegDecoder(); + parser.parse(buff); + var decoded = parser.getData({ + width: parser.width, + height: parser.height, + forceRGB: true, + isSourcePDF: false, + }); + for (var i = 0; i < decoded.length; i++) tgt[toff + i] = decoded[i]; + } + + // PhotometricInterpretation is 6 (YCbCr) for JPEG, but after decoding we populate data in + // RGB format, so updating the tag value + if (img["t262"][0] == 6) img["t262"][0] = 2; + }; + + UTIF.decode._decodeOldJPEGInit = function (img, data, off, len) { + var SOI = 216, + EOI = 217, + DQT = 219, + DHT = 196, + DRI = 221, + SOF0 = 192, + SOS = 218; + var joff = 0, + soff = 0, + tables, + sosMarker, + isTiled = false, + i, + j, + k; + var jpgIchgFmt = img["t513"], + jifoff = jpgIchgFmt ? jpgIchgFmt[0] : 0; + var jpgIchgFmtLen = img["t514"], + jiflen = jpgIchgFmtLen ? jpgIchgFmtLen[0] : 0; + var soffTag = img["t324"] || img["t273"] || jpgIchgFmt; + var ycbcrss = img["t530"], + ssx = 0, + ssy = 0; + var spp = img["t277"] ? img["t277"][0] : 1; + var jpgresint = img["t515"]; + + if (soffTag) { + soff = soffTag[0]; + isTiled = soffTag.length > 1; + } + + if (!isTiled) { + if (data[off] == 255 && data[off + 1] == SOI) + return { jpegOffset: off }; + if (jpgIchgFmt != null) { + if (data[off + jifoff] == 255 && data[off + jifoff + 1] == SOI) + joff = off + jifoff; + else log("JPEGInterchangeFormat does not point to SOI"); + + if (jpgIchgFmtLen == null) + log("JPEGInterchangeFormatLength field is missing"); + else if (jifoff >= soff || jifoff + jiflen <= soff) + log("JPEGInterchangeFormatLength field value is invalid"); + + if (joff != null) return { jpegOffset: joff }; + } + } + + if (ycbcrss != null) { + ssx = ycbcrss[0]; + ssy = ycbcrss[1]; + } + + if (jpgIchgFmt != null) + if (jpgIchgFmtLen != null) + if (jiflen >= 2 && jifoff + jiflen <= soff) { + if ( + data[off + jifoff + jiflen - 2] == 255 && + data[off + jifoff + jiflen - 1] == SOI + ) + tables = new Uint8Array(jiflen - 2); + else tables = new Uint8Array(jiflen); + + for (i = 0; i < tables.length; i++) + tables[i] = data[off + jifoff + i]; + log( + "Incorrect JPEG interchange format: using JPEGInterchangeFormat offset to derive tables", + ); + } else + log( + "JPEGInterchangeFormat+JPEGInterchangeFormatLength > offset to first strip or tile", + ); + + if (tables == null) { + var ooff = 0, + out = []; + out[ooff++] = 255; + out[ooff++] = SOI; + + var qtables = img["t519"]; + if (qtables == null) throw new Error("JPEGQTables tag is missing"); + for (i = 0; i < qtables.length; i++) { + out[ooff++] = 255; + out[ooff++] = DQT; + out[ooff++] = 0; + out[ooff++] = 67; + out[ooff++] = i; + for (j = 0; j < 64; j++) out[ooff++] = data[off + qtables[i] + j]; + } + + for (k = 0; k < 2; k++) { + var htables = img[k == 0 ? "t520" : "t521"]; + if (htables == null) + throw new Error( + (k == 0 ? "JPEGDCTables" : "JPEGACTables") + " tag is missing", + ); + for (i = 0; i < htables.length; i++) { + out[ooff++] = 255; + out[ooff++] = DHT; + //out[ooff++] = 0; out[ooff++] = 67; out[ooff++] = i; + var nc = 19; + for (j = 0; j < 16; j++) nc += data[off + htables[i] + j]; + + out[ooff++] = nc >>> 8; + out[ooff++] = nc & 255; + out[ooff++] = i | (k << 4); + for (j = 0; j < 16; j++) out[ooff++] = data[off + htables[i] + j]; + for (j = 0; j < nc; j++) + out[ooff++] = data[off + htables[i] + 16 + j]; + } + } + + out[ooff++] = 255; + out[ooff++] = SOF0; + out[ooff++] = 0; + out[ooff++] = 8 + 3 * spp; + out[ooff++] = 8; + out[ooff++] = (img.height >>> 8) & 255; + out[ooff++] = img.height & 255; + out[ooff++] = (img.width >>> 8) & 255; + out[ooff++] = img.width & 255; + out[ooff++] = spp; + if (spp == 1) { + out[ooff++] = 1; + out[ooff++] = 17; + out[ooff++] = 0; + } else + for (i = 0; i < 3; i++) { + out[ooff++] = i + 1; + out[ooff++] = i != 0 ? 17 : ((ssx & 15) << 4) | (ssy & 15); + out[ooff++] = i; + } + + if (jpgresint != null && jpgresint[0] != 0) { + out[ooff++] = 255; + out[ooff++] = DRI; + out[ooff++] = 0; + out[ooff++] = 4; + out[ooff++] = (jpgresint[0] >>> 8) & 255; + out[ooff++] = jpgresint[0] & 255; + } + + tables = new Uint8Array(out); + } + + var sofpos = -1; + i = 0; + while (i < tables.length - 1) { + if (tables[i] == 255 && tables[i + 1] == SOF0) { + sofpos = i; + break; + } + i++; + } + + if (sofpos == -1) { + var tmptab = new Uint8Array(tables.length + 10 + 3 * spp); + tmptab.set(tables); + var tmpoff = tables.length; + sofpos = tables.length; + tables = tmptab; + + tables[tmpoff++] = 255; + tables[tmpoff++] = SOF0; + tables[tmpoff++] = 0; + tables[tmpoff++] = 8 + 3 * spp; + tables[tmpoff++] = 8; + tables[tmpoff++] = (img.height >>> 8) & 255; + tables[tmpoff++] = img.height & 255; + tables[tmpoff++] = (img.width >>> 8) & 255; + tables[tmpoff++] = img.width & 255; + tables[tmpoff++] = spp; + if (spp == 1) { + tables[tmpoff++] = 1; + tables[tmpoff++] = 17; + tables[tmpoff++] = 0; + } else + for (i = 0; i < 3; i++) { + tables[tmpoff++] = i + 1; + tables[tmpoff++] = i != 0 ? 17 : ((ssx & 15) << 4) | (ssy & 15); + tables[tmpoff++] = i; + } + } + + if (data[soff] == 255 && data[soff + 1] == SOS) { + var soslen = (data[soff + 2] << 8) | data[soff + 3]; + sosMarker = new Uint8Array(soslen + 2); + sosMarker[0] = data[soff]; + sosMarker[1] = data[soff + 1]; + sosMarker[2] = data[soff + 2]; + sosMarker[3] = data[soff + 3]; + for (i = 0; i < soslen - 2; i++) sosMarker[i + 4] = data[soff + i + 4]; + } else { + sosMarker = new Uint8Array(2 + 6 + 2 * spp); + var sosoff = 0; + sosMarker[sosoff++] = 255; + sosMarker[sosoff++] = SOS; + sosMarker[sosoff++] = 0; + sosMarker[sosoff++] = 6 + 2 * spp; + sosMarker[sosoff++] = spp; + if (spp == 1) { + sosMarker[sosoff++] = 1; + sosMarker[sosoff++] = 0; + } else + for (i = 0; i < 3; i++) { + sosMarker[sosoff++] = i + 1; + sosMarker[sosoff++] = (i << 4) | i; + } + sosMarker[sosoff++] = 0; + sosMarker[sosoff++] = 63; + sosMarker[sosoff++] = 0; + } + + return { + jpegOffset: off, + tables: tables, + sosMarker: sosMarker, + sofPosition: sofpos, + }; + }; + + UTIF.decode._decodeOldJPEG = function (img, data, off, len, tgt, toff) { + var i, dlen, tlen, buff, buffoff; + var jpegData = UTIF.decode._decodeOldJPEGInit(img, data, off, len); + + if (jpegData.jpegOffset != null) { + dlen = off + len - jpegData.jpegOffset; + buff = new Uint8Array(dlen); + for (i = 0; i < dlen; i++) buff[i] = data[jpegData.jpegOffset + i]; + } else { + tlen = jpegData.tables.length; + buff = new Uint8Array(tlen + jpegData.sosMarker.length + len + 2); + buff.set(jpegData.tables); + buffoff = tlen; + + buff[jpegData.sofPosition + 5] = (img.height >>> 8) & 255; + buff[jpegData.sofPosition + 6] = img.height & 255; + buff[jpegData.sofPosition + 7] = (img.width >>> 8) & 255; + buff[jpegData.sofPosition + 8] = img.width & 255; + + if (data[off] != 255 || data[off + 1] != SOS) { + buff.set(jpegData.sosMarker, buffoff); + buffoff += sosMarker.length; + } + for (i = 0; i < len; i++) buff[buffoff++] = data[off + i]; + buff[buffoff++] = 255; + buff[buffoff++] = EOI; + } + + var parser = new UTIF.JpegDecoder(); + parser.parse(buff); + var decoded = parser.getData({ + width: parser.width, + height: parser.height, + forceRGB: true, + isSourcePDF: false, + }); + for (var i = 0; i < decoded.length; i++) tgt[toff + i] = decoded[i]; + + // PhotometricInterpretation is 6 (YCbCr) for JPEG, but after decoding we populate data in + // RGB format, so updating the tag value + if (img["t262"] && img["t262"][0] == 6) img["t262"][0] = 2; + }; + + UTIF.decode._decodePackBits = function (data, off, len, tgt, toff) { + var sa = new Int8Array(data.buffer), + ta = new Int8Array(tgt.buffer), + lim = off + len; + while (off < lim) { + var n = sa[off]; + off++; + if (n >= 0 && n < 128) + for (var i = 0; i < n + 1; i++) { + ta[toff] = sa[off]; + toff++; + off++; + } + if (n >= -127 && n < 0) { + for (var i = 0; i < -n + 1; i++) { + ta[toff] = sa[off]; + toff++; + } + off++; + } + } + return toff; + }; + + UTIF.decode._decodeThunder = function (data, off, len, tgt, toff) { + var d2 = [0, 1, 0, -1], + d3 = [0, 1, 2, 3, 0, -3, -2, -1]; + var lim = off + len, + qoff = toff * 2, + px = 0; + while (off < lim) { + var b = data[off], + msk = b >>> 6, + n = b & 63; + off++; + if (msk == 3) { + px = n & 15; + tgt[qoff >>> 1] |= px << (4 * ((1 - qoff) & 1)); + qoff++; + } + if (msk == 0) + for (var i = 0; i < n; i++) { + tgt[qoff >>> 1] |= px << (4 * ((1 - qoff) & 1)); + qoff++; + } + if (msk == 2) + for (var i = 0; i < 2; i++) { + var d = (n >>> (3 * (1 - i))) & 7; + if (d != 4) { + px += d3[d]; + tgt[qoff >>> 1] |= px << (4 * ((1 - qoff) & 1)); + qoff++; + } + } + if (msk == 1) + for (var i = 0; i < 3; i++) { + var d = (n >>> (2 * (2 - i))) & 3; + if (d != 2) { + px += d2[d]; + tgt[qoff >>> 1] |= px << (4 * ((1 - qoff) & 1)); + qoff++; + } + } + } + }; + + UTIF.decode._dmap = { + 1: 0, + "011": 1, + "000011": 2, + "0000011": 3, + "010": -1, + "000010": -2, + "0000010": -3, + }; + UTIF.decode._lens = (function () { + var addKeys = function (lens, arr, i0, inc) { + for (var i = 0; i < arr.length; i++) lens[arr[i]] = i0 + i * inc; + }; + + var termW = + "00110101,000111,0111,1000,1011,1100,1110,1111,10011,10100,00111,01000,001000,000011,110100,110101," + // 15 + "101010,101011,0100111,0001100,0001000,0010111,0000011,0000100,0101000,0101011,0010011,0100100,0011000,00000010,00000011,00011010," + // 31 + "00011011,00010010,00010011,00010100,00010101,00010110,00010111,00101000,00101001,00101010,00101011,00101100,00101101,00000100,00000101,00001010," + // 47 + "00001011,01010010,01010011,01010100,01010101,00100100,00100101,01011000,01011001,01011010,01011011,01001010,01001011,00110010,00110011,00110100"; + + var termB = + "0000110111,010,11,10,011,0011,0010,00011,000101,000100,0000100,0000101,0000111,00000100,00000111,000011000," + // 15 + "0000010111,0000011000,0000001000,00001100111,00001101000,00001101100,00000110111,00000101000,00000010111,00000011000,000011001010,000011001011,000011001100,000011001101,000001101000,000001101001," + // 31 + "000001101010,000001101011,000011010010,000011010011,000011010100,000011010101,000011010110,000011010111,000001101100,000001101101,000011011010,000011011011,000001010100,000001010101,000001010110,000001010111," + // 47 + "000001100100,000001100101,000001010010,000001010011,000000100100,000000110111,000000111000,000000100111,000000101000,000001011000,000001011001,000000101011,000000101100,000001011010,000001100110,000001100111"; + + var makeW = + "11011,10010,010111,0110111,00110110,00110111,01100100,01100101,01101000,01100111,011001100,011001101,011010010,011010011,011010100,011010101,011010110," + + "011010111,011011000,011011001,011011010,011011011,010011000,010011001,010011010,011000,010011011"; + + var makeB = + "0000001111,000011001000,000011001001,000001011011,000000110011,000000110100,000000110101,0000001101100,0000001101101,0000001001010,0000001001011,0000001001100," + + "0000001001101,0000001110010,0000001110011,0000001110100,0000001110101,0000001110110,0000001110111,0000001010010,0000001010011,0000001010100,0000001010101,0000001011010," + + "0000001011011,0000001100100,0000001100101"; + + var makeA = + "00000001000,00000001100,00000001101,000000010010,000000010011,000000010100,000000010101,000000010110,000000010111,000000011100,000000011101,000000011110,000000011111"; + + termW = termW.split(","); + termB = termB.split(","); + makeW = makeW.split(","); + makeB = makeB.split(","); + makeA = makeA.split(","); + + var lensW = {}, + lensB = {}; + addKeys(lensW, termW, 0, 1); + addKeys(lensW, makeW, 64, 64); + addKeys(lensW, makeA, 1792, 64); + addKeys(lensB, termB, 0, 1); + addKeys(lensB, makeB, 64, 64); + addKeys(lensB, makeA, 1792, 64); + return [lensW, lensB]; + })(); + + UTIF.decode._decodeG4 = function (data, off, slen, tgt, toff, w, fo) { + var U = UTIF.decode, + boff = off << 3, + len = 0, + wrd = ""; // previous starts with 1 + var line = [], + pline = []; + for (var i = 0; i < w; i++) pline.push(0); + pline = U._makeDiff(pline); + var a0 = 0, + a1 = 0, + a2 = 0, + b1 = 0, + b2 = 0, + clr = 0; + var y = 0, + mode = "", + toRead = 0; + var bipl = Math.ceil(w / 8) * 8; + + while (boff >>> 3 < off + slen) { + (b1 = U._findDiff(pline, a0 + (a0 == 0 ? 0 : 1), 1 - clr)), + (b2 = U._findDiff(pline, b1, clr)); // could be precomputed + var bit = 0; + if (fo == 1) bit = (data[boff >>> 3] >>> (7 - (boff & 7))) & 1; + if (fo == 2) bit = (data[boff >>> 3] >>> (boff & 7)) & 1; + boff++; + wrd += bit; + if (mode == "H") { + if (U._lens[clr][wrd] != null) { + var dl = U._lens[clr][wrd]; + wrd = ""; + len += dl; + if (dl < 64) { + U._addNtimes(line, len, clr); + a0 += len; + clr = 1 - clr; + len = 0; + toRead--; + if (toRead == 0) mode = ""; + } + } + } else { + if (wrd == "0001") { + wrd = ""; + U._addNtimes(line, b2 - a0, clr); + a0 = b2; + } + if (wrd == "001") { + wrd = ""; + mode = "H"; + toRead = 2; + } + if (U._dmap[wrd] != null) { + a1 = b1 + U._dmap[wrd]; + U._addNtimes(line, a1 - a0, clr); + a0 = a1; + wrd = ""; + clr = 1 - clr; + } + } + if (line.length == w && mode == "") { + U._writeBits(line, tgt, toff * 8 + y * bipl); + clr = 0; + y++; + a0 = 0; + pline = U._makeDiff(line); + line = []; + } + //if(wrd.length>150) { log(wrd); break; throw "e"; } + } + }; + + UTIF.decode._findDiff = function (line, x, clr) { + for (var i = 0; i < line.length; i += 2) + if (line[i] >= x && line[i + 1] == clr) return line[i]; + }; + + UTIF.decode._makeDiff = function (line) { + var out = []; + if (line[0] == 1) out.push(0, 1); + for (var i = 1; i < line.length; i++) + if (line[i - 1] != line[i]) out.push(i, line[i]); + out.push(line.length, 0, line.length, 1); + return out; + }; + + UTIF.decode._decodeG2 = function (data, off, slen, tgt, toff, w, fo) { + var U = UTIF.decode, + boff = off << 3, + len = 0, + wrd = ""; + var line = []; + var clr = 0; + var y = 0; + var bipl = Math.ceil(w / 8) * 8; + + while (boff >>> 3 < off + slen) { + var bit = 0; + if (fo == 1) bit = (data[boff >>> 3] >>> (7 - (boff & 7))) & 1; + if (fo == 2) bit = (data[boff >>> 3] >>> (boff & 7)) & 1; + boff++; + wrd += bit; + + len = U._lens[clr][wrd]; + if (len != null) { + U._addNtimes(line, len, clr); + wrd = ""; + if (len < 64) clr = 1 - clr; + if (line.length == w) { + U._writeBits(line, tgt, toff * 8 + y * bipl); + line = []; + y++; + clr = 0; + if ((boff & 7) != 0) boff += 8 - (boff & 7); + if (len >= 64) boff += 8; + } + } + } + }; + + UTIF.decode._decodeG3 = function ( + data, + off, + slen, + tgt, + toff, + w, + fo, + twoDim, + ) { + var U = UTIF.decode, + boff = off << 3, + len = 0, + wrd = ""; + var line = [], + pline = []; + for (var i = 0; i < w; i++) line.push(0); + var a0 = 0, + a1 = 0, + a2 = 0, + b1 = 0, + b2 = 0, + clr = 0; + var y = -1, + mode = "", + toRead = 0, + is1D = true; + var bipl = Math.ceil(w / 8) * 8; + while (boff >>> 3 < off + slen) { + (b1 = U._findDiff(pline, a0 + (a0 == 0 ? 0 : 1), 1 - clr)), + (b2 = U._findDiff(pline, b1, clr)); // could be precomputed + var bit = 0; + if (fo == 1) bit = (data[boff >>> 3] >>> (7 - (boff & 7))) & 1; + if (fo == 2) bit = (data[boff >>> 3] >>> (boff & 7)) & 1; + boff++; + wrd += bit; + + if (is1D) { + if (U._lens[clr][wrd] != null) { + var dl = U._lens[clr][wrd]; + wrd = ""; + len += dl; + if (dl < 64) { + U._addNtimes(line, len, clr); + clr = 1 - clr; + len = 0; + } + } + } else { + if (mode == "H") { + if (U._lens[clr][wrd] != null) { + var dl = U._lens[clr][wrd]; + wrd = ""; + len += dl; + if (dl < 64) { + U._addNtimes(line, len, clr); + a0 += len; + clr = 1 - clr; + len = 0; + toRead--; + if (toRead == 0) mode = ""; + } + } + } else { + if (wrd == "0001") { + wrd = ""; + U._addNtimes(line, b2 - a0, clr); + a0 = b2; + } + if (wrd == "001") { + wrd = ""; + mode = "H"; + toRead = 2; + } + if (U._dmap[wrd] != null) { + a1 = b1 + U._dmap[wrd]; + U._addNtimes(line, a1 - a0, clr); + a0 = a1; + wrd = ""; + clr = 1 - clr; + } + } + } + if (wrd.endsWith("000000000001")) { + // needed for some files + if (y >= 0) U._writeBits(line, tgt, toff * 8 + y * bipl); + if (twoDim) { + if (fo == 1) + is1D = ((data[boff >>> 3] >>> (7 - (boff & 7))) & 1) == 1; + if (fo == 2) is1D = ((data[boff >>> 3] >>> (boff & 7)) & 1) == 1; + boff++; + } + //log("EOL",y, "next 1D:", is1D); + wrd = ""; + clr = 0; + y++; + a0 = 0; + pline = U._makeDiff(line); + line = []; + } + } + if (line.length == w) U._writeBits(line, tgt, toff * 8 + y * bipl); + }; + + UTIF.decode._addNtimes = function (arr, n, val) { + for (var i = 0; i < n; i++) arr.push(val); + }; + + UTIF.decode._writeBits = function (bits, tgt, boff) { + for (var i = 0; i < bits.length; i++) + tgt[(boff + i) >>> 3] |= bits[i] << (7 - ((boff + i) & 7)); + }; + + UTIF.decode._decodeLZW = UTIF.decode._decodeLZW = (function () { + var e, + U, + Z, + u, + K = 0, + V = 0, + g = 0, + N = 0, + O = function () { + var S = e >>> 3, + A = (U[S] << 16) | (U[S + 1] << 8) | U[S + 2], + j = (A >>> (24 - (e & 7) - V)) & ((1 << V) - 1); + e += V; + return j; + }, + h = new Uint32Array(4096 * 4), + w = 0, + m = function (S) { + if (S == w) return; + w = S; + g = 1 << S; + N = g + 1; + for (var A = 0; A < N + 1; A++) { + h[4 * A] = h[4 * A + 3] = A; + h[4 * A + 1] = 65535; + h[4 * A + 2] = 1; + } + }, + i = function (S) { + V = S + 1; + K = N + 1; + }, + D = function (S) { + var A = S << 2, + j = h[A + 2], + a = u + j - 1; + while (A != 65535) { + Z[a--] = h[A]; + A = h[A + 1]; + } + u += j; + }, + L = function (S, A) { + var j = K << 2, + a = S << 2; + h[j] = h[(A << 2) + 3]; + h[j + 1] = a; + h[j + 2] = h[a + 2] + 1; + h[j + 3] = h[a + 3]; + K++; + if (K + 1 == 1 << V && V != 12) V++; + }, + T = function (S, A, j, a, n, q) { + e = A << 3; + U = S; + Z = a; + u = n; + var B = (A + j) << 3, + _ = 0, + t = 0; + m(q); + i(q); + while (e < B && (_ = O()) != N) { + if (_ == g) { + i(q); + _ = O(); + if (_ == N) break; + D(_); + } else { + if (_ < K) { + D(_); + L(t, _); + } else { + L(t, t); + D(K - 1); + } + } + t = _; + } + return u; + }; + return T; + })(); + + UTIF.tags = {}; + //UTIF.ttypes = { 256:3,257:3,258:3, 259:3, 262:3, 273:4, 274:3, 277:3,278:4,279:4, 282:5, 283:5, 284:3, 286:5,287:5, 296:3, 305:2, 306:2, 338:3, 513:4, 514:4, 34665:4 }; + // start at tag 250 + UTIF._types = (function () { + var main = new Array(250); + main.fill(0); + main = main.concat([ + 0, 0, 0, 0, 4, 3, 3, 3, 3, 3, 0, 0, 3, 0, 0, 0, 3, 0, 0, 2, 2, 2, 2, 4, + 3, 0, 0, 3, 4, 4, 3, 3, 5, 5, 3, 2, 5, 5, 0, 0, 0, 0, 4, 4, 0, 0, 3, 3, + 0, 0, 0, 0, 0, 0, 0, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 3, 5, 5, 3, 0, + 3, 3, 4, 4, 4, 3, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 3, 0, 0, 0, 0, 0, 0, + 0, 7, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, + 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 3, 5, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 7, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, + 0, 0, 0, 0, 0, 0, + ]); + var rest = { + 33432: 2, + 33434: 5, + 33437: 5, + 34665: 4, + 34850: 3, + 34853: 4, + 34855: 3, + 34864: 3, + 34866: 4, + 36864: 7, + 36867: 2, + 36868: 2, + 37121: 7, + 37377: 10, + 37378: 5, + 37380: 10, + 37381: 5, + 37383: 3, + 37384: 3, + 37385: 3, + 37386: 5, + 37510: 7, + 37520: 2, + 37521: 2, + 37522: 2, + 40960: 7, + 40961: 3, + 40962: 4, + 40963: 4, + 40965: 4, + 41486: 5, + 41487: 5, + 41488: 3, + 41985: 3, + 41986: 3, + 41987: 3, + 41988: 5, + 41989: 3, + 41990: 3, + 41993: 3, + 41994: 3, + 41995: 7, + 41996: 3, + 42032: 2, + 42033: 2, + 42034: 5, + 42036: 2, + 42037: 2, + 59932: 7, + }; + return { + basic: { + main: main, + rest: rest, + }, + gps: { + main: [1, 2, 5, 2, 5, 1, 5, 5, 0, 9], + rest: { 18: 2, 29: 2 }, + }, + }; + })(); + + UTIF._readIFD = function (bin, data, offset, ifds, depth, prm) { + var cnt = bin.readUshort(data, offset); + offset += 2; + var ifd = {}; + + if (prm.debug) + log(" ".repeat(depth), ifds.length - 1, ">>>----------------"); + for (var i = 0; i < cnt; i++) { + var tag = bin.readUshort(data, offset); + offset += 2; + var type = bin.readUshort(data, offset); + offset += 2; + var num = bin.readUint(data, offset); + offset += 4; + var voff = bin.readUint(data, offset); + offset += 4; + + var arr = []; + //ifd["t"+tag+"-"+UTIF.tags[tag]] = arr; + if (type == 1 || type == 7) { + var no = num < 5 ? offset - 4 : voff; + if (no + num > data.buffer.byteLength) + num = data.buffer.byteLength - no; + arr = new Uint8Array(data.buffer, no, num); + } + if (type == 2) { + var o0 = num < 5 ? offset - 4 : voff, + c = data[o0], + len = Math.max(0, Math.min(num - 1, data.length - o0)); + if (c < 128 || len == 0) arr.push(bin.readASCII(data, o0, len)); + else arr = new Uint8Array(data.buffer, o0, len); + } + if (type == 3) { + for (var j = 0; j < num; j++) + arr.push( + bin.readUshort(data, (num < 3 ? offset - 4 : voff) + 2 * j), + ); + } + if (type == 4 || type == 13) { + for (var j = 0; j < num; j++) + arr.push(bin.readUint(data, (num < 2 ? offset - 4 : voff) + 4 * j)); + } + if (type == 5 || type == 10) { + var ri = type == 5 ? bin.readUint : bin.readInt; + for (var j = 0; j < num; j++) + arr.push([ri(data, voff + j * 8), ri(data, voff + j * 8 + 4)]); + } + if (type == 8) { + for (var j = 0; j < num; j++) + arr.push( + bin.readShort(data, (num < 3 ? offset - 4 : voff) + 2 * j), + ); + } + if (type == 9) { + for (var j = 0; j < num; j++) + arr.push(bin.readInt(data, (num < 2 ? offset - 4 : voff) + 4 * j)); + } + if (type == 11) { + for (var j = 0; j < num; j++) + arr.push(bin.readFloat(data, voff + j * 4)); + } + if (type == 12) { + for (var j = 0; j < num; j++) + arr.push(bin.readDouble(data, voff + j * 8)); + } + + if (num != 0 && arr.length == 0) { + log(tag, "unknown TIFF tag type: ", type, "num:", num); + if (i == 0) return; + continue; + } + if (prm.debug) log(" ".repeat(depth), tag, type, UTIF.tags[tag], arr); + + ifd["t" + tag] = arr; + + if (tag == 330 && ifd["t272"] && ifd["t272"][0] == "DSLR-A100") { + } else if ( + tag == 330 || + tag == 34665 || + tag == 34853 || + (tag == 50740 && bin.readUshort(data, bin.readUint(arr, 0)) < 300) || + tag == 61440 + ) { + var oarr = tag == 50740 ? [bin.readUint(arr, 0)] : arr; + var subfd = []; + for (var j = 0; j < oarr.length; j++) + UTIF._readIFD(bin, data, oarr[j], subfd, depth + 1, prm); + if (tag == 330) ifd.subIFD = subfd; + if (tag == 34665) ifd.exifIFD = subfd[0]; + if (tag == 34853) ifd.gpsiIFD = subfd[0]; //console.log("gps", subfd[0]); } + if (tag == 50740) ifd.dngPrvt = subfd[0]; + if (tag == 61440) ifd.fujiIFD = subfd[0]; + } + if (tag == 37500 && prm.parseMN) { + var mn = arr; + //console.log(bin.readASCII(mn,0,mn.length), mn); + if (bin.readASCII(mn, 0, 5) == "Nikon") + ifd.makerNote = UTIF["decode"](mn.slice(10).buffer)[0]; + else if ( + bin.readASCII(mn, 0, 5) == "OLYMP" || + bin.readASCII(mn, 0, 9) == "OM SYSTEM" + ) { + // ??? + var inds = [8208, 8224, 8240, 8256, 8272]; + var subsub = []; + UTIF._readIFD( + bin, + mn, + mn[1] == 77 ? 16 : mn[5] == 85 ? 12 : 8, + subsub, + depth + 1, + prm, + ); + var obj = (ifd.makerNote = subsub.pop()); + for (var j = 0; j < inds.length; j++) { + var k = "t" + inds[j]; + if (obj[k] == null) continue; + UTIF._readIFD(bin, mn, obj[k][0], subsub, depth + 1, prm); + obj[k] = subsub.pop(); + } + if (obj["t12288"]) { + UTIF._readIFD(bin, obj["t12288"], 0, subsub, depth + 1, prm); + obj["t12288"] = subsub.pop(); + } + } else if ( + bin.readUshort(data, voff) < 300 && + bin.readUshort(data, voff + 4) <= 12 + ) { + var subsub = []; + UTIF._readIFD(bin, data, voff, subsub, depth + 1, prm); + ifd.makerNote = subsub[0]; + } + } + } + ifds.push(ifd); + if (prm.debug) log(" ".repeat(depth), "<<<---------------"); + return offset; + }; + + UTIF._writeIFD = function (bin, types, data, offset, ifd) { + var keys = Object.keys(ifd), + knum = keys.length; + if (ifd["exifIFD"]) knum--; + if (ifd["gpsiIFD"]) knum--; + bin.writeUshort(data, offset, knum); + offset += 2; + + var eoff = offset + knum * 12 + 4; + + for (var ki = 0; ki < keys.length; ki++) { + var key = keys[ki]; + if (key == "t34665" || key == "t34853") continue; + if (key == "exifIFD") key = "t34665"; + if (key == "gpsiIFD") key = "t34853"; + var tag = parseInt(key.slice(1)), + type = types.main[tag]; + if (type == null) type = types.rest[tag]; + if (type == null || type == 0) + throw new Error("unknown type of tag: " + tag); + //console.log(offset+":", tag, type, eoff); + var val = ifd[key]; + if (tag == 34665) { + var outp = UTIF._writeIFD(bin, types, data, eoff, ifd["exifIFD"]); + val = [eoff]; + eoff = outp[1]; + } + if (tag == 34853) { + var outp = UTIF._writeIFD( + bin, + UTIF._types.gps, + data, + eoff, + ifd["gpsiIFD"], + ); + val = [eoff]; + eoff = outp[1]; + } + if (type == 2) val = val[0] + "\u0000"; + var num = val.length; + bin.writeUshort(data, offset, tag); + offset += 2; + bin.writeUshort(data, offset, type); + offset += 2; + bin.writeUint(data, offset, num); + offset += 4; + + var dlen = [-1, 1, 1, 2, 4, 8, 0, 1, 0, 4, 8, 0, 8][type] * num; //if(dlen<1) throw "e"; + var toff = offset; + if (dlen > 4) { + bin.writeUint(data, offset, eoff); + toff = eoff; + } + + if (type == 1 || type == 7) { + for (var i = 0; i < num; i++) data[toff + i] = val[i]; + } else if (type == 2) { + bin.writeASCII(data, toff, val); + } else if (type == 3) { + for (var i = 0; i < num; i++) + bin.writeUshort(data, toff + 2 * i, val[i]); + } else if (type == 4) { + for (var i = 0; i < num; i++) + bin.writeUint(data, toff + 4 * i, val[i]); + } else if (type == 5 || type == 10) { + var wr = type == 5 ? bin.writeUint : bin.writeInt; + for (var i = 0; i < num; i++) { + var v = val[i], + nu = v[0], + de = v[1]; + if (nu == null) throw "e"; + wr(data, toff + 8 * i, nu); + wr(data, toff + 8 * i + 4, de); + } + } else if (type == 9) { + for (var i = 0; i < num; i++) + bin.writeInt(data, toff + 4 * i, val[i]); + } else if (type == 12) { + for (var i = 0; i < num; i++) + bin.writeDouble(data, toff + 8 * i, val[i]); + } else throw type; + + if (dlen > 4) { + dlen += dlen & 1; + eoff += dlen; + } + offset += 4; + } + return [offset, eoff]; + }; + + UTIF.toRGBA8 = function (out, scl) { + function gamma(x) { + return x < 0.0031308 + ? 12.92 * x + : 1.055 * Math.pow(x, 1.0 / 2.4) - 0.055; + } + + var w = out.width, + h = out.height, + area = w * h, + qarea = area * 4, + data = out.data; + var img = new Uint8Array(area * 4); + //console.log(out); + // 0: WhiteIsZero, 1: BlackIsZero, 2: RGB, 3: Palette color, 4: Transparency mask, 5: CMYK + var intp = out["t262"] ? out["t262"][0] : 2, + bps = out["t258"] ? Math.min(32, out["t258"][0]) : 1; + if (out["t262"] == null && bps == 1) intp = 0; + + var smpls = out["t277"] + ? out["t277"][0] + : out["t258"] + ? out["t258"].length + : [1, 1, 3, 1, 1, 4, 3][intp]; + var sfmt = out["t339"] ? out["t339"][0] : null; + if (intp == 1 && bps == 32 && sfmt != 3) throw "e"; // sample format + var bpl = Math.ceil((smpls * bps * w) / 8); + + //log("interpretation: ", intp, "smpls", smpls, "bps", bps, "sample format",sfmt, out); + + if (false) { + } else if (intp == 0) { + scl = 1 / 256; // "Photopeatest.tif" + for (var y = 0; y < h; y++) { + var off = y * bpl, + io = y * w; + if (bps == 1) + for (var i = 0; i < w; i++) { + var qi = (io + i) << 2, + px = (data[off + (i >> 3)] >> (7 - (i & 7))) & 1; + img[qi] = img[qi + 1] = img[qi + 2] = (1 - px) * 255; + img[qi + 3] = 255; + } + if (bps == 4) + for (var i = 0; i < w; i++) { + var qi = (io + i) << 2, + px = (data[off + (i >> 1)] >> (4 - 4 * (i & 1))) & 15; + img[qi] = img[qi + 1] = img[qi + 2] = (15 - px) * 17; + img[qi + 3] = 255; + } + if (bps == 8) + for (var i = 0; i < w; i++) { + var qi = (io + i) << 2, + px = data[off + i]; + img[qi] = img[qi + 1] = img[qi + 2] = 255 - px; + img[qi + 3] = 255; + } + if (bps == 16) + for (var i = 0; i < w; i++) { + var qi = (io + i) << 2, + o = off + 2 * i, + px = (data[o + 1] << 8) | data[o]; + img[qi] = + img[qi + 1] = + img[qi + 2] = + Math.min(255, 255 - ~~(px * scl)); + img[qi + 3] = 255; + } // ladoga.tif + } + } else if (intp == 1) { + if (scl == null) scl = 1 / 256; + var f32 = (data.length & 3) == 0 ? new Float32Array(data.buffer) : null; + + for (var y = 0; y < h; y++) { + var off = y * bpl, + io = y * w; + if (bps == 1) + for (var i = 0; i < w; i++) { + var qi = (io + i) << 2, + px = (data[off + (i >> 3)] >> (7 - (i & 7))) & 1; + img[qi] = img[qi + 1] = img[qi + 2] = px * 255; + img[qi + 3] = 255; + } + if (bps == 2) + for (var i = 0; i < w; i++) { + var qi = (io + i) << 2, + px = (data[off + (i >> 2)] >> (6 - 2 * (i & 3))) & 3; + img[qi] = img[qi + 1] = img[qi + 2] = px * 85; + img[qi + 3] = 255; + } + if (bps == 8) + for (var i = 0; i < w; i++) { + var qi = (io + i) << 2, + px = data[off + i * smpls]; + img[qi] = img[qi + 1] = img[qi + 2] = px; + img[qi + 3] = 255; + } + if (bps == 16) + for (var i = 0; i < w; i++) { + var qi = (io + i) << 2, + o = off + 2 * i, + px = (data[o + 1] << 8) | data[o]; + img[qi] = img[qi + 1] = img[qi + 2] = Math.min(255, ~~(px * scl)); + img[qi + 3] = 255; + } // ladoga.tif + if (bps == 32) + for (var i = 0; i < w; i++) { + var qi = (io + i) << 2, + o = (off >>> 2) + i, + px = f32[o]; + img[qi] = img[qi + 1] = img[qi + 2] = ~~(0.5 + 255 * px); + img[qi + 3] = 255; + } + } + } else if (intp == 2) { + if (bps == 8) { + if (smpls == 1) + for (var i = 0; i < area; i++) { + img[4 * i] = img[4 * i + 1] = img[4 * i + 2] = data[i]; + img[4 * i + 3] = 255; + } + if (smpls == 3) + for (var i = 0; i < area; i++) { + var qi = i << 2, + ti = i * 3; + img[qi] = data[ti]; + img[qi + 1] = data[ti + 1]; + img[qi + 2] = data[ti + 2]; + img[qi + 3] = 255; + } + if (smpls >= 4) + for (var i = 0; i < area; i++) { + var qi = i << 2, + ti = i * smpls; + img[qi] = data[ti]; + img[qi + 1] = data[ti + 1]; + img[qi + 2] = data[ti + 2]; + img[qi + 3] = data[ti + 3]; + } + } else if (bps == 16) { + // 3x 16-bit channel + if (smpls == 4) + for (var i = 0; i < area; i++) { + var qi = i << 2, + ti = i * 8 + 1; + img[qi] = data[ti]; + img[qi + 1] = data[ti + 2]; + img[qi + 2] = data[ti + 4]; + img[qi + 3] = data[ti + 6]; + } + if (smpls == 3) + for (var i = 0; i < area; i++) { + var qi = i << 2, + ti = i * 6 + 1; + img[qi] = data[ti]; + img[qi + 1] = data[ti + 2]; + img[qi + 2] = data[ti + 4]; + img[qi + 3] = 255; + } + } else if (bps == 32) { + var ndt = new Float32Array(data.buffer); // t339 is [3,3,3] + // check the endianity + var min = 0; + for (var i = 0; i < ndt.length; i++) min = Math.min(min, ndt[i]); + if (min < 0) + for (var i = 0; i < data.length; i += 4) { + var t = data[i]; + data[i] = data[i + 3]; + data[i + 3] = t; + t = data[i + 1]; + data[i + 1] = data[i + 2]; + data[i + 2] = t; + } + // gamma correction + var pmap = []; + for (var i = 0; i < 65536; i++) pmap.push(gamma(i / 65535)); + for (var i = 0; i < ndt.length; i++) { + var cv = Math.max(0, Math.min(1, ndt[i])); + ndt[i] = pmap[~~(0.5 + cv * 65535)]; + } + + if (smpls == 3) + for (var i = 0; i < area; i++) { + var qi = i << 2, + ti = i * 3; + img[qi] = ~~(0.5 + ndt[ti] * 255); + img[qi + 1] = ~~(0.5 + ndt[ti + 1] * 255); + img[qi + 2] = ~~(0.5 + ndt[ti + 2] * 255); + img[qi + 3] = 255; + } + else if (smpls == 4) + for (var i = 0; i < area; i++) { + var qi = i << 2, + ti = i * 4; + img[qi] = ~~(0.5 + ndt[ti] * 255); + img[qi + 1] = ~~(0.5 + ndt[ti + 1] * 255); + img[qi + 2] = ~~(0.5 + ndt[ti + 2] * 255); + img[qi + 3] = ~~(0.5 + ndt[ti + 3] * 255); + } + else throw smpls; + } else throw bps; + } else if (intp == 3) { + var map = out["t320"]; + var cn = 1 << bps; + + var nexta = bps == 8 && smpls > 1 && out["t338"] && out["t338"][0] != 0; + + for (var y = 0; y < h; y++) + for (var x = 0; x < w; x++) { + var i = y * w + x; + var qi = i << 2, + mi = 0; + var dof = y * bpl; + if (false) { + } else if (bps == 1) + mi = (data[dof + (x >>> 3)] >>> (7 - (x & 7))) & 1; + else if (bps == 2) + mi = (data[dof + (x >>> 2)] >>> (6 - 2 * (x & 3))) & 3; + else if (bps == 4) + mi = (data[dof + (x >>> 1)] >>> (4 - 4 * (x & 1))) & 15; + else if (bps == 8) mi = data[dof + x * smpls]; + else throw bps; + img[qi] = map[mi] >> 8; + img[qi + 1] = map[cn + mi] >> 8; + img[qi + 2] = map[cn + cn + mi] >> 8; + img[qi + 3] = nexta ? data[dof + x * smpls + 1] : 255; + } + } else if (intp == 5) { + var gotAlpha = smpls > 4 ? 1 : 0; + for (var i = 0; i < area; i++) { + var qi = i << 2, + si = i * smpls; + + if (window.UDOC) { + var C = data[si], + M = data[si + 1], + Y = data[si + 2], + K = data[si + 3]; + var c = UDOC.C.cmykToRgb([ + C * (1 / 255), + M * (1 / 255), + Y * (1 / 255), + K * (1 / 255), + ]); + img[qi] = ~~(0.5 + 255 * c[0]); + img[qi + 1] = ~~(0.5 + 255 * c[1]); + img[qi + 2] = ~~(0.5 + 255 * c[2]); + } else { + var C = 255 - data[si], + M = 255 - data[si + 1], + Y = 255 - data[si + 2], + K = (255 - data[si + 3]) * (1 / 255); + img[qi] = ~~(C * K + 0.5); + img[qi + 1] = ~~(M * K + 0.5); + img[qi + 2] = ~~(Y * K + 0.5); + } + + img[qi + 3] = 255 * (1 - gotAlpha) + data[si + 4] * gotAlpha; + } + } else if (intp == 6 && out["t278"]) { + // only for DSC_1538.TIF + var rps = out["t278"][0]; + for (var y = 0; y < h; y += rps) { + var i = y * w, + len = rps * w; + + for (var j = 0; j < len; j++) { + var qi = 4 * (i + j), + si = 3 * i + 4 * (j >>> 1); + var Y = data[si + (j & 1)], + Cb = data[si + 2] - 128, + Cr = data[si + 3] - 128; + + var r = Y + ((Cr >> 2) + (Cr >> 3) + (Cr >> 5)); + var g = + Y - + ((Cb >> 2) + (Cb >> 4) + (Cb >> 5)) - + ((Cr >> 1) + (Cr >> 3) + (Cr >> 4) + (Cr >> 5)); + var b = Y + (Cb + (Cb >> 1) + (Cb >> 2) + (Cb >> 6)); + + img[qi] = Math.max(0, Math.min(255, r)); + img[qi + 1] = Math.max(0, Math.min(255, g)); + img[qi + 2] = Math.max(0, Math.min(255, b)); + img[qi + 3] = 255; + } + } + } else if (intp == 32845) { + for (var y = 0; y < h; y++) + for (var x = 0; x < w; x++) { + var si = (y * w + x) * 6, + qi = (y * w + x) * 4; + var L = (data[si + 1] << 8) | data[si]; + + var L = Math.pow(2, (L + 0.5) / 256 - 64); + var u = (data[si + 3] + 0.5) / 410; + var v = (data[si + 5] + 0.5) / 410; + + // Luv to xyY + var sX = (9 * u) / (6 * u - 16 * v + 12); + var sY = (4 * v) / (6 * u - 16 * v + 12); + var bY = L; + + // xyY to XYZ + var X = (sX * bY) / sY, + Y = bY, + Z = ((1 - sX - sY) * bY) / sY; + + var r = 2.69 * X - 1.276 * Y - 0.414 * Z; + var g = -1.022 * X + 1.978 * Y + 0.044 * Z; + var b = 0.061 * X - 0.224 * Y + 1.163 * Z; + + img[qi] = gamma(Math.min(r, 1)) * 255; + img[qi + 1] = gamma(Math.min(g, 1)) * 255; + img[qi + 2] = gamma(Math.min(b, 1)) * 255; + img[qi + 3] = 255; + } + } else log("Unknown Photometric interpretation: " + intp); + return img; + }; + + UTIF.replaceIMG = function (imgs) { + if (imgs == null) imgs = document.getElementsByTagName("img"); + var sufs = ["tif", "tiff", "dng", "cr2", "nef"]; + for (var i = 0; i < imgs.length; i++) { + var img = imgs[i], + src = img.getAttribute("src"); + if (src == null) continue; + var suff = src.split(".").pop().toLowerCase(); + if (sufs.indexOf(suff) == -1) continue; + var xhr = new XMLHttpRequest(); + UTIF._xhrs.push(xhr); + UTIF._imgs.push(img); + xhr.open("GET", src); + xhr.responseType = "arraybuffer"; + xhr.onload = UTIF._imgLoaded; + xhr.send(); + } + }; + + UTIF._xhrs = []; + UTIF._imgs = []; + UTIF._imgLoaded = function (e) { + var ind = UTIF._xhrs.indexOf(e.target), + img = UTIF._imgs[ind]; + UTIF._xhrs.splice(ind, 1); + UTIF._imgs.splice(ind, 1); + + img.setAttribute("src", UTIF.bufferToURI(e.target.response)); + }; + + UTIF.bufferToURI = function (buff) { + var ifds = UTIF.decode(buff); //console.log(ifds); + var vsns = ifds, + ma = 0, + page = vsns[0]; + if (ifds[0].subIFD) vsns = vsns.concat(ifds[0].subIFD); + for (var i = 0; i < vsns.length; i++) { + var img = vsns[i]; + if (img["t258"] == null || img["t258"].length < 3) continue; + var ar = img["t256"] * img["t257"]; + if (ar > ma) { + ma = ar; + page = img; + } + } + UTIF.decodeImage(buff, page, ifds); + var rgba = UTIF.toRGBA8(page), + w = page.width, + h = page.height; + + var cnv = document.createElement("canvas"); + cnv.width = w; + cnv.height = h; + var ctx = cnv.getContext("2d"); + var imgd = new ImageData(new Uint8ClampedArray(rgba.buffer), w, h); + ctx.putImageData(imgd, 0, 0); + return cnv.toDataURL(); + }; + + UTIF._binBE = { + nextZero: function (data, o) { + while (data[o] != 0) o++; + return o; + }, + readUshort: function (buff, p) { + return (buff[p] << 8) | buff[p + 1]; + }, + readShort: function (buff, p) { + var a = UTIF._binBE.ui8; + a[0] = buff[p + 1]; + a[1] = buff[p + 0]; + return UTIF._binBE.i16[0]; + }, + readInt: function (buff, p) { + var a = UTIF._binBE.ui8; + a[0] = buff[p + 3]; + a[1] = buff[p + 2]; + a[2] = buff[p + 1]; + a[3] = buff[p + 0]; + return UTIF._binBE.i32[0]; + }, + readUint: function (buff, p) { + var a = UTIF._binBE.ui8; + a[0] = buff[p + 3]; + a[1] = buff[p + 2]; + a[2] = buff[p + 1]; + a[3] = buff[p + 0]; + return UTIF._binBE.ui32[0]; + }, + readASCII: function (buff, p, l) { + var s = ""; + for (var i = 0; i < l; i++) s += String.fromCharCode(buff[p + i]); + return s; + }, + readFloat: function (buff, p) { + var a = UTIF._binBE.ui8; + for (var i = 0; i < 4; i++) a[i] = buff[p + 3 - i]; + return UTIF._binBE.fl32[0]; + }, + readDouble: function (buff, p) { + var a = UTIF._binBE.ui8; + for (var i = 0; i < 8; i++) a[i] = buff[p + 7 - i]; + return UTIF._binBE.fl64[0]; + }, + + writeUshort: function (buff, p, n) { + buff[p] = (n >> 8) & 255; + buff[p + 1] = n & 255; + }, + writeInt: function (buff, p, n) { + var a = UTIF._binBE.ui8; + UTIF._binBE.i32[0] = n; + buff[p + 3] = a[0]; + buff[p + 2] = a[1]; + buff[p + 1] = a[2]; + buff[p + 0] = a[3]; + }, + writeUint: function (buff, p, n) { + buff[p] = (n >> 24) & 255; + buff[p + 1] = (n >> 16) & 255; + buff[p + 2] = (n >> 8) & 255; + buff[p + 3] = (n >> 0) & 255; + }, + writeASCII: function (buff, p, s) { + for (var i = 0; i < s.length; i++) buff[p + i] = s.charCodeAt(i); + }, + writeDouble: function (buff, p, n) { + UTIF._binBE.fl64[0] = n; + for (var i = 0; i < 8; i++) buff[p + i] = UTIF._binBE.ui8[7 - i]; + }, + }; + UTIF._binBE.ui8 = new Uint8Array(8); + UTIF._binBE.i16 = new Int16Array(UTIF._binBE.ui8.buffer); + UTIF._binBE.i32 = new Int32Array(UTIF._binBE.ui8.buffer); + UTIF._binBE.ui32 = new Uint32Array(UTIF._binBE.ui8.buffer); + UTIF._binBE.fl32 = new Float32Array(UTIF._binBE.ui8.buffer); + UTIF._binBE.fl64 = new Float64Array(UTIF._binBE.ui8.buffer); + + UTIF._binLE = { + nextZero: UTIF._binBE.nextZero, + readUshort: function (buff, p) { + return (buff[p + 1] << 8) | buff[p]; + }, + readShort: function (buff, p) { + var a = UTIF._binBE.ui8; + a[0] = buff[p + 0]; + a[1] = buff[p + 1]; + return UTIF._binBE.i16[0]; + }, + readInt: function (buff, p) { + var a = UTIF._binBE.ui8; + a[0] = buff[p + 0]; + a[1] = buff[p + 1]; + a[2] = buff[p + 2]; + a[3] = buff[p + 3]; + return UTIF._binBE.i32[0]; + }, + readUint: function (buff, p) { + var a = UTIF._binBE.ui8; + a[0] = buff[p + 0]; + a[1] = buff[p + 1]; + a[2] = buff[p + 2]; + a[3] = buff[p + 3]; + return UTIF._binBE.ui32[0]; + }, + readASCII: UTIF._binBE.readASCII, + readFloat: function (buff, p) { + var a = UTIF._binBE.ui8; + for (var i = 0; i < 4; i++) a[i] = buff[p + i]; + return UTIF._binBE.fl32[0]; + }, + readDouble: function (buff, p) { + var a = UTIF._binBE.ui8; + for (var i = 0; i < 8; i++) a[i] = buff[p + i]; + return UTIF._binBE.fl64[0]; + }, + + writeUshort: function (buff, p, n) { + buff[p] = n & 255; + buff[p + 1] = (n >> 8) & 255; + }, + writeInt: function (buff, p, n) { + var a = UTIF._binBE.ui8; + UTIF._binBE.i32[0] = n; + buff[p + 0] = a[0]; + buff[p + 1] = a[1]; + buff[p + 2] = a[2]; + buff[p + 3] = a[3]; + }, + writeUint: function (buff, p, n) { + buff[p] = (n >>> 0) & 255; + buff[p + 1] = (n >>> 8) & 255; + buff[p + 2] = (n >>> 16) & 255; + buff[p + 3] = (n >>> 24) & 255; + }, + writeASCII: UTIF._binBE.writeASCII, + }; + UTIF._copyTile = function (tb, tw, th, b, w, h, xoff, yoff) { + //log("copyTile", tw, th, w, h, xoff, yoff); + var xlim = Math.min(tw, w - xoff); + var ylim = Math.min(th, h - yoff); + for (var y = 0; y < ylim; y++) { + var tof = (yoff + y) * w + xoff; + var sof = y * tw; + for (var x = 0; x < xlim; x++) b[tof + x] = tb[sof + x]; + } + }; + + UTIF.LosslessJpegDecode = (function () { + var b, O; + function l() { + return b[O++]; + } + function m() { + return (b[O++] << 8) | b[O++]; + } + function a0(h) { + var V = l(), + I = [0, 0, 0, 255], + f = [], + G = 8; + for (var w = 0; w < 16; w++) f[w] = l(); + for (var w = 0; w < 16; w++) { + for (var x = 0; x < f[w]; x++) { + var T = z(I, 0, w + 1, 1); + I[T + 3] = l(); + } + } + var E = new Uint8Array(1 << G); + h[V] = [new Uint8Array(I), E]; + for (var w = 0; w < 1 << G; w++) { + var s = G, + _ = w, + Y = 0, + F = 0; + while (I[Y + 3] == 255 && s != 0) { + F = (_ >> --s) & 1; + Y = I[Y + F]; + } + E[w] = Y; + } + } + function z(h, V, I, f) { + if (h[V + 3] != 255) return 0; + if (I == 0) return V; + for (var w = 0; w < 2; w++) { + if (h[V + w] == 0) { + h[V + w] = h.length; + h.push(0, 0, f, 255); + } + var x = z(h, h[V + w], I - 1, f + 1); + if (x != 0) return x; + } + return 0; + } + function i(h) { + var V = h.b, + I = h.f; + while (V < 25 && h.a < h.d) { + var f = h.data[h.a++]; + if (f == 255 && !h.c) h.a++; + I = (I << 8) | f; + V += 8; + } + if (V < 0) throw "e"; + h.b = V; + h.f = I; + } + function H(h, V) { + if (V.b < h) i(V); + return (V.f >> (V.b -= h)) & (65535 >> (16 - h)); + } + function g(h, V) { + var I = h[0], + f = 0, + w = 255, + x = 0; + if (V.b < 16) i(V); + var T = (V.f >> (V.b - 8)) & 255; + f = h[1][T]; + w = I[f + 3]; + V.b -= I[f + 2]; + while (w == 255) { + x = (V.f >> --V.b) & 1; + f = I[f + x]; + w = I[f + 3]; + } + return w; + } + function P(h, V) { + if (h < 32768 >> (16 - V)) h += -(1 << V) + 1; + return h; + } + function a2(h, V) { + var I = g(h, V); + if (I == 0) return 0; + if (I == 16) return -32768; + var f = H(I, V); + return P(f, I); + } + function X(h, V, I, f, w, x) { + var T = 0; + for (var G = 0; G < x; G++) { + var s = G * V; + for (var _ = 0; _ < V; _ += w) { + T++; + for (var Y = 0; Y < w; Y++) h[s + _ + Y] = a2(f[Y], I); + } + if (I.e != 0 && T % I.e == 0 && G != 0) { + var F = I.a, + t = I.data; + while (t[F] != 255 || !(208 <= t[F + 1] && t[F + 1] <= 215)) F--; + I.a = F + 2; + I.f = 0; + I.b = 0; + } + } + } + function o(h, V) { + return P(H(h, V), h); + } + function a1(h, V, I, f, w) { + var x = b.length - O; + for (var T = 0; T < x; T += 4) { + var G = b[O + T]; + b[O + T] = b[O + T + 3]; + b[O + T + 3] = G; + var G = b[O + T + 1]; + b[O + T + 1] = b[O + T + 2]; + b[O + T + 2] = G; + } + for (var E = 0; E < w; E++) { + var s = 32768, + _ = 32768; + for (var Y = 0; Y < V; Y += 2) { + var F = g(f, I), + t = g(f, I); + if (F != 0) s += o(F, I); + if (t != 0) _ += o(t, I); + h[E * V + Y] = s & 65535; + h[E * V + Y + 1] = _ & 65535; + } + } + } + function C(h) { + b = h; + O = 0; + if (m() != 65496) throw "e"; + var V = [], + I = 0, + f = 0, + w = 0, + x = [], + T = [], + G = [], + E = 0, + s = 0, + _ = 0; + while (!0) { + var Y = m(); + if (Y == 65535) { + O--; + continue; + } + var F = m(); + if (Y == 65475) { + f = l(); + s = m(); + _ = m(); + E = l(); + for (var t = 0; t < E; t++) { + var a = l(), + J = l(), + r = l(); + if (r != 0) throw "e"; + V[a] = [t, J >> 4, J & 15]; + } + } else if (Y == 65476) { + var a3 = O + F - 2; + while (O < a3) a0(T); + } else if (Y == 65498) { + O++; + for (var t = 0; t < E; t++) { + var a5 = l(), + v = V[a5]; + G[v[0]] = T[l() >>> 4]; + x[v[0]] = v.slice(1); + } + I = l(); + O += 2; + break; + } else if (Y == 65501) { + w = m(); + } else { + O += F - 2; + } + } + var a4 = f > 8 ? Uint16Array : Uint8Array, + $ = new a4(s * _ * E), + M = { b: 0, f: 0, c: I == 8, a: O, data: b, d: b.length, e: w }; + if (M.c) a1($, _ * E, M, G[0], s); + else { + var c = [], + p = 0, + D = 0; + for (var t = 0; t < E; t++) { + var N = x[t], + S = N[0], + K = N[1]; + if (S > p) p = S; + if (K > D) D = K; + c.push(S * K); + } + if (p != 1 || D != 1) { + if (E != 3 || c[1] != 1 || c[2] != 1) throw "e"; + if (p != 2 || (D != 1 && D != 2)) throw "e"; + var u = [], + Z = 0; + for (var t = 0; t < E; t++) { + for (var R = 0; R < c[t]; R++) u.push(G[t]); + Z += c[t]; + } + var B = _ / p, + e = s / D, + d = B * e; + X($, B * Z, M, u, Z, e); + j($, I, B, e, Z - 2, Z, Z, f); + var A = new Uint16Array(d * c[0]); + if (p == 2 && D == 2) { + for (var t = 0; t < d; t++) { + A[4 * t] = $[6 * t]; + A[4 * t + 1] = $[6 * t + 1]; + A[4 * t + 2] = $[6 * t + 2]; + A[4 * t + 3] = $[6 * t + 3]; + } + j(A, I, B * 4, e, 0, 1, 1, f); + for (var t = 0; t < d; t++) { + $[6 * t] = A[4 * t]; + $[6 * t + 1] = A[4 * t + 1]; + $[6 * t + 2] = A[4 * t + 2]; + $[6 * t + 3] = A[4 * t + 3]; + } + } + if (p == 2 && D == 1) { + for (var t = 0; t < d; t++) { + A[2 * t] = $[4 * t]; + A[2 * t + 1] = $[4 * t + 1]; + } + j(A, I, B * 2, e, 0, 1, 1, f); + for (var t = 0; t < d; t++) { + $[4 * t] = A[2 * t]; + $[4 * t + 1] = A[2 * t + 1]; + } + } + var n = $.slice(0); + for (var K = 0; K < s; K++) { + if (D == 2) + for (var S = 0; S < _; S++) { + var q = (K * _ + S) * E, + k = ((K >>> 1) * B + (S >>> 1)) * Z, + y = (K & 1) * 2 + (S & 1); + $[q] = n[k + y]; + $[q + 1] = n[k + 4]; + $[q + 2] = n[k + 5]; + } + else + for (var S = 0; S < _; S++) { + var q = (K * _ + S) * E, + k = (K * B + (S >>> 1)) * Z, + y = S & 1; + $[q] = n[k + y]; + $[q + 1] = n[k + 2]; + $[q + 2] = n[k + 3]; + } + } + } else { + X($, _ * E, M, G, E, s); + if (w == 0) j($, I, _, s, 0, E, E, f); + else { + var U = Math.floor(w / _); + for (var K = 0; K < s; K += U) { + var L = $.slice(K * _ * E, (K + U) * _ * E); + j(L, I, _, U, 0, E, E, f); + $.set(L, K * _ * E); + } + } + } + } + return $; + } + function j(h, V, I, f, w, x, G, E) { + var s = I * G; + for (var _ = w; _ < x; _++) h[_] += 1 << (E - 1); + for (var Y = G; Y < s; Y += G) + for (var _ = w; _ < x; _++) h[Y + _] += h[Y + _ - G]; + for (var F = 1; F < f; F++) { + var t = F * s; + for (var _ = w; _ < x; _++) h[t + _] += h[t + _ - s]; + for (var Y = G; Y < s; Y += G) { + for (var _ = w; _ < x; _++) { + var a = t + Y + _, + J = a - s, + r = h[a - G], + Q = 0; + if (V == 0) Q = 0; + else if (V == 1) Q = r; + else if (V == 2) Q = h[J]; + else if (V == 3) Q = h[J - G]; + else if (V == 4) Q = r + (h[J] - h[J - G]); + else if (V == 5) Q = r + ((h[J] - h[J - G]) >>> 1); + else if (V == 6) Q = h[J] + ((r - h[J - G]) >>> 1); + else if (V == 7) Q = (r + h[J]) >>> 1; + else throw V; + h[a] += Q; + } + } + } + } + return C; + })(); + + (function () { + var G = 0, + F = 1, + i = 2, + b = 3, + J = 4, + N = 5, + E = 6, + s = 7, + c = 8, + T = 9, + a3 = 10, + f = 11, + q = 12, + M = 13, + m = 14, + x = 15, + L = 16, + $ = 17, + p = 18; + function a5(t) { + var Z = UTIF._binBE.readUshort, + u = { + b: Z(t, 0), + i: t[2], + C: t[3], + u: t[4], + q: Z(t, 5), + k: Z(t, 7), + e: Z(t, 9), + l: Z(t, 11), + s: t[13], + d: Z(t, 14), + }; + if ( + u.b != 18771 || + u.i > 1 || + u.q < 6 || + u.q % 6 || + u.e < 768 || + u.e % 24 || + u.l != 768 || + u.k < u.l || + u.k % u.l || + u.k - u.e >= u.l || + u.s > 16 || + u.s != u.k / u.l || + u.s != Math.ceil(u.e / u.l) || + u.d != u.q / 6 || + (u.u != 12 && u.u != 14 && u.u != 16) || + (u.C != 16 && u.C != 0) + ) { + throw "Invalid data"; + } + if (u.i == 0) { + throw "Not implemented. We need this file!"; + } + u.h = u.C == 16; + u.m = (u.h ? (u.l * 2) / 3 : u.l >>> 1) | 0; + u.A = u.m + 2; + u.f = 64; + u.g = (1 << u.u) - 1; + u.n = 4 * u.u; + return u; + } + function a7(t, Z) { + var u = new Array(Z.s), + e = 4 * Z.s, + Q = 16 + e; + if (e & 12) Q += 16 - (e & 12); + for (var V = 0, O = 16; V < Z.s; O += 4) { + var o = UTIF._binBE.readUint(t, O); + u[V] = t.slice(Q, Q + o); + u[V].j = 0; + u[V].a = 0; + Q += o; + V++; + } + if (Q != t.length) throw "Invalid data"; + return u; + } + function a6(t, Z) { + for (var u = -Z[4], e = 0; u <= Z[4]; e++, u++) { + t[e] = + u <= -Z[3] + ? -4 + : u <= -Z[2] + ? -3 + : u <= -Z[1] + ? -2 + : u < -Z[0] + ? -1 + : u <= Z[0] + ? 0 + : u < Z[1] + ? 1 + : u < Z[2] + ? 2 + : u < Z[3] + ? 3 + : 4; + } + } + function a1(t, Z, u) { + var e = [Z, 3 * Z + 18, 5 * Z + 67, 7 * Z + 276, u]; + t.o = Z; + t.w = ((e[4] + 2 * Z) / (2 * Z + 1) + 1) | 0; + t.v = Math.ceil(Math.log2(t.w)); + t.t = 9; + a6(t.c, e); + } + function a2(t) { + var Z = { c: new Int8Array(2 << t.u) }; + a1(Z, 0, t.g); + return Z; + } + function D(t) { + var Z = [[], [], []], + u = Math.max(2, (t.w + 32) >>> 6); + for (var e = 0; e < 3; e++) { + for (var Q = 0; Q < 41; Q++) { + Z[e][Q] = [u, 1]; + } + } + return Z; + } + function a4(t) { + for (var Z = -1, u = 0; !u; Z++) { + u = (t[t.j] >>> (7 - t.a)) & 1; + t.a++; + t.a &= 7; + if (!t.a) t.j++; + } + return Z; + } + function K(t, Z) { + var u = 0, + e = 8 - t.a, + Q = t.j, + V = t.a; + if (Z) { + if (Z >= e) { + do { + u <<= e; + Z -= e; + u |= t[t.j] & ((1 << e) - 1); + t.j++; + e = 8; + } while (Z >= 8); + } + if (Z) { + u <<= Z; + e -= Z; + u |= (t[t.j] >>> e) & ((1 << Z) - 1); + } + t.a = 8 - e; + } + return u; + } + function a0(t, Z) { + var u = 0; + if (Z < t) { + while (u <= 14 && Z << ++u < t); + } + return u; + } + function r(t, Z, u, e, Q, V, O, o) { + if (o == null) o = 0; + var X = V + 1, + k = X % 2, + j = 0, + I = 0, + a = 0, + l, + R, + w = e[Q], + S = e[Q - 1], + H = e[Q - 2][X], + g = S[X - 1], + Y = S[X], + P = S[X + 1], + A = w[X - 1], + v = w[X + 1], + y = Math.abs, + d, + C, + n, + h; + if (k) { + d = y(P - Y); + C = y(H - Y); + n = y(g - Y); + } + if (k) { + h = d > n && C < d ? H + g : d < n && C < n ? H + P : P + g; + h = (h + 2 * Y) >>> 2; + if (o) { + w[X] = h; + return; + } + l = Z.t * Z.c[t.g + Y - H] + Z.c[t.g + g - Y]; + } else { + h = + (Y > g && Y > P) || (Y < g && Y < P) + ? (v + A + 2 * Y) >>> 2 + : (A + v) >>> 1; + l = Z.t * Z.c[t.g + Y - g] + Z.c[t.g + g - A]; + } + R = y(l); + var W = a4(u); + if (W < t.n - Z.v - 1) { + var z = a0(O[R][0], O[R][1]); + a = K(u, z) + (W << z); + } else { + a = K(u, Z.v) + 1; + } + a = a & 1 ? -1 - (a >>> 1) : a >>> 1; + O[R][0] += y(a); + if (O[R][1] == t.f) { + O[R][0] >>>= 1; + O[R][1] >>>= 1; + } + O[R][1]++; + h = l < 0 ? h - a : h + a; + if (t.i) { + if (h < 0) h += Z.w; + else if (h > t.g) h -= Z.w; + } + w[X] = h >= 0 ? Math.min(h, t.g) : 0; + } + function U(t, Z, u) { + var e = t[0].length; + for (var Q = Z; Q <= u; Q++) { + t[Q][0] = t[Q - 1][1]; + t[Q][e - 1] = t[Q - 1][e - 2]; + } + } + function B(t) { + U(t, s, q); + U(t, i, J); + U(t, x, $); + } + function _(t, Z, u, e, Q, V, O, o, X, k, j, I, a) { + var l = 0, + R = 1, + w = Q < M && Q > J; + while (R < t.m) { + if (l < t.m) { + r( + t, + Z, + u, + e, + Q, + l, + O[X], + t.h && ((w && k) || (!w && (j || (l & I) == a))), + ); + r( + t, + Z, + u, + e, + V, + l, + O[X], + t.h && ((!w && k) || (w && (j || (l & I) == a))), + ); + l += 2; + } + if (l > 8) { + r(t, Z, u, e, Q, R, o[X]); + r(t, Z, u, e, V, R, o[X]); + R += 2; + } + } + B(e); + } + function a8(t, Z, u, e, Q, V) { + _(t, Z, u, e, i, s, Q, V, 0, 0, 1, 0, 8); + _(t, Z, u, e, c, x, Q, V, 1, 0, 1, 0, 8); + _(t, Z, u, e, b, T, Q, V, 2, 1, 0, 3, 0); + _(t, Z, u, e, a3, L, Q, V, 0, 0, 0, 3, 2); + _(t, Z, u, e, J, f, Q, V, 1, 0, 0, 3, 2); + _(t, Z, u, e, q, $, Q, V, 2, 1, 0, 3, 0); + } + function a9(t, Z, u, e, Q, V) { + var O = V.length, + o = t.l; + if (Q + 1 == t.s) o = t.e - Q * t.l; + var X = 6 * t.e * e + Q * t.l; + for (var k = 0; k < 6; k++) { + for (var j = 0; j < o; j++) { + var I = V[k % O][j % O], + a; + if (I == 0) { + a = i + (k >>> 1); + } else if (I == 2) { + a = x + (k >>> 1); + } else { + a = s + k; + } + var l = t.h + ? ((((j * 2) / 3) & 2147483646) | (j % 3 & 1)) + (j % 3 >>> 1) + : j >>> 1; + Z[X + j] = u[a][l + 1]; + } + X += t.e; + } + } + UTIF._decompressRAF = function (t, Z) { + var u = a5(t), + e = a7(t, u), + Q = a2(u), + V = new Int16Array(u.e * u.q); + if (Z == null) { + Z = u.h + ? [ + [1, 1, 0, 1, 1, 2], + [1, 1, 2, 1, 1, 0], + [2, 0, 1, 0, 2, 1], + [1, 1, 2, 1, 1, 0], + [1, 1, 0, 1, 1, 2], + [0, 2, 1, 2, 0, 1], + ] + : [ + [0, 1], + [3, 2], + ]; + } + var O = [ + [G, b], + [F, J], + [N, f], + [E, q], + [M, L], + [m, $], + ], + o = []; + for (var X = 0; X < p; X++) { + o[X] = new Uint16Array(u.A); + } + for (var k = 0; k < u.s; k++) { + var j = D(Q), + I = D(Q); + for (var X = 0; X < p; X++) { + for (var a = 0; a < u.A; a++) { + o[X][a] = 0; + } + } + for (var l = 0; l < u.d; l++) { + a8(u, Q, e[k], o, j, I); + for (var X = 0; X < 6; X++) { + for (var a = 0; a < u.A; a++) { + o[O[X][0]][a] = o[O[X][1]][a]; + } + } + a9(u, V, o, l, k, Z); + for (var X = i; X < p; X++) { + if ([N, E, M, m].indexOf(X) == -1) { + for (var a = 0; a < u.A; a++) { + o[X][a] = 0; + } + } + } + B(o); + } + } + return V; + }; + })(); + })(UTIF, pako); +})(); diff --git a/frontend/src/components/context.tsx b/frontend/src/components/context.tsx index c4fcfa8..16a0856 100644 --- a/frontend/src/components/context.tsx +++ b/frontend/src/components/context.tsx @@ -1,49 +1,60 @@ import React, { useState } from "react"; -import AppContext, { AnalysisInfo, ImageLoadInfo, MenuState, ErrorMessage } from "./interfaces"; +import AppContext, { + AnalysisInfo, + ImageLoadInfo, + MenuState, + ErrorMessage, +} from "./interfaces"; const AppContextProvider = (props: { - children: React.ReactElement>; + children: React.ReactElement>; }) => { - // user files - const [imageInfo, setImageInfo] = useState(null); - const [previewImg, setPreviewImg] = useState(null); - // user options - const [selectedPhase, setSelectedPhase] = useState(0); - const [selectedConf, setSelectedConf] = useState(95); - const [errVF, setErrVF] = useState(5); - const [targetL, setTargetL] = useState(null); - const [pfB, setPfB] = useState(null); - // server data - const [accurateFractions, setAccurateFractions] = useState<{ [val: number]: number } | null>(null); - const [analysisInfo, setAnalysisInfo] = useState(null); - // control flow - const [menuState, setMenuState] = useState('hidden'); - const [errorState, setErrorState] = useState({ msg: "", stackTrace: "" }); - const [showWarning, setShowWarning] = useState<"" | "cls" | "size" | "over">(""); - const [showInfo, setShowInfo] = useState(false); + // user + const [selectedImgIdx, setSelectedImgIdx] = useState(0); + const [imageInfo, setImageInfo] = useState(null); + const [allImageInfos, setAllImageInfos] = useState([]); + const [previewImg, setPreviewImg] = useState(null); + // user options + const [selectedPhase, setSelectedPhase] = useState(0); + const [selectedConf, setSelectedConf] = useState(95); + const [errVF, setErrVF] = useState(5); + const [targetL, setTargetL] = useState(null); + const [pfB, setPfB] = useState(null); + // server data + const [analysisInfo, setAnalysisInfo] = useState(null); + // control flow + const [menuState, setMenuState] = useState("hidden"); + const [errorState, setErrorState] = useState({ + msg: "", + stackTrace: "", + }); + const [showWarning, setShowWarning] = useState<"" | "cls" | "size" | "over">( + "", + ); + const [showInfo, setShowInfo] = useState(false); + return ( + + {props.children} + + ); +}; - return ( - - {props.children} - - ); -} - -export default AppContextProvider; \ No newline at end of file +export default AppContextProvider; diff --git a/frontend/src/components/imageLogic.tsx b/frontend/src/components/imageLogic.tsx index de6290c..dd34044 100644 --- a/frontend/src/components/imageLogic.tsx +++ b/frontend/src/components/imageLogic.tsx @@ -1,124 +1,190 @@ -import { ImageLoadInfo } from "./interfaces" +import { ImageLoadInfo } from "./interfaces"; const UTIF = require("./UTIF.js"); -const checkPhases = (arr: Uint8ClampedArray, nChannels: number = 4) => { - // given 2D image data, find N unique values, if > 6 call it unsegmented - // ASSUMES RGBA ARRAYS: valid as UTIF decodes to RGBA - const uniqueColours = arr.filter((_, i, __) => { return i % nChannels == 0 }) - const uniqueValues = [... new Set(uniqueColours)].sort(); // create Set (only unique vals) then unpack into arr - const nPhases = uniqueValues.length; - const segmented = (nPhases < 6) ? true : false; - // TODO: if data RGBA then opacity will be counted as phase - this is bug - // need to explictly look for unique rgb values - return { nPhases: nPhases, segmented: segmented, vals: uniqueValues }; -} +type PhaseCheck = { nPhases: number; segmented: boolean; vals: number[] }; +const checkPhases = ( + arr: Uint8ClampedArray, + nChannels: number = 4, +): PhaseCheck => { + // given 2D image data, find N unique values, if > 6 call it unsegmented + // ASSUMES RGBA ARRAYS: valid as UTIF decodes to RGBA + const uniqueColours = arr.filter((_, i, __) => { + return i % nChannels == 0; + }); + const uniqueValues = [...new Set(uniqueColours)].sort((a, b) => a - b); // create Set (only unique vals) then unpack into arr + const nPhases = uniqueValues.length; + const segmented = nPhases < 6 ? true : false; + // TODO: if data RGBA then opacity will be counted as phase - this is bug + // need to explictly look for unique rgb values + return { nPhases: nPhases, segmented: segmented, vals: uniqueValues }; +}; const findNChannels = (arr: Uint8ClampedArray, ih: number, iw: number) => { - return Math.round(arr.length / (ih * iw)) -} - -export const replaceGreyscaleWithColours = (arr: Uint8ClampedArray, mapping: { [greyVal: number]: Array }, nChannels: number = 4) => { - const nPixels = Math.floor(arr.length / nChannels); - const out = new Uint8ClampedArray(nPixels * 4).fill(0); - for (let i = 0; i < nPixels; i = i + 1) { - const queryVal = arr[nChannels * i]; - if (queryVal in mapping) { - const [R, G, B, A] = mapping[queryVal]; - out[4 * i] = R; - out[4 * i + 1] = G; - out[4 * i + 2] = B; - out[4 * i + 3] = A; - } + return Math.round(arr.length / (ih * iw)); +}; + +export const replaceGreyscaleWithColours = ( + arr: Uint8ClampedArray, + mapping: { [greyVal: number]: Array }, + nChannels: number = 4, +) => { + const nPixels = Math.floor(arr.length / nChannels); + const out = new Uint8ClampedArray(nPixels * 4).fill(0); + for (let i = 0; i < nPixels; i = i + 1) { + const queryVal = arr[nChannels * i]; + if (queryVal in mapping) { + const [R, G, B, A] = mapping[queryVal]; + out[4 * i] = R; + out[4 * i + 1] = G; + out[4 * i + 2] = B; + out[4 * i + 3] = A; } - return out; -} - -export const getPhaseFraction = (arr: Uint8ClampedArray, val: number, nChannels: number = 4) => { - const uniqueVals = arr.filter((_, i, __) => { return i % nChannels == 0 }) - const matching = uniqueVals.filter((v) => v == val); - if (arr.length == 0) {return 0} - return (matching.length) / (arr.length / nChannels); -} + } + return out; +}; + +export const getPhaseFraction = ( + arr: Uint8ClampedArray, + val: number, + nChannels: number = 4, +) => { + const uniqueVals = arr.filter((_, i, __) => { + return i % nChannels == 0; + }); + const matching = uniqueVals.filter((v) => v == val); + if (arr.length == 0) { + return 0; + } + return matching.length / (arr.length / nChannels); +}; + +const imageInfoLoadHelper = ( + arr: ImageData, + img: HTMLImageElement, + nDims: 2 | 3, + phaseCheck: PhaseCheck, + h: number, + w: number, + d: number, +): ImageLoadInfo => { + const phaseFracs = Object.fromEntries( + phaseCheck.vals.map((v) => [v, getPhaseFraction(arr.data, v)]), + ); + + return { + file: null, + previewData: arr, + previewImg: img, + nDims: nDims, + nPhases: phaseCheck.nPhases, + phaseVals: phaseCheck.vals, + segmented: phaseCheck.segmented, + height: h, + width: w, + depth: d, + phaseFractions: phaseFracs, + isAccurate: false, + }; +}; export const loadFromTIFF = (tiffBuffer: ArrayBuffer): ImageLoadInfo => { - const tifs: Array = UTIF.decode(tiffBuffer); - const tif = tifs[0]; - // this needs to be done in-place before we can read the data - UTIF.decodeImage(tiffBuffer, tif); - - const imgDataArr = new Uint8ClampedArray(UTIF.toRGBA8(tif)); - const imgData = new ImageData(imgDataArr, tif.width, tif.height); - const img = getImagefromImageData(imgData, tif.height, tif.width); - - const nDims = (tifs.length > 1) ? 3 : 2; - - const phaseCheck = checkPhases(imgDataArr); - - return { - file: null, - previewData: imgData, - previewImg: img, - nDims: nDims, - nPhases: phaseCheck.nPhases, - phaseVals: phaseCheck.vals, - segmented: phaseCheck.segmented, - height: tif.height, - width: tif.width, - depth: tifs.length, - }; -} + const tifs: Array = UTIF.decode(tiffBuffer); + const tif = tifs[0]; + // this needs to be done in-place before we can read the data + UTIF.decodeImage(tiffBuffer, tif); + + const imgDataArr = new Uint8ClampedArray(UTIF.toRGBA8(tif)); + const imgData = new ImageData(imgDataArr, tif.width, tif.height); + const img = getImagefromImageData(imgData, tif.height, tif.width); + + const nDims = tifs.length > 1 ? 3 : 2; + + const phaseCheck = checkPhases(imgDataArr); + + return imageInfoLoadHelper( + imgData, + img, + nDims, + phaseCheck, + tif.height, + tif.width, + tifs.length, + ); +}; const getImageDataFromImage = (image: HTMLImageElement): ImageData => { - // create temp canvas, draw image, get image data from canvas and return - const tmpCanvas = document.createElement("canvas"); - const tmpContext = tmpCanvas.getContext("2d")!; - - tmpCanvas.width = image.width; - tmpCanvas.height = image.height; - tmpContext.drawImage(image, 0, 0); - - const data = tmpContext.getImageData(0, 0, image.width, image.height); - tmpCanvas.remove(); - return data; -} - -export const getImagefromImageData = (imageData: ImageData, height: number, width: number): HTMLImageElement => { - const tmpCanvas = document.createElement("canvas"); - const tmpContext = tmpCanvas.getContext("2d")!; - - tmpCanvas.height = height; - tmpCanvas.width = width; - tmpContext.putImageData(imageData, 0, 0); - - const img = new Image(width, height); - img.src = tmpCanvas.toDataURL(); - tmpCanvas.remove(); - return img; -} + // create temp canvas, draw image, get image data from canvas and return + const tmpCanvas = document.createElement("canvas"); + const tmpContext = tmpCanvas.getContext("2d")!; + + tmpCanvas.width = image.width; + tmpCanvas.height = image.height; + tmpContext.drawImage(image, 0, 0); + + const data = tmpContext.getImageData(0, 0, image.width, image.height); + tmpCanvas.remove(); + return data; +}; + +export const getImagefromImageData = ( + imageData: ImageData, + height: number, + width: number, +): HTMLImageElement => { + const tmpCanvas = document.createElement("canvas"); + const tmpContext = tmpCanvas.getContext("2d")!; + + tmpCanvas.height = height; + tmpCanvas.width = width; + tmpContext.putImageData(imageData, 0, 0); + + const img = new Image(width, height); + img.src = tmpCanvas.toDataURL(); + tmpCanvas.remove(); + return img; +}; export const loadFromImage = async (href: string): Promise => { - // load href to Image element, draw to temp canvas to extract pixel data - const img = new Image(); - img.src = href; - // decode ~ 'promisified onload handler' i.e blocks until source loaded - await img.decode(); - - const imgData = getImageDataFromImage(img); - const nChannels = findNChannels(imgData.data, img.height, img.width) - console.log('n channels:' + String(nChannels)) - const phaseCheck = checkPhases(imgData.data, nChannels); - - return { - file: null, - previewData: imgData, - previewImg: img, - nDims: 2, - nPhases: phaseCheck.nPhases, - phaseVals: phaseCheck.vals, - segmented: phaseCheck.segmented, - height: img.height, - width: img.width, - depth: 1 - }; -} \ No newline at end of file + // load href to Image element, draw to temp canvas to extract pixel data + const img = new Image(); + img.src = href; + // decode ~ 'promisified onload handler' i.e blocks until source loaded + await img.decode(); + + const imgData = getImageDataFromImage(img); + const nChannels = findNChannels(imgData.data, img.height, img.width); + const phaseCheck = checkPhases(imgData.data, nChannels); + + return imageInfoLoadHelper( + imgData, + img, + 2, + phaseCheck, + img.height, + img.width, + 1, + ); +}; + +export const mean = (arr: number[]) => { + return ( + arr.reduce((acc, v) => { + return acc + v; + }) / arr.length + ); +}; + +export const getNImagesForTargetL = ( + imageInfo: ImageLoadInfo, + l: number, + to_subtract: number = 1, +) => { + const ii = imageInfo; + const vol = + ii?.nDims! == 3 + ? ii?.height! * ii?.width! * ii?.width! + : ii?.height! * ii?.width!; + const nMore = Math.ceil(Math.pow(l!, imageInfo?.nDims!) / vol) - to_subtract; + return nMore; +}; diff --git a/frontend/src/components/interfaces.tsx b/frontend/src/components/interfaces.tsx index cec1e5b..c9de665 100644 --- a/frontend/src/components/interfaces.tsx +++ b/frontend/src/components/interfaces.tsx @@ -1,130 +1,131 @@ import { createContext } from "react"; interface contextProps { - imageInfo: [ - imageInfo: ImageLoadInfo | null, - setImageInfo: (e: ImageLoadInfo | null) => void - ] - previewImg: [ - previewImg: HTMLImageElement | null, - setPreviewImg: (e: HTMLImageElement | null) => void - ]; - selectedPhase: [ - selectedPhase: number, - setSelectedPhase: (e: number) => void - ]; - selectedConf: [ - selectedConf: number, - setSelectedNumber: (e: number) => void - ]; - errVF: [ - errVF: number, - setErrVF: (e: number) => void, - ]; - targetL: [ - targetL: number | null, - setTargetL: (e: number | null) => void, - ]; - pfB: [ - pfB: number[] | null, - setpfB: (e: number[] | null) => void, - ]; - accurateFractions: [ - accurateFractions: { [val: number]: number } | null, - setAccurateFractions: (e: { [val: number]: number } | null) => void, - ] - analysisInfo: [ - analysisInfo: AnalysisInfo | null, - setAnalysisInfo: (e: AnalysisInfo | null) => void - ] - // what do I need to store from azure? cls, z, l - menuState: [ - menuState: MenuState, - setMenuState: (e: MenuState) => void - ]; - errorState: [ - errorState: ErrorMessage, - setErrorState: (e: ErrorMessage) => void - ]; - showWarning: [ - showWarning: "" | "cls" | "size" | "over", - setShowWarning: (e: "" | "cls" | "size" | "over") => void - ] - showInfo: [ - showInfo: boolean, - setShowInfo: (e: boolean) => void - ], -}; + selectedImgIdx: [ + selectedImgIdx: number, + setSelectedImgIdx: (e: number) => void, + ]; + imageInfo: [ + imageInfo: ImageLoadInfo | null, + setImageInfo: (e: ImageLoadInfo | null) => void, + ]; + allImageInfos: [ + allImageInfos: ImageLoadInfo[], + setAllImageInfos: (e: ImageLoadInfo[]) => void, + ]; + previewImg: [ + previewImg: HTMLImageElement | null, + setPreviewImg: (e: HTMLImageElement | null) => void, + ]; + selectedPhase: [selectedPhase: number, setSelectedPhase: (e: number) => void]; + selectedConf: [selectedConf: number, setSelectedNumber: (e: number) => void]; + errVF: [errVF: number, setErrVF: (e: number) => void]; + targetL: [targetL: number | null, setTargetL: (e: number | null) => void]; + pfB: [pfB: number[] | null, setpfB: (e: number[] | null) => void]; + analysisInfo: [ + analysisInfo: AnalysisInfo | null, + setAnalysisInfo: (e: AnalysisInfo | null) => void, + ]; + // what do I need to store from azure? cls, z, l + menuState: [menuState: MenuState, setMenuState: (e: MenuState) => void]; + errorState: [ + errorState: ErrorMessage, + setErrorState: (e: ErrorMessage) => void, + ]; + showWarning: [ + showWarning: "" | "cls" | "size" | "over", + setShowWarning: (e: "" | "cls" | "size" | "over") => void, + ]; + showInfo: [showInfo: boolean, setShowInfo: (e: boolean) => void]; +} const AppContext = createContext(null); export default AppContext; - export interface DragDropProps { - loadFromFile: (file: File) => void; + loadFromFile: (file: File) => void; } export interface TopbarProps { - loadFromFile: (file: File) => void; - reset: () => void; - changePhase: () => void; + loadFromFile: (file: File) => void; + reset: () => void; + changePhase: () => void; + selectedImgIdx: number; + setSelectedImgIdx: (e: number) => void; + nImgs: number; } export function rgbaToHex(r: number, g: number, b: number, a: number) { - // from user 'Sotos' https://stackoverflow.com/questions/49974145/how-to-convert-rgba-to-hex-color-code-using-javascript - const red = r.toString(16).padStart(2, '0'); - const green = g.toString(16).padStart(2, '0'); - const blue = b.toString(16).padStart(2, '0'); - const alpha = Math.round(a).toString(16).padStart(2, '0'); - return `#${red}${green}${blue}${alpha}`; + // from user 'Sotos' https://stackoverflow.com/questions/49974145/how-to-convert-rgba-to-hex-color-code-using-javascript + const red = r.toString(16).padStart(2, "0"); + const green = g.toString(16).padStart(2, "0"); + const blue = b.toString(16).padStart(2, "0"); + const alpha = Math.round(a).toString(16).padStart(2, "0"); + return `#${red}${green}${blue}${alpha}`; } -export const colours: number[][] = [[255, 255, 255, 255], [31, 119, 180, 255], [255, 127, 14, 255], [44, 160, 44, 255], [214, 39, 40, 255], [148, 103, 189, 255], [140, 86, 75, 255]] -export const IR_LIMIT_PX = 70 - -export type MenuState = "hidden" | "phase" | "conf" | "processing" | "conf_result_full" | "conf_result" | "length" +export const colours: number[][] = [ + [255, 255, 255, 255], + [31, 119, 180, 255], + [255, 127, 14, 255], + [44, 160, 44, 255], + [214, 39, 40, 255], + [148, 103, 189, 255], + [140, 86, 75, 255], +]; +export const IR_LIMIT_PX = 70; +export type MenuState = + | "hidden" + | "phase" + | "conf" + | "processing" + | "conf_result_full" + | "conf_result" + | "length"; export interface ImageLoadInfo { - file: File | null; - previewData: ImageData; //use previewData.data to get raw arr - previewImg: HTMLImageElement; - nDims: 2 | 3; - nPhases: number; - phaseVals: Array; - segmented: boolean; - height: number; - width: number; - depth: number; + file: File | null; + previewData: ImageData; //use previewData.data to get raw arr + previewImg: HTMLImageElement; + nDims: 2 | 3; + nPhases: number; + phaseVals: Array; + segmented: boolean; + height: number; + width: number; + depth: number; + phaseFractions: Record; + isAccurate: boolean; } export interface AnalysisInfo { - integralRange: number, - z: number, - stdModel: number - percentageErr: number, - absError: number, - lForDefaultErr: number, - vf: number, - pf: Array, - cumSumSum: Array + integralRange: number; + z: number; + stdModel: number; + percentageErr: number; + absError: number; + lForDefaultErr: number; + vf: number; + pf: Array; + cumSumSum: Array; } export interface DrawStyle { - fillColour: string, - lineColour: string, - lineWidth: number, - toFill: boolean, - lineCap: CanvasPathDrawingStyles["lineCap"] | null, - lineDash: Array | null, + fillColour: string; + lineColour: string; + lineWidth: number; + toFill: boolean; + lineCap: CanvasPathDrawingStyles["lineCap"] | null; + lineDash: Array | null; } export interface ErrorMessage { - msg: string; - stackTrace: string; + msg: string; + stackTrace: string; } export interface Point { - x: number; - y: number -} \ No newline at end of file + x: number; + y: number; +} diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx index 5f67c79..af060b8 100644 --- a/frontend/src/index.tsx +++ b/frontend/src/index.tsx @@ -1,4 +1,3 @@ -import * as React from "react"; import { createRoot } from "react-dom/client"; import { BrowserRouter, Route, Routes } from "react-router-dom"; import AppContextProvider from "./components/context"; @@ -12,5 +11,5 @@ root.render( } /> - + , ); diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json index 7f8b252..fc349f1 100644 --- a/frontend/tsconfig.json +++ b/frontend/tsconfig.json @@ -1,10 +1,6 @@ { "compilerOptions": { - "lib": [ - "dom", - "dom.iterable", - "esnext" - ], + "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, @@ -23,13 +19,6 @@ "outDir": "./dist/", "sourceMap": true }, - "include": [ - "next-env.d.ts", - "**/*.ts", - "**/*.tsx", - "src", - ], - "exclude": [ - "node_modules" - ], -} \ No newline at end of file + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "src"], + "exclude": ["node_modules"] +} diff --git a/representativity/core.py b/representativity/core.py index 89ea238..f69fb32 100644 --- a/representativity/core.py +++ b/representativity/core.py @@ -45,10 +45,7 @@ def autocorrelation_orthant( """ ax = list(range(0, len(binary_img.shape))) img_FFT = np.fft.rfftn(binary_img, axes=ax) - tpc = ( - np.fft.irfftn(img_FFT.conjugate() * img_FFT, s=binary_img.shape, axes=ax).real - / num_elements - ) + tpc = np.fft.irfftn(img_FFT.conjugate() * img_FFT, s=binary_img.shape, axes=ax).real / num_elements # multidimensional slicing up to desired length i.e tpc[:100, :100, :100] return tpc[tuple(map(slice, (desired_length,) * n_dims))] @@ -87,21 +84,15 @@ def two_point_correlation_orthant( # normalisation_for_tpc is an arr where the entry arr[x, y] counts the number of the original entries of img that # will be present after shifting by x,y i.e for a shift 0,0 this is mag(img) # this lets you normalise the mean with the 'ghost dimensions' later for non-periodic images - binary_img = np.pad( - binary_img, [(0, desired_length) for _ in range(n_dims)], "constant" - ) + binary_img = np.pad(binary_img, [(0, desired_length) for _ in range(n_dims)], "constant") num_elements = int(np.prod(img_shape)) # 2D tpc array up to $desired_legth * $desired_length - tpc_desired = autocorrelation_orthant( - binary_img, num_elements, n_dims, desired_length - ) + tpc_desired = autocorrelation_orthant(binary_img, num_elements, n_dims, desired_length) if not periodic: # normalising the result as we have more 0s than would otherwise have - normalisation_for_tpc = normalisation_for_tpc[ - tuple(map(slice, tpc_desired.shape)) - ] # multidimensional slicing + normalisation_for_tpc = normalisation_for_tpc[tuple(map(slice, tpc_desired.shape))] # multidimensional slicing normalisation_for_tpc = num_elements / normalisation_for_tpc # normalisation_for_tpc is an array of adjustments applied pointwise to the tpc_desired return normalisation_for_tpc * tpc_desired @@ -143,9 +134,7 @@ def two_point_correlation( # flipping img to the opposite side for calculation of the 2PC: flipped_img = np.flip(binary_img, flip_list) - tpc_orthant = two_point_correlation_orthant( - flipped_img, n_dims, desired_length + 1, periodic - ) + tpc_orthant = two_point_correlation_orthant(flipped_img, n_dims, desired_length + 1, periodic) original_tpc_orthant = np.flip(tpc_orthant, flip_list) orthants[axis + (1,)] = original_tpc_orthant @@ -166,9 +155,7 @@ def two_point_correlation( return result -def radial_tpc( - binary_img: np.ndarray, volumetric: bool = False, periodic: bool = True -) -> np.ndarray: +def radial_tpc(binary_img: np.ndarray, volumetric: bool = False, periodic: bool = True) -> np.ndarray: """TPC entrypoint""" # this is a problem where arr not square, should take minimum of dimension (for now) # TODO: make desired length different in all dimensions @@ -235,9 +222,7 @@ def calc_std_from_ratio(binary_img: np.ndarray, ratio: int): return np.std(np.mean(divided_img, axis=along_axis), ddof=ddof) -def image_stats( - binary_img: np.ndarray, image_pf: float, ratios: list[int], z_score: float = 1.96 -) -> list[float]: +def image_stats(binary_img: np.ndarray, image_pf: float, ratios: list[int], z_score: float = 1.96) -> list[float]: """For each of the side length $ratios (relative to full image) in $ratios, calculate the standard deviation in phase fraction over the patches (image split into smaller images of side length L_full / $ratio) @@ -348,9 +333,7 @@ def fit_statisical_cls_from_errors( :rtype: int """ patch_errors_arr = np.array(patch_pf_errors) - coarse_cls = test_all_cls_in_range( - patch_errors_arr, image_pf, np.arange(1, max_cls, 1), img_dims - ) + coarse_cls = test_all_cls_in_range(patch_errors_arr, image_pf, np.arange(1, max_cls, 1), img_dims) if coarse_cls <= 1: # avoid division by 0 coarse_cls += 0.1 # can't have less then 0.5 cls. fine_cls = test_all_cls_in_range( @@ -362,9 +345,7 @@ def fit_statisical_cls_from_errors( return fine_cls -def stat_analysis_error_classic( - binary_img: np.ndarray, image_phase_fraction: float -) -> float: +def stat_analysis_error_classic(binary_img: np.ndarray, image_phase_fraction: float) -> float: """Estimate the CLS of $binary_img using the statistical method: taking different non-overlapping patches of the image in powers of 2 (i.e 1/2 patches, 1/4 patches, 1/8 patches), measuring the difference @@ -389,16 +370,12 @@ def stat_analysis_error_classic( edge_lengths = [binary_img.shape[1] // r for r in ratios] img_dims = [np.array((l,) * (len(binary_img.shape) - 1)) for l in edge_lengths] patch_pf_errors = image_stats(binary_img, image_phase_fraction, ratios) - statistical_cls = fit_statisical_cls_from_errors( - patch_pf_errors, img_dims, image_phase_fraction - ) + statistical_cls = fit_statisical_cls_from_errors(patch_pf_errors, img_dims, image_phase_fraction) # TODO different size image 1000 vs 1500 return statistical_cls -def pred_cls_is_off( - model_cls: float, binary_img: np.ndarray, image_phase_fraction: float -) -> tuple[bool, int]: +def pred_cls_is_off(model_cls: float, binary_img: np.ndarray, image_phase_fraction: float) -> tuple[bool, int]: """Compare our model's (FFT) predicted CLS to statistically predicted CLS. If our model's CLS is less than 2/3x or more than 2x the statistical CLS, return True and the 'sign' of the error (1 for underestimate, -1 for overestimate). @@ -470,9 +447,7 @@ def change_pred_cls( else: positives = np.where(tpc - pf_squared > 0) tpc[positives] -= (tpc[positives] - pf_squared) / 10 - pred_cls = calc_pred_cls( - coeff, tpc, phase_fraction, pf_squared, bool_array, im_shape - ) + pred_cls = calc_pred_cls(coeff, tpc, phase_fraction, pf_squared, bool_array, im_shape) return tpc, pred_cls @@ -510,9 +485,7 @@ def calc_coeff_for_cls_prediction( return coeff_1 / (1 - coeff_product) -def find_end_dist_idx( - image_pf: float, tpc: np.ndarray, dist_arr: np.ndarray, ring_distances: np.ndarray -) -> int: +def find_end_dist_idx(image_pf: float, tpc: np.ndarray, dist_arr: np.ndarray, ring_distances: np.ndarray) -> int: """Find the (radial) distance before the TPC function plateaus. This means looking at the percentage of all TPCs in a ring (width distances[i] - distances[i-1], usually 100) a certain distance from the centre that are outside of 5% of the image phase fraction squared. @@ -546,14 +519,12 @@ def find_end_dist_idx( return ring_distances[1] -def find_end_dist_tpc( - phase_fraction: float, tpc: np.ndarray, dist_arr: np.ndarray -) -> float: +def find_end_dist_tpc(phase_fraction: float, tpc: np.ndarray, dist_arr: np.ndarray) -> float: """Defines search range for endpoint, calls main fn""" # Assumption is image is at least 200 in every dimenson max_img_dim = np.max(dist_arr) # len(dist_arr) # np.max(dist_arr) # 200/2 * sqrt(N) where N is the number of dimensions for max dim 200 px: - threshold_for_small_method = int(200/2*np.sqrt(len(tpc.shape))) + threshold_for_small_method = int(200 / 2 * np.sqrt(len(tpc.shape))) if max_img_dim < threshold_for_small_method: print(f"Max img dim of {max_img_dim} < 200px, using small method") # this gives more unstable results but works for smaller images @@ -596,17 +567,14 @@ def calc_pred_cls( :rtype: float """ # second term is integral of tpc - pf_squared - pred_cls = ( - coeff / (image_pf - mean_pf_squared) * np.sum(tpc[bool_array] - mean_pf_squared) - ) + pred_cls = coeff / (image_pf - mean_pf_squared) * np.sum(tpc[bool_array] - mean_pf_squared) # this goes from length^N -> length to get a length scale if pred_cls > 0: pred_cls = pred_cls ** (1 / 3) if len(im_shape) == 3 else pred_cls ** (1 / 2) return float(pred_cls) -def classical_approach_test(binary_image: np.ndarray, - n_dims: int) -> bool: +def classical_approach_test(binary_image: np.ndarray, n_dims: int) -> bool: """Check if the image is small enough to use the classical approach to CLS estimation. :param binary_image: 2/3D binary arr for the microstructure @@ -628,9 +596,7 @@ def classical_approach_test(binary_image: np.ndarray, print(f"Image is big enough, not comparing to classical approach") return False if VERBOSE: - print( - f"Image is too small with ({im_size} elements, {n_dims}D), comparing to classical approach" - ) + print(f"Image is too small with ({im_size} elements, {n_dims}D), comparing to classical approach") return True @@ -656,9 +622,7 @@ def tpc_to_cls(tpc: np.ndarray, binary_image: np.ndarray) -> float: # the middle index is the 0,0 TPC because of how the TPC function laid them out middle_idx = np.array(tpc.shape) // 2 # this is the measured image phase fraction (i.e the product of the image with itself) - image_phase_fraction = tpc[ - tuple(map(slice, middle_idx, middle_idx + 1)) - ].item() # [0][0] + image_phase_fraction = tpc[tuple(map(slice, middle_idx, middle_idx + 1))].item() # [0][0] # 'raw_dist_arr' = before taking sqrts raw_dist_arr = np.indices(tpc.shape) # arr indices != coordinates, we care about distances from centre of coords so remap @@ -675,9 +639,7 @@ def tpc_to_cls(tpc: np.ndarray, binary_image: np.ndarray) -> float: end_dist = find_end_dist_tpc(image_phase_fraction, tpc, euc_dist_arr) # take mean of tpcs in the outer ring width 10 from end dist - tpc_phase_fraction_squared = np.mean( - tpc[(euc_dist_arr >= end_dist - 10) & (euc_dist_arr <= end_dist)] - ) + tpc_phase_fraction_squared = np.mean(tpc[(euc_dist_arr >= end_dist - 10) & (euc_dist_arr <= end_dist)]) # take mean of this estimated pf_square from tpc and measured pf_squared from image # emprical result - broadly speaking mean is more stable phase_fraction_squared = (tpc_phase_fraction_squared + image_phase_fraction**2) / 2 @@ -686,9 +648,7 @@ def tpc_to_cls(tpc: np.ndarray, binary_image: np.ndarray) -> float: # calculate the coefficient needed for the cls prediction coeff = calc_coeff_for_cls_prediction(norm_vol, int(img_volume), bool_array) - pred_cls = calc_pred_cls( - coeff, tpc, image_phase_fraction, phase_fraction_squared, bool_array, img_shape - ) + pred_cls = calc_pred_cls(coeff, tpc, image_phase_fraction, phase_fraction_squared, bool_array, img_shape) # use classical apporach to see if CLS is off, only for small squarish-images: if classical_approach_test(binary_image, len(img_shape)): pred_is_off, sign = pred_cls_is_off(pred_cls, binary_image, image_phase_fraction) @@ -705,18 +665,14 @@ def tpc_to_cls(tpc: np.ndarray, binary_image: np.ndarray) -> float: img_shape, sign, ) - pred_is_off, sign = pred_cls_is_off( - pred_cls, binary_image, image_phase_fraction - ) + pred_is_off, sign = pred_cls_is_off(pred_cls, binary_image, image_phase_fraction) return pred_cls # %% ======================== POST-CLS ERROR ESTIMATION ======================== -def fit_to_errs_function( - dim: int, n_voxels: int | np.ndarray, a: float, b: float -) -> float | np.ndarray: +def fit_to_errs_function(dim: int, n_voxels: int | np.ndarray, a: float, b: float) -> float | np.ndarray: return a / n_voxels**b @@ -736,9 +692,7 @@ def get_std_model(dim: int, n_voxels: int) -> float: return fit_to_errs_function(dim, n_voxels, *popt[f"{dim}d"]) -def normal_dist( - x: np.ndarray, mean: float | np.ndarray, std: float | np.ndarray -) -> np.ndarray: # +def normal_dist(x: np.ndarray, mean: float | np.ndarray, std: float | np.ndarray) -> np.ndarray: # return (1.0 / (std * np.sqrt(2 * np.pi))) * np.exp(-0.5 * ((x - mean) / std) ** 2) @@ -835,9 +789,7 @@ def find_n_for_err_targ( """ n = n[0] # needs to be here during the optimize std_bernoulli = ((1 / n) * (image_pf * (1 - image_pf))) ** 0.5 - pred_interval, _, _ = get_prediction_interval( - image_pf, std_bernoulli, pred_std_error_std, conf_level, n_divisions - ) + pred_interval, _, _ = get_prediction_interval(image_pf, std_bernoulli, pred_std_error_std, conf_level, n_divisions) err_for_img = image_pf - pred_interval[0] # TODO: check whether **2 or np.abs is better - originally was np.abs return np.abs(err_target - err_for_img) # ** 2 @@ -884,7 +836,7 @@ class ModelResult(TypedDict): def make_error_prediction( - binary_img: np.ndarray, + binary_img: np.ndarray | list[np.ndarray], confidence: float = 0.95, target_error: float = 0.05, equal_shape: bool = True, @@ -912,9 +864,9 @@ def make_error_prediction( :return: _description_ :rtype: dict """ - if not image_stack: + if type(binary_img) is not list: binary_img = [binary_img] - + n_elements, pfs, irs = [], [], [] for img in binary_img: pfs.append(float(np.mean(img))) @@ -922,12 +874,12 @@ def make_error_prediction( n_elements.append(int(np.prod(img.shape))) two_point_correlation = radial_tpc(img, n_dims == 3, True) - irs.append(tpc_to_cls(two_point_correlation,img)) + irs.append(tpc_to_cls(two_point_correlation, img)) - # integral range and phase fraction is the weighted average + # integral range and phase fraction is the weighted average # of the integral ranges and pfs of the stack of images: - integral_range = np.average(irs, weights=n_elements) - phase_fraction = np.average(pfs, weights=n_elements) + integral_range = float(np.average(irs, weights=n_elements)) + phase_fraction = float(np.average(pfs, weights=n_elements)) n_elems = sum(n_elements) # calculate shape of the big image: img_shapes = [np.array(img.shape, dtype=np.int32) for img in binary_img] @@ -953,17 +905,13 @@ def make_error_prediction( abs_err_target, confidence, ) # was 'target_error' - n_for_err_targ = minimize( - find_n_for_err_targ, n, args=args, method="nelder-mead", bounds=[(10, 10e8)] - ) + n_for_err_targ = minimize(find_n_for_err_targ, n, args=args, method="nelder-mead", bounds=[(10, 10e8)]) n_for_err_targ = n_for_err_targ.x[0] else: # TODO what is this useful for.. for when you trust the model completely? z = norm.interval(confidence)[1] abs_err_for_img = z * std_bern - n_for_err_targ = ( - phase_fraction * (1 - phase_fraction) * (z / abs_err_target) ** 2 - ) + n_for_err_targ = phase_fraction * (1 - phase_fraction) * (z / abs_err_target) ** 2 # w model error n for err targ << w/out # => weird length scales l_for_err_targ = dims_from_n(n_for_err_targ, equal_shape, integral_range, n_dims) @@ -1004,26 +952,20 @@ def get_l_for_target_from_result( abs_err_target = target_error * phase_fraction n_dims = len(binary_img.shape) - n = n_samples_from_dims( - [np.array(binary_img.shape, dtype=np.int32)], integral_range - ) + n = n_samples_from_dims([np.array(binary_img.shape, dtype=np.int32)], integral_range) args = ( phase_fraction, result["std_model"], abs_err_target, confidence, ) - n_for_err_targ = minimize( - find_n_for_err_targ, n, args=args, method="nelder-mead", bounds=[(10, 10e8)] - ) + n_for_err_targ = minimize(find_n_for_err_targ, n, args=args, method="nelder-mead", bounds=[(10, 10e8)]) n_for_err_targ = n_for_err_targ.x[0] l_for_err_targ = dims_from_n(n_for_err_targ, True, integral_range, n_dims) return l_for_err_targ -def get_bounds_for_targets_from_result( - result: ModelResult, confidence: float -) -> tuple[float, float]: +def get_bounds_for_targets_from_result(result: ModelResult, confidence: float) -> tuple[float, float]: """Given the $result have already been computed, reuse them to calculate the uncertainty bounds for a given user $confidence diff --git a/representativity/server.py b/representativity/server.py index 76752b7..8cc2758 100644 --- a/representativity/server.py +++ b/representativity/server.py @@ -54,13 +54,13 @@ def hello_world(): return send_from_directory("", "index.html") -def generic_response(request, fn: Callable): +async def generic_response(request, fn: Callable): """Given a HTTP request and response function, return corsified response.""" if "OPTIONS" in request.method: return _build_cors_preflight_response() elif "POST" in request.method: try: - response = fn(request) + response = await fn(request) return add_cors_headers(response) except Exception as e: print(e) @@ -85,7 +85,7 @@ def get_arr_from_file(form_data_file) -> np.ndarray: return arr -def phase_fraction(request) -> Response: +async def phase_fraction(request) -> Response: """User sends file, parse as array (either via tiffile or PIL-> numpy) and return all phase fractions. It's cheap to compute all of them and this way it can be done on first upload in the background and minimise delays.""" @@ -104,9 +104,9 @@ def phase_fraction(request) -> Response: @app.route("/phasefraction", methods=["POST", "GET", "OPTIONS"]) -def phase_fraction_app(): +async def phase_fraction_app(): """phase fraction route.""" - response = generic_response(request, phase_fraction) + response = await generic_response(request, phase_fraction) return response @@ -127,20 +127,24 @@ def preprocess_arr(arr: np.ndarray) -> np.ndarray: return arr -def representativity(request) -> Response: - user_file = request.files["userFile"] - arr = get_arr_from_file(user_file) - +async def representativity(request) -> Response: + file_list: list = request.files.getlist("userFile") + print(file_list) selected_phase = int(request.values["selected_phase"]) selected_conf: float = float(request.values["selected_conf"]) / 100 selected_err: float = float(request.values["selected_err"]) / 100 print(f"Phase: {selected_phase}, Conf: {selected_conf}, Err: {selected_err}") - binary_img = np.where(arr == selected_phase, 1, 0) + arrs = [] + for file in file_list: + arr = get_arr_from_file(file) + binary_img = np.where(arr == selected_phase, 1, 0) + arrs.append(binary_img) + is_stack = len(arrs) > 1 result = make_error_prediction( - binary_img, selected_conf, selected_err, model_error=True + arrs, selected_conf, selected_err, model_error=True, image_stack=is_stack ) # make_error_prediction(binary_img, selected_conf, selected_err) # this can get stuck sometimes in the optimisation step (usually cls > 1) out = { @@ -152,16 +156,14 @@ def representativity(request) -> Response: "pf_1d": result["pf_1d"], "cum_sum_sum": result["cum_sum_sum"], } - print( - f"abs_err for {selected_phase}: {out['abs_err']} \n percent err: {out['percent_err']}" - ) + print(f"abs_err for {selected_phase}: {out['abs_err']} \n percent err: {out['percent_err']}") response = Response(json.dumps(out), status=200) return response @app.route("/repr", methods=["POST", "GET", "OPTIONS"]) -def representativity_app(): +async def representativity_app(): """representativity route.""" - response = generic_response(request, representativity) + response = await generic_response(request, representativity) return response diff --git a/requirements dev.txt b/requirements dev.txt index 98297fc..5a9d4f9 100644 --- a/requirements dev.txt +++ b/requirements dev.txt @@ -5,6 +5,7 @@ matplotlib==3.8.1 scikit-image==0.22.0 scikit-learn==1.3.1 tifffile==2024.7.2 +Flask[async]==3.1.0 flake8==6.1.0 torch==2.3.1 porespy diff --git a/requirements.txt b/requirements.txt index 6e037df..d7602c7 100644 --- a/requirements.txt +++ b/requirements.txt @@ -6,4 +6,5 @@ imagecodecs==2025.3.30 scikit-image==0.22.0 scikit-learn==1.3.1 tifffile==2024.7.2 +Flask[async]==3.1.0 flake8==6.1.0 \ No newline at end of file