Support for selector escape characters

[yisibl]

import Specificity from '@bramus/specificity'
const [specificity] = Specificity.calculate('not(#\9) .foo')
console.log(specificity.value)

const [specificity] = Specificity.calculate('not(#\9) .foo');
                                                  ^
SyntaxError: \8 and \9 are not allowed in strict mode.
    at Loader.moduleStrategy (node:internal/modules/esm/translators:146:18)
    at async link (node:internal/modules/esm/module_job:67:21)

Expected output {a: 1, b: 1, c: 0 }

[bramus]

This is a side-effect of using strict mode, which is runtime related. This package is exposed as an ECMAScript module, which uses strict mode by default, so I don't think there's a way to fix it there, and I would make me label this as “Intended Behavior”.

As a workaround, though, you can use the CJS build of the package (which does not use strict mode):

const Specificity = require('@bramus/specificity').default;
console.log(Specificity.calculate(':not(#\9) .foo')[0].value); // { a: 1, b: 1, c: 0 }

I did notice that when importing the build from Skypack, it does work, as seen in this CodePen demo.

import Specificity from "https://cdn.skypack.dev/@bramus/specificity@next";