refactor: update js - separate files, modules

js/file-loader.js

@@ -0,0 +1,49 @@
+import { $ } from './dom.js';
+
+let updateAllRef;
+
+export function setUpdateAllRef(fn) {
+  updateAllRef = fn;
+}
+
+export function loadBgFile(file, state) {
+  if (!file || !file.type.startsWith('image/')) return;
+  const reader = new FileReader();
+  reader.onload = () => {
+    state.bgImage = reader.result;
+    $('btnBgRemove').style.display = '';
+    updateAllRef();
+  };
+  reader.readAsDataURL(file);
+}
+
+export function clearBg(state) {
+  state.bgImage = null;
+  $('btnBgRemove').style.display = 'none';
+  updateAllRef();
+}
+
+export function setWidgetImageLock(locked) {
+  $('inpWidgetW').disabled = locked;
+  $('inpWidgetH').disabled = locked;
+  $('btnWidgetRemove').style.display = locked ? '' : 'none';
+}
+
+export function loadWidgetFile(file, state) {
+  if (!file || !file.type.startsWith('image/')) return;
+  const reader = new FileReader();
+  reader.onload = () => {
+    state.widgetImage = reader.result;
+    const img = new Image();
+    img.onload = () => {
+      state.widgetW = img.naturalWidth;
+      state.widgetH = img.naturalHeight;
+      $('inpWidgetW').value = state.widgetW;
+      $('inpWidgetH').value = state.widgetH;
+      setWidgetImageLock(true);
+      updateAllRef();
+    };
+    img.src = reader.result;
+  };
+  reader.readAsDataURL(file);
+}