open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

show a button to reset the template

Browse Source
This commit is contained in:
tophf 2022-01-22 12:24:35 +03:00
parent 45eeedbe97
commit 0e31557748
2 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
_locales/en/messages.json
View File

@ -1353,6 +1353,9 @@
"message": "Replace with", "message": "Replace with",
"description": "Label before the replace-with input field in the editor shown on Ctrl-H etc." "description": "Label before the replace-with input field in the editor shown on Ctrl-H etc."
}, },
"restoreTemplate": {
"message": "Restore the default template.\n\n(The currently open editor pages won't change.)"
},
"retrieveBckp": { "retrieveBckp": {
"message": "Import styles" "message": "Import styles"
}, },

32
edit/source-editor.js
View File

@ -16,6 +16,15 @@
/* exported SourceEditor */ /* exported SourceEditor */
function SourceEditor() { function SourceEditor() {
const {style, /** @type DirtyReporter */dirty} = editor; const {style, /** @type DirtyReporter */dirty} = editor;
const DEFAULT_TEMPLATE = `
/* ==UserStyle==
@name ${''/* a trick to preserve the trailing spaces */}
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
`.replace(/^\s+/gm, '');
let savedGeneration; let savedGeneration;
let prevMode = NaN; let prevMode = NaN;
@ -160,17 +169,8 @@ function SourceEditor() {
if (Object.keys(sec0).length === 1) { // the only key is 'code' if (Object.keys(sec0).length === 1) { // the only key is 'code'
sec0.domains = ['example.com']; sec0.domains = ['example.com'];
} }
const DEFAULT_CODE = `
/* ==UserStyle==
@name ${''/* a trick to preserve the trailing spaces */}
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
`.replace(/^\s+/gm, '');
style.name = [style.name, new Date().toLocaleString()].filter(Boolean).join(' - '); style.name = [style.name, new Date().toLocaleString()].filter(Boolean).join(' - ');
style.sourceCode = (editor.template || DEFAULT_CODE) style.sourceCode = (editor.template || DEFAULT_TEMPLATE)
.replace(/(@name)(?:([\t\x20]+).*|\n)/, (_, k, space) => `${k}${space || ' '}${style.name}`) .replace(/(@name)(?:([\t\x20]+).*|\n)/, (_, k, space) => `${k}${space || ' '}${style.name}`)
.replace(/\s*@-moz-document[^{]*{([^}]*)}\s*$/g, // stripping dummy sections .replace(/\s*@-moz-document[^{]*{([^}]*)}\s*$/g, // stripping dummy sections
(s, body) => body.trim() === comment ? '\n\n' : s) (s, body) => body.trim() === comment ? '\n\n' : s)
@ -224,9 +224,17 @@ function SourceEditor() {
} }
async function saveTemplate() { async function saveTemplate() {
if (await messageBoxProxy.confirm(t('usercssReplaceTemplateConfirmation'))) { const res = await messageBoxProxy.show({
contents: t('usercssReplaceTemplateConfirmation'),
className: 'center',
buttons: [t('confirmYes'), t('confirmNo'), {
textContent: t('genericResetLabel'),
title: t('restoreTemplate'),
}],
});
if (res.enter || res.button !== 1) {
const key = chromeSync.LZ_KEY.usercssTemplate; const key = chromeSync.LZ_KEY.usercssTemplate;
const code = cm.getValue(); const code = res.button === 2 ? DEFAULT_TEMPLATE : cm.getValue();
await chromeSync.setLZValue(key, code); await chromeSync.setLZValue(key, code);
if (await chromeSync.getLZValue(key) !== code) { if (await chromeSync.getLZValue(key) !== code) {
messageBoxProxy.alert(t('syncStorageErrorSaving')); messageBoxProxy.alert(t('syncStorageErrorSaving'));