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

[autocomplete] find LESS vars

Browse Source
This commit is contained in:
tophf 2022-08-29 23:26:23 +03:00
parent 984fa6e425
commit 3489b513c9
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
edit/autocomplete.js
View File

@ -41,6 +41,7 @@
const {line, ch} = pos; const {line, ch} = pos;
const {styles, text} = cm.getLineHandle(line); const {styles, text} = cm.getLineHandle(line);
const {style, index} = cm.getStyleAtPos({styles, pos: ch}) || {}; const {style, index} = cm.getStyleAtPos({styles, pos: ch}) || {};
const isLessLang = cm.doc.mode.helperType === 'less';
const isStylusLang = cm.doc.mode.name === 'stylus'; const isStylusLang = cm.doc.mode.name === 'stylus';
const type = style && style.split(' ', 1)[0] || 'prop?'; const type = style && style.split(' ', 1)[0] || 'prop?';
if (!type || type === 'comment' || type === 'string') { if (!type || type === 'comment' || type === 'string') {
@ -86,6 +87,7 @@
'@supports', '@supports',
'@viewport', '@viewport',
]; ];
if (isLessLang) list = findAllCssVars(cm, left, '\\s*:').concat(list);
break; break;
case '#': // prevents autocomplete for #hex colors case '#': // prevents autocomplete for #hex colors
@ -196,13 +198,15 @@
!style.startsWith(USO_VALID_VAR) && !style.startsWith(USO_INVALID_VAR); !style.startsWith(USO_VALID_VAR) && !style.startsWith(USO_INVALID_VAR);
} }
function findAllCssVars(cm, leftPart) { function findAllCssVars(cm, leftPart, rightPart = '') {
// simplified regex without CSS escapes // simplified regex without CSS escapes
const [, prefixed, named] = leftPart.match(/^(--|@)?(\S)?/);
const rx = new RegExp( const rx = new RegExp(
'(?:^|[\\s/;{])(' + '(?:^|[\\s/;{])(' +
(leftPart.startsWith('--') ? leftPart : '--') + (prefixed ? leftPart : '--') +
(leftPart.length <= 2 ? '[a-zA-Z_\u0080-\uFFFF]' : '') + (named ? '' : '[a-zA-Z_\u0080-\uFFFF]') +
'[-0-9a-zA-Z_\u0080-\uFFFF]*)', '[-0-9a-zA-Z_\u0080-\uFFFF]*)' +
rightPart,
'g'); 'g');
const list = new Set(); const list = new Set();
cm.eachLine(({text}) => { cm.eachLine(({text}) => {