Haketilo

 * IMPORT light_storage

let policy_observable = {};

    const allow = !!(settings ? settings.allow : policy_observable.value);

    policy_observable = await light_storage.observe_var("default_allow");

 * IMPORT light_storage

let policy_observable;

    let [pattern, settings] = query_best(storage, url);

    if (!settings)

	settings = {allow: policy_observable && policy_observable.value};

    policy_observable = await light_storage.observe_var("default_allow");

    if [ "$BROWSER" = "chromium" ]; then

	for MOZILLA_FILE in $(find $BUILDDIR -name "MOZILLA_*"); do

	    echo > "$MOZILLA_FILE"

	done

    fi

    if [ "$BROWSER" = "mozilla" ]; then

	for CHROMIUM_FILE in $(find $BUILDDIR -name "CHROMIUM_*"); do

	    echo > "$CHROMIUM_FILE"

	done

    fi

const make = (value=undefined) => ({value, listeners: new Set()});

const subscribe = (observable, cb) => observable.listeners.add(cb);

const unsubscribe = (observable, cb) => observable.listeners.delete(cb);

const silent_set = (observable, value) => observable.value = value;

const broadcast = (observable, ...values) =>

      observable.listeners.forEach(cb => cb(...values));

function set(observable, value)

    const old_value = observable.value;

    silent_set(observable, value);

    broadcast(observable, value, old_value);

const observables = {make, subscribe, unsubscribe, broadcast, silent_set, set};

/**

 * part of Hachette

 * Storage manager, lighter than the previous one.

 *

 * Copyright (C) 2021 Wojtek Kosior

 * Redistribution terms are gathered in the `copyright' file.

 */

/*

 * IMPORTS_START

 * IMPORT TYPE_PREFIX

 * IMPORT raw_storage

 * IMPORT is_mozilla

 * IMPORT observables

 */

const reg_spec = new Set(["\\", "[", "]", "(", ")", "{", "}", ".", "*", "+"]);

const escape_reg_special = c => reg_spec.has(c) ? "\\" + c : c;

function make_regex(name)

{

    return new RegExp(`^${name.split("").map(escape_reg_special).join("")}\$`);

}

const listeners_by_callback = new Map();

function listen(callback, prefix, name)

{

    let by_prefix = listeners_by_callback.get(callback);

    if (!by_prefix) {

	by_prefix = new Map();

	listeners_by_callback.set(callback, by_prefix);

    }

    let by_name = by_prefix.get(prefix);

    if (!by_name) {

	by_name = new Map();

	by_prefix.set(prefix, by_name);

    }

    let name_reg = by_name.get(name);

    if (!name_reg) {

	name_reg = name.test ? name : make_regex(name);

	by_name.set(name, name_reg);

    }

}

function no_listen(callback, prefix, name)

{

    const by_prefix = listeners_by_callback.get(callback);

    if (!by_prefix)

	return;

    const by_name = by_prefix.get(prefix);

    if (!by_name)

	return;

    const name_reg = by_name.get(name);

    if (!name_reg)

	return;

    by_name.delete(name);

    if (by_name.size === 0)

	by_prefix.delete(prefix);

    if (by_prefix.size === 0)

	listeners_by_callback.delete(callback);

}

function storage_change_callback(changes, area)

{

    if (is_mozilla && area !== "local")

    {console.log("area", area);return;}

    for (const item of Object.keys(changes)) {

	for (const [callback, by_prefix] of listeners_by_callback.entries()) {

	    const by_name = by_prefix.get(item[0]);

	    if (!by_name)

		continue;

	    for (const reg of by_name.values()) {

		if (!reg.test(item.substring(1)))

		    continue;

		try {

		    callback(item, changes[item]);

		} catch(e) {

		    console.error(e);

		}

	    }

	}

    }

}

raw_storage.listen(storage_change_callback);

const created_observables = new Map();

async function observe(prefix, name)

{

    const observable = observables.make();

    const callback = (it, ch) => observables.set(observable, ch.newValue);

    listen(callback, prefix, name);

    created_observables.set(observable, [callback, prefix, name]);

    observables.silent_set(observable, await raw_storage.get(prefix + name));

    return observable;

}

const observe_var = name => observe(TYPE_PREFIX.VAR, name);

function no_observe(observable)

{

    no_listen(...created_observables.get(observable) || []);

    created_observables.delete(observable);

}

const light_storage = {};

Object.assign(light_storage, raw_storage);

Object.assign(light_storage,

	      {listen, no_listen, observe, observe_var, no_observe});

/*

 * EXPORTS_START

 * EXPORT light_storage

 * EXPORTS_END

 */

    const arg = typeof key_or_object === "object" ?

	  key_or_object : {[key_or_object]: value};

    return browser.storage.local.set(arg);

