Append new image to an existing .mind

[LeoVC1]

Is there a way to append a new image to an existing .mind?
So basically I have a digital gallery, where I show videos inside physical frames pictures. So, everytime I want add a new frame picture to my website, I need to go to Compiler, upload all existing images and the new one, get the new .mind and replace it in my html folder?
If I have like hundreds of images, I guess the .mind will become weight right? Is there a way to have multiple .mind files?

[BostonLeeK]

Easy, mindar use msgpack library for bundles. You can add simple crud operations for it. Something like that:

decodeMsgPack(buffer) {
    return msgpack.decode(new Uint8Array(buffer));
  }

  addItemToMsgPack(buffer, imageData) {
    const newItem = {
      targetImage: {
        width: imageData.targetImage.width,
        height: imageData.targetImage.height
      },
      trackingData: imageData.trackingData,
      matchingData: imageData.matchingData
    };
    const data = this.decodeMsgPack(buffer);
    data.dataList.push(newItem);
    return msgpack.encode(data);
  }

  updateItemInMsgPack(buffer, markerId, updatedItem) {
    const data = this.decodeMsgPack(buffer);
    const index = data.dataList.findIndex(item => item.targetImage.markerId === markerId);
    if (index !== -1) {
      data.dataList[index] = updatedItem;
    }
    return msgpack.encode(data);
  }

  removeItemFromMsgPack(buffer, markerId) {
    const data = this.decodeMsgPack(buffer);
    const index = data.dataList.findIndex(item => item.targetImage.markerId === markerId);
    if (index !== -1) {
      data.dataList.splice(index, 1);
    }
    return msgpack.encode(data);
  }

  createEmptyMsgPack() {
    const emptyData = {
      v: CURRENT_VERSION,
      dataList: []
    };
    return msgpack.encode(emptyData);
  }