GM_webextPref

Use webext-pref in userscripts. This library includes createPref, createView, a storage object implemented with GM API, and a dialog service.

Installation

You can @require this script from Greasy Fork.

This library is also hosted on npm so you can import it with a build tool:

npm install gm-webext-pref

import GM_webextPref from "gm-webext-pref";

Grant

This script uses following permissions:

// @grant GM_getValue
// @grant GM.getValue
// @grant GM_setValue
// @grant GM.setValue
// @grant GM_deleteValue
// @grant GM.deleteValue
// @grant GM_addValueChangeListener
// @grant GM_registerMenuCommand
// @grant GM.registerMenuCommand

Demo

https://rawgit.com/eight04/GM_webextPref/master/demo/demo.html

Usage

const pref = GM_webextPref({
  default: {
    useImage: true,
    excludeElements: "code, .highlight"
  },
  body: [
    {
      key: "useImage",
      type: "checkbox",
      label: "Use image"
    },
    {
      key: "excludeElements",
      type: "text",
      label: "Exclude elements"
    }
  ]
});

pref.ready()
  .then(() => {
    console.log(pref.get("useImage")); // true
  });

API

This module exports a single function.

GM_webextPref

const pref = GM_webextPref({
  default: Object,
  separator?: String,
  css?: String,
  ...options
});

Create a pref object. pref inherits all methods from the pref object returned by createPref.

default and separator would be sent to createPref.

css would be injected to the dialog for customization.

Other options would be passed to createUI and createBinding.

If GM_registerMenuCommand exists, the function would register a menu command like:

GM_registerMenuCommand(GM_info.script.name + " - Configure", pref.openDialog);

So that users can open the config dialog through monkey menu.

pref.openDialog

pref.openDialog();

Open the config dialog.

Changelog

• 0.4.2 (Aug 18, 2021)

  • Add: pass more options to createBinding, createUI, and createPref.
  • Add: css option.

• 0.4.1 (Aug 17, 2021)

  • Add: support GM4 menu.

• 0.4.0 (Aug 19, 2020)

  • Update dependencies: [email protected], [email protected]
  • Add: small UI that works better with small screen.

• 0.3.0 (Aug 25, 2018)

  • Update webext-pref to 0.5.0. Now the script requires GM_deleteValue/GM.deleteValue APIs.

• 0.2.1 (Aug 24, 2018)

  • Update webext-pref to 0.4.1. Add navbar tooltips.

• 0.2.0 (Aug 21, 2018)

  • Update webext-pref to 0.4.0. Drop translate arg.

• 0.1.5 (Aug 20, 2018)

  • Update webext-pref to 0.3.5. Fixed navbar error.

• 0.1.4 (Aug 19, 2018)

  • Add: style help text.

• 0.1.3 (Aug 19, 2018)

  • Fix: import/export buttons.
  • Enhance: larger title.

• 0.1.2 (Aug 19, 2018)

  • Add: style checkbox children.

• 0.1.1 (Aug 19, 2018)

  • Fix: missing metadata.

• 0.1.0 (Aug 19, 2018)

  • First release.