mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
chore: default tabs
This commit is contained in:
Nathan Walker
@@ -1,148 +1,148 @@
|
||||
import { parse } from 'css-tree';
|
||||
|
||||
function mapSelectors(selector: string): string[] {
|
||||
if (!selector) {
|
||||
return [];
|
||||
}
|
||||
if (!selector) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return selector.split(/\s*(?![^(]*\)),\s*/).map((s) => s.replace(/\u200C/g, ','));
|
||||
return selector.split(/\s*(?![^(]*\)),\s*/).map((s) => s.replace(/\u200C/g, ','));
|
||||
}
|
||||
|
||||
function mapPosition(node, css) {
|
||||
let res: any = {
|
||||
start: {
|
||||
line: node.loc.start.line,
|
||||
column: node.loc.start.column,
|
||||
},
|
||||
end: {
|
||||
line: node.loc.end.line,
|
||||
column: node.loc.end.column,
|
||||
},
|
||||
content: css,
|
||||
};
|
||||
let res: any = {
|
||||
start: {
|
||||
line: node.loc.start.line,
|
||||
column: node.loc.start.column,
|
||||
},
|
||||
end: {
|
||||
line: node.loc.end.line,
|
||||
column: node.loc.end.column,
|
||||
},
|
||||
content: css,
|
||||
};
|
||||
|
||||
if (node.loc.source && node.loc.source !== '<unknown>') {
|
||||
res.source = node.loc.source;
|
||||
}
|
||||
if (node.loc.source && node.loc.source !== '<unknown>') {
|
||||
res.source = node.loc.source;
|
||||
}
|
||||
|
||||
return res;
|
||||
return res;
|
||||
}
|
||||
|
||||
function transformAst(node, css, type = null) {
|
||||
if (!node) {
|
||||
return;
|
||||
}
|
||||
if (!node) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (node.type === 'StyleSheet') {
|
||||
return {
|
||||
type: 'stylesheet',
|
||||
stylesheet: {
|
||||
rules: node.children
|
||||
.map((child) => transformAst(child, css))
|
||||
.filter((child) => child !== null)
|
||||
.toArray(),
|
||||
parsingErrors: [],
|
||||
},
|
||||
};
|
||||
}
|
||||
if (node.type === 'StyleSheet') {
|
||||
return {
|
||||
type: 'stylesheet',
|
||||
stylesheet: {
|
||||
rules: node.children
|
||||
.map((child) => transformAst(child, css))
|
||||
.filter((child) => child !== null)
|
||||
.toArray(),
|
||||
parsingErrors: [],
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
if (node.type === 'Atrule') {
|
||||
let atrule: any = {
|
||||
type: node.name,
|
||||
};
|
||||
if (node.type === 'Atrule') {
|
||||
let atrule: any = {
|
||||
type: node.name,
|
||||
};
|
||||
|
||||
if (node.name === 'supports' || node.name === 'media') {
|
||||
atrule[node.name] = node.prelude.value;
|
||||
atrule.rules = transformAst(node.block, css);
|
||||
} else if (node.name === 'page') {
|
||||
atrule.selectors = node.prelude ? mapSelectors(node.prelude.value) : [];
|
||||
atrule.declarations = transformAst(node.block, css);
|
||||
} else if (node.name === 'document') {
|
||||
atrule.document = node.prelude ? node.prelude.value : '';
|
||||
atrule.vendor = '';
|
||||
atrule.rules = transformAst(node.block, css);
|
||||
} else if (node.name === 'font-face') {
|
||||
atrule.declarations = transformAst(node.block, css);
|
||||
} else if (node.name === 'import' || node.name === 'charset' || node.name === 'namespace') {
|
||||
atrule[node.name] = node.prelude ? node.prelude.value : '';
|
||||
} else if (node.name === 'keyframes') {
|
||||
atrule.name = node.prelude ? node.prelude.value : '';
|
||||
atrule.keyframes = transformAst(node.block, css, 'keyframe');
|
||||
atrule.vendor = undefined;
|
||||
} else {
|
||||
atrule.rules = transformAst(node.block, css);
|
||||
}
|
||||
if (node.name === 'supports' || node.name === 'media') {
|
||||
atrule[node.name] = node.prelude.value;
|
||||
atrule.rules = transformAst(node.block, css);
|
||||
} else if (node.name === 'page') {
|
||||
atrule.selectors = node.prelude ? mapSelectors(node.prelude.value) : [];
|
||||
atrule.declarations = transformAst(node.block, css);
|
||||
} else if (node.name === 'document') {
|
||||
atrule.document = node.prelude ? node.prelude.value : '';
|
||||
atrule.vendor = '';
|
||||
atrule.rules = transformAst(node.block, css);
|
||||
} else if (node.name === 'font-face') {
|
||||
atrule.declarations = transformAst(node.block, css);
|
||||
} else if (node.name === 'import' || node.name === 'charset' || node.name === 'namespace') {
|
||||
atrule[node.name] = node.prelude ? node.prelude.value : '';
|
||||
} else if (node.name === 'keyframes') {
|
||||
atrule.name = node.prelude ? node.prelude.value : '';
|
||||
atrule.keyframes = transformAst(node.block, css, 'keyframe');
|
||||
atrule.vendor = undefined;
|
||||
} else {
|
||||
atrule.rules = transformAst(node.block, css);
|
||||
}
|
||||
|
||||
atrule.position = mapPosition(node, css);
|
||||
atrule.position = mapPosition(node, css);
|
||||
|
||||
return atrule;
|
||||
}
|
||||
return atrule;
|
||||
}
|
||||
|
||||
if (node.type === 'Block') {
|
||||
return node.children
|
||||
.map((child) => transformAst(child, css, type))
|
||||
.filter((child) => child !== null)
|
||||
.toArray();
|
||||
}
|
||||
if (node.type === 'Block') {
|
||||
return node.children
|
||||
.map((child) => transformAst(child, css, type))
|
||||
.filter((child) => child !== null)
|
||||
.toArray();
|
||||
}
|
||||
|
||||
if (node.type === 'Rule') {
|
||||
let value = node.prelude.value;
|
||||
if (node.type === 'Rule') {
|
||||
let value = node.prelude.value;
|
||||
|
||||
let res: any = {
|
||||
type: type != null ? type : 'rule',
|
||||
declarations: transformAst(node.block, css),
|
||||
position: mapPosition(node, css),
|
||||
};
|
||||
let res: any = {
|
||||
type: type != null ? type : 'rule',
|
||||
declarations: transformAst(node.block, css),
|
||||
position: mapPosition(node, css),
|
||||
};
|
||||
|
||||
if (type === 'keyframe') {
|
||||
res.values = mapSelectors(value);
|
||||
} else {
|
||||
res.selectors = mapSelectors(value);
|
||||
}
|
||||
if (type === 'keyframe') {
|
||||
res.values = mapSelectors(value);
|
||||
} else {
|
||||
res.selectors = mapSelectors(value);
|
||||
}
|
||||
|
||||
return res;
|
||||
}
|
||||
return res;
|
||||
}
|
||||
|
||||
if (node.type === 'Comment') {
|
||||
return {
|
||||
type: 'comment',
|
||||
comment: node.value,
|
||||
position: mapPosition(node, css),
|
||||
};
|
||||
}
|
||||
if (node.type === 'Comment') {
|
||||
return {
|
||||
type: 'comment',
|
||||
comment: node.value,
|
||||
position: mapPosition(node, css),
|
||||
};
|
||||
}
|
||||
|
||||
if (node.type === 'Declaration') {
|
||||
return {
|
||||
type: 'declaration',
|
||||
property: node.property,
|
||||
value: node.value.value ? node.value.value.trim() : '',
|
||||
position: mapPosition(node, css),
|
||||
};
|
||||
}
|
||||
if (node.type === 'Declaration') {
|
||||
return {
|
||||
type: 'declaration',
|
||||
property: node.property,
|
||||
value: node.value.value ? node.value.value.trim() : '',
|
||||
position: mapPosition(node, css),
|
||||
};
|
||||
}
|
||||
|
||||
if (node.type === 'Raw') {
|
||||
return null;
|
||||
}
|
||||
if (node.type === 'Raw') {
|
||||
return null;
|
||||
}
|
||||
|
||||
throw Error(`Unknown node type ${node.type}`);
|
||||
throw Error(`Unknown node type ${node.type}`);
|
||||
}
|
||||
|
||||
export function cssTreeParse(css, source): any {
|
||||
let errors = [];
|
||||
let ast = parse(css, {
|
||||
parseValue: false,
|
||||
parseAtrulePrelude: false,
|
||||
parseRulePrelude: false,
|
||||
positions: true,
|
||||
filename: source,
|
||||
onParseError: (error) => {
|
||||
errors.push(`${source}:${error.line}:${error.column}: ${error.formattedMessage}`);
|
||||
},
|
||||
});
|
||||
let errors = [];
|
||||
let ast = parse(css, {
|
||||
parseValue: false,
|
||||
parseAtrulePrelude: false,
|
||||
parseRulePrelude: false,
|
||||
positions: true,
|
||||
filename: source,
|
||||
onParseError: (error) => {
|
||||
errors.push(`${source}:${error.line}:${error.column}: ${error.formattedMessage}`);
|
||||
},
|
||||
});
|
||||
|
||||
if (errors.length > 0) {
|
||||
throw new Error(errors[0]);
|
||||
}
|
||||
if (errors.length > 0) {
|
||||
throw new Error(errors[0]);
|
||||
}
|
||||
|
||||
return transformAst(ast, css);
|
||||
return transformAst(ast, css);
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
22
nativescript-core/css/reworkcss.d.ts
vendored
22
nativescript-core/css/reworkcss.d.ts
vendored
@@ -1,33 +1,33 @@
|
||||
export interface Position {
|
||||
start: { line: number; column: number };
|
||||
end: { line: number; column: number };
|
||||
start: { line: number; column: number };
|
||||
end: { line: number; column: number };
|
||||
}
|
||||
|
||||
export interface Node {
|
||||
type: 'rule' | 'keyframes' | 'declaration' | 'import';
|
||||
position: Position;
|
||||
type: 'rule' | 'keyframes' | 'declaration' | 'import';
|
||||
position: Position;
|
||||
}
|
||||
|
||||
export interface Declaration extends Node {
|
||||
property: string;
|
||||
value: string;
|
||||
property: string;
|
||||
value: string;
|
||||
}
|
||||
|
||||
export interface Rule extends Node {
|
||||
selectors: string[];
|
||||
declarations: Node[];
|
||||
selectors: string[];
|
||||
declarations: Node[];
|
||||
}
|
||||
|
||||
export interface Keyframes extends Rule {
|
||||
name: string;
|
||||
name: string;
|
||||
}
|
||||
|
||||
export interface StyleSheet {
|
||||
rules: Node[];
|
||||
rules: Node[];
|
||||
}
|
||||
|
||||
export interface SyntaxTree {
|
||||
stylesheet: StyleSheet;
|
||||
stylesheet: StyleSheet;
|
||||
}
|
||||
|
||||
export function parse(css: string, options: any): SyntaxTree;
|
||||
|
||||
@@ -7,38 +7,38 @@ export const MODAL_ROOT_VIEW_CSS_CLASS = `${CLASS_PREFIX}${MODAL}`;
|
||||
export const ROOT_VIEW_CSS_CLASS = `${CLASS_PREFIX}${ROOT}`;
|
||||
|
||||
export function getSystemCssClasses(): string[] {
|
||||
return cssClasses;
|
||||
return cssClasses;
|
||||
}
|
||||
|
||||
export function pushToSystemCssClasses(value: string): number {
|
||||
cssClasses.push(value);
|
||||
cssClasses.push(value);
|
||||
|
||||
return cssClasses.length;
|
||||
return cssClasses.length;
|
||||
}
|
||||
|
||||
export function removeSystemCssClass(value: string): string {
|
||||
const index = cssClasses.indexOf(value);
|
||||
let removedElement;
|
||||
const index = cssClasses.indexOf(value);
|
||||
let removedElement;
|
||||
|
||||
if (index > -1) {
|
||||
removedElement = cssClasses.splice(index, 1);
|
||||
}
|
||||
if (index > -1) {
|
||||
removedElement = cssClasses.splice(index, 1);
|
||||
}
|
||||
|
||||
return removedElement;
|
||||
return removedElement;
|
||||
}
|
||||
|
||||
export function getModalRootViewCssClass(): string {
|
||||
return MODAL_ROOT_VIEW_CSS_CLASS;
|
||||
return MODAL_ROOT_VIEW_CSS_CLASS;
|
||||
}
|
||||
|
||||
export function getRootViewCssClasses(): string[] {
|
||||
return [ROOT_VIEW_CSS_CLASS, ...cssClasses];
|
||||
return [ROOT_VIEW_CSS_CLASS, ...cssClasses];
|
||||
}
|
||||
|
||||
export function pushToRootViewCssClasses(value: string): number {
|
||||
return pushToSystemCssClasses(value) + 1; // because of ROOT_VIEW_CSS_CLASS
|
||||
return pushToSystemCssClasses(value) + 1; // because of ROOT_VIEW_CSS_CLASS
|
||||
}
|
||||
|
||||
export function removeFromRootViewCssClasses(value: string): string {
|
||||
return removeSystemCssClass(value);
|
||||
return removeSystemCssClass(value);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user