编辑器更改字体时取消动画,代码提示新增类型提示,修改并删除源码中的js提示

This commit is contained in:
shijian 2023-09-30 04:53:49 +08:00
parent 7787a3ed5f
commit 8642efc40b
4 changed files with 151 additions and 184 deletions

View File

@ -10459,166 +10459,4 @@
CodeMirror.defineOption("hintOptions", null); CodeMirror.defineOption("hintOptions", null);
}); });
(function (mod) {
// Plain browser env
mod(CodeMirror);
})(function (CodeMirror) {
var Pos = CodeMirror.Pos;
function forEach(arr, f) {
for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]);
}
function arrayContains(arr, item) {
if (!Array.prototype.indexOf) {
var i = arr.length;
while (i--) {
if (arr[i] === item) {
return true;
}
}
return false;
}
return arr.indexOf(item) != -1;
}
function scriptHint(editor, keywords, getToken, options) {
// Find the token at the cursor
var cur = editor.getCursor(), token = getToken(editor, cur);
if (/\b(?:string|comment)\b/.test(token.type)) return;
var innerMode = CodeMirror.innerMode(editor.getMode(), token.state);
if (innerMode.mode.helperType === "json") return;
token.state = innerMode.state;
// If it's not a 'word-style' token, ignore the token.
if (!/^[\w$_]*$/.test(token.string)) {
token = {
start: cur.ch, end: cur.ch, string: "", state: token.state,
type: token.string == "." ? "property" : null
};
} else if (token.end > cur.ch) {
token.end = cur.ch;
token.string = token.string.slice(0, cur.ch - token.start);
}
var tprop = token;
// If it is a property, find out what it is a property of.
while (tprop.type == "property") {
tprop = getToken(editor, Pos(cur.line, tprop.start));
if (tprop.string != ".") return;
tprop = getToken(editor, Pos(cur.line, tprop.start));
if (!context) var context = [];
context.push(tprop);
}
return {
list: getCompletions(token, context, keywords, options),
from: Pos(cur.line, token.start),
to: Pos(cur.line, token.end)
};
}
function javascriptHint(editor, options) {
return scriptHint(editor, javascriptKeywords,
function (e, cur) { return e.getTokenAt(cur); },
options);
};
CodeMirror.registerHelper("hint", "javascript", javascriptHint);
function getCoffeeScriptToken(editor, cur) {
// This getToken, it is for coffeescript, imitates the behavior of
// getTokenAt method in javascript.js, that is, returning "property"
// type and treat "." as independent token.
var token = editor.getTokenAt(cur);
if (cur.ch == token.start + 1 && token.string.charAt(0) == '.') {
token.end = token.start;
token.string = '.';
token.type = "property";
}
else if (/^\.[\w$_]*$/.test(token.string)) {
token.type = "property";
token.start++;
token.string = token.string.replace(/\./, '');
}
return token;
}
function coffeescriptHint(editor, options) {
return scriptHint(editor, coffeescriptKeywords, getCoffeeScriptToken, options);
}
CodeMirror.registerHelper("hint", "coffeescript", coffeescriptHint);
var stringProps = ("charAt charCodeAt indexOf lastIndexOf substring substr slice trim trimLeft trimRight " +
"toUpperCase toLowerCase split concat match replace search").split(" ");
var arrayProps = ("length concat join splice push pop shift unshift slice reverse sort indexOf " +
"lastIndexOf every some filter forEach map reduce reduceRight ").split(" ");
var funcProps = "prototype apply call bind".split(" ");
var javascriptKeywords = ("break case catch class const continue debugger default delete do else export extends from false finally for function " +
"if in import instanceof let new null return super switch this throw true try typeof var void while with yield").split(" ");
var coffeescriptKeywords = ("and break catch class continue delete do else extends false finally for " +
"if in instanceof isnt new no not null of off on or return switch then throw true try typeof until void while with yes").split(" ");
function forAllProps(obj, callback) {
if (!Object.getOwnPropertyNames || !Object.getPrototypeOf) {
for (var name in obj) callback(name)
} else {
for (var o = obj; o; o = Object.getPrototypeOf(o))
Object.getOwnPropertyNames(o).forEach(callback);
}
}
function getCompletions(token, context, keywords, options) {
var found = [], start = token.string, global = options && options.globalScope || window;
function maybeAdd(str) {
if (str.lastIndexOf(start, 0) == 0 && !arrayContains(found, str)) found.push(str);
}
function gatherCompletions(obj) {
if (typeof obj == "string") forEach(stringProps, maybeAdd);
else if (obj instanceof Array) forEach(arrayProps, maybeAdd);
else if (obj instanceof Function) forEach(funcProps, maybeAdd);
forAllProps(obj, maybeAdd)
}
if (context && context.length) {
// If this is a property, see if it belongs to some object we can
// find in the current environment.
var obj = context.pop(), base;
if (obj.type && obj.type.indexOf("variable") === 0) {
if (options && options.additionalContext)
base = options.additionalContext[obj.string];
if (!options || options.useGlobalScope !== false)
base = base || global[obj.string];
} else if (obj.type == "string") {
base = "";
} else if (obj.type == "atom") {
base = 1;
} else if (obj.type == "function") {
if (global.jQuery != null && (obj.string == '$' || obj.string == 'jQuery') &&
(typeof global.jQuery == 'function'))
base = global.jQuery();
else if (global._ != null && (obj.string == '_') && (typeof global._ == 'function'))
base = global._();
}
while (base != null && context.length)
base = base[context.pop().string];
if (base != null) gatherCompletions(base);
} else {
// If not, just look in the global object, any local scope, and optional additional-context
// (reading into JS mode internals to get at the local and global variables)
for (var v = token.state.localVars; v; v = v.next) maybeAdd(v.name);
for (var c = token.state.context; c; c = c.prev)
for (var v = c.vars; v; v = v.next) maybeAdd(v.name)
for (var v = token.state.globalVars; v; v = v.next) maybeAdd(v.name);
if (options && options.additionalContext != null)
for (var key in options.additionalContext)
maybeAdd(key);
/*if (!options || options.useGlobalScope !== false)
gatherCompletions(global);*/
forEach(keywords, maybeAdd);
forEach(coffeescriptKeywords, maybeAdd);
}
return found.sort(function (a, b) {
return (a + '').localeCompare(b + '');
});
}
});
})(); })();

