Lint working

Author: robmadole

.claude/settings.local.json

@@ -5,7 +5,9 @@
       "Bash(npm test)",
       "Bash(npm install:*)",
       "Bash(node:*)",
-      "Bash(npm info:*)"
+      "Bash(npm info:*)",
+      "Bash(npm run lint)",
+      "Bash(npm run lint:*)"
     ],
     "deny": [],
     "ask": []

.eslintrc.json

@@ -1,11 +1,30 @@
 {
   "extends": "standard",
-  "plugins": ["svelte3", "jest"],
+  "plugins": ["svelte3"],
   "rules": {
     "space-before-function-paren": 0
   },
   "env": {
-    "jest": true
+    "node": true,
+    "browser": true,
+    "es2022": true
+  },
+  "parser": "@babel/eslint-parser",
+  "parserOptions": {
+    "ecmaVersion": 2022,
+    "sourceType": "module",
+    "requireConfigFile": false,
+    "babelOptions": {
+      "presets": ["@babel/preset-env"]
+    }
+  },
+  "globals": {
+    "test": "readonly",
+    "describe": "readonly",
+    "expect": "readonly",
+    "beforeEach": "readonly",
+    "afterEach": "readonly",
+    "vi": "readonly"
   },
   "overrides": [
     {

.github/workflows/ci.yml

@@ -8,7 +8,7 @@ jobs:
 
     strategy:
       matrix:
-        node: [14]
+        node: [21]
         svelte: [
           3.x,
           4.x,

index.es.js

@@ -22,10 +22,8 @@ let current_component;
 function set_current_component(component) {
     current_component = component;
 }
-Promise.resolve();
 
-// source: https://html.spec.whatwg.org/multipage/indices.html
-const boolean_attributes = new Set([
+const _boolean_attributes = [
     'allowfullscreen',
     'allowpaymentrequest',
     'async',
@@ -38,6 +36,7 @@ const boolean_attributes = new Set([
     'disabled',
     'formnovalidate',
     'hidden',
+    'inert',
     'ismap',
     'loop',
     'multiple',
@@ -50,7 +49,12 @@ const boolean_attributes = new Set([
     'required',
     'reversed',
     'selected'
-]);
+];
+/**
+ * List of HTML boolean attributes (e.g. `<input disabled>`).
+ * Source: https://html.spec.whatwg.org/multipage/indices.html
+ */
+const boolean_attributes = new Set([..._boolean_attributes]);
 
 const invalid_attribute_name_character = /[\s'">/=\u{FDD0}-\u{FDEF}\u{FFFE}\u{FFFF}\u{1FFFE}\u{1FFFF}\u{2FFFE}\u{2FFFF}\u{3FFFE}\u{3FFFF}\u{4FFFE}\u{4FFFF}\u{5FFFE}\u{5FFFF}\u{6FFFE}\u{6FFFF}\u{7FFFE}\u{7FFFF}\u{8FFFE}\u{8FFFF}\u{9FFFE}\u{9FFFF}\u{AFFFE}\u{AFFFF}\u{BFFFE}\u{BFFFF}\u{CFFFE}\u{CFFFF}\u{DFFFE}\u{DFFFF}\u{EFFFE}\u{EFFFF}\u{FFFFE}\u{FFFFF}\u{10FFFE}\u{10FFFF}]/u;
 // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
@@ -151,7 +155,7 @@ function validate_component(component, name) {
     if (!component || !component.$$render) {
         if (name === 'svelte:component')
             name += ' this={...}';
-        throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules`);
+        throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules. Otherwise you may need to fix a <${name}>.`);
     }
     return component;
 }
@@ -200,7 +204,7 @@ function add_attribute(name, value, boolean) {
 function style_object_to_string(style_object) {
     return Object.keys(style_object)
         .filter(key => style_object[key])
-        .map(key => `${key}: ${style_object[key]};`)
+        .map(key => `${key}: ${escape_attribute_value(style_object[key])};`)
         .join(' ');
 }
 
@@ -390,7 +394,7 @@ function objectWithKey(key, value) {
     : {}
 }
 
-/* src/components/SvgElement.svelte generated by Svelte v3.49.0 */
+/* src/components/SvgElement.svelte generated by Svelte v3.59.2 */
 
 const SvgElement = create_ssr_component(($$result, $$props, $$bindings, slots) => {
 	let { tag } = $$props;
@@ -430,7 +434,7 @@ const SvgElement = create_ssr_component(($$result, $$props, $$bindings, slots) =
 	return `<svg${spread([escape_object(elementProps)], {})}${add_attribute("this", ref, 0)}><!-- HTML_TAG_START -->${markup}<!-- HTML_TAG_END --></svg>`;
 });
 
-/* src/components/FontAwesomeIcon.svelte generated by Svelte v3.49.0 */
+/* src/components/FontAwesomeIcon.svelte generated by Svelte v3.59.2 */
 
 const FontAwesomeIcon = create_ssr_component(($$result, $$props, $$bindings, slots) => {
 	let $$restProps = compute_rest_props($$props, [
@@ -535,7 +539,7 @@ const FontAwesomeIcon = create_ssr_component(($$result, $$props, $$bindings, slo
 		$$rendered = `${result
 		? `${validate_component(SvgElement, "SvgElement").$$render(
 				$$result,
-				Object.assign(result, { style }, { ref }),
+				Object.assign({}, result, { style }, { ref }),
 				{
 					ref: $$value => {
 						ref = $$value;

index.js

@@ -26,10 +26,8 @@
     function set_current_component(component) {
         current_component = component;
     }
-    Promise.resolve();
 
-    // source: https://html.spec.whatwg.org/multipage/indices.html
-    const boolean_attributes = new Set([
+    const _boolean_attributes = [
         'allowfullscreen',
         'allowpaymentrequest',
         'async',
@@ -42,6 +40,7 @@
         'disabled',
         'formnovalidate',
         'hidden',
+        'inert',
         'ismap',
         'loop',
         'multiple',
@@ -54,7 +53,12 @@
         'required',
         'reversed',
         'selected'
-    ]);
+    ];
+    /**
+     * List of HTML boolean attributes (e.g. `<input disabled>`).
+     * Source: https://html.spec.whatwg.org/multipage/indices.html
+     */
+    const boolean_attributes = new Set([..._boolean_attributes]);
 
     const invalid_attribute_name_character = /[\s'">/=\u{FDD0}-\u{FDEF}\u{FFFE}\u{FFFF}\u{1FFFE}\u{1FFFF}\u{2FFFE}\u{2FFFF}\u{3FFFE}\u{3FFFF}\u{4FFFE}\u{4FFFF}\u{5FFFE}\u{5FFFF}\u{6FFFE}\u{6FFFF}\u{7FFFE}\u{7FFFF}\u{8FFFE}\u{8FFFF}\u{9FFFE}\u{9FFFF}\u{AFFFE}\u{AFFFF}\u{BFFFE}\u{BFFFF}\u{CFFFE}\u{CFFFF}\u{DFFFE}\u{DFFFF}\u{EFFFE}\u{EFFFF}\u{FFFFE}\u{FFFFF}\u{10FFFE}\u{10FFFF}]/u;
     // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
@@ -155,7 +159,7 @@
         if (!component || !component.$$render) {
             if (name === 'svelte:component')
                 name += ' this={...}';
-            throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules`);
+            throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules. Otherwise you may need to fix a <${name}>.`);
         }
         return component;
     }
@@ -204,7 +208,7 @@
     function style_object_to_string(style_object) {
         return Object.keys(style_object)
             .filter(key => style_object[key])
-            .map(key => `${key}: ${style_object[key]};`)
+            .map(key => `${key}: ${escape_attribute_value(style_object[key])};`)
             .join(' ');
     }
 
@@ -394,7 +398,7 @@
         : {}
     }
 
-    /* src/components/SvgElement.svelte generated by Svelte v3.49.0 */
+    /* src/components/SvgElement.svelte generated by Svelte v3.59.2 */
 
     const SvgElement = create_ssr_component(($$result, $$props, $$bindings, slots) => {
     	let { tag } = $$props;
@@ -434,7 +438,7 @@
     	return `<svg${spread([escape_object(elementProps)], {})}${add_attribute("this", ref, 0)}><!-- HTML_TAG_START -->${markup}<!-- HTML_TAG_END --></svg>`;
     });
 
-    /* src/components/FontAwesomeIcon.svelte generated by Svelte v3.49.0 */
+    /* src/components/FontAwesomeIcon.svelte generated by Svelte v3.59.2 */
 
     const FontAwesomeIcon = create_ssr_component(($$result, $$props, $$bindings, slots) => {
     	let $$restProps = compute_rest_props($$props, [
@@ -539,7 +543,7 @@
     		$$rendered = `${result
 		? `${validate_component(SvgElement, "SvgElement").$$render(
 				$$result,
-				Object.assign(result, { style }, { ref }),
+				Object.assign({}, result, { style }, { ref }),
 				{
 					ref: $$value => {
 						ref = $$value;

src/components/__fixtures__/helpers.js

@@ -4,7 +4,7 @@ import { cleanup, render, screen } from '@testing-library/svelte'
 import { parse } from '@fortawesome/fontawesome-svg-core'
 import semver from 'semver'
 
-import packageJson from '@fortawesome/free-solid-svg-icons/package.json' assert { type: 'json' }
+import packageJson from '@fortawesome/free-solid-svg-icons/package.json' with { type: 'json' }
 
 const SVG_ICONS_VERSION = semver.parse(packageJson.version)
 

src/test-setup.js

@@ -1,3 +1,3 @@
 import '@testing-library/jest-dom'
 
-// Global test setup for vitest
+// Global test setup for vitest