update

node_modules/browser-sync-ui/lib/plugins/sync-options/sync-options.plugin.js

@@ -0,0 +1,66 @@
+const PLUGIN_NAME = "Sync Options";
+
+/**
+ * @type {{plugin: Function, plugin:name: string, hooks: object}}
+ */
+module.exports = {
+
+    "plugin": function (ui, bs) {
+
+        ui.listen("sync-options", {
+
+            "set": function (data) {
+
+                ui.logger.debug("Setting option: {magenta:%s}:{cyan:%s}", data.path.join("."), data.value);
+                bs.setOptionIn(data.path, data.value);
+
+            },
+
+            "setMany": function (data) {
+
+                ui.logger.debug("Setting Many options...");
+
+                if (data.value !== true) {
+                    data.value = false;
+                }
+
+                bs.setMany(function (item) {
+                    [
+                        ["codeSync"],
+                        ["ghostMode", "clicks"],
+                        ["ghostMode", "scroll"],
+                        ["ghostMode", "forms", "inputs"],
+                        ["ghostMode", "forms", "toggles"],
+                        ["ghostMode", "forms", "submit"]
+                    ].forEach(function (option) {
+                            item.setIn(option, data.value);
+                        });
+                });
+
+                return bs;
+            }
+        });
+    },
+    "hooks": {
+        "markup": fileContent("sync-options.html"),
+        "client:js": fileContent("sync-options.client.js"),
+        "templates": [],
+        "page": {
+            path: "/sync-options",
+            title: PLUGIN_NAME,
+            template: "sync-options.html",
+            controller: PLUGIN_NAME.replace(" ", "") + "Controller",
+            order: 2,
+            icon: "sync"
+        }
+    },
+    "plugin:name": PLUGIN_NAME
+};
+
+function getPath (filepath) {
+    return require("path").join(__dirname, filepath);
+}
+
+function fileContent (filepath) {
+    return require("fs").readFileSync(getPath(filepath), "utf-8");
+}