Replace JavaScript SyntaxError with a DOMException

Author: cdoublev

lib/error.js

@@ -14,15 +14,19 @@ export const EXTRA_RULE_ERROR = {
 }
 export const INSERT_INVALID_IMPORT_ERROR = {
     message: 'Cannot insert @import in a constructed style sheet',
+    name: 'SyntaxError',
 }
 export const INVALID_CUSTOM_PROPERTY_NAME = {
     message: 'Invalid name',
+    name: 'SyntaxError',
 }
 export const INVALID_CUSTOM_PROPERTY_OVERRIDE = {
     message: 'Cannot override an existing custom property definition',
+    name: 'InvalidModificationError',
 }
 export const INVALID_CUSTOM_PROPERTY_SYNTAX = {
     message: 'Invalid syntax',
+    name: 'SyntaxError',
 }
 export const INVALID_DECLARATION_ERROR = {
     message: 'Cannot parse invalid declaration',
@@ -36,12 +40,15 @@ export const INVALID_FONT_FEATURE_VALUE_ERROR = {
 }
 export const INVALID_INITIAL_CUSTOM_PROPERTY_VALUE = {
     message: 'Invalid initial value',
+    name: 'SyntaxError',
 }
 export const INVALID_INITIAL_CUSTOM_PROPERTY_VALUE_UNIVERSAL = {
     message: 'Invalid initial value',
+    name: 'SyntaxError',
 }
 export const MISSING_INITIAL_CUSTOM_PROPERTY_VALUE = {
     message: 'Invalid initial value',
+    name: 'SyntaxError',
 }
 export const INVALID_NAMESPACE_STATE_ERROR = {
     message: 'Cannot insert @namespace when any other rule than @import or @namespace already exists',
@@ -63,9 +70,11 @@ export const MISSING_RULE_ERROR = {
 }
 export const SET_INVALID_KEYFRAME_SELECTOR_ERROR = {
     message: "Cannot set 'keyText': invalid value",
+    name: 'SyntaxError',
 }
 export const SET_INVALID_KEYFRAMES_NAME_ERROR = {
     message: "Cannot set 'name': invalid value",
+    name: 'SyntaxError',
 }
 export const UPDATE_COMPUTED_STYLE_DECLARATION_ERROR = {
     message: 'Cannot change a read-only computed style declaration',

lib/parse/arbitrary.js

@@ -8,10 +8,10 @@ import { create as createError } from '../error.js'
 
 /**
  * @param {object} node
- * @returns {SyntaxError}
+ * @returns {DOMException}
  */
 function error({ definition: { name, value } }) {
-    return createError({ message: `Invalid ${name ?? value}` })
+    return createError({ message: `Invalid ${name ?? value}`, name: 'SyntaxError' })
 }
 
 /**

lib/parse/postprocess.js

@@ -56,10 +56,10 @@ const reserved = {
 
 /**
  * @param {object} node
- * @returns {SyntaxError}
+ * @returns {DOMException}
  */
 function error({ definition: { name, value } }) {
-    return createError({ message: `Invalid ${name ?? value}` })
+    return createError({ message: `Invalid ${name ?? value}`, name: 'SyntaxError' })
 }
 
 /**

lib/parse/preprocess.js

@@ -24,10 +24,10 @@ const MAX_CALCULATION_TERMS = 32
 
 /**
  * @param {object} node
- * @returns {SyntaxError}
+ * @returns {DOMException}
  */
 function error({ definition: { name, value } }) {
-    return createError({ message: `Invalid ${name ?? value}` })
+    return createError({ message: `Invalid ${name ?? value}`, name: 'SyntaxError' })
 }
 
 /**

lib/parse/replace.js

@@ -10,10 +10,10 @@ import { simplifyCalculation } from './simplify.js'
 
 /**
  * @param {object} node
- * @returns {SyntaxError}
+ * @returns {DOMException}
  */
 function error({ definition: { name, value } }) {
-    return createError({ message: `Invalid ${name ?? value}` })
+    return createError({ message: `Invalid ${name ?? value}`, name: 'SyntaxError' })
 }
 
 /**