Added button to import JSON from clipboard

index.html

@@ -27,6 +27,7 @@ <h1>Universal LPC Spritesheet Generator</h1>
  <div>
  <label class="control-label">Import/Export:</label>
  <button type="button" class="exportToClipboard">Export to Clipboard (JSON)</button>
+ <button type="button" class="importFromClipboard">Import from Clipboard (JSON)</button>
  </div>
  <div>
  <label class="control-label">Edit:</label>

source_index.html

@@ -26,6 +26,7 @@ <h1>Universal LPC Spritesheet Generator</h1>
  <div>
  <label class="control-label">Import/Export:</label>
  <button type="button" class="exportToClipboard">Export to Clipboard (JSON)</button>
+ <button type="button" class="importFromClipboard">Import from Clipboard (JSON)</button>
  </div>
  <div>
  <label class="control-label">Edit:</label>

sources/chargen.js

@@ -194,6 +194,17 @@ $(document).ready(function() {
  document.removeChild(a);
  });
 
+ $(".importFromClipboard").click(async function() {
+ var clipboardText = await navigator.clipboard.readText();
+ var spritesheet = JSON.parse(clipboardText)["layers"];
+ window.setTimeout(function() {
+ $("#resetAll").click(); //Reset first so defaults are set properly
+ },1,false);
+ window.setTimeout(function() {
+ setParamsFromImport(spritesheet); //wait for reset function(s) to complete then apply spritesheet
+ },2,false);
+ });
+
  $(".exportToClipboard").click(function() {
  var spritesheet = {};
  Object.assign(spritesheet, itemsMeta);
@@ -624,6 +635,23 @@ $(document).ready(function() {
  jHash.val(params);
  }
 
+ function setParamsFromImport(spritesheet){
+ spritesheet.forEach((sprite)=>{
+ var custom_animation = sprite.custom_animation;
+ var fileName = sprite.fileName;
+ var name = sprite.name;
+ var parentName = sprite.parentName;
+ var variant = sprite.variant;
+ var zPos = sprite.zPos;
+ const assetType = name.replaceAll(" ", "_");
+ const assetVariant = variant.replaceAll(" ", "_")
+ const assetToSelect = parentName + "-" + assetType + "_" + assetVariant;
+ $(`#${assetToSelect}`).prop("checked", true);
+
+ });
+ setParams();
+ }
+
  function getImage(imgRef) {
  if (images[imgRef])
  return images[imgRef];