View File

@ -7492,8 +7492,17 @@
const event=_status.event; const event=_status.event;
const player=ui.create.player().init('sunce'); const player=ui.create.player().init('sunce');
const card=game.createCard(); const card=game.createCard();
//覆盖原本的javascript提示 function forEach(arr,f) {
CodeMirror.registerHelper('hint','javascript',(editor,options)=>{ Array.from(arr).forEach(v=>f(v));
}
function forAllProps(obj,callback){
if(!Object.getOwnPropertyNames||!Object.getPrototypeOf){
for(let name in obj) callback(name);
}else{
for(let o=obj;o;o=Object.getPrototypeOf(o)) Object.getOwnPropertyNames(o).forEach(callback);
}
}
function scriptHint(editor,keywords,getToken,options){
//Find the token at the cursor //Find the token at the cursor
let cur=editor.getCursor(),token=editor.getTokenAt(cur); let cur=editor.getCursor(),token=editor.getTokenAt(cur);
if(/\b(?:string|comment)\b/.test(token.type)) return; if(/\b(?:string|comment)\b/.test(token.type)) return;
@ -7523,37 +7532,130 @@
context.push(tprop); context.push(tprop);
} }
const list = []; const list = [];
let code,obj;
if(Array.isArray(context)){ if(Array.isArray(context)){
try { try {
const code=context.length==1?context[0].string:context.reduceRight((pre,cur)=>(pre.string||pre)+'.'+cur.string); code=context.length==1?context[0].string:context.reduceRight((pre,cur)=>(pre.string||pre)+'.'+cur.string);
const obj=eval(code); obj=eval(code);
if(![null,undefined].includes(obj)){ if(![null,undefined].includes(obj)){
const keys=Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertyNames(Object.getPrototypeOf(obj))).filter(key=>key.startsWith(token.string)); const keys=Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertyNames(Object.getPrototypeOf(obj))).filter(key=>key.startsWith(token.string));
list.addArray(keys); list.addArray(keys);
} }
}catch(_){ return;} }catch(_){ return;}
}else if(token&&typeof token.string=='string'){ }
return {
list:[...new Set(getCompletions(token,context,keywords,options).concat(list))]
.filter(key=>key.startsWith(token.string))
.sort((a,b)=>(a+'').localeCompare(b+''))
.map(text=>{
return {
render(elt,data,cur) {
var icon=document.createElement("span");
var className="cm-completionIcon cm-completionIcon-";
if(obj){
const type=typeof obj[text];
if(type== 'function') {
className+='function';
}
else if(type== 'string') {
className+='text';
}
else if(['object','number'].includes(type)){
className+='namespace';
}
else if(type== 'boolean') {
className+='variable';
}
}else{
if(javascriptKeywords.includes(text)||javascriptKeywords.includes(text)){
className+='keyword';
}
else if(window[text]) {
const type=typeof window[text];
if(type=='function'){
className+='function';
}
else if(type=='string'){
className+='text';
}
else if((type=='object'&&text!='window')||type=='number'){
className+='namespace';
}
else if(text=='window'||type=='boolean'){
className+='variable';
}
}
}
icon.className=className;
elt.appendChild(icon);
elt.appendChild(document.createTextNode(text));
},
displayText: text,
text: text,
}
}),
from:CodeMirror.Pos(cur.line,token.start),
to:CodeMirror.Pos(cur.line,token.end)
};
}
function javascriptHint(editor,options){
return scriptHint(editor,javascriptKeywords,function(e,cur){return e.getTokenAt(cur);},options);
};
//覆盖原本的javascript提示
CodeMirror.registerHelper("hint","javascript",javascriptHint);
const stringProps=Object.getOwnPropertyNames(String.prototype);
const arrayProps=Object.getOwnPropertyNames(Array.prototype);
const funcProps=Object.getOwnPropertyNames(Array.prototype);
const javascriptKeywords=("break case catch class const continue debugger default delete do else export extends from false finally for function " + const javascriptKeywords=("break case catch class const continue debugger default delete do else export extends from false finally for function " +
"if in import instanceof let new null return super switch this throw true try typeof var void while with yield").split(" "); "if in import instanceof let new null return super switch this throw true try typeof var void while with yield").split(" ");
const coffeescriptKeywords=("and break catch class continue delete do else extends false finally for " + const coffeescriptKeywords=("and break catch class continue delete do else extends false finally for " +
"if in instanceof isnt new no not null of off on or return switch then throw true try typeof until void while with yes").split(" "); "if in instanceof isnt new no not null of off on or return switch then throw true try typeof until void while with yes").split(" ");
const keys=['player','card','lib','game','ui','get','ai','_status'].concat(javascriptKeywords).concat(coffeescriptKeywords).concat(Object.getOwnPropertyNames(window)); function getCompletions(token,context,keywords,options){
const start=token.string; let found=[],start=token.string,global=options&&options.globalScope||window;
function maybeAdd(str){ function maybeAdd(str){
if(str.lastIndexOf(start,0)==0&&!list.includes(str)) list.push(str); if(str.lastIndexOf(start,0)==0&&!found.includes(str)) found.push(str);
} }
function gatherCompletions(obj){
if(typeof obj=="string") forEach(stringProps,maybeAdd);
else if(obj instanceof Array) forEach(arrayProps,maybeAdd);
else if(obj instanceof Function) forEach(funcProps,maybeAdd);
forAllProps(obj, maybeAdd);
}
if(context&&context.length){
//If this is a property, see if it belongs to some object we can
//find in the current environment.
let obj=context.pop(),base;
if (obj.type&&obj.type.indexOf("variable")=== 0){
if(options&&options.additionalContext)
base=options.additionalContext[obj.string];
if(!options||options.useGlobalScope!==false)
base=base||global[obj.string];
}else if(obj.type=="string"){
base="";
}else if(obj.type == "atom"){
base=1;
}else if(obj.type == "function"){
if(global.jQuery!=null&&(obj.string=='$'||obj.string=='jQuery')&&(typeof global.jQuery=='function'))
base=global.jQuery();
else if(global._!=null&&(obj.string=='_')&&(typeof global._=='function'))
base=global._();
}
while(base!=null&&context.length)
base=base[context.pop().string];
if (base!=null) gatherCompletions(base);
}else{
//If not, just look in the global object, any local scope, and optional additional-context
//(reading into JS mode internals to get at the local and global variables)
for(let v=token.state.localVars;v;v=v.next) maybeAdd(v.name); for(let v=token.state.localVars;v;v=v.next) maybeAdd(v.name);
for(let c=token.state.context;c;c=c.prev) for(let v=c.vars;v;v=v.next) maybeAdd(v.name) for(let c=token.state.context;c;c=c.prev) for(let v=c.vars;v;v=v.next) maybeAdd(v.name)
for(let v=token.state.globalVars;v;v=v.next) maybeAdd(v.name); for(let v=token.state.globalVars;v;v=v.next) maybeAdd(v.name);
if(options&&options.additionalContext!=null) for(let key in options.additionalContext) maybeAdd(key); if(options&&options.additionalContext!=null) for(let key in options.additionalContext) maybeAdd(key);
list.addArray(keys); if(!options||options.useGlobalScope!==false) gatherCompletions(global);
forEach(keywords,maybeAdd);
forEach(coffeescriptKeywords,maybeAdd);
}
return found.sort((a,b)=>(a+'').localeCompare(b+''));
} }
return {
list:list.filter(key=>key.startsWith(token.string)).sort((a,b)=>(a+'').localeCompare(b+'')),
from:CodeMirror.Pos(cur.line,token.start),
to:CodeMirror.Pos(cur.line,token.end),
};
});
}, },
setIntro:function(node,func,left){ setIntro:function(node,func,left){
if(lib.config.touchscreen){ if(lib.config.touchscreen){
@ -41116,7 +41218,7 @@
const size=this.innerHTML; const size=this.innerHTML;
container.style.fontSize=size.slice(0,-2)/game.documentZoom+'px'; container.style.fontSize=size.slice(0,-2)/game.documentZoom+'px';
Array.from(self.parentElement.children).map(v=>v.createMenu).filter(Boolean).forEach(v=>{v.style.fontSize=size.slice(0,-2)/game.documentZoom+'px'}); Array.from(self.parentElement.children).map(v=>v.createMenu).filter(Boolean).forEach(v=>{v.style.fontSize=size.slice(0,-2)/game.documentZoom+'px'});
container.listenTransition(()=>container.editor.refresh()); setTimeout(()=>container.editor.refresh(),0);
game.saveConfig('codeMirror_fontSize',size); game.saveConfig('codeMirror_fontSize',size);
closeMenu.call(self); closeMenu.call(self);
}; };

View File

@ -496,3 +496,27 @@ li.CodeMirror-hint-active {
background: #08f; background: #08f;
color: white; color: white;
} }
.cm-completionIcon {
position: relative;
font-size: 90%;
width: .8em;
display: inline-block;
text-align: center;
padding-right: .6em;
opacity: 0.6;
box-sizing: content-box;
}
.cm-completionIcon-function:after,
.cm-completionIcon-method:after {content: 'ƒ';}
.cm-completionIcon-class:after {content: '○';}
.cm-completionIcon-interface:after {content: '◌';}
.cm-completionIcon-variable:after {content: '𝑥';}
.cm-completionIcon-constant:after {content: '𝐶';}
.cm-completionIcon-type:after {content: '𝑡';}
.cm-completionIcon-enum:after {content: '';}
.cm-completionIcon-property:after {content: '□';}
.cm-completionIcon-keyword:after {content: '🔑︎';}
.cm-completionIcon-namespace:after {content: '▢';}
.cm-completionIcon-text:after {content: 'abc'; font-size: 50%; vertical-align: middle;}

View File

@ -1876,6 +1876,9 @@ input.fileinput::-webkit-file-upload-button {
margin-bottom: 3px; margin-bottom: 3px;
} }
div.popup-container.editor,div.popup-container.editor div{
transition: none;
}
.popup-container.editor>div { .popup-container.editor>div {
width: 80%; width: 80%;
height: 90%; height: 90%;