buzzcode2007/ShopAI-Extension
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

major moving around of files

Browse source
This commit is contained in:
buzz-lightsnack-2007 2024-03-25 12:39:38 +08:00
parent 4686f89010
commit 8f0f7fb923
15 changed files with 303 additions and 240 deletions
Download patch file Download diff file Expand all files Collapse all files

5
gui/pages/open/popup.htm Normal file
View file

@ -0,0 +1,5 @@
<html>
<head>
<script src="../../scripts/pages/open/popup.JS" type="module"></script>
</head>
</html>

5
gui/pages/open/settings.htm Normal file
View file

@ -0,0 +1,5 @@
<html>
<head>
<script src="../../scripts/pages/open/settings.JS" type="module"></script>
</head>
</html>

70
gui/pages/settings.htm Normal file
View file

@ -0,0 +1,70 @@
<html> <head>
<script type="module" src="../scripts/external/jquery.js"></script>
<script type="module" src="../scripts/settings.js"></script>
</head>
<body>
<main class="window-body has-space">
<menu role="tablist">
<button role="tab" aria-controls="settings" data-text="general"></button>
<button role="tab" aria-controls="filters" data-text="filters"></button>
<button role="tab" aria-controls="storage" data-text="storage"></button>
<button role="tab" aria-controls="about" data-text="about"></button>
</menu>
<section class="view_main">
<section role="tabpanel" id="settings">
<fieldset>
<legend data-text="general"></legend>
<form class="field-row">
<input type="checkbox" id="settings_general_showApplicable" data-store="settings,general,showApplicable">
<label for="settings_general_showApplicable" data-text="settings_general_showApplicable"></label>
</form>
<form class="field-row">
<input type="checkbox" id="settings_general_injectToPage" data-store="settings,general,injectToPage">
<label for="settings_general_injectToPage" data-text="settings_general_injectToPage"></label>
</form>
</fieldset>
<fieldset>
<legend data-text="behavior"></legend>
<form class="field-row">
<input type="checkbox" id="settings_behavior_autoRun" data-store="settings,behavior,autoRun">
<label for="settings_behavior_autoRun" data-text="settings_behavior_autoRun"></label>
</form>
</fielset>
</section>
<section role="tabpanel" id="filters">
<fieldset>
<legend data-text="filters"></legend>
<label data-text="settings_filters_description"></label>
<div class="field-row action-buttons">
<button data-action="filters,update" data-text="settings_filters_update"></button>
<button data-action="open,filters" data-text="settings_filters_open"></button>
</div>
</fieldset>
</section>
<section role="tabpanel" id="storage">
<fieldset>
<legend data-text="storage"></legend>
<label data-text="settings_storage_description"></label>
<div class="field-row action-buttons">
<button data-text="settings_storage_clear" data-action="storage,clear"></button>
</div>
</fieldset>
</section>
</section>
<section role="tabpanel" id="about">
<img data-image="about_app_logo" />
<p data-text="extension_name"></p>
<p data-text="GUI_status_version"></p>
<p data-text="extension_description"></p>
<div class="field-row action-buttons">
<button data-text="help" data-action="open,help"></button>
</div>
</section>
</section>
<footer class="field-row action-buttons">
<button class="default" data-text="apply" data-action="action,discard"></button>
<button data-text="cancel" data-action="action,discard"></button>
</footer>
</main>
</div>
</body></html>

0
gui/pages/settings/filters.htm Normal file
View file

3
gui/popup.htm
View file

@ -1,4 +1,3 @@
<html> <head> <html> <head>
<script type="module" src="scripts/external/jquery.js"></script>
<script type="module" src="scripts/popup.js"> </script>
</head></html> </head></html>

5
gui/popup_r.htm
View file

@ -1,5 +0,0 @@
<html>
<head>
<script src="scripts/popup_r.JS" type="module"></script>
</head>
</html>

