define clientID or AppKey by env var

esbuild.config.mjs

@@ -1,3 +1,4 @@
+import dotenv from "dotenv/config";
 import esbuild from "esbuild";
 import process from "process";
 // import builtins from 'builtin-modules'
@@ -10,6 +11,8 @@ if you want to view the source, please visit the github repository of this plugi
 
 const prod = process.argv[2] === "production";
 
+const DEFAULT_DROPBOX_APP_KEY = process.env.DROPBOX_APP_KEY || "";
+
 esbuild
   .build({
     banner: {
@@ -31,5 +34,8 @@ esbuild
     treeShaking: true,
     minify: prod,
     outfile: "main.js",
+    define: {
+      "process.env.DEFAULT_DROPBOX_APP_KEY": `"${DEFAULT_DROPBOX_APP_KEY}"`,
+    },
   })
   .catch(() => process.exit(1));

package.json

@@ -31,6 +31,7 @@
     "chai": "^4.3.4",
     "chai-as-promised": "^7.1.1",
     "cross-env": "^7.0.3",
+    "dotenv": "^10.0.0",
     "esbuild": "^0.14.0",
     "mocha": "^9.1.3",
     "prettier": "^2.4.1",

src/main.ts

@@ -11,6 +11,7 @@ import {
   TFolder,
 } from "obsidian";
 import * as CodeMirror from "codemirror";
+import process from "process";
 import {
   prepareDBs,
   destroyDBs,
@@ -199,6 +200,9 @@ export default class RemotelySavePlugin extends Plugin {
       JSON.parse(JSON.stringify(DEFAULT_SETTINGS)) /* copy an object */,
       await this.loadData()
     );
+    if (this.settings.dropbox.clientID === "") {
+      this.settings.dropbox.clientID = DEFAULT_SETTINGS.dropbox.clientID;
+    }
   }
 
   async saveSettings() {

src/remoteForDropbox.ts

@@ -29,7 +29,7 @@ export interface DropboxConfig {
 
 export const DEFAULT_DROPBOX_CONFIG = {
   accessToken: "",
-  clientID: "",
+  clientID: process.env.DEFAULT_DROPBOX_APP_KEY,
   refreshToken: "",
   accessTokenExpiresInSeconds: 0,
   accessTokenExpiresAtTime: 0,