René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"css-calc is broken i 6.1.0","articleBody":"**Environment**\r\nProvide version numbers for the following components (information can be retrieved by running `tns info` in your project folder or by inspecting the `package.json` of the project):\r\n - CLI: 6.1.0\r\n - Cross-platform modules: 6.1.0\r\n - Android Runtime: \r\n - iOS Runtime:\r\n - Plugin(s):\r\n\r\n**Describe the bug**\r\n\u003c!-- A clear and concise description of what the bug is. Please, explain whether it's a build time error or a runtime error. More detailed logs can be easily obtained by following the instructions in this guide: https://docs.nativescript.org/get-support#how-to-obtain-diagnostic-reports. --\u003e\r\n\r\n**To Reproduce**\r\n\u003c!-- Add commands used or steps taken to reproduce the behaviour. --\u003e\r\n1. Create a new nativescript project: tns create --ng test\r\n2. Edit `src/app/item/items.component.ts`\r\n3. Add:\r\n```typescript\r\n    styles: [`\r\n        .page {\r\n            --my-factor: 0.5;\r\n            opacity: calc(1 * var(--my-factor));\r\n        }\r\n    `],\r\n```\r\n4: Get this error:\r\n```bash\r\nJS: Error: Failed to evaluate css-calc for property [opacity] for expression [calc(1 * 0.5)] to GridLayout(8). TypeError: reduce_css_calc_1.default is not a function\r\nJS:     at Object._evaluateCssCalcExpression (file:///node_modules/tns-core-modules/ui/core/properties/properties.js:85:0)\r\nJS:     at evaluateCssExpressions (file:///node_modules/tns-core-modules/ui/styling/style-scope.js:40:0)\r\nJS:     at CssState.push.../node_modules/tns-core-modules/ui/styling/style-scope.js.CssState.setPropertyValues (file:///node_modules/tns-core-modules/ui/styling/style-scope.js:460:0)\r\nJS:     at file:///node_modules/tns-core-modules/ui/styling/style-scope.js:381:0\r\nJS:     at GridLayout.push.../node_modules/tns-core-modules/ui/core/view-base/view-base.js.ViewBase._batchUpdate (file:///node_modules/tns-core-modules/ui/core/view-base/view-base.js:279:0)\r\nJS:     at CssState.push.../node_modules/tns-core-modules/ui/styling/style-scope.js.CssState.updateDynamicState (file:///node_modules/tns-core-modules/ui/styling/style-scope.js:379:0)\r\nJS:     at CssState.push.../...\r\n\r\n```\r\n\r\n**Expected behavior**\r\nNo error logged and `calc` evaluated.\r\n\r\n**Sample project**\r\n\u003c!-- If possible, provide a link from the [Playground](https://play.nativescript.org) with reproduction of the problem. If not, consider attaching a sample project or link to a repository with such project. --\u003e\r\n\r\n**Additional context**\r\n\u003c!-- Add any other context about the problem here. --\u003e\r\n\r\nIn `tns-core- modules@6.1.0` the file `node_modules/tns-core-modules/ui/core/properties/properties.js` tries to use the non-existing function `reduce_css_calc_1.default`\r\n\r\nThis is the javascript code as it is\r\n```javascript\r\nfunction _evaluateCssCalcExpression(value) {\r\n    if (typeof value !== \"string\") {\r\n        return value;\r\n    }\r\n    if (isCssCalcExpression(value)) {\r\n        return reduce_css_calc_1.default(value.replace(/([0-9]+(\\.[0-9]+)?)dip\\b/g, \"$1\"));\r\n    }\r\n    else {\r\n        return value;\r\n    }\r\n}\r\n```\r\n\r\nIt should be\r\n```javascript\r\nfunction _evaluateCssCalcExpression(value) {\r\n    if (typeof value !== \"string\") {\r\n        return value;\r\n    }\r\n    if (isCssCalcExpression(value)) {\r\n        return reduce_css_calc_1(value.replace(/([0-9]+(\\.[0-9]+)?)dip\\b/g, \"$1\"));\r\n    }\r\n    else {\r\n        return value;\r\n    }\r\n}\r\n```\r\n","author":{"url":"https://github.com/m-abs","@type":"Person","name":"m-abs"},"datePublished":"2019-09-05T14:06:18.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/7786/NativeScript/issues/7786"}