ParseTokenOptions
interface ParseTokenOptions {
computeCalcExpression?: boolean;
computeShorthand?: boolean;
computeTransform?: boolean;
cwd?: string;
expandIfSyntax?: boolean;
expandNestingRules?: boolean;
inlineCssVariables?: boolean;
lenient?: boolean;
load?: (
url: string | { absolute: string; relative: string },
currentDirectory: string,
responseType?: boolean | ResponseType,
) => Promise<
string
| ArrayBuffer
| ReadableStream<Uint8Array<ArrayBufferLike>>,
>;
minify?: boolean;
module?:
| boolean
| ModuleCaseTransformEnum
| ModuleScopeEnumOptions
| ModuleOptions;
nestingRules?: boolean;
parseColor?: boolean;
pass?: number;
removeCharset?: boolean;
removeDuplicateDeclarations?: string
| boolean
| string[];
removeEmpty?: boolean;
removePrefix?: boolean;
resolve?: (
url: string,
currentUrl: string,
currentWorkingDirectory?: string,
) => { absolute: string; relative: string };
resolveImport?: boolean;
resolveUrls?: boolean;
signal?: AbortSignal;
sourcemap?: boolean | "inline";
src?: string;
validation?: boolean | ValidationLevel;
visitor?: VisitorNodeMap | VisitorNodeMap[];
}
computeCalcExpression?: boolean;
computeShorthand?: boolean;
computeTransform?: boolean;
cwd?: string;
expandIfSyntax?: boolean;
expandNestingRules?: boolean;
inlineCssVariables?: boolean;
lenient?: boolean;
load?: (
url: string | { absolute: string; relative: string },
currentDirectory: string,
responseType?: boolean | ResponseType,
) => Promise<
string
| ArrayBuffer
| ReadableStream<Uint8Array<ArrayBufferLike>>,
>;
minify?: boolean;
module?:
| boolean
| ModuleCaseTransformEnum
| ModuleScopeEnumOptions
| ModuleOptions;
nestingRules?: boolean;
parseColor?: boolean;
pass?: number;
removeCharset?: boolean;
removeDuplicateDeclarations?: string
| boolean
| string[];
removeEmpty?: boolean;
removePrefix?: boolean;
resolve?: (
url: string,
currentUrl: string,
currentWorkingDirectory?: string,
) => { absolute: string; relative: string };
resolveImport?: boolean;
resolveUrls?: boolean;
signal?: AbortSignal;
sourcemap?: boolean | "inline";
src?: string;
validation?: boolean | ValidationLevel;
visitor?: VisitorNodeMap | VisitorNodeMap[];
}
Hierarchy (View Summary)
- ParserOptions
- ParseTokenOptions
Index
Properties
node.ParseTokenOptions.computeCalcExpressionnode.ParseTokenOptions.computeShorthandnode.ParseTokenOptions.computeTransformnode.ParseTokenOptions.cwdnode.ParseTokenOptions.expandIfSyntaxnode.ParseTokenOptions.expandNestingRulesnode.ParseTokenOptions.inlineCssVariablesnode.ParseTokenOptions.lenientnode.ParseTokenOptions.loadnode.ParseTokenOptions.minifynode.ParseTokenOptions.modulenode.ParseTokenOptions.nestingRulesnode.ParseTokenOptions.parseColornode.ParseTokenOptions.passnode.ParseTokenOptions.removeCharsetnode.ParseTokenOptions.removeDuplicateDeclarationsnode.ParseTokenOptions.removeEmptynode.ParseTokenOptions.removePrefixnode.ParseTokenOptions.resolvenode.ParseTokenOptions.resolveImportnode.ParseTokenOptions.resolveUrlsnode.ParseTokenOptions.signalnode.ParseTokenOptions.sourcemapnode.ParseTokenOptions.srcnode.ParseTokenOptions.validationnode.ParseTokenOptions.visitor
Properties
Optionalcompute
computeCalcExpression?: boolean
Compute css math functions
Optionalcompute
computeShorthand?: boolean
Compute shorthand properties
Optionalcompute
computeTransform?: boolean
Compute css transform functions
Optional Internalcwd
cwd?: string
Current working directory
Optionalexpand
expandIfSyntax?: boolean
Experimental, convert css if() function into legacy syntax.
Optionalexpand
expandNestingRules?: boolean
Expand nested rules
Optionalinline
inlineCssVariables?: boolean
Inline css variables
Optionallenient
lenient?: boolean
Lenient validation. retain nodes that failed validation
Optionalload
load?: (
url: string | { absolute: string; relative: string },
currentDirectory: string,
responseType?: boolean | ResponseType,
) => Promise<
string
| ArrayBuffer
| ReadableStream<Uint8Array<ArrayBufferLike>>,
>
url: string | { absolute: string; relative: string },
currentDirectory: string,
responseType?: boolean | ResponseType,
) => Promise<
string
| ArrayBuffer
| ReadableStream<Uint8Array<ArrayBufferLike>>,
>
Custom URL and file loader.
Optionalminify
minify?: boolean
Enable minification
Optionalmodule
CSS modules options
Optionalnesting
nestingRules?: boolean
Generate nested rules
Optionalparse
parseColor?: boolean
Parse color tokens
Optionalpass
pass?: number
Define minification passes.
Optionalremove
removeCharset?: boolean
Remove at-rule charset
Optionalremove
removeDuplicateDeclarations?: string | boolean | string[]
Remove duplicate declarations from the same rule. if passed as a string array, duplicated declarations are removed, except for those in the array
import {transform} from '@tbela99/css-parser';
const css = `
.table {
width: 100%;
width: calc(100% + 40px);
margin-left: 20px;
margin-left: min(100% , 20px)
}
`;
const result = await transform(css, {
beautify: true,
validation: true,
removeDuplicateDeclarations: ['width']
}
);
console.log(result.code);
Optionalremove
removeEmpty?: boolean
Remove empty ast nodes
Optionalremove
removePrefix?: boolean
Remove css prefix
Optionalresolve
resolve?: (
url: string,
currentUrl: string,
currentWorkingDirectory?: string,
) => { absolute: string; relative: string }
url: string,
currentUrl: string,
currentWorkingDirectory?: string,
) => { absolute: string; relative: string }
Url and path resolver
Optionalresolve
resolveImport?: boolean
Resolve import
Optionalresolve
resolveUrls?: boolean
Resolve urls
Optionalsignal
signal?: AbortSignal
Abort signal
Example: abort after 10 seconds
const result = await parse(cssString, {
signal: AbortSignal.timeout(10000)
});
Optionalsourcemap
sourcemap?: boolean | "inline"
Include sourcemap in the ast. Sourcemap info is always generated
Optionalsrc
src?: string
Source file to be used for sourcemap
Optionalvalidation
Enable CSS validation. Using ValidationLevel as value is deprecated and will be removed
see ValidationLevel
Optionalvisitor
Node visitor VisitorNodeMap[]
Parse token options