mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
fc68244f36
* Update css-tree types: `some` returns boolean, add find, findLast and findAll * use better types when visit parameter is set
638 lines
17 KiB
TypeScript
638 lines
17 KiB
TypeScript
import * as csstree from "css-tree";
|
|
|
|
const ast = csstree.parse('.a { color: red; }');
|
|
ast; // $ExpectType CssNode
|
|
|
|
csstree.parse('.a { color: red; }', {}); // $ExpectType CssNode
|
|
csstree.parse('.a { color: red; }', {context: 'selector', positions: true}); // $ExpectType CssNode
|
|
|
|
csstree.walk(ast, (node, item, list) => {
|
|
node; // $ExpectType CssNode
|
|
item; // $ExpectType ListItem<CssNode>
|
|
list; // $ExpectType List<CssNode>
|
|
});
|
|
|
|
csstree.walk(ast, {});
|
|
|
|
csstree.walk(ast, {
|
|
enter(node, item, list) {
|
|
this.root; // $ExpectType CssNode
|
|
this.stylesheet; // $ExpectType StyleSheet | null
|
|
node; // $ExpectType ClassSelector
|
|
item; // $ExpectType ListItem<CssNode>
|
|
list; // $ExpectType List<CssNode>
|
|
this.atrule; // $ExpectType Atrule | null
|
|
},
|
|
leave(node, item, list) {
|
|
this.root; // $ExpectType CssNode
|
|
this.stylesheet; // $ExpectType StyleSheet | null
|
|
node; // $ExpectType ClassSelector
|
|
item; // $ExpectType ListItem<CssNode>
|
|
list; // $ExpectType List<CssNode>
|
|
this.atrule; // $ExpectType Atrule | null
|
|
},
|
|
visit: 'ClassSelector',
|
|
reverse: false,
|
|
});
|
|
|
|
csstree.find(ast, (node, item, list) => {
|
|
node; // $ExpectType CssNode
|
|
item; // $ExpectType ListItem<CssNode>
|
|
list; // $ExpectType List<CssNode>
|
|
return true;
|
|
});
|
|
|
|
csstree.findLast(ast, (node, item, list) => {
|
|
node; // $ExpectType CssNode
|
|
item; // $ExpectType ListItem<CssNode>
|
|
list; // $ExpectType List<CssNode>
|
|
return true;
|
|
});
|
|
|
|
csstree.findAll(ast, (node, item, list) => {
|
|
node; // $ExpectType CssNode
|
|
item; // $ExpectType ListItem<CssNode>
|
|
list; // $ExpectType List<CssNode>
|
|
return true;
|
|
});
|
|
|
|
csstree.generate(ast); // $ExpectType string
|
|
|
|
csstree.generate(ast, {}); // $ExpectType string
|
|
|
|
csstree.generate(ast, {
|
|
sourceMap: true,
|
|
decorator: handlers => ({
|
|
children(node, delimiter) {
|
|
node; // $ExpectType CssNode
|
|
delimiter; // $ExpectType ((node: CssNode) => void) | undefined
|
|
handlers.children.call(handlers, node, delimiter);
|
|
},
|
|
node(node) {
|
|
node; // $ExpectType CssNode
|
|
handlers.node.call(node);
|
|
},
|
|
chunk(chunk) {
|
|
chunk; // $ExpectType string
|
|
handlers.chunk.call(chunk);
|
|
},
|
|
result() {
|
|
return handlers.result.call(handlers);
|
|
}
|
|
}),
|
|
});
|
|
|
|
const property = csstree.property('*-vendor-property');
|
|
property.name = 'test'; // $ExpectError
|
|
|
|
const keyword = csstree.keyword('-vendor-keyword');
|
|
keyword.name = 'test'; // $ExpectError
|
|
|
|
csstree.clone(ast); // $ExpectType CssNode
|
|
|
|
const fromPlain = csstree.fromPlainObject({
|
|
type: 'SelectorList',
|
|
children: []
|
|
});
|
|
fromPlain; // $ExpectType CssNode
|
|
|
|
const toPlain = csstree.toPlainObject({
|
|
type: 'SelectorList',
|
|
children: new csstree.List<csstree.CssNode>(),
|
|
});
|
|
toPlain; // $ExpectType CssNodePlain
|
|
|
|
interface Test {
|
|
a: string;
|
|
}
|
|
|
|
const list = new csstree.List<Test>();
|
|
|
|
const anItem = list.createItem({a: 'c'});
|
|
anItem; // $ExpectType ListItem<Test>
|
|
|
|
list.fromArray([{a: 'b'}]);
|
|
list.toArray(); // $ExpectType Test[]
|
|
list.getSize(); // $ExpectType number
|
|
list.isEmpty(); // $ExpectType boolean
|
|
list.first(); // $ExpectType Test | null
|
|
list.last(); // $ExpectType Test | null
|
|
list.each(function(item, node, list) {
|
|
this.b; // $ExpectType string
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
}, {b: 'c'});
|
|
list.each(function(item, node, list) {
|
|
this; // $ExpectType List<Test>
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
});
|
|
list.forEach(function(item, node, list) {
|
|
this.b; // $ExpectType string
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
}, {b: 'c'});
|
|
list.forEach(function(item, node, list) {
|
|
this; // $ExpectType List<Test>
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
});
|
|
list.eachRight(function(item, node, list) {
|
|
this.b; // $ExpectType string
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
}, {b: 'c'});
|
|
list.eachRight(function(item, node, list) {
|
|
this; // $ExpectType List<Test>
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
});
|
|
list.forEachRight(function(item, node, list) {
|
|
this.b; // $ExpectType string
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
}, {b: 'c'});
|
|
list.forEachRight(function(item, node, list) {
|
|
this; // $ExpectType List<Test>
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
});
|
|
list.nextUntil(anItem, function(item, node, list) {
|
|
this.b; // $ExpectType string
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
return true;
|
|
}, {b: 'c'});
|
|
list.nextUntil(anItem, function(item, node, list) {
|
|
this; // $ExpectType List<Test>
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
return true;
|
|
});
|
|
list.prevUntil(anItem, function(item, node, list) {
|
|
this.b; // $ExpectType string
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
return true;
|
|
}, {b: 'c'});
|
|
list.prevUntil(anItem, function(item, node, list) {
|
|
this; // $ExpectType List<Test>
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
return true;
|
|
});
|
|
list.some(function(item, node, list) {
|
|
this.b; // $ExpectType string
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
return true;
|
|
}, {b: 'c'});
|
|
list.some(function(item, node, list) {
|
|
this; // $ExpectType List<Test>
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
return true;
|
|
});
|
|
const map1 = list.map(function(item, node, list) {
|
|
this.b; // $ExpectType string
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
return { c: 'd' };
|
|
}, {b: 'c'});
|
|
map1; // $ExpectType List<{ c: string; }>
|
|
const map2 = list.map(function(item, node, list) {
|
|
this; // $ExpectType List<Test>
|
|
item; // $ExpectType Test
|
|
node; // $ExpectType ListItem<Test>
|
|
list; // $ExpectType List<Test>
|
|
return { c: 'd' };
|
|
});
|
|
map2; // $ExpectType List<{ c: string; }>
|
|
|
|
const list2 = new csstree.List<Test | null>();
|
|
|
|
const filter1 = list2.filter(function(item, node, list): item is Test {
|
|
this.b; // $ExpectType string
|
|
item; // $ExpectType Test | null
|
|
node; // $ExpectType ListItem<Test | null>
|
|
list; // $ExpectType List<Test | null>
|
|
return !!item;
|
|
}, {b: 'c'});
|
|
filter1; // $ExpectType List<Test>
|
|
const filter2 = list2.filter(function(item, node, list): item is Test {
|
|
this; // $ExpectType List<Test | null>
|
|
item; // $ExpectType Test | null
|
|
node; // $ExpectType ListItem<Test | null>
|
|
list; // $ExpectType List<Test | null>
|
|
return !!item;
|
|
});
|
|
filter2; // $ExpectType List<Test>
|
|
const filter3 = list2.filter(function(item, node, list) {
|
|
this.b; // $ExpectType string
|
|
item; // $ExpectType Test | null
|
|
node; // $ExpectType ListItem<Test | null>
|
|
list; // $ExpectType List<Test | null>
|
|
return true;
|
|
}, {b: 'c'});
|
|
filter3; // $ExpectType List<Test | null>
|
|
const filter4 = list2.filter(function(item, node, list) {
|
|
this; // $ExpectType List<Test | null>
|
|
item; // $ExpectType Test | null
|
|
node; // $ExpectType ListItem<Test | null>
|
|
list; // $ExpectType List<Test | null>
|
|
return true;
|
|
});
|
|
filter4; // $ExpectType List<Test | null>
|
|
|
|
list.clear();
|
|
list.copy(); // $ExpectType List<Test>
|
|
list.prepend(anItem); // $ExpectType List<Test>
|
|
list.prependData({a: 'b'}); // $ExpectType List<Test>
|
|
list.append(anItem); // $ExpectType List<Test>
|
|
list.appendData({a: 'b'}); // $ExpectType List<Test>
|
|
list.insert(anItem, anItem); // $ExpectType List<Test>
|
|
list.insertData({a: 'b'}, anItem); // $ExpectType List<Test>
|
|
list.remove(anItem); // $ExpectType ListItem<Test>
|
|
list.push({a: 'b'}); // $ExpectType void
|
|
list.pop(); // $ExpectType ListItem<Test> | undefined
|
|
list.unshift({a: 'b'}); // $ExpectType void
|
|
list.shift(); // $ExpectType ListItem<Test> | undefined
|
|
list.prependList(list); // $ExpectType List<Test>
|
|
list.appendList(list); // $ExpectType List<Test>
|
|
list.insertList(list, anItem); // $ExpectType List<Test>
|
|
list.replace(anItem, list); // $ExpectType List<Test>
|
|
list.replace(anItem, anItem); // $ExpectType List<Test>
|
|
|
|
switch (ast.type) {
|
|
case 'AnPlusB':
|
|
ast.a; // $ExpectType string | null
|
|
ast.b; // $ExpectType string | null
|
|
break;
|
|
|
|
case 'Atrule':
|
|
ast.name; // $ExpectType string
|
|
ast.prelude; // $ExpectType AtrulePrelude | Raw | null
|
|
ast.block; // $ExpectType Block | null
|
|
break;
|
|
|
|
case 'AtrulePrelude':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'AttributeSelector':
|
|
ast.name; // $ExpectType Identifier
|
|
ast.matcher; // $ExpectType string | null
|
|
ast.value; // $ExpectType Identifier | StringNode | null
|
|
ast.flags; // $ExpectType string | null
|
|
break;
|
|
|
|
case 'Block':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'Brackets':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'CDC':
|
|
break;
|
|
|
|
case 'CDO':
|
|
break;
|
|
|
|
case 'ClassSelector':
|
|
ast.name; // $ExpectType string
|
|
break;
|
|
|
|
case 'Combinator':
|
|
ast.name; // $ExpectType string
|
|
break;
|
|
|
|
case 'Comment':
|
|
ast.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'Declaration':
|
|
ast.important; // $ExpectType string | boolean
|
|
ast.property; // $ExpectType string
|
|
ast.value; // $ExpectType Raw | Value
|
|
break;
|
|
|
|
case 'DeclarationList':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'Dimension':
|
|
ast.value; // $ExpectType string
|
|
ast.unit; // $ExpectType string
|
|
break;
|
|
|
|
case 'Function':
|
|
ast.name; // $ExpectType string
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'HexColor':
|
|
ast.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'IdSelector':
|
|
ast.name; // $ExpectType string
|
|
break;
|
|
|
|
case 'Identifier':
|
|
ast.name; // $ExpectType string
|
|
break;
|
|
|
|
case 'MediaFeature':
|
|
ast.name; // $ExpectType string
|
|
ast.value; // $ExpectType Dimension | Identifier | NumberNode | Ratio | null
|
|
break;
|
|
|
|
case 'MediaQuery':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'MediaQueryList':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'Nth':
|
|
ast.nth; // $ExpectType AnPlusB | Identifier
|
|
ast.selector; // $ExpectType SelectorList | null
|
|
break;
|
|
|
|
case 'Number':
|
|
ast.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'Operator':
|
|
ast.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'Parentheses':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'Percentage':
|
|
ast.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'PseudoClassSelector':
|
|
ast.name; // $ExpectType string
|
|
ast.children; // $ExpectType List<CssNode> | null
|
|
break;
|
|
|
|
case 'PseudoElementSelector':
|
|
ast.name; // $ExpectType string
|
|
ast.children; // $ExpectType List<CssNode> | null
|
|
break;
|
|
|
|
case 'Ratio':
|
|
ast.left; // $ExpectType string
|
|
ast.right; // $ExpectType string
|
|
break;
|
|
|
|
case 'Raw':
|
|
ast.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'Rule':
|
|
ast.prelude; // $ExpectType Raw | SelectorList
|
|
ast.block; // $ExpectType Block
|
|
break;
|
|
|
|
case 'Selector':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'SelectorList':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'String':
|
|
ast.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'StyleSheet':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'TypeSelector':
|
|
ast.name; // $ExpectType string
|
|
break;
|
|
|
|
case 'UnicodeRange':
|
|
ast.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'Url':
|
|
ast.value; // $ExpectType Raw | StringNode
|
|
break;
|
|
|
|
case 'Value':
|
|
ast.children; // $ExpectType List<CssNode>
|
|
break;
|
|
|
|
case 'WhiteSpace':
|
|
ast.value; // $ExpectType string
|
|
break;
|
|
|
|
default:
|
|
ast; // $ExpectType never
|
|
}
|
|
|
|
switch (toPlain.type) {
|
|
case 'AnPlusB':
|
|
toPlain.a; // $ExpectType string | null
|
|
toPlain.b; // $ExpectType string | null
|
|
break;
|
|
|
|
case 'Atrule':
|
|
toPlain.name; // $ExpectType string
|
|
toPlain.prelude; // $ExpectType Raw | AtrulePreludePlain | null
|
|
toPlain.block; // $ExpectType BlockPlain | null
|
|
break;
|
|
|
|
case 'AtrulePrelude':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'AttributeSelector':
|
|
toPlain.name; // $ExpectType Identifier
|
|
toPlain.matcher; // $ExpectType string | null
|
|
toPlain.value; // $ExpectType Identifier | StringNode | null
|
|
toPlain.flags; // $ExpectType string | null
|
|
break;
|
|
|
|
case 'Block':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'Brackets':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'CDC':
|
|
break;
|
|
|
|
case 'CDO':
|
|
break;
|
|
|
|
case 'ClassSelector':
|
|
toPlain.name; // $ExpectType string
|
|
break;
|
|
|
|
case 'Combinator':
|
|
toPlain.name; // $ExpectType string
|
|
break;
|
|
|
|
case 'Comment':
|
|
toPlain.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'Declaration':
|
|
toPlain.important; // $ExpectType string | boolean
|
|
toPlain.property; // $ExpectType string
|
|
toPlain.value; // $ExpectType Raw | ValuePlain
|
|
break;
|
|
|
|
case 'DeclarationList':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'Dimension':
|
|
toPlain.value; // $ExpectType string
|
|
toPlain.unit; // $ExpectType string
|
|
break;
|
|
|
|
case 'Function':
|
|
toPlain.name; // $ExpectType string
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'HexColor':
|
|
toPlain.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'IdSelector':
|
|
toPlain.name; // $ExpectType string
|
|
break;
|
|
|
|
case 'Identifier':
|
|
toPlain.name; // $ExpectType string
|
|
break;
|
|
|
|
case 'MediaFeature':
|
|
toPlain.name; // $ExpectType string
|
|
toPlain.value; // $ExpectType Dimension | Identifier | NumberNode | Ratio | null
|
|
break;
|
|
|
|
case 'MediaQuery':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'MediaQueryList':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'Nth':
|
|
toPlain.nth; // $ExpectType AnPlusB | Identifier
|
|
toPlain.selector; // $ExpectType SelectorListPlain | null
|
|
break;
|
|
|
|
case 'Number':
|
|
toPlain.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'Operator':
|
|
toPlain.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'Parentheses':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'Percentage':
|
|
toPlain.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'PseudoClassSelector':
|
|
toPlain.name; // $ExpectType string
|
|
toPlain.children; // $ExpectType CssNodePlain[] | null
|
|
break;
|
|
|
|
case 'PseudoElementSelector':
|
|
toPlain.name; // $ExpectType string
|
|
toPlain.children; // $ExpectType CssNodePlain[] | null
|
|
break;
|
|
|
|
case 'Ratio':
|
|
toPlain.left; // $ExpectType string
|
|
toPlain.right; // $ExpectType string
|
|
break;
|
|
|
|
case 'Raw':
|
|
toPlain.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'Rule':
|
|
toPlain.prelude; // $ExpectType Raw | SelectorListPlain
|
|
toPlain.block; // $ExpectType BlockPlain
|
|
break;
|
|
|
|
case 'Selector':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'SelectorList':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'String':
|
|
toPlain.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'StyleSheet':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'TypeSelector':
|
|
toPlain.name; // $ExpectType string
|
|
break;
|
|
|
|
case 'UnicodeRange':
|
|
toPlain.value; // $ExpectType string
|
|
break;
|
|
|
|
case 'Url':
|
|
toPlain.value; // $ExpectType Raw | StringNode
|
|
break;
|
|
|
|
case 'Value':
|
|
toPlain.children; // $ExpectType CssNodePlain[]
|
|
break;
|
|
|
|
case 'WhiteSpace':
|
|
toPlain.value; // $ExpectType string
|
|
break;
|
|
|
|
default:
|
|
toPlain; // $ExpectType never
|
|
}
|