npm - @svelte-vitals/core - Versions diffs - 0.14.0 → 0.15.0 - Mend

@svelte-vitals/core 0.14.0 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -100,7 +100,7 @@ interface Runtime {
  * these, so rules never need to know which mode produced them.
  */
 interface HeadTag {
-    kind: 'title' | 'meta' | 'link' | 'jsonld';
+    kind: 'title' | 'meta' | 'link' | 'jsonld' | 'script';
     /** <meta name="...">. */
     name?: string;
     /** <meta property="..."> (e.g. og:image). */
@@ -121,6 +121,10 @@ interface HeadTag {
     text?: string;
     /** Literal `hreflang` of a `<link rel="alternate">` (e.g. 'en', 'en-US', 'x-default'). Undefined when dynamic/absent. */
     hreflang?: string;
+    /** Literal href (link) / src (script) URL when static — used for third-party origin analysis (PERF008). */
+    href?: string;
+    /** True for a render-blocking `<script src>` in <head> (no defer/async/module) (PERF007). */
+    blocking?: boolean;
     /** Where this tag was set relative to the route. Never 'none' (absence = no tag). */
     presence: Exclude<Presence, 'none'>;
     /** Whether the tag's value is static/dynamic/absent (design §4). */
@@ -160,6 +164,10 @@ interface ImageInfo {
     hasLoading: boolean;
     /** True when the <img> has an `alt` attribute at all (incl. empty `alt=""` decorative; SEO025). */
     hasAlt: boolean;
+    /** True when the <img> has a literal `loading="lazy"` (PERF005). Dynamic/spread → false. */
+    lazy: boolean;
+    /** True when the <img> has a `srcset` attribute (PERF006). */
+    hasSrcset: boolean;
     /** 1-based source line, or 0 if unknown. */
     line: number;
     /** Source file the <img> came from. */
@@ -267,10 +275,36 @@ declare const seo009HtmlLang: Rule;
 declare const perf001ImageDimensions: Rule;
 declare const perf002ImageLoading: Rule;
+declare const perf006ResponsiveImage: Rule;
 declare const perf003PreloadAs: Rule;
 declare const perf004FontPreloadCrossorigin: Rule;
+/**
+ * PERF005 — LCP image not lazy-loaded. Lazy-loading the largest contentful paint
+ * image delays it. Static analysis approximates the LCP as the first <img> in
+ * document order for the route; if that image is loading="lazy", flag it.
+ * CLI/static only (the rendered provider does not collect <img>).
+ */
+declare const perf005LcpImage: Rule;
+/**
+ * PERF007 — Render-blocking <script> in <head>. A <script src> without
+ * defer/async/type=module blocks the parser. SvelteKit's own scripts are
+ * module/deferred, so this catches hand-added blocking scripts — in app.html
+ * (rendered mode) or in <svelte:head> (static mode). A head with no <script>
+ * emits nothing (no signal), like the image rules.
+ */
+declare const perf007RenderBlockingScript: Rule;
+/**
+ * PERF008 — Preconnect for third-party origins. A resource from a well-known
+ * third-party origin (e.g. Google Fonts) without a preconnect/dns-prefetch pays a
+ * connection-setup round-trip. Opt-in by construction: only origins in the
+ * allowlist are checked; routes referencing none emit nothing.
+ */
+declare const perf008Preconnect: Rule;
 declare const seo010Indexability: Rule;
 declare const seo011TwitterCard: Rule;
 declare const seo012OgDescription: Rule;
@@ -527,4 +561,4 @@ declare function selectRules(rules: Rule[], config: Config): Rule[];
 /** Apply per-rule severity overrides to results (design §6). */
 declare function applyRuleSeverities(results: Result[], config: Config): Result[];
-export { BAND_COLOR, type Category, type Classification, type Config, type ConsoleReportOptions, type Detection, type Fix, type HeadProvider, type HeadTag, type HeadingInfo, type HealthResult, type ImageInfo, type JsonReport, type Presence, type Project, ROBOTS_SOURCE_PATHS, type ResolvedHead, type ResolvedHeadings, type ResolvedImages, type Result, type Rule, type RuleContext, type RuleInfo, type RuleSetting, type Runtime, SITEMAP_SOURCE_PATHS, type Scope, type ScoreModel, type ScoreOptions, type ScoreResult, type Severity, type Summary, type TreatDynamicAs, type Value, allRules, applyRuleSeverities, buildHtmlDocument, buildJsonReport, classify, computeHealth, computeScore, defaultConfig, defaultProject, defineConfig, docsUrlFor, effectiveSeverity, escapeHtml, explainRule, formatAgentReport, formatConsoleReport, formatGithubReport, formatHtmlReport, formatJsonReport, formatSarifReport, hasFailureAtOrAbove, headTagRule, imageRule, isPenalized, linkRule, perf001ImageDimensions, perf002ImageLoading, perf003PreloadAs, perf004FontPreloadCrossorigin, runRules, safeHref, scoreBand, scoresByCategory, selectRules, seo001Title, seo002Description, seo003Canonical, seo004OgImage, seo005OgTitle, seo006Robots, seo007Sitemap, seo008JsonLd, seo009HtmlLang, seo010Indexability, seo011TwitterCard, seo012OgDescription, seo013OgUrl, seo014Viewport, seo015SitemapInRobots, seo016JsonLdValidity, seo017DeprecatedType, seo018RelativeUrl, seo019DateFormat, seo020Placeholder, seo021RequiredProps, seo022TitleLength, seo023DescriptionLength, seo024Charset, seo025ImageAlt, seo026Hreflang, seo027Heading, summarize };
+export { BAND_COLOR, type Category, type Classification, type Config, type ConsoleReportOptions, type Detection, type Fix, type HeadProvider, type HeadTag, type HeadingInfo, type HealthResult, type ImageInfo, type JsonReport, type Presence, type Project, ROBOTS_SOURCE_PATHS, type ResolvedHead, type ResolvedHeadings, type ResolvedImages, type Result, type Rule, type RuleContext, type RuleInfo, type RuleSetting, type Runtime, SITEMAP_SOURCE_PATHS, type Scope, type ScoreModel, type ScoreOptions, type ScoreResult, type Severity, type Summary, type TreatDynamicAs, type Value, allRules, applyRuleSeverities, buildHtmlDocument, buildJsonReport, classify, computeHealth, computeScore, defaultConfig, defaultProject, defineConfig, docsUrlFor, effectiveSeverity, escapeHtml, explainRule, formatAgentReport, formatConsoleReport, formatGithubReport, formatHtmlReport, formatJsonReport, formatSarifReport, hasFailureAtOrAbove, headTagRule, imageRule, isPenalized, linkRule, perf001ImageDimensions, perf002ImageLoading, perf003PreloadAs, perf004FontPreloadCrossorigin, perf005LcpImage, perf006ResponsiveImage, perf007RenderBlockingScript, perf008Preconnect, runRules, safeHref, scoreBand, scoresByCategory, selectRules, seo001Title, seo002Description, seo003Canonical, seo004OgImage, seo005OgTitle, seo006Robots, seo007Sitemap, seo008JsonLd, seo009HtmlLang, seo010Indexability, seo011TwitterCard, seo012OgDescription, seo013OgUrl, seo014Viewport, seo015SitemapInRobots, seo016JsonLdValidity, seo017DeprecatedType, seo018RelativeUrl, seo019DateFormat, seo020Placeholder, seo021RequiredProps, seo022TitleLength, seo023DescriptionLength, seo024Charset, seo025ImageAlt, seo026Hreflang, seo027Heading, summarize };

package/dist/index.js CHANGED Viewed

@@ -94,7 +94,7 @@ function detect(head, match) {
   return tag ? { presence: tag.presence, value: tag.value } : { presence: "none", value: "absent" };
 }
 function headTagRule(opts) {
-  const docsUrl3 = docsUrlFor(opts.id);
+  const docsUrl6 = docsUrlFor(opts.id);
   return {
     id: opts.id,
     title: opts.title,
@@ -117,7 +117,7 @@ function headTagRule(opts) {
           location: head.file,
           message,
           recommendation: opts.recommendation,
-          docsUrl: docsUrl3,
+          docsUrl: docsUrl6,
           // Copy per finding: opts.fix is a rule-level template shared across all
           // results this rule emits; a fresh object keeps findings independent.
           ...opts.fix ? { fix: { ...opts.fix } } : {}
@@ -296,7 +296,7 @@ var seo009HtmlLang = {
 // src/rules/perf/image-rule.ts
 function imageRule(opts) {
-  const docsUrl3 = docsUrlFor(opts.id);
+  const docsUrl6 = docsUrlFor(opts.id);
   const category = opts.category ?? "performance";
   return {
     id: opts.id,
@@ -320,7 +320,7 @@ function imageRule(opts) {
             route: route.route,
             message: opts.label,
             recommendation: opts.recommendation,
-            docsUrl: docsUrl3
+            docsUrl: docsUrl6
           });
           continue;
         }
@@ -335,7 +335,7 @@ function imageRule(opts) {
             ...img.line > 0 ? { line: img.line } : {},
             message: `Missing ${opts.label}`,
             recommendation: opts.recommendation,
-            docsUrl: docsUrl3,
+            docsUrl: docsUrl6,
             ...opts.fix ? { fix: { ...opts.fix } } : {}
           });
         }
@@ -374,10 +374,24 @@ var perf002ImageLoading = imageRule({
   },
   ok: (img) => img.hasLoading
 });
+var perf006ResponsiveImage = imageRule({
+  id: "PERF006",
+  title: "Responsive image",
+  severity: "info",
+  label: "<img> srcset",
+  recommendation: "Provide a srcset (and sizes) so the browser can pick a right-sized image per viewport.",
+  rationale: "An <img> without srcset ships one fixed-size asset to every device, wasting bytes on small screens. Static analysis cannot measure intended display size, so this is advisory.",
+  fix: {
+    description: "Add a srcset (and sizes) to the <img> for responsive delivery.",
+    snippet: '<img src="/hero.jpg" srcset="/hero-800.jpg 800w, /hero-1600.jpg 1600w" sizes="100vw" width="1600" height="900" alt="\u2026" />',
+    lang: "svelte"
+  },
+  ok: (img) => img.hasSrcset
+});
 // src/rules/perf/link-rule.ts
 function linkRule(opts) {
-  const docsUrl3 = docsUrlFor(opts.id);
+  const docsUrl6 = docsUrlFor(opts.id);
   return {
     id: opts.id,
     title: opts.title,
@@ -401,7 +415,7 @@ function linkRule(opts) {
             route: head.route,
             message: opts.label,
             recommendation: opts.recommendation,
-            docsUrl: docsUrl3
+            docsUrl: docsUrl6
           });
           continue;
         }
@@ -418,7 +432,7 @@ function linkRule(opts) {
             location: tag.file ?? head.file,
             message: `Missing ${opts.label}`,
             recommendation: opts.recommendation,
-            docsUrl: docsUrl3,
+            docsUrl: docsUrl6,
             ...opts.fix ? { fix: { ...opts.fix } } : {}
           });
         }
@@ -460,6 +474,175 @@ var perf004FontPreloadCrossorigin = linkRule({
   ok: (t) => t.hasCrossorigin === true
 });
+// src/rules/perf/perf005-lcp-image.ts
+var docsUrl = docsUrlFor("PERF005");
+var recommendation = 'Remove loading="lazy" from the LCP/first image and consider fetchpriority="high" so it loads as early as possible.';
+var perf005LcpImage = {
+  id: "PERF005",
+  title: "LCP image eager loading",
+  category: "performance",
+  severity: "warning",
+  scope: "route",
+  rationale: "Lazy-loading the LCP (first/above-the-fold) image delays the largest paint and hurts Core Web Vitals. The first image is the best static proxy for the LCP candidate.",
+  fix: {
+    description: 'Remove loading="lazy" from the first/LCP image; consider fetchpriority="high".',
+    snippet: '<img src="/hero.jpg" width="1200" height="630" fetchpriority="high" alt="\u2026" />',
+    lang: "svelte"
+  },
+  async check(ctx) {
+    const out = [];
+    for (const route of ctx.images ?? []) {
+      const first = route.images[0];
+      if (!first) continue;
+      out.push(
+        first.lazy ? {
+          id: "PERF005",
+          category: "performance",
+          severity: "warning",
+          detection: { presence: "none", value: "absent" },
+          route: route.route,
+          location: first.file,
+          ...first.line > 0 ? { line: first.line } : {},
+          message: 'First image (likely LCP) is loading="lazy"',
+          recommendation,
+          docsUrl,
+          fix: { ...perf005LcpImage.fix }
+        } : {
+          id: "PERF005",
+          category: "performance",
+          severity: "warning",
+          detection: { presence: "own", value: "static" },
+          route: route.route,
+          message: "LCP image eager loading",
+          recommendation,
+          docsUrl
+        }
+      );
+    }
+    return out;
+  }
+};
+// src/rules/perf/perf007-render-blocking.ts
+var docsUrl2 = docsUrlFor("PERF007");
+var recommendation2 = 'Add defer (or type="module"), or async, to the <script> so it does not block HTML parsing.';
+var perf007RenderBlockingScript = {
+  id: "PERF007",
+  title: "Render-blocking script",
+  category: "performance",
+  severity: "warning",
+  scope: "route",
+  rationale: 'A synchronous <script src> in <head> blocks HTML parsing until it downloads and runs, delaying first paint. defer, async, or type="module" avoids the block.',
+  fix: {
+    description: 'Add defer (or type="module") / async to the head <script>.',
+    snippet: '<script src="/analytics.js" defer></script>',
+    lang: "html"
+  },
+  async check(ctx) {
+    const out = [];
+    for (const head of ctx.heads) {
+      const scripts = head.tags.filter((t) => t.kind === "script");
+      if (scripts.length === 0) continue;
+      const blocking = scripts.filter((t) => t.blocking);
+      if (blocking.length > 0) {
+        for (const tag of blocking) {
+          out.push({
+            id: "PERF007",
+            category: "performance",
+            severity: "warning",
+            detection: { presence: "none", value: "absent" },
+            route: head.route,
+            // location is a source path (the URL stays in the message), per the rule-engine convention.
+            location: tag.file ?? head.file,
+            message: `Render-blocking <script>${tag.href ? ` (${tag.href})` : ""} in <head>`,
+            recommendation: recommendation2,
+            docsUrl: docsUrl2,
+            fix: { ...perf007RenderBlockingScript.fix }
+          });
+        }
+      } else {
+        out.push({
+          id: "PERF007",
+          category: "performance",
+          severity: "warning",
+          detection: { presence: "own", value: "static" },
+          route: head.route,
+          message: "No render-blocking scripts",
+          recommendation: recommendation2,
+          docsUrl: docsUrl2
+        });
+      }
+    }
+    return out;
+  }
+};
+// src/rules/perf/perf008-preconnect.ts
+var docsUrl3 = docsUrlFor("PERF008");
+var recommendation3 = 'Add <link rel="preconnect"> (or dns-prefetch) for the third-party origin so the connection is set up early.';
+var THIRD_PARTY_ORIGINS = /* @__PURE__ */ new Set(["fonts.googleapis.com", "fonts.gstatic.com"]);
+function hostOf(href) {
+  const m = /^(?:https?:)?\/\/([^/?#]+)/i.exec(href);
+  return m ? m[1].toLowerCase() : void 0;
+}
+var perf008Preconnect = {
+  id: "PERF008",
+  title: "Preconnect third-party origin",
+  category: "performance",
+  severity: "info",
+  scope: "route",
+  rationale: "Connecting to a third-party origin (DNS + TCP + TLS) is costly; a preconnect/dns-prefetch hint starts it early so the resource arrives sooner.",
+  fix: {
+    description: "Add a preconnect hint for the third-party origin.",
+    snippet: '<link rel="preconnect" href="https://fonts.googleapis.com" />',
+    lang: "html"
+  },
+  async check(ctx) {
+    const out = [];
+    for (const head of ctx.heads) {
+      const referenced = /* @__PURE__ */ new Map();
+      const covered = /* @__PURE__ */ new Set();
+      for (const tag of head.tags) {
+        if (tag.kind !== "link" && tag.kind !== "script" || typeof tag.href !== "string") continue;
+        const host = hostOf(tag.href);
+        if (!host || !THIRD_PARTY_ORIGINS.has(host)) continue;
+        if (tag.kind === "link" && (tag.rel === "preconnect" || tag.rel === "dns-prefetch")) covered.add(host);
+        else if (!referenced.has(host)) referenced.set(host, tag.file);
+      }
+      if (referenced.size === 0) continue;
+      const missing = [...referenced].filter(([host]) => !covered.has(host));
+      if (missing.length === 0) {
+        out.push({
+          id: "PERF008",
+          category: "performance",
+          severity: "info",
+          detection: { presence: "own", value: "static" },
+          route: head.route,
+          message: "Third-party origins are preconnected",
+          recommendation: recommendation3,
+          docsUrl: docsUrl3
+        });
+        continue;
+      }
+      for (const [host, file] of missing) {
+        out.push({
+          id: "PERF008",
+          category: "performance",
+          severity: "info",
+          detection: { presence: "none", value: "absent" },
+          route: head.route,
+          location: file ?? head.file,
+          message: `Third-party origin ${host} used without a preconnect`,
+          recommendation: recommendation3,
+          docsUrl: docsUrl3,
+          fix: { ...perf008Preconnect.fix }
+        });
+      }
+    }
+    return out;
+  }
+};
 // src/rules/seo/seo010-015.ts
 var SEO010_FIX = {
   description: 'If this route should be indexed, drop noindex from its <meta name="robots">.',
@@ -475,7 +658,7 @@ var seo010Indexability = {
   rationale: "A noindex directive removes the page from search results; an accidental noindex on a public route silently deindexes it.",
   fix: SEO010_FIX,
   async check(ctx) {
-    const docsUrl3 = docsUrlFor("SEO010");
+    const docsUrl6 = docsUrlFor("SEO010");
     const out = [];
     for (const head of ctx.heads) {
       const noindexed = head.tags.some((t) => t.kind === "meta" && t.name === "robots" && t.noindex === true);
@@ -490,7 +673,7 @@ var seo010Indexability = {
         location: head.file,
         message: "Route is noindex \u2014 verify this is intentional",
         recommendation: 'If this route should be indexed, remove noindex from its <meta name="robots">.',
-        docsUrl: docsUrl3,
+        docsUrl: docsUrl6,
         fix: { ...SEO010_FIX }
       });
     }
@@ -745,7 +928,7 @@ var seo016JsonLdValidity = {
     lang: "svelte"
   },
   async check(ctx) {
-    const docsUrl3 = docsUrlFor("SEO016");
+    const docsUrl6 = docsUrlFor("SEO016");
     const out = [];
     for (const head of ctx.heads) {
       for (const tag of jsonldTags(head)) {
@@ -764,7 +947,7 @@ var seo016JsonLdValidity = {
             location: head.file,
             message: problem,
             recommendation: "Make the JSON-LD valid JSON with both @context and @type.",
-            docsUrl: docsUrl3,
+            docsUrl: docsUrl6,
             fix: { ...seo016JsonLdValidity.fix }
           } : {
             id: "SEO016",
@@ -774,7 +957,7 @@ var seo016JsonLdValidity = {
             route: head.route,
             message: "JSON-LD validity",
             recommendation: "Make the JSON-LD valid JSON with both @context and @type.",
-            docsUrl: docsUrl3
+            docsUrl: docsUrl6
           }
         );
       }
@@ -783,7 +966,7 @@ var seo016JsonLdValidity = {
   }
 };
 function jsonldRule(opts) {
-  const docsUrl3 = docsUrlFor(opts.id);
+  const docsUrl6 = docsUrlFor(opts.id);
   return {
     id: opts.id,
     title: opts.title,
@@ -811,7 +994,7 @@ function jsonldRule(opts) {
               location: head.file,
               message: problem,
               recommendation: opts.recommendation,
-              docsUrl: docsUrl3,
+              docsUrl: docsUrl6,
               ...opts.fix ? { fix: { ...opts.fix } } : {}
             } : {
               id: opts.id,
@@ -821,7 +1004,7 @@ function jsonldRule(opts) {
               route: head.route,
               message: opts.label,
               recommendation: opts.recommendation,
-              docsUrl: docsUrl3
+              docsUrl: docsUrl6
             }
           );
         }
@@ -920,7 +1103,7 @@ function visibleLength(s) {
 // src/rules/seo/seo022-023.ts
 function lengthRule(opts) {
-  const docsUrl3 = docsUrlFor(opts.id);
+  const docsUrl6 = docsUrlFor(opts.id);
   return {
     id: opts.id,
     title: opts.title,
@@ -947,7 +1130,7 @@ function lengthRule(opts) {
             location: tag.file ?? head.file,
             message: problem,
             recommendation: opts.recommendation,
-            docsUrl: docsUrl3
+            docsUrl: docsUrl6
           } : {
             id: opts.id,
             category: "seo",
@@ -956,7 +1139,7 @@ function lengthRule(opts) {
             route: head.route,
             message: opts.label,
             recommendation: opts.recommendation,
-            docsUrl: docsUrl3
+            docsUrl: docsUrl6
           }
         );
       }
@@ -1022,8 +1205,8 @@ var seo025ImageAlt = imageRule({
 });
 // src/rules/seo/seo026-hreflang.ts
-var docsUrl = docsUrlFor("SEO026");
-var recommendation = 'Use valid hreflang codes (e.g. "en", "en-US", "x-default") and include an x-default when you have multiple language alternates.';
+var docsUrl4 = docsUrlFor("SEO026");
+var recommendation4 = 'Use valid hreflang codes (e.g. "en", "en-US", "x-default") and include an x-default when you have multiple language alternates.';
 var HREFLANG_RE = /^[a-z]{2,3}(-[a-z]{4})?(-([a-z]{2}|\d{3}))?$/i;
 function isValidHreflang(v) {
   return v.toLowerCase() === "x-default" || HREFLANG_RE.test(v);
@@ -1061,8 +1244,8 @@ var seo026Hreflang = {
           route: head.route,
           location,
           message: problem,
-          recommendation,
-          docsUrl
+          recommendation: recommendation4,
+          docsUrl: docsUrl4
         } : {
           id: "SEO026",
           category: "seo",
@@ -1070,8 +1253,8 @@ var seo026Hreflang = {
           detection: PASS,
           route: head.route,
           message: "hreflang",
-          recommendation,
-          docsUrl
+          recommendation: recommendation4,
+          docsUrl: docsUrl4
         }
       );
     }
@@ -1080,8 +1263,8 @@ var seo026Hreflang = {
 };
 // src/rules/seo/seo027-heading.ts
-var docsUrl2 = docsUrlFor("SEO027");
-var recommendation2 = "Use exactly one <h1> per page for its main topic; demote extra top-level headings to <h2>+.";
+var docsUrl5 = docsUrlFor("SEO027");
+var recommendation5 = "Use exactly one <h1> per page for its main topic; demote extra top-level headings to <h2>+.";
 var seo027Heading = {
   id: "SEO027",
   title: "Heading hierarchy",
@@ -1113,8 +1296,8 @@ var seo027Heading = {
           route: route.route,
           ...where,
           message: problem,
-          recommendation: recommendation2,
-          docsUrl: docsUrl2
+          recommendation: recommendation5,
+          docsUrl: docsUrl5
         } : {
           id: "SEO027",
           category: "seo",
@@ -1122,8 +1305,8 @@ var seo027Heading = {
           detection: PASS,
           route: route.route,
           message: "Heading hierarchy",
-          recommendation: recommendation2,
-          docsUrl: docsUrl2
+          recommendation: recommendation5,
+          docsUrl: docsUrl5
         }
       );
     }
@@ -1163,7 +1346,11 @@ var allRules = [
   seo024Charset,
   seo025ImageAlt,
   seo026Hreflang,
-  seo027Heading
+  seo027Heading,
+  perf005LcpImage,
+  perf006ResponsiveImage,
+  perf007RenderBlockingScript,
+  perf008Preconnect
 ];
 function explainRule(id) {
   const target = id.toUpperCase();
@@ -1776,6 +1963,10 @@ export {
   perf002ImageLoading,
   perf003PreloadAs,
   perf004FontPreloadCrossorigin,
+  perf005LcpImage,
+  perf006ResponsiveImage,
+  perf007RenderBlockingScript,
+  perf008Preconnect,
   runRules,
   safeHref,
   scoreBand,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@svelte-vitals/core",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "Shared, runtime-agnostic core for svelte-vitals (types, rule engine, scorer, reporter).",
   "type": "module",
   "license": "MIT",