4
gui/scripts/popup_r.JS → gui/scripts/pages/open/popup.JS
View file

@ -1,7 +1,7 @@
import {windowman} from './windowman.JS'; import {windowman} from '../../windowman.JS';
function redirect() { function redirect() {
new windowman(`gui/popup.htm`); new windowman(`gui/pages/settings.htm`);
window.close(); window.close();
} }

4
gui/scripts/settings_r.JS → gui/scripts/pages/open/settings.JS
View file

@ -1,9 +1,9 @@
// Open the settings in a pop-up window. // Open the settings in a pop-up window.
import {windowman} from './windowman.JS'; import {windowman} from '../../windowman.JS';
function redirect() { function redirect() {
new windowman(`gui/settings.htm`); new windowman(`gui/pages/settings.htm`);
window.close(); window.close();
} }

49
gui/scripts/popup.js
View file

@ -5,49 +5,20 @@
// Import modules. // Import modules.
import texts from './read.JS'; import texts from './read.JS';
import windowman from './windowman.JS'; import windowman from './windowman.JS';
let secretariat = await import(chrome.runtime.getURL("scripts/secretariat.js"));
// Import modules. function start() {
let secretariat = await import(chrome.runtime.getURL("scripts/secretariat.js"));
let pref_pane = 0;
function start() {
windowman.prepare(); windowman.prepare();
}
/* Populate the strings on the page. */
function say(element) {
// document.title
}
return(new windowman(`body`, null, null, {'Close': true})); function main() {
}
/* Add the UI design. */
function design(element) {
// Set the event of the window.
function controls() {
document.getElementById(element[`titlebar`][`controls`][`Close`][`ID`]).onclick = function(){element.terminate(false)};
}
// TODO work on the content; perhaps, it must read from JSON of valid prefs
controls();
}
/* Populate the strings on the page. */
function say(element) {
element.update(element[`titlebar`][`title`], texts.localized(`GUI_title_preferences`));
};
function main() {
let tab = start(); let tab = start();
design(tab);
say(tab); say(tab);
} }
main();
main();

23
gui/scripts/read.JS
View file

