lost-sia/src/utils/uiConfig.js

Single Image Annotation Tool

export const SIA_INITIAL_UI_CONFIG = {
  nodeRadius: 4,
  strokeWidth: 4,
  annoDetails: {
    visible: false,
  },
  labelInfo: {
    visible: false,
  },
  annoStats: {
    visible: false,
  },
};

// read sia-ui-config from localStorage
const iniFromStorage = localStorage.getItem("sia-ui-config")
  ? JSON.parse(localStorage.getItem("sia-ui-config"))
  : SIA_INITIAL_UI_CONFIG;

// collect object keys and its type in order to describe the object
const collectDescription = (obj, array) => {
  Object.keys(obj).forEach((key) => {
    const description = {
      key: key,
      type: typeof obj[key],
    };
    array.push(description);

    if (typeof obj[key] === "object") {
      collectDescription(obj[key], array);
    }
  });
};

// collect object description for ini and storage ui-config

let iniObjectDescriptor = [];
let storageObjectDescriptor = [];

collectDescription(SIA_INITIAL_UI_CONFIG, iniObjectDescriptor);
collectDescription(iniFromStorage, storageObjectDescriptor);

// compare both object descriptions

const getUiConfig = () => {
  if (
    JSON.stringify(iniObjectDescriptor) ===
    JSON.stringify(storageObjectDescriptor)
  ) {
    return iniFromStorage;
  } else {
    // ini description dif from storage: send ini ui-config and store it to local storage
    return SIA_INITIAL_UI_CONFIG;
  }
};

export const uiConfig = getUiConfig();