✨feat: export import

Author: utubo

src/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "__MSG_extensionName__",
   "description": "__MSG_extensionDescription__",
-  "version": "2.3",
+  "version": "3.0",
   "default_locale": "en",
 
   "browser_specific_settings": {

src/options.html

@@ -66,13 +66,10 @@ <h2 class="i18n">Pull_Distance</h2>
       <span class="radio-label i18n">Long</span>
     </label>
 
-    <!-- TODO -->
-    <div class="hide">
-      <h2 class="i18n">Export / Import</h2>
-      <div class="item hide">
-        <label id="exportSetting" class="icon-export button buttons-vertical i18n">Export settings to downloads folder</label><a id="exportSettingLink" download="simple-gesture.json" class="hide"></a><br>
-        <label class="icon-import button buttons-vertical i18n">Import settings from JSON</label><input type="file" id="importSetting" accept="application/json" class="hide">
-      </div>
+    <h2 class="i18n">Export / Import</h2>
+    <div class="item">
+      <label id="exportSetting" class="icon-export button buttons-vertical i18n">Export settings to downloads folder</label><a id="exportSettingLink" download="pretty_refresh.json" class="hide"></a><br>
+      <label for="importSetting" class="icon-import button buttons-vertical i18n">Import settings from JSON</label><input type="file" id="importSetting" accept="application/json" class="hide">
     </div>
 
     <!-- Components -->

src/options.js

@@ -271,9 +271,12 @@ const saveBindingValues = async () => {
     .replace('{bgshape}', getShapeCSS('bg'))
     .replace('{fgshape}', getShapeCSS('fg'))
     .replace('{shcolor}', PrettyRefresh.ini.shcolor)
-  await browser.storage.local.set({ 'pretty_refresh': PrettyRefresh.ini });
+  await saveIni();
   PrettyRefresh.loadIni();
 };
+const saveIni = async () => {
+  await browser.storage.local.set({ 'pretty_refresh': PrettyRefresh.ini });
+};
 const saveBindingValuesDelay = () => {
   resetTimer('saveBindingValues', saveBindingValues, 3000);
 };
@@ -287,15 +290,7 @@ const importSetting = async text => {
   try {
     const obj = JSON.parse(text);
     Object.assign(PrettyRefresh.ini, obj.ini);
-    exData = obj.exData;
-    saveIni();
-    if (obj.customGestureDetails) {
-      for (const c of obj.customGestureDetails) {
-        const d = {};
-        d[c.id] = c.detail;
-        await browser.storage.local.set(d);
-      }
-    }
+    await saveIni();
     location.reload();
   } catch (e) {
     alert(e.message);
@@ -314,14 +309,7 @@ const importSettingOnChange = e => {
 const exportSetting = async () => {
   const data = {
     ini: PrettyRefresh.ini,
-    exData: exData,
-    customGestureDetails: []
   };
-  for (const c of exData.customGestureList) {
-    const id = `pretty_refresh_${c.id}`;
-    const detail = await storageValue(id);
-    data.customGestureDetails.push({ id: id, detail:detail });
-  }
   const href = 'data:application/octet-stream,' + encodeURIComponent(JSON.stringify(data));
   const link = byId('exportSettingLink');
   link.setAttribute('href', href);
@@ -350,6 +338,7 @@ const setupContents = () => {
     onChangeColorText({ target: elm });
   }
 };
+
 const setupEventListeners = () => {
   for (const elm of $bidingForms) {
     elm.addEventListener('change', saveBindingValues);
@@ -382,7 +371,6 @@ const setupEventListeners = () => {
   });
 };
 
-
 // control Back button
 const changeState = state => {
   if (!state.dlg) return;