@ -4,32 +4,37 @@
let messages = {}; let messages = {};
let message = ""; let message = "";
export default class texts { export default class texts {
static localized (message_name, params = []) { /* This reads the message from its source. This is a fallback for the content scripts, who doesn't appear to read classes.
@param {string} message the message name
@param {boolean} autofill fill in the message with the template name when not found
@param {list} params the parameters
@return {string} the message
*/
static localized (message_name, autofill = false, params = []) {
if (params) { if (params) {
message = chrome.i18n.getMessage(message_name, params); message = chrome.i18n.getMessage(message_name, params);
} else { } else {
message = chrome.i18n.getMessage(message_name); message = chrome.i18n.getMessage(message_name);
} }
// When the message is not found, return the temporary text.
if (!message && autofill) {
message = message_name;
}
return(message); return(message);
} }
} }
/* This reads the message from its source. This is a fallback for the content scripts, who doesn't appear to read classes.
@param {string} source the source name, with accepted parameters "localized" and "fallback"
@param {string} message the message name
@return {string} the message
*/
export function read(message_name, params) { export function read(message_name, params) {
let message; let message;
message = texts.localized(message_name, params); message = texts.localized(message_name, params);
break;
return (message); return (message);

131
gui/scripts/settings.JS
View file

@ -4,25 +4,29 @@
// Import modules. // Import modules.
import texts from './read.JS'; import texts from './read.JS';
import windowman from './windowman.JS'; import {windowman} from './windowman.JS';
let secretariat = await import(chrome.runtime.getURL("scripts/secretariat.js"));
// let secretariat = await import(chrome.runtime.getURL("scripts/secretariat.js"));
// Import configuration file.
// const config = chrome.runtime.getURL('gui/layouts/settings.json');
let pref_pane = 0;
// Import modules. function start() {
let secretariat = await import(chrome.runtime.getURL("scripts/secretariat.js"));
let pref_pane = 0;
function start() {
windowman.prepare(); windowman.prepare();
}
return(new windowman(`body`, null, null, {'Close': true})); /* Generate the appropriate strings. */
} function say() {
windowman.fill();
}
/* Add the UI design. */ /* Add the UI design. */
function design(element) { //function design(element) {
// Set the event of the window. // Set the event of the window.
function controls() { /*function controls() {
document.getElementById(element[`titlebar`][`controls`][`Close`][`ID`]).onclick = function(){element.terminate(false)}; document.getElementById(element[`titlebar`][`controls`][`Close`][`ID`]).onclick = function(){element.terminate(false)};
} }
@ -30,9 +34,13 @@ import windowman from './windowman.JS';
element.inject(null, 'navbar', element[`content`], `menu`, null, null, {'role': 'tablist'}) element.inject(null, 'navbar', element[`content`], `menu`, null, null, {'role': 'tablist'})
} }
function tabs() { /* Add the content. */
let tab_names = ['preferences', 'filters', 'about']; /*function content() {
let page_layout = jsonData;
windowman_builder.tabs(Object.keys(page_layout));
function tabs(tab_names, parent_element) {
(tab_names).forEach((tab_name) => { (tab_names).forEach((tab_name) => {
// Create the elements for each tab content. // Create the elements for each tab content.
let inserted_element = element.inject(texts.localized(`term_`.concat(tab_name)), texts.localized(`term_`.concat(tab_name)), element[`content`], `section`, null, null, {'role': `tabpanel`}); let inserted_element = element.inject(texts.localized(`term_`.concat(tab_name)), texts.localized(`term_`.concat(tab_name)), element[`content`], `section`, null, null, {'role': `tabpanel`});
@ -43,8 +51,36 @@ import windowman from './windowman.JS';
}); });
} }
/*
Add each item for each preference page, but do not fill in their default preferences.
@param {dictionary} layout the layout
*//*
function eachItem(layout) {
(layout).forEach((tab) => {
// let inserted_element = element.inject(texts.localized(`term_`.concat(tab_name)), texts.localized(`term_`.concat(tab_name)), element[`content`], `section`, null, null, {'role': `tabpanel`});
let current_tab = element[`content`][`navbar`][texts.localized(`term_`.concat(tab_name))];
(Object.keys(current_tab)).forEach((element_item) => {
})
// element.update(element[`content`][`navbar`][texts.localized(`term_`.concat(tab_name))], texts.localized(`term_`.concat(tab_name)));
// Create the elements for each tab content.
element.inject(texts.localized(`term_`.concat(tab)), texts.localized(`term_`.concat(tab_name)), element[`content`], `section`, null, null, {'role': `tabpanel`});
// Create the menu elements.
element.inject(texts.localized(`term_`.concat(tab_name)), texts.localized(`term_`.concat(tab_name)), element[`content`][`navbar`], `button`, null, null, {'aria-controls': inserted_element});
});
}
tabs(Object.keys(page_layout));
}
function action_buttons() { function action_buttons() {
element.inject(null, `footer`, element[`content`], `footer`, [`field-row`], null, {'style': 'justify-content: flex-end'}); element.inject(`action_buttons`, `footer`, element[`content`], `footer`, [`field-row`], null, {'style': 'justify-content: flex-end'});
let button_names = ['apply', 'cancel']; let button_names = ['apply', 'cancel'];
@ -54,22 +90,40 @@ import windowman from './windowman.JS';
}); });
} }
// TODO work on the content; perhaps, it must read from JSON of valid prefs
controls(); controls();
menu(); menu();
tabs(); content();
action_buttons(); action_buttons();
} }
/* Populate the strings on the page. */ /* Populate the strings on the page. */
function say(element) { /*function say(element) {
document.title = texts.localized(`GUI_title_preferences`); document.title = texts.localized(`GUI_title_preferences`);
element.update(element[`titlebar`][`title`], texts.localized(`GUI_title_preferences`)); element.update(element[`titlebar`][`title`], texts.localized(`GUI_title_preferences`));
function content() {
fetch(config)
.then((response) => response.json())
.then((jsonData) => {
let page_layout = jsonData;
function tabs(tab_names) {
(tab_names).forEach((tab_name) => {
// Create the elements for each tab content.
element.update(element[`content`][`navbar`][texts.localized(`term_`.concat(tab_name))], texts.localized(`term_`.concat(tab_name)));
});
}
tabs(Object.keys(page_layout));
})
.catch((error) => {
console.error(error);
});
}
// Controls // Controls
/*
let tab_names = ['preferences', 'filters', 'about']; let tab_names = ['preferences', 'filters', 'about'];
(tab_names).forEach((tab_name) => { (tab_names).forEach((tab_name) => {
element.update(element[`content`][`navbar`][texts.localized(`term_`.concat(tab_name))], texts.localized(`term_`.concat(tab_name))); element.update(element[`content`][`navbar`][texts.localized(`term_`.concat(tab_name))], texts.localized(`term_`.concat(tab_name)));
@ -82,23 +136,38 @@ import windowman from './windowman.JS';
// Create the elements for each tab content. // Create the elements for each tab content.
element.update(element[`content`][`footer`][texts.localized(`term_`.concat(button_name))], texts.localized(`term_`.concat(button_name))); element.update(element[`content`][`footer`][texts.localized(`term_`.concat(button_name))], texts.localized(`term_`.concat(button_name)));
}); });
}; }
content();
action_buttons(); action_buttons();
};
function openLast() {
let last_opened = 'Preferences';
} }
*/
/*
Arrange the interface.
*/
function arrange() {
let last_opened = secretariat.read(`last`);
if (!last_opened) {last_opened = 'settings'};
// click!
document.querySelector(`menu button[role="tab"][aria-controls="${last_opened}"]`).click();
}
function events() {
};
function main() { function main() {
let tab = start(); let tab = start();
design(tab); say();
say(tab);
document.addEventListener('DOMContentLoaded', function() {
arrange();
});
} }
main(); main();

23
gui/scripts/windowman.JS
View file

@ -7,9 +7,12 @@ class windowman {
/* Initialize the window frame. */ /* Initialize the window frame. */
static prepare() { static prepare() {
try { try {
let UI = {'library': chrome.runtime.getURL('gui/styles/interface.external.css'), 'script': chrome.runtime.getURL('gui/scripts/external/interface.external.js')}; let UI = {'library': [chrome.runtime.getURL('gui/styles/interface.external.css'), chrome.runtime.getURL('gui/styles/ui.css')], 'script': chrome.runtime.getURL('gui/scripts/external/interface.external.js')};
(UI.library).forEach((source) => {
$(`head`).append(`<link rel="stylesheet" type="text/css" href="${source}">`);
})
$(`head`).append(`<link rel="stylesheet" type="text/css" href="${UI.library}">`);
$(`head`).append(`<script type="module" src="${UI.script}"></script>`); $(`head`).append(`<script type="module" src="${UI.script}"></script>`);
} catch(error) { } catch(error) {
console.error(texts.localized(`error_fileNotFound`, [error])); console.error(texts.localized(`error_fileNotFound`, [error]));
@ -28,6 +31,22 @@ class windowman {
height: (height) ? height: 600, height: (height) ? height: 600,
}); });
} }
static fill() {
function text() {
let text_elements = document.querySelectorAll("[data-text]");
text_elements.forEach((text_element) => {
let text_inserted = texts.localized(text_element.getAttribute(`data-text`), (text_element.hasAttribute(`data-text-parameter`)) ? eval(text_element.getAttribute(`data-text-parameter`)) : null );
if (!text_inserted) {text_inserted = texts.localized(`term_`.concat(text_element.getAttribute(`data-text`)));}
text_element.innerText = text_inserted;
})
}
text();
}
} }
export {windowman}; export {windowman};

70
gui/settings.htm
View file

@ -1,70 +0,0 @@
<html> <head>
<script type="module" src="scripts/external/jquery.js"></script>
<script type="module" src="scripts/settings.js"></script>
</head>
<body>
<main class="window-body has-space">
<menu role="tablist" aria-label="Window with Tabs">
<button role="tab" aria-controls="settings"></button>
<button role="tab" aria-controls="filters"></button>
<button role="tab" aria-controls="storage"></button>
<button role="tab" aria-controls="about"></button>
</menu>
<section class="view_main">
<section role="tabpanel" id="settings">
<fieldset id="settings_general">
<legend></legend>
<form class="field-row">
<input type="checkbox" id="settings_general_showApplicable" data-store="settings,general,showApplicable">
<label for="settings_general_showApplicable"></label>
</form>
<form class="field-row">
<input type="checkbox" id="settings_general_injectToPage" data-store="settings,general,injectToPage">
<label for="settings_general_injectToPage"></label>
</form>
</fieldset>
<fieldset id="settings_behavior">
<legend></legend>
<form class="field-row">
<input type="checkbox" id="settings_behavior_autoRun" data-store="settings,behavior,autoRun">
<label for="settings_behavior_autoRun"></label>
</form>
</fielset>
</section>
<section role="tabpanel" id="filters">
<fieldset id="filters">
<legend></legend>
<label data-name="settings_filters_description"></label>
<div class="field-row action-buttons">
<button id="settings_filters_clear" data-action="filters,clear"></button>
<button id="settings_filters_open" data-action="open,filters"></button>
</div>
</fieldset>
</section>
<section role="tabpanel" id="storage">
<fieldset id="storage">
<legend></legend>
<label data-name="settings_storage_description"></label>
<div class="field-row action-buttons">
<button id="settings_filters_clear" data-action="storage,clear"></button>
</div>
</fieldset>
</section>
</section>
<section role="tabpanel" id="about">
<img id="about_app_logo" />
<h1 data-text="manifest_name"></h1>
<p data-text="extension_version"></p>
<p data-text="extension_description"></p>
<div class="field-row action-buttons">
<button data-action="open,help"></button>
</div>
</section>
</section>
<footer class="field-row action-buttons">
<button class="default" id="apply">Apply</button>
<button id="cancel">Cancel</button>
</footer>
</main>
</div>
</body></html>

5
gui/settings_r.htm
View file

@ -1,5 +0,0 @@
<html>
<head>
<script src="scripts/settings_r.JS" type="module"></script>
</head>
</html>

8
manifest.json
View file

@ -1,14 +1,14 @@
{ {
"manifest_version": 3, "manifest_version": 3,
"name": "__MSG_manifest_name__", "name": "__MSG_extension_name__",
"description": "__MSG_manifest_description__", "description": "__MSG_extension_description__",
"version": "0", "version": "0",
"permissions": [ "tabs", "activeTab", "storage", "unlimitedStorage"], "permissions": [ "tabs", "activeTab", "storage", "unlimitedStorage"],
"action": { "action": {
"default_icon": "gui/icons/logo_no_tiny.png", "default_icon": "gui/icons/logo_no_tiny.png",
"default_popup": "gui/popup.htm" "default_popup": "gui/pages/open/popup.htm"
}, },
"background": { "background": {
@ -33,7 +33,7 @@
"512": "gui/icons/logo_tiny.png" "512": "gui/icons/logo_tiny.png"
}, },
"options_page": "gui/settings.htm", "options_page": "gui/pages/open/settings.htm",
"default_locale": "en" "default_locale": "en"
} }