const on_changed = browser.storage.onChanged || browser.storage.local.onChanged;

const listen = cb => on_changed.addListener(cb);

const no_listen = cb => on_changed.removeListener(cb);

const raw_storage = {get, set, get_var, set_var, listen, no_listen};

	console.warn("Using fallback policy!");

	policy_received_callback({url, allow: data[1].allow});

/**

 * Hachette

 * Hacky fix for vertical scrollbar width being included in child's width.

 *

 * Copyright (C) 2021 Wojtek Kosior

 * Redistribution terms are gathered in the `copyright' file.

 */

/*

 * Under Mozilla browsers to avoid vertical scrollbar forcing horizontal

 * scrollbar to appear in an element we add the `firefox_scrollbars_hacky_fix'

 * class to an element for which width has to be reserved.

 *

 * This is a bit hacky and relies on some assumed width of Firefox scrollbar, I

 * know. And must be excluded from Chromium builds.

 *

 * I came up with this hack when working on popup. Before that I had the

 * scrollbar issue with tables in the options page and gave up there and made

 * the scrollbal always visible. Now we could try applying this "fix" there,

 * too!

 */

.firefox_scrollbars_hacky_fix {

    font-size: 0;

}

.firefox_scrollbars_hacky_fix>div {

    display: inline-block;

    width: -moz-available;

}

.firefox_scrollbars_hacky_fix>*>* {

    font-size: initial;

}

.firefox_scrollbars_hacky_fix::after {

    content: "";

    display: inline-block;

    visibility: hidden;

    font-size: initial;

    width: 14px;

}

.firefox_scrollbars_hacky_fix.has_inline_content::after {

    width: calc(14px - 0.3em);

}

.has_bottom_thin_line {

    border-bottom: dashed #4CAF50 1px;

}

.has_upper_thin_line {

    border-top: dashed #4CAF50 1px;

}

<!--

    Copyright (C) 2021 Wojtek Kosior

    Redistribution terms are gathered in the `copyright' file.

    This is not a standalone page. This file is meant to be imported into other

    HTML code.

  -->

<style>

  #blocking_policy_div {

      line-height: 2em;

  }

</style>

<span id="blocking_policy_span">

  Default policy for unmatched pages is to

  <span id="current_policy_span" class="bold"></span>

  their own scripts.

  <button id="toggle_policy_but">Toggle policy</button>

</span>

/**

 * part of Hachette

 * Default policy dialog logic.

 *

 * Copyright (C) 2021 Wojtek Kosior

 * Redistribution terms are gathered in the `copyright' file.

 */

/*

 * IMPORTS_START

 * IMPORT by_id

 * IMPORT light_storage

 * IMPORT observables

 * IMPORTS_END

 */

/*

 * Used with `default_blocking_policy.html' to allow user to choose whether to

 * block scripts globally or not.

 */

const blocking_policy_span = by_id("blocking_policy_span");

const current_policy_span = by_id("current_policy_span");

const toggle_policy_but = by_id("toggle_policy_but");

let policy_observable;

const update_policy =

      allowed => current_policy_span.textContent = allowed ? "allow" : "block";

const toggle_policy =

      () => light_storage.set_var("default_allow", !policy_observable.value);

async function init_default_policy_dialog()

{

    policy_observable = await light_storage.observe_var("default_allow");

    update_policy(policy_observable.value);

    observables.subscribe(policy_observable, update_policy);

    toggle_policy_but.addEventListener("click", toggle_policy);

    blocking_policy_span.classList.remove("hide");

}

/*

 * EXPORTS_START

 * EXPORT init_default_policy_dialog

 * EXPORTS_END

 */

    <link type="text/css" rel="stylesheet" href="MOZILLA_scrollbar_fix.css" />

	  width: -moz-fit-content;

      .padding_top {

	  padding-top: 5px;

      }

	  <pre class="has_bottom_thin_line has_upper_thin_line" data-template="script_contents"></pre>

      <div class="table_wrapper firefox_scrollbars_hacky_fix">

      <div class="padding_inline padding_top has_upper_thin_line firefox_scrollbars_hacky_fix has_inline_content">

	<span class="nowrap">

	  <IMPORT html/default_blocking_policy.html />

	</span>

      </div>

	<div class="header padding_inline has_bottom_thin_line">

      <div class="footer padding_inline has_upper_thin_line">

 * IMPORT init_default_policy_dialog

	    blocked_span.textContent = blocked_span.textContent + " (default)";

    init_default_policy_dialog();

<!--

    Copyright (C) 2021 Wojtek Kosior

    Redistribution terms are gathered in the `copyright' file.

    This is not a standalone page. This file is meant to be imported into other

    HTML code.

  -->

      <IMPORT html/default_blocking_policy.html />

 * IMPORT init_default_policy_dialog

    init_default_policy_dialog();