Polyfill for Object.fromEntries

packages/psd/src/sections/LayerAndMaskInformation/interfaces.ts

@@ -11,6 +11,7 @@ import {
   EngineData,
   GroupDivider,
 } from "../../interfaces";
+import {fromEntries} from "../../utils/object";
 
 export interface LayerRecord {
   name: string;
@@ -90,7 +91,7 @@ export const createLayerProperties = (
     additionalLayerInfos,
   } = layerRecord;
 
-  const additionalLayerProperties = Object.fromEntries(
+  const additionalLayerProperties = fromEntries(
     additionalLayerInfos.map((ali) => [ali.key, ali])
   ) as AdditionalLayerProperties;
 

packages/psd/src/sections/LayerAndMaskInformation/readLayerRecordsAndChannels.ts

@@ -23,6 +23,7 @@ import {
   InvalidBlendingModeSignature,
   ReadType,
 } from "../../utils";
+import {fromEntries} from "../../utils/object";
 import {readAdditionalLayerInfo} from "./AdditionalLayerInfo";
 import {
   MaskData,
@@ -209,7 +210,7 @@ export function readGlobalAdditionalLayerInformation(
     );
   }
 
-  return Object.fromEntries(
+  return fromEntries(
     additionalLayerInfos.map((ali) => [ali.key, ali])
   ) as AdditionalLayerProperties;
 }

packages/psd/src/utils/object.ts

@@ -0,0 +1,15 @@
+// @webtoon/psd
+// Copyright 2021-present NAVER WEBTOON
+// MIT License
+
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries
+// Unforunately not available in Node 14 according to Typescript
+export function fromEntries<K extends string | number, V>(
+  iterable: Iterable<[K, V]>
+): Record<K, V> {
+  const obj = {} as Record<K, V>;
+  for (const [k, value] of iterable) {
+    obj[k] = value;
+  }
+  return obj;
+}