Initial commit
This commit is contained in:
commit
78f8d225ee
21173 changed files with 2907774 additions and 0 deletions
22
node_modules/style-to-js/LICENSE
generated
vendored
Normal file
22
node_modules/style-to-js/LICENSE
generated
vendored
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2020 Menglin "Mark" Xu <mark@remarkablemark.org>
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of this software and associated documentation files (the
|
||||
"Software"), to deal in the Software without restriction, including
|
||||
without limitation the rights to use, copy, modify, merge, publish,
|
||||
distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so, subject to
|
||||
the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be
|
||||
included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
270
node_modules/style-to-js/README.md
generated
vendored
Normal file
270
node_modules/style-to-js/README.md
generated
vendored
Normal file
|
|
@ -0,0 +1,270 @@
|
|||
# style-to-js
|
||||
|
||||
[](https://nodei.co/npm/style-to-js/)
|
||||
|
||||
[](https://www.npmjs.com/package/style-to-js)
|
||||
[](https://bundlephobia.com/package/style-to-js)
|
||||
[](https://github.com/remarkablemark/style-to-js/actions/workflows/build.yml)
|
||||
[](https://codecov.io/gh/remarkablemark/style-to-js)
|
||||
[](https://www.npmjs.com/package/style-to-js)
|
||||
|
||||
Parses CSS inline style to JavaScript object (camelCased):
|
||||
|
||||
```
|
||||
StyleToJS(string)
|
||||
```
|
||||
|
||||
## Example
|
||||
|
||||
```js
|
||||
import parse from 'style-to-js';
|
||||
|
||||
parse('background-color: #BADA55;');
|
||||
```
|
||||
|
||||
Output:
|
||||
|
||||
```json
|
||||
{ "backgroundColor": "#BADA55" }
|
||||
```
|
||||
|
||||
[Replit](https://replit.com/@remarkablemark/style-to-js) | [JSFiddle](https://jsfiddle.net/remarkablemark/04nob1y7/) | [Examples](https://github.com/remarkablemark/style-to-js/tree/master/examples)
|
||||
|
||||
## Install
|
||||
|
||||
[NPM](https://www.npmjs.com/package/style-to-js):
|
||||
|
||||
```sh
|
||||
npm install style-to-js --save
|
||||
```
|
||||
|
||||
[Yarn](https://yarnpkg.com/package/style-to-js):
|
||||
|
||||
```sh
|
||||
yarn add style-to-js
|
||||
```
|
||||
|
||||
[CDN](https://unpkg.com/style-to-js/):
|
||||
|
||||
```html
|
||||
<script src="https://unpkg.com/style-to-js@latest/umd/style-to-js.min.js"></script>
|
||||
<script>
|
||||
window.StyleToJS(/* string */);
|
||||
</script>
|
||||
```
|
||||
|
||||
## Usage
|
||||
|
||||
### Import
|
||||
|
||||
Import with ES Modules:
|
||||
|
||||
```js
|
||||
import parse from 'style-to-js';
|
||||
```
|
||||
|
||||
Require with CommonJS:
|
||||
|
||||
```js
|
||||
const parse = require('style-to-js');
|
||||
```
|
||||
|
||||
### Parse style
|
||||
|
||||
Parse single declaration:
|
||||
|
||||
```js
|
||||
parse('line-height: 42');
|
||||
```
|
||||
|
||||
Output:
|
||||
|
||||
```json
|
||||
{ "lineHeight": "42" }
|
||||
```
|
||||
|
||||
> Notice that the CSS property is camelCased.
|
||||
|
||||
Parse multiple declarations:
|
||||
|
||||
```js
|
||||
parse(`
|
||||
border-color: #ACE;
|
||||
z-index: 1337;
|
||||
`);
|
||||
```
|
||||
|
||||
Output:
|
||||
|
||||
```json
|
||||
{
|
||||
"borderColor": "#ACE",
|
||||
"zIndex": "1337"
|
||||
}
|
||||
```
|
||||
|
||||
### Vendor prefix
|
||||
|
||||
Parse [vendor prefix](https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix):
|
||||
|
||||
```js
|
||||
parse(`
|
||||
-webkit-transition: all 4s ease;
|
||||
-moz-transition: all 4s ease;
|
||||
-ms-transition: all 4s ease;
|
||||
-o-transition: all 4s ease;
|
||||
-khtml-transition: all 4s ease;
|
||||
`);
|
||||
```
|
||||
|
||||
Output:
|
||||
|
||||
```json
|
||||
{
|
||||
"webkitTransition": "all 4s ease",
|
||||
"mozTransition": "all 4s ease",
|
||||
"msTransition": "all 4s ease",
|
||||
"oTransition": "all 4s ease",
|
||||
"khtmlTransition": "all 4s ease"
|
||||
}
|
||||
```
|
||||
|
||||
### Custom property
|
||||
|
||||
Parse [custom property](https://developer.mozilla.org/en-US/docs/Web/CSS/--*):
|
||||
|
||||
```js
|
||||
parse('--custom-property: #f00');
|
||||
```
|
||||
|
||||
Output:
|
||||
|
||||
```json
|
||||
{ "--custom-property": "#f00" }
|
||||
```
|
||||
|
||||
### Unknown declaration
|
||||
|
||||
This library does not validate declarations, so unknown declarations can be parsed:
|
||||
|
||||
```js
|
||||
parse('the-answer: 42;');
|
||||
```
|
||||
|
||||
Output:
|
||||
|
||||
```json
|
||||
{ "theAnswer": "42" }
|
||||
```
|
||||
|
||||
### Invalid declaration
|
||||
|
||||
Declarations with missing value are removed:
|
||||
|
||||
```js
|
||||
parse(`
|
||||
margin-top: ;
|
||||
margin-right: 1em;
|
||||
`);
|
||||
```
|
||||
|
||||
Output:
|
||||
|
||||
```json
|
||||
{ "marginRight": "1em" }
|
||||
```
|
||||
|
||||
Other invalid declarations or arguments:
|
||||
|
||||
```js
|
||||
parse(); // {}
|
||||
parse(null); // {}
|
||||
parse(1); // {}
|
||||
parse(true); // {}
|
||||
parse('top:'); // {}
|
||||
parse(':12px'); // {}
|
||||
parse(':'); // {}
|
||||
parse(';'); // {}
|
||||
```
|
||||
|
||||
The following values will throw an error:
|
||||
|
||||
```js
|
||||
parse('top'); // Uncaught Error: property missing ':'
|
||||
parse('/*'); // Uncaught Error: End of comment missing
|
||||
```
|
||||
|
||||
### Options
|
||||
|
||||
#### reactCompat
|
||||
|
||||
When option `reactCompat` is true, the [vendor prefix](https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix) will be capitalized:
|
||||
|
||||
```js
|
||||
parse(
|
||||
`
|
||||
-webkit-transition: all 4s ease;
|
||||
-moz-transition: all 4s ease;
|
||||
-ms-transition: all 4s ease;
|
||||
-o-transition: all 4s ease;
|
||||
-khtml-transition: all 4s ease;
|
||||
`,
|
||||
{ reactCompat: true },
|
||||
);
|
||||
```
|
||||
|
||||
Output:
|
||||
|
||||
```json
|
||||
{
|
||||
"WebkitTransition": "all 4s ease",
|
||||
"MozTransition": "all 4s ease",
|
||||
"msTransition": "all 4s ease",
|
||||
"OTransition": "all 4s ease",
|
||||
"KhtmlTransition": "all 4s ease"
|
||||
}
|
||||
```
|
||||
|
||||
This removes the React warning:
|
||||
|
||||
```
|
||||
Warning: Unsupported vendor-prefixed style property %s. Did you mean %s?%s", "oTransition", "OTransition"
|
||||
```
|
||||
|
||||
## Testing
|
||||
|
||||
Run tests with coverage:
|
||||
|
||||
```sh
|
||||
npm test
|
||||
```
|
||||
|
||||
Run tests in watch mode:
|
||||
|
||||
```sh
|
||||
npm run test:watch
|
||||
```
|
||||
|
||||
Lint files:
|
||||
|
||||
```sh
|
||||
npm run lint
|
||||
```
|
||||
|
||||
Fix lint errors:
|
||||
|
||||
```sh
|
||||
npm run lint:fix
|
||||
```
|
||||
|
||||
## Release
|
||||
|
||||
Release and publish are automated by [Release Please](https://github.com/googleapis/release-please).
|
||||
|
||||
## Special Thanks
|
||||
|
||||
- [style-to-object](https://github.com/remarkablemark/style-to-object)
|
||||
|
||||
## License
|
||||
|
||||
[MIT](https://github.com/remarkablemark/style-to-js/blob/master/LICENSE)
|
||||
14
node_modules/style-to-js/cjs/index.d.ts
generated
vendored
Normal file
14
node_modules/style-to-js/cjs/index.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
import { CamelCaseOptions } from './utilities';
|
||||
type StyleObject = Record<string, string>;
|
||||
interface StyleToJSOptions extends CamelCaseOptions {
|
||||
}
|
||||
/**
|
||||
* Parses CSS inline style to JavaScript object (camelCased).
|
||||
*/
|
||||
declare function StyleToJS(style: string, options?: StyleToJSOptions): StyleObject;
|
||||
declare namespace StyleToJS {
|
||||
var _a: typeof StyleToJS;
|
||||
export { _a as default };
|
||||
}
|
||||
export = StyleToJS;
|
||||
//# sourceMappingURL=index.d.ts.map
|
||||
1
node_modules/style-to-js/cjs/index.d.ts.map
generated
vendored
Normal file
1
node_modules/style-to-js/cjs/index.d.ts.map
generated
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1D,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE1C,UAAU,gBAAiB,SAAQ,gBAAgB;CAAG;AAEtD;;GAEG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,GAAG,WAAW,CAezE;kBAfQ,SAAS;;;;AAmBlB,SAAS,SAAS,CAAC"}
|
||||
25
node_modules/style-to-js/cjs/index.js
generated
vendored
Normal file
25
node_modules/style-to-js/cjs/index.js
generated
vendored
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
"use strict";
|
||||
var __importDefault = (this && this.__importDefault) || function (mod) {
|
||||
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||||
};
|
||||
var style_to_object_1 = __importDefault(require("style-to-object"));
|
||||
var utilities_1 = require("./utilities");
|
||||
/**
|
||||
* Parses CSS inline style to JavaScript object (camelCased).
|
||||
*/
|
||||
function StyleToJS(style, options) {
|
||||
var output = {};
|
||||
if (!style || typeof style !== 'string') {
|
||||
return output;
|
||||
}
|
||||
(0, style_to_object_1.default)(style, function (property, value) {
|
||||
// skip CSS comment
|
||||
if (property && value) {
|
||||
output[(0, utilities_1.camelCase)(property, options)] = value;
|
||||
}
|
||||
});
|
||||
return output;
|
||||
}
|
||||
StyleToJS.default = StyleToJS;
|
||||
module.exports = StyleToJS;
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
node_modules/style-to-js/cjs/index.js.map
generated
vendored
Normal file
1
node_modules/style-to-js/cjs/index.js.map
generated
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,oEAA4C;AAE5C,yCAA0D;AAM1D;;GAEG;AACH,SAAS,SAAS,CAAC,KAAa,EAAE,OAA0B;IAC1D,IAAM,MAAM,GAAgB,EAAE,CAAC;IAE/B,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxC,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAA,yBAAa,EAAC,KAAK,EAAE,UAAC,QAAQ,EAAE,KAAK;QACnC,mBAAmB;QACnB,IAAI,QAAQ,IAAI,KAAK,EAAE,CAAC;YACtB,MAAM,CAAC,IAAA,qBAAS,EAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;AAE9B,iBAAS,SAAS,CAAC"}
|
||||
11
node_modules/style-to-js/cjs/utilities.d.ts
generated
vendored
Normal file
11
node_modules/style-to-js/cjs/utilities.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/**
|
||||
* CamelCase options.
|
||||
*/
|
||||
export interface CamelCaseOptions {
|
||||
reactCompat?: boolean;
|
||||
}
|
||||
/**
|
||||
* CamelCases a CSS property.
|
||||
*/
|
||||
export declare const camelCase: (property: string, options?: CamelCaseOptions) => string;
|
||||
//# sourceMappingURL=utilities.d.ts.map
|
||||
1
node_modules/style-to-js/cjs/utilities.d.ts.map
generated
vendored
Normal file
1
node_modules/style-to-js/cjs/utilities.d.ts.map
generated
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../src/utilities.ts"],"names":[],"mappings":"AAyBA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,aAAc,MAAM,YAAW,gBAAgB,WAgBpE,CAAC"}
|
||||
47
node_modules/style-to-js/cjs/utilities.js
generated
vendored
Normal file
47
node_modules/style-to-js/cjs/utilities.js
generated
vendored
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.camelCase = void 0;
|
||||
var CUSTOM_PROPERTY_REGEX = /^--[a-zA-Z0-9_-]+$/;
|
||||
var HYPHEN_REGEX = /-([a-z])/g;
|
||||
var NO_HYPHEN_REGEX = /^[^-]+$/;
|
||||
var VENDOR_PREFIX_REGEX = /^-(webkit|moz|ms|o|khtml)-/;
|
||||
var MS_VENDOR_PREFIX_REGEX = /^-(ms)-/;
|
||||
/**
|
||||
* Checks whether to skip camelCase.
|
||||
*/
|
||||
var skipCamelCase = function (property) {
|
||||
return !property ||
|
||||
NO_HYPHEN_REGEX.test(property) ||
|
||||
CUSTOM_PROPERTY_REGEX.test(property);
|
||||
};
|
||||
/**
|
||||
* Replacer that capitalizes first character.
|
||||
*/
|
||||
var capitalize = function (match, character) {
|
||||
return character.toUpperCase();
|
||||
};
|
||||
/**
|
||||
* Replacer that removes beginning hyphen of vendor prefix property.
|
||||
*/
|
||||
var trimHyphen = function (match, prefix) { return "".concat(prefix, "-"); };
|
||||
/**
|
||||
* CamelCases a CSS property.
|
||||
*/
|
||||
var camelCase = function (property, options) {
|
||||
if (options === void 0) { options = {}; }
|
||||
if (skipCamelCase(property)) {
|
||||
return property;
|
||||
}
|
||||
property = property.toLowerCase();
|
||||
if (options.reactCompat) {
|
||||
// `-ms` vendor prefix should not be capitalized
|
||||
property = property.replace(MS_VENDOR_PREFIX_REGEX, trimHyphen);
|
||||
}
|
||||
else {
|
||||
// for non-React, remove first hyphen so vendor prefix is not capitalized
|
||||
property = property.replace(VENDOR_PREFIX_REGEX, trimHyphen);
|
||||
}
|
||||
return property.replace(HYPHEN_REGEX, capitalize);
|
||||
};
|
||||
exports.camelCase = camelCase;
|
||||
//# sourceMappingURL=utilities.js.map
|
||||
1
node_modules/style-to-js/cjs/utilities.js.map
generated
vendored
Normal file
1
node_modules/style-to-js/cjs/utilities.js.map
generated
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../src/utilities.ts"],"names":[],"mappings":";;;AAAA,IAAM,qBAAqB,GAAG,oBAAoB,CAAC;AACnD,IAAM,YAAY,GAAG,WAAW,CAAC;AACjC,IAAM,eAAe,GAAG,SAAS,CAAC;AAClC,IAAM,mBAAmB,GAAG,4BAA4B,CAAC;AACzD,IAAM,sBAAsB,GAAG,SAAS,CAAC;AAEzC;;GAEG;AACH,IAAM,aAAa,GAAG,UAAC,QAAgB;IACrC,OAAA,CAAC,QAAQ;QACT,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC9B,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC;AAFpC,CAEoC,CAAC;AAEvC;;GAEG;AACH,IAAM,UAAU,GAAG,UAAC,KAAa,EAAE,SAAiB;IAClD,OAAA,SAAS,CAAC,WAAW,EAAE;AAAvB,CAAuB,CAAC;AAE1B;;GAEG;AACH,IAAM,UAAU,GAAG,UAAC,KAAa,EAAE,MAAc,IAAK,OAAA,UAAG,MAAM,MAAG,EAAZ,CAAY,CAAC;AASnE;;GAEG;AACI,IAAM,SAAS,GAAG,UAAC,QAAgB,EAAE,OAA8B;IAA9B,wBAAA,EAAA,YAA8B;IACxE,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IAElC,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;QACxB,gDAAgD;QAChD,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC;IAClE,CAAC;SAAM,CAAC;QACN,yEAAyE;QACzE,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACpD,CAAC,CAAC;AAhBW,QAAA,SAAS,aAgBpB"}
|
||||
69
node_modules/style-to-js/package.json
generated
vendored
Normal file
69
node_modules/style-to-js/package.json
generated
vendored
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
{
|
||||
"name": "style-to-js",
|
||||
"version": "1.1.16",
|
||||
"description": "Parses CSS inline style to JavaScript object (camelCased).",
|
||||
"author": "Mark <mark@remarkablemark.org>",
|
||||
"main": "cjs/index.js",
|
||||
"scripts": {
|
||||
"build": "npm run build:cjs && npm run build:umd",
|
||||
"build:cjs": "tsc --declaration --outDir cjs",
|
||||
"build:umd": "rollup --config --failAfterWarnings",
|
||||
"clean": "rm -rf cjs umd",
|
||||
"lint": "eslint .",
|
||||
"lint:tsc": "tsc --noEmit",
|
||||
"lint:fix": "npm run lint -- --fix",
|
||||
"prepare": "husky",
|
||||
"prepublishOnly": "npm run lint && npm run lint:tsc && npm run test:ci && npm run clean && npm run build",
|
||||
"test": "jest",
|
||||
"test:ci": "CI=true jest --ci --colors --coverage",
|
||||
"test:watch": "jest --watch"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/remarkablemark/style-to-js"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/remarkablemark/style-to-js/issues"
|
||||
},
|
||||
"keywords": [
|
||||
"style-to-js",
|
||||
"css",
|
||||
"style",
|
||||
"javascript",
|
||||
"object",
|
||||
"pojo"
|
||||
],
|
||||
"dependencies": {
|
||||
"style-to-object": "1.0.8"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@commitlint/cli": "19.5.0",
|
||||
"@commitlint/config-conventional": "19.5.0",
|
||||
"@eslint/compat": "1.2.0",
|
||||
"@eslint/eslintrc": "3.1.0",
|
||||
"@eslint/js": "9.12.0",
|
||||
"@rollup/plugin-commonjs": "28.0.0",
|
||||
"@rollup/plugin-node-resolve": "15.3.0",
|
||||
"@rollup/plugin-terser": "0.4.4",
|
||||
"@types/jest": "29.5.13",
|
||||
"@typescript-eslint/eslint-plugin": "8.8.0",
|
||||
"@typescript-eslint/parser": "8.8.0",
|
||||
"eslint": "9.12.0",
|
||||
"eslint-plugin-prettier": "5.2.1",
|
||||
"eslint-plugin-simple-import-sort": "12.1.1",
|
||||
"globals": "15.10.0",
|
||||
"husky": "9.1.6",
|
||||
"jest": "29.7.0",
|
||||
"lint-staged": "15.2.10",
|
||||
"prettier": "3.3.3",
|
||||
"rollup": "4.24.0",
|
||||
"ts-jest": "29.2.5",
|
||||
"typescript": "5.5.4"
|
||||
},
|
||||
"files": [
|
||||
"cjs/",
|
||||
"src/",
|
||||
"umd/"
|
||||
],
|
||||
"license": "MIT"
|
||||
}
|
||||
129
node_modules/style-to-js/src/index.test.ts
generated
vendored
Normal file
129
node_modules/style-to-js/src/index.test.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
import styleToJS = require('.');
|
||||
|
||||
it('exposes itself as default', () => {
|
||||
expect(styleToJS).toBe(styleToJS.default);
|
||||
});
|
||||
|
||||
it('parses empty style to object', () => {
|
||||
expect(styleToJS('')).toEqual({});
|
||||
});
|
||||
|
||||
it('does not parse CSS comment', () => {
|
||||
expect(styleToJS('/* comment */')).toEqual({});
|
||||
});
|
||||
|
||||
// invalid argument
|
||||
it.each([undefined, null, 0, 1, true, false, {}, [], () => {}, new Date()])(
|
||||
'parses "%s" to empty object',
|
||||
(text) => {
|
||||
expect(styleToJS(text as string)).toEqual({});
|
||||
},
|
||||
);
|
||||
|
||||
it.each(['top:', ':12px', ':', ';'])('parses "%s" to empty object', (text) => {
|
||||
expect(styleToJS(text)).toEqual({});
|
||||
});
|
||||
|
||||
it('parses common styles to object', () => {
|
||||
const style = `
|
||||
color: #f00;
|
||||
font-size: 42px;
|
||||
z-index: -1;
|
||||
`;
|
||||
expect(styleToJS(style)).toMatchInlineSnapshot(`
|
||||
{
|
||||
"color": "#f00",
|
||||
"fontSize": "42px",
|
||||
"zIndex": "-1",
|
||||
}
|
||||
`);
|
||||
});
|
||||
|
||||
it('parses style with vendor prefix to object', () => {
|
||||
const style = `
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-webkit-transition: all .5s;
|
||||
-o-transition: all .5s;
|
||||
transition: all .5s;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
|
||||
background: -o-linear-gradient(top, white, black);
|
||||
background: linear-gradient(to bottom, white, black);
|
||||
`;
|
||||
expect(styleToJS(style)).toMatchInlineSnapshot(`
|
||||
{
|
||||
"background": "linear-gradient(to bottom, white, black)",
|
||||
"display": "grid",
|
||||
"mozUserSelect": "none",
|
||||
"msUserSelect": "none",
|
||||
"oTransition": "all .5s",
|
||||
"transition": "all .5s",
|
||||
"userSelect": "none",
|
||||
"webkitTransition": "all .5s",
|
||||
"webkitUserSelect": "none",
|
||||
}
|
||||
`);
|
||||
});
|
||||
|
||||
it('parses background style to object', () => {
|
||||
const style =
|
||||
'background: url(data:image/png; base64,ivborw0kggoaaaansaaaabgdbtueaalgpc/xhbqaaaafzmuexurczmzpf399fx1+bm5mzy9avzxbesmgces5/p8/t9furvcrmu73jwlzosgsiizurcjo/ad+eqjjb4hv8bft+idpqocx1wjosbfhh2xssxeiyn3uli/6mnree07uiwjev8u8czwyuqdlkpg1bkb4nnm+veanfhqn1k4+gpt6ugqcvu2h2ovuif)';
|
||||
expect(styleToJS(style)).toMatchInlineSnapshot(`
|
||||
{
|
||||
"background": "url(data:image/png; base64,ivborw0kggoaaaansaaaabgdbtueaalgpc/xhbqaaaafzmuexurczmzpf399fx1+bm5mzy9avzxbesmgces5/p8/t9furvcrmu73jwlzosgsiizurcjo/ad+eqjjb4hv8bft+idpqocx1wjosbfhh2xssxeiyn3uli/6mnree07uiwjev8u8czwyuqdlkpg1bkb4nnm+veanfhqn1k4+gpt6ugqcvu2h2ovuif)",
|
||||
}
|
||||
`);
|
||||
});
|
||||
|
||||
it('parses style with no spaces to object', () => {
|
||||
const style =
|
||||
'border-bottom-left-radius:1em;border-right-style:solid;Z-Index:-1;-moz-border-radius-bottomleft:20px';
|
||||
expect(styleToJS(style)).toMatchInlineSnapshot(`
|
||||
{
|
||||
"borderBottomLeftRadius": "1em",
|
||||
"borderRightStyle": "solid",
|
||||
"mozBorderRadiusBottomleft": "20px",
|
||||
"zIndex": "-1",
|
||||
}
|
||||
`);
|
||||
});
|
||||
|
||||
describe('when option reactCompat is true', () => {
|
||||
const options = { reactCompat: true };
|
||||
|
||||
it('capitalizes vendor prefixes', () => {
|
||||
const style = `
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: -moz-none;
|
||||
-o-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
`;
|
||||
expect(styleToJS(style, options)).toMatchInlineSnapshot(`
|
||||
{
|
||||
"KhtmlUserSelect": "none",
|
||||
"MozUserSelect": "-moz-none",
|
||||
"OUserSelect": "none",
|
||||
"WebkitUserSelect": "none",
|
||||
"userSelect": "none",
|
||||
}
|
||||
`);
|
||||
});
|
||||
|
||||
it('does not capitalize ms prefixes', () => {
|
||||
const style = `
|
||||
-ms-transform: none;
|
||||
-ms-user-select: none;
|
||||
`;
|
||||
expect(styleToJS(style, options)).toMatchInlineSnapshot(`
|
||||
{
|
||||
"msTransform": "none",
|
||||
"msUserSelect": "none",
|
||||
}
|
||||
`);
|
||||
});
|
||||
});
|
||||
31
node_modules/style-to-js/src/index.ts
generated
vendored
Normal file
31
node_modules/style-to-js/src/index.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
import StyleToObject from 'style-to-object';
|
||||
|
||||
import { camelCase, CamelCaseOptions } from './utilities';
|
||||
|
||||
type StyleObject = Record<string, string>;
|
||||
|
||||
interface StyleToJSOptions extends CamelCaseOptions {}
|
||||
|
||||
/**
|
||||
* Parses CSS inline style to JavaScript object (camelCased).
|
||||
*/
|
||||
function StyleToJS(style: string, options?: StyleToJSOptions): StyleObject {
|
||||
const output: StyleObject = {};
|
||||
|
||||
if (!style || typeof style !== 'string') {
|
||||
return output;
|
||||
}
|
||||
|
||||
StyleToObject(style, (property, value) => {
|
||||
// skip CSS comment
|
||||
if (property && value) {
|
||||
output[camelCase(property, options)] = value;
|
||||
}
|
||||
});
|
||||
|
||||
return output;
|
||||
}
|
||||
|
||||
StyleToJS.default = StyleToJS;
|
||||
|
||||
export = StyleToJS;
|
||||
62
node_modules/style-to-js/src/utilities.test.ts
generated
vendored
Normal file
62
node_modules/style-to-js/src/utilities.test.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
import { camelCase } from './utilities';
|
||||
|
||||
describe('camelCase', () => {
|
||||
it('returns "" for empty string', () => {
|
||||
expect(camelCase('')).toBe('');
|
||||
});
|
||||
|
||||
// no hyphen
|
||||
it.each([
|
||||
['foo', 'foo'],
|
||||
['fooBar', 'fooBar'],
|
||||
])('does not transform "%s"', (property, expected) => {
|
||||
expect(camelCase(property)).toBe(expected);
|
||||
});
|
||||
|
||||
// custom property
|
||||
it.each([
|
||||
['--fooBar', '--fooBar'],
|
||||
['--foo-bar', '--foo-bar'],
|
||||
['--foo-100', '--foo-100'],
|
||||
['--test_ing', '--test_ing'],
|
||||
])('does not transform custom property "%s"', (property, expected) => {
|
||||
expect(camelCase(property)).toBe(expected);
|
||||
});
|
||||
|
||||
// vendor prefix
|
||||
it.each([
|
||||
['-khtml-transition', 'khtmlTransition'],
|
||||
['-moz-user-select', 'mozUserSelect'],
|
||||
['-ms-transform', 'msTransform'],
|
||||
['-ms-user-select', 'msUserSelect'],
|
||||
['-o-transition', 'oTransition'],
|
||||
['-webkit-transition', 'webkitTransition'],
|
||||
['-webkit-user-select', 'webkitUserSelect'],
|
||||
])('transforms vendor prefix "%s" to "%s"', (property, expected) => {
|
||||
expect(camelCase(property)).toBe(expected);
|
||||
});
|
||||
|
||||
it.each([
|
||||
['foo-bar', 'fooBar'],
|
||||
['foo-bar-baz', 'fooBarBaz'],
|
||||
['CAMEL-CASE', 'camelCase'],
|
||||
])('transforms "%s" to "%s"', (property, expected) => {
|
||||
expect(camelCase(property)).toBe(expected);
|
||||
});
|
||||
|
||||
describe('option reactCompat is true', () => {
|
||||
const options = { reactCompat: true };
|
||||
|
||||
it.each([
|
||||
['-khtml-transition', 'KhtmlTransition'],
|
||||
['-o-transition', 'OTransition'],
|
||||
['-moz-user-select', 'MozUserSelect'],
|
||||
['-ms-transform', 'msTransform'],
|
||||
['-ms-user-select', 'msUserSelect'],
|
||||
['-webkit-transition', 'WebkitTransition'],
|
||||
['-webkit-user-select', 'WebkitUserSelect'],
|
||||
])('capitalizes vendor prefix "%s" to "%s"', (property, expected) => {
|
||||
expect(camelCase(property, options)).toBe(expected);
|
||||
});
|
||||
});
|
||||
});
|
||||
52
node_modules/style-to-js/src/utilities.ts
generated
vendored
Normal file
52
node_modules/style-to-js/src/utilities.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
const CUSTOM_PROPERTY_REGEX = /^--[a-zA-Z0-9_-]+$/;
|
||||
const HYPHEN_REGEX = /-([a-z])/g;
|
||||
const NO_HYPHEN_REGEX = /^[^-]+$/;
|
||||
const VENDOR_PREFIX_REGEX = /^-(webkit|moz|ms|o|khtml)-/;
|
||||
const MS_VENDOR_PREFIX_REGEX = /^-(ms)-/;
|
||||
|
||||
/**
|
||||
* Checks whether to skip camelCase.
|
||||
*/
|
||||
const skipCamelCase = (property: string) =>
|
||||
!property ||
|
||||
NO_HYPHEN_REGEX.test(property) ||
|
||||
CUSTOM_PROPERTY_REGEX.test(property);
|
||||
|
||||
/**
|
||||
* Replacer that capitalizes first character.
|
||||
*/
|
||||
const capitalize = (match: string, character: string) =>
|
||||
character.toUpperCase();
|
||||
|
||||
/**
|
||||
* Replacer that removes beginning hyphen of vendor prefix property.
|
||||
*/
|
||||
const trimHyphen = (match: string, prefix: string) => `${prefix}-`;
|
||||
|
||||
/**
|
||||
* CamelCase options.
|
||||
*/
|
||||
export interface CamelCaseOptions {
|
||||
reactCompat?: boolean;
|
||||
}
|
||||
|
||||
/**
|
||||
* CamelCases a CSS property.
|
||||
*/
|
||||
export const camelCase = (property: string, options: CamelCaseOptions = {}) => {
|
||||
if (skipCamelCase(property)) {
|
||||
return property;
|
||||
}
|
||||
|
||||
property = property.toLowerCase();
|
||||
|
||||
if (options.reactCompat) {
|
||||
// `-ms` vendor prefix should not be capitalized
|
||||
property = property.replace(MS_VENDOR_PREFIX_REGEX, trimHyphen);
|
||||
} else {
|
||||
// for non-React, remove first hyphen so vendor prefix is not capitalized
|
||||
property = property.replace(VENDOR_PREFIX_REGEX, trimHyphen);
|
||||
}
|
||||
|
||||
return property.replace(HYPHEN_REGEX, capitalize);
|
||||
};
|
||||
425
node_modules/style-to-js/umd/style-to-js.js
generated
vendored
Normal file
425
node_modules/style-to-js/umd/style-to-js.js
generated
vendored
Normal file
|
|
@ -0,0 +1,425 @@
|
|||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
||||
typeof define === 'function' && define.amd ? define(factory) :
|
||||
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.StyleToJS = factory());
|
||||
})(this, (function () { 'use strict';
|
||||
|
||||
function getDefaultExportFromCjs (x) {
|
||||
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
||||
}
|
||||
|
||||
var cjs$1 = {};
|
||||
|
||||
var inlineStyleParser;
|
||||
var hasRequiredInlineStyleParser;
|
||||
|
||||
function requireInlineStyleParser () {
|
||||
if (hasRequiredInlineStyleParser) return inlineStyleParser;
|
||||
hasRequiredInlineStyleParser = 1;
|
||||
// http://www.w3.org/TR/CSS21/grammar.html
|
||||
// https://github.com/visionmedia/css-parse/pull/49#issuecomment-30088027
|
||||
var COMMENT_REGEX = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
|
||||
|
||||
var NEWLINE_REGEX = /\n/g;
|
||||
var WHITESPACE_REGEX = /^\s*/;
|
||||
|
||||
// declaration
|
||||
var PROPERTY_REGEX = /^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/;
|
||||
var COLON_REGEX = /^:\s*/;
|
||||
var VALUE_REGEX = /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/;
|
||||
var SEMICOLON_REGEX = /^[;\s]*/;
|
||||
|
||||
// https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String/Trim#Polyfill
|
||||
var TRIM_REGEX = /^\s+|\s+$/g;
|
||||
|
||||
// strings
|
||||
var NEWLINE = '\n';
|
||||
var FORWARD_SLASH = '/';
|
||||
var ASTERISK = '*';
|
||||
var EMPTY_STRING = '';
|
||||
|
||||
// types
|
||||
var TYPE_COMMENT = 'comment';
|
||||
var TYPE_DECLARATION = 'declaration';
|
||||
|
||||
/**
|
||||
* @param {String} style
|
||||
* @param {Object} [options]
|
||||
* @return {Object[]}
|
||||
* @throws {TypeError}
|
||||
* @throws {Error}
|
||||
*/
|
||||
inlineStyleParser = function (style, options) {
|
||||
if (typeof style !== 'string') {
|
||||
throw new TypeError('First argument must be a string');
|
||||
}
|
||||
|
||||
if (!style) return [];
|
||||
|
||||
options = options || {};
|
||||
|
||||
/**
|
||||
* Positional.
|
||||
*/
|
||||
var lineno = 1;
|
||||
var column = 1;
|
||||
|
||||
/**
|
||||
* Update lineno and column based on `str`.
|
||||
*
|
||||
* @param {String} str
|
||||
*/
|
||||
function updatePosition(str) {
|
||||
var lines = str.match(NEWLINE_REGEX);
|
||||
if (lines) lineno += lines.length;
|
||||
var i = str.lastIndexOf(NEWLINE);
|
||||
column = ~i ? str.length - i : column + str.length;
|
||||
}
|
||||
|
||||
/**
|
||||
* Mark position and patch `node.position`.
|
||||
*
|
||||
* @return {Function}
|
||||
*/
|
||||
function position() {
|
||||
var start = { line: lineno, column: column };
|
||||
return function (node) {
|
||||
node.position = new Position(start);
|
||||
whitespace();
|
||||
return node;
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Store position information for a node.
|
||||
*
|
||||
* @constructor
|
||||
* @property {Object} start
|
||||
* @property {Object} end
|
||||
* @property {undefined|String} source
|
||||
*/
|
||||
function Position(start) {
|
||||
this.start = start;
|
||||
this.end = { line: lineno, column: column };
|
||||
this.source = options.source;
|
||||
}
|
||||
|
||||
/**
|
||||
* Non-enumerable source string.
|
||||
*/
|
||||
Position.prototype.content = style;
|
||||
|
||||
/**
|
||||
* Error `msg`.
|
||||
*
|
||||
* @param {String} msg
|
||||
* @throws {Error}
|
||||
*/
|
||||
function error(msg) {
|
||||
var err = new Error(
|
||||
options.source + ':' + lineno + ':' + column + ': ' + msg
|
||||
);
|
||||
err.reason = msg;
|
||||
err.filename = options.source;
|
||||
err.line = lineno;
|
||||
err.column = column;
|
||||
err.source = style;
|
||||
|
||||
if (options.silent) ; else {
|
||||
throw err;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Match `re` and return captures.
|
||||
*
|
||||
* @param {RegExp} re
|
||||
* @return {undefined|Array}
|
||||
*/
|
||||
function match(re) {
|
||||
var m = re.exec(style);
|
||||
if (!m) return;
|
||||
var str = m[0];
|
||||
updatePosition(str);
|
||||
style = style.slice(str.length);
|
||||
return m;
|
||||
}
|
||||
|
||||
/**
|
||||
* Parse whitespace.
|
||||
*/
|
||||
function whitespace() {
|
||||
match(WHITESPACE_REGEX);
|
||||
}
|
||||
|
||||
/**
|
||||
* Parse comments.
|
||||
*
|
||||
* @param {Object[]} [rules]
|
||||
* @return {Object[]}
|
||||
*/
|
||||
function comments(rules) {
|
||||
var c;
|
||||
rules = rules || [];
|
||||
while ((c = comment())) {
|
||||
if (c !== false) {
|
||||
rules.push(c);
|
||||
}
|
||||
}
|
||||
return rules;
|
||||
}
|
||||
|
||||
/**
|
||||
* Parse comment.
|
||||
*
|
||||
* @return {Object}
|
||||
* @throws {Error}
|
||||
*/
|
||||
function comment() {
|
||||
var pos = position();
|
||||
if (FORWARD_SLASH != style.charAt(0) || ASTERISK != style.charAt(1)) return;
|
||||
|
||||
var i = 2;
|
||||
while (
|
||||
EMPTY_STRING != style.charAt(i) &&
|
||||
(ASTERISK != style.charAt(i) || FORWARD_SLASH != style.charAt(i + 1))
|
||||
) {
|
||||
++i;
|
||||
}
|
||||
i += 2;
|
||||
|
||||
if (EMPTY_STRING === style.charAt(i - 1)) {
|
||||
return error('End of comment missing');
|
||||
}
|
||||
|
||||
var str = style.slice(2, i - 2);
|
||||
column += 2;
|
||||
updatePosition(str);
|
||||
style = style.slice(i);
|
||||
column += 2;
|
||||
|
||||
return pos({
|
||||
type: TYPE_COMMENT,
|
||||
comment: str
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Parse declaration.
|
||||
*
|
||||
* @return {Object}
|
||||
* @throws {Error}
|
||||
*/
|
||||
function declaration() {
|
||||
var pos = position();
|
||||
|
||||
// prop
|
||||
var prop = match(PROPERTY_REGEX);
|
||||
if (!prop) return;
|
||||
comment();
|
||||
|
||||
// :
|
||||
if (!match(COLON_REGEX)) return error("property missing ':'");
|
||||
|
||||
// val
|
||||
var val = match(VALUE_REGEX);
|
||||
|
||||
var ret = pos({
|
||||
type: TYPE_DECLARATION,
|
||||
property: trim(prop[0].replace(COMMENT_REGEX, EMPTY_STRING)),
|
||||
value: val
|
||||
? trim(val[0].replace(COMMENT_REGEX, EMPTY_STRING))
|
||||
: EMPTY_STRING
|
||||
});
|
||||
|
||||
// ;
|
||||
match(SEMICOLON_REGEX);
|
||||
|
||||
return ret;
|
||||
}
|
||||
|
||||
/**
|
||||
* Parse declarations.
|
||||
*
|
||||
* @return {Object[]}
|
||||
*/
|
||||
function declarations() {
|
||||
var decls = [];
|
||||
|
||||
comments(decls);
|
||||
|
||||
// declarations
|
||||
var decl;
|
||||
while ((decl = declaration())) {
|
||||
if (decl !== false) {
|
||||
decls.push(decl);
|
||||
comments(decls);
|
||||
}
|
||||
}
|
||||
|
||||
return decls;
|
||||
}
|
||||
|
||||
whitespace();
|
||||
return declarations();
|
||||
};
|
||||
|
||||
/**
|
||||
* Trim `str`.
|
||||
*
|
||||
* @param {String} str
|
||||
* @return {String}
|
||||
*/
|
||||
function trim(str) {
|
||||
return str ? str.replace(TRIM_REGEX, EMPTY_STRING) : EMPTY_STRING;
|
||||
}
|
||||
return inlineStyleParser;
|
||||
}
|
||||
|
||||
var hasRequiredCjs$1;
|
||||
|
||||
function requireCjs$1 () {
|
||||
if (hasRequiredCjs$1) return cjs$1;
|
||||
hasRequiredCjs$1 = 1;
|
||||
var __importDefault = (cjs$1 && cjs$1.__importDefault) || function (mod) {
|
||||
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||||
};
|
||||
Object.defineProperty(cjs$1, "__esModule", { value: true });
|
||||
cjs$1.default = StyleToObject;
|
||||
var inline_style_parser_1 = __importDefault(requireInlineStyleParser());
|
||||
/**
|
||||
* Parses inline style to object.
|
||||
*
|
||||
* @param style - Inline style.
|
||||
* @param iterator - Iterator.
|
||||
* @returns - Style object or null.
|
||||
*
|
||||
* @example Parsing inline style to object:
|
||||
*
|
||||
* ```js
|
||||
* import parse from 'style-to-object';
|
||||
* parse('line-height: 42;'); // { 'line-height': '42' }
|
||||
* ```
|
||||
*/
|
||||
function StyleToObject(style, iterator) {
|
||||
var styleObject = null;
|
||||
if (!style || typeof style !== 'string') {
|
||||
return styleObject;
|
||||
}
|
||||
var declarations = (0, inline_style_parser_1.default)(style);
|
||||
var hasIterator = typeof iterator === 'function';
|
||||
declarations.forEach(function (declaration) {
|
||||
if (declaration.type !== 'declaration') {
|
||||
return;
|
||||
}
|
||||
var property = declaration.property, value = declaration.value;
|
||||
if (hasIterator) {
|
||||
iterator(property, value, declaration);
|
||||
}
|
||||
else if (value) {
|
||||
styleObject = styleObject || {};
|
||||
styleObject[property] = value;
|
||||
}
|
||||
});
|
||||
return styleObject;
|
||||
}
|
||||
|
||||
return cjs$1;
|
||||
}
|
||||
|
||||
var utilities = {};
|
||||
|
||||
var hasRequiredUtilities;
|
||||
|
||||
function requireUtilities () {
|
||||
if (hasRequiredUtilities) return utilities;
|
||||
hasRequiredUtilities = 1;
|
||||
Object.defineProperty(utilities, "__esModule", { value: true });
|
||||
utilities.camelCase = void 0;
|
||||
var CUSTOM_PROPERTY_REGEX = /^--[a-zA-Z0-9_-]+$/;
|
||||
var HYPHEN_REGEX = /-([a-z])/g;
|
||||
var NO_HYPHEN_REGEX = /^[^-]+$/;
|
||||
var VENDOR_PREFIX_REGEX = /^-(webkit|moz|ms|o|khtml)-/;
|
||||
var MS_VENDOR_PREFIX_REGEX = /^-(ms)-/;
|
||||
/**
|
||||
* Checks whether to skip camelCase.
|
||||
*/
|
||||
var skipCamelCase = function (property) {
|
||||
return !property ||
|
||||
NO_HYPHEN_REGEX.test(property) ||
|
||||
CUSTOM_PROPERTY_REGEX.test(property);
|
||||
};
|
||||
/**
|
||||
* Replacer that capitalizes first character.
|
||||
*/
|
||||
var capitalize = function (match, character) {
|
||||
return character.toUpperCase();
|
||||
};
|
||||
/**
|
||||
* Replacer that removes beginning hyphen of vendor prefix property.
|
||||
*/
|
||||
var trimHyphen = function (match, prefix) { return "".concat(prefix, "-"); };
|
||||
/**
|
||||
* CamelCases a CSS property.
|
||||
*/
|
||||
var camelCase = function (property, options) {
|
||||
if (options === void 0) { options = {}; }
|
||||
if (skipCamelCase(property)) {
|
||||
return property;
|
||||
}
|
||||
property = property.toLowerCase();
|
||||
if (options.reactCompat) {
|
||||
// `-ms` vendor prefix should not be capitalized
|
||||
property = property.replace(MS_VENDOR_PREFIX_REGEX, trimHyphen);
|
||||
}
|
||||
else {
|
||||
// for non-React, remove first hyphen so vendor prefix is not capitalized
|
||||
property = property.replace(VENDOR_PREFIX_REGEX, trimHyphen);
|
||||
}
|
||||
return property.replace(HYPHEN_REGEX, capitalize);
|
||||
};
|
||||
utilities.camelCase = camelCase;
|
||||
|
||||
return utilities;
|
||||
}
|
||||
|
||||
var cjs;
|
||||
var hasRequiredCjs;
|
||||
|
||||
function requireCjs () {
|
||||
if (hasRequiredCjs) return cjs;
|
||||
hasRequiredCjs = 1;
|
||||
var __importDefault = (cjs && cjs.__importDefault) || function (mod) {
|
||||
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||||
};
|
||||
var style_to_object_1 = __importDefault(requireCjs$1());
|
||||
var utilities_1 = requireUtilities();
|
||||
/**
|
||||
* Parses CSS inline style to JavaScript object (camelCased).
|
||||
*/
|
||||
function StyleToJS(style, options) {
|
||||
var output = {};
|
||||
if (!style || typeof style !== 'string') {
|
||||
return output;
|
||||
}
|
||||
(0, style_to_object_1.default)(style, function (property, value) {
|
||||
// skip CSS comment
|
||||
if (property && value) {
|
||||
output[(0, utilities_1.camelCase)(property, options)] = value;
|
||||
}
|
||||
});
|
||||
return output;
|
||||
}
|
||||
StyleToJS.default = StyleToJS;
|
||||
cjs = StyleToJS;
|
||||
|
||||
return cjs;
|
||||
}
|
||||
|
||||
var cjsExports = requireCjs();
|
||||
var index = /*@__PURE__*/getDefaultExportFromCjs(cjsExports);
|
||||
|
||||
return index;
|
||||
|
||||
}));
|
||||
//# sourceMappingURL=style-to-js.js.map
|
||||
1
node_modules/style-to-js/umd/style-to-js.js.map
generated
vendored
Normal file
1
node_modules/style-to-js/umd/style-to-js.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
2
node_modules/style-to-js/umd/style-to-js.min.js
generated
vendored
Normal file
2
node_modules/style-to-js/umd/style-to-js.min.js
generated
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).StyleToJS=t()}(this,(function(){"use strict";function e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var t,r,n,o={};function u(){if(n)return o;n=1;var e=o&&o.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e,t){var r=null;if(!e||"string"!=typeof e)return r;var n=(0,u.default)(e),o="function"==typeof t;return n.forEach((function(e){if("declaration"===e.type){var n=e.property,u=e.value;o?t(n,u,e):u&&((r=r||{})[n]=u)}})),r};var u=e(function(){if(r)return t;r=1;var e=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,n=/\n/g,o=/^\s*/,u=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,i=/^:\s*/,a=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,f=/^[;\s]*/,c=/^\s+|\s+$/g,l="";function s(e){return e?e.replace(c,l):l}return t=function(t,r){if("string"!=typeof t)throw new TypeError("First argument must be a string");if(!t)return[];r=r||{};var c=1,p=1;function d(e){var t=e.match(n);t&&(c+=t.length);var r=e.lastIndexOf("\n");p=~r?e.length-r:p+e.length}function v(){var e={line:c,column:p};return function(t){return t.position=new m(e),g(),t}}function m(e){this.start=e,this.end={line:c,column:p},this.source=r.source}function h(e){var n=new Error(r.source+":"+c+":"+p+": "+e);if(n.reason=e,n.filename=r.source,n.line=c,n.column=p,n.source=t,!r.silent)throw n}function y(e){var r=e.exec(t);if(r){var n=r[0];return d(n),t=t.slice(n.length),r}}function g(){y(o)}function _(e){var t;for(e=e||[];t=w();)!1!==t&&e.push(t);return e}function w(){var e=v();if("/"==t.charAt(0)&&"*"==t.charAt(1)){for(var r=2;l!=t.charAt(r)&&("*"!=t.charAt(r)||"/"!=t.charAt(r+1));)++r;if(r+=2,l===t.charAt(r-1))return h("End of comment missing");var n=t.slice(2,r-2);return p+=2,d(n),t=t.slice(r),p+=2,e({type:"comment",comment:n})}}function b(){var t=v(),r=y(u);if(r){if(w(),!y(i))return h("property missing ':'");var n=y(a),o=t({type:"declaration",property:s(r[0].replace(e,l)),value:n?s(n[0].replace(e,l)):l});return y(f),o}}return m.prototype.content=t,g(),function(){var e,t=[];for(_(t);e=b();)!1!==e&&(t.push(e),_(t));return t}()}}());return o}var i,a,f,c={};function l(){if(i)return c;i=1,Object.defineProperty(c,"__esModule",{value:!0}),c.camelCase=void 0;var e=/^--[a-zA-Z0-9_-]+$/,t=/-([a-z])/g,r=/^[^-]+$/,n=/^-(webkit|moz|ms|o|khtml)-/,o=/^-(ms)-/,u=function(e,t){return t.toUpperCase()},a=function(e,t){return"".concat(t,"-")};return c.camelCase=function(i,f){return void 0===f&&(f={}),function(t){return!t||r.test(t)||e.test(t)}(i)?i:(i=i.toLowerCase(),(i=f.reactCompat?i.replace(o,a):i.replace(n,a)).replace(t,u))},c}return e(function(){if(f)return a;f=1;var e=(a&&a.__importDefault||function(e){return e&&e.__esModule?e:{default:e}})(u()),t=l();function r(r,n){var o={};return r&&"string"==typeof r?((0,e.default)(r,(function(e,r){e&&r&&(o[(0,t.camelCase)(e,n)]=r)})),o):o}return r.default=r,a=r}())}));
|
||||
//# sourceMappingURL=style-to-js.min.js.map
|
||||
1
node_modules/style-to-js/umd/style-to-js.min.js.map
generated
vendored
Normal file
1
node_modules/style-to-js/umd/style-to-js.min.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue