@focus-reactive/payload-plugin-seo 1.6.1 → 1.7.0

package/dist/ui/ScoreRing.js

@@ -1,26 +1,50 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
 import { cn } from "../utils/style";
 import { statusVar } from "../components/SeoDrawer/variants";
-function ScoreRing({ score, status }) {
+const ringVar = cva("rounded-full flex-none grid place-items-center", {
+  variants: {
+    size: {
+      small: "w-[36px] h-[36px]",
+      medium: "w-[60px] h-[60px]"
+    }
+  },
+  defaultVariants: { size: "medium" }
+});
+const innerVar = cva("rounded-full bg-neutral-0 grid place-items-center font-bold", {
+  variants: {
+    size: {
+      small: "w-[28px] h-[28px] text-[11px]",
+      medium: "w-[48px] h-[48px] text-[18px]"
+    }
+  },
+  defaultVariants: { size: "medium" }
+});
+const loaderVar = cva("animate-spin text-neutral-500", {
+  variants: {
+    size: {
+      small: "w-[16px] h-[16px]",
+      medium: "w-[26px] h-[26px]"
+    }
+  },
+  defaultVariants: { size: "medium" }
+});
+function ScoreRing({ size = "medium", status, score }) {
+  if (status === "loading") {
+    return /* @__PURE__ */ jsx("span", { className: cn(ringVar({ size }), "bg-neutral-100"), children: /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: loaderVar({ size }) }) });
+  }
+  const isIdle = status === "idle";
+  const fill = isIdle ? 100 : score;
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn(
-        "w-[60px] h-[60px] rounded-full flex-none grid place-items-center",
-        statusVar({ status })
-      ),
+      className: cn(ringVar({ size }), statusVar({ status })),
       style: {
-        background: `conic-gradient(var(--seo-c) ${score}%, var(--theme-elevation-150) 0)`
+        background: `conic-gradient(var(--seo-c) ${fill}%, var(--theme-elevation-150) 0)`
       },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "w-[48px] h-[48px] rounded-full bg-neutral-0 grid place-items-center font-bold text-[18px]",
-          style: { color: "var(--seo-c)" },
-          children: score
-        }
-      )
+      children: /* @__PURE__ */ jsx("div", { className: innerVar({ size }), style: { color: "var(--seo-c)" }, children: isIdle ? "-" : score })
     }
   );
 }

package/dist/ui/ScoreRing.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/ScoreRing.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Status } from \"../engine/types/analysis\";\nimport { cn } from \"../utils/style\";\nimport { statusVar } from \"../components/SeoDrawer/variants\";\n\ninterface ScoreRingProps {\n  score: number;\n  status: Status;\n}\n\nexport function ScoreRing({ score, status }: ScoreRingProps) {\n  return (\n    <div\n      className={cn(\n        \"w-[60px] h-[60px] rounded-full flex-none grid place-items-center\",\n        statusVar({ status })\n      )}\n      style={{\n        background: `conic-gradient(var(--seo-c) ${score}%, var(--theme-elevation-150) 0)`,\n      }}\n    >\n      <div\n        className=\"w-[48px] h-[48px] rounded-full bg-neutral-0 grid place-items-center font-bold text-[18px]\"\n        style={{ color: \"var(--seo-c)\" }}\n      >\n        {score}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAsBM;AAnBN,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAOnB,SAAS,UAAU,EAAE,OAAO,OAAO,GAAmB;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,UAAU,EAAE,OAAO,CAAC;AAAA,MACtB;AAAA,MACA,OAAO;AAAA,QACL,YAAY,+BAA+B,KAAK;AAAA,MAClD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,eAAe;AAAA,UAE9B;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/ui/ScoreRing.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { Loader2 } from \"lucide-react\";\nimport type { Status } from \"../engine/types/analysis\";\nimport { cn } from \"../utils/style\";\nimport { statusVar } from \"../components/SeoDrawer/variants\";\n\nconst ringVar = cva(\"rounded-full flex-none grid place-items-center\", {\n  variants: {\n    size: {\n      small: \"w-[36px] h-[36px]\",\n      medium: \"w-[60px] h-[60px]\",\n    },\n  },\n  defaultVariants: { size: \"medium\" },\n});\n\nconst innerVar = cva(\"rounded-full bg-neutral-0 grid place-items-center font-bold\", {\n  variants: {\n    size: {\n      small: \"w-[28px] h-[28px] text-[11px]\",\n      medium: \"w-[48px] h-[48px] text-[18px]\",\n    },\n  },\n  defaultVariants: { size: \"medium\" },\n});\n\nconst loaderVar = cva(\"animate-spin text-neutral-500\", {\n  variants: {\n    size: {\n      small: \"w-[16px] h-[16px]\",\n      medium: \"w-[26px] h-[26px]\",\n    },\n  },\n  defaultVariants: { size: \"medium\" },\n});\n\ntype RingSize = NonNullable<VariantProps<typeof ringVar>[\"size\"]>;\n\ntype ScoreRingProps = { size?: RingSize } & (\n  | { status: Status; score: number }\n  | { status: \"idle\"; score?: never }\n  | { status: \"loading\"; score?: never }\n);\n\nexport function ScoreRing({ size = \"medium\", status, score }: ScoreRingProps) {\n  if (status === \"loading\") {\n    return (\n      <span className={cn(ringVar({ size }), \"bg-neutral-100\")}>\n        <Loader2 aria-hidden=\"true\" className={loaderVar({ size })} />\n      </span>\n    );\n  }\n\n  const isIdle = status === \"idle\";\n  const fill = isIdle ? 100 : score;\n\n  return (\n    <div\n      className={cn(ringVar({ size }), statusVar({ status }))}\n      style={{\n        background: `conic-gradient(var(--seo-c) ${fill}%, var(--theme-elevation-150) 0)`,\n      }}\n    >\n      <div className={innerVar({ size })} style={{ color: \"var(--seo-c)\" }}>\n        {isIdle ? \"-\" : score}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAmDQ;AAjDR,SAAS,WAAW;AAEpB,SAAS,eAAe;AAExB,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAE1B,MAAM,UAAU,IAAI,kDAAkD;AAAA,EACpE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,SAAS;AACpC,CAAC;AAED,MAAM,WAAW,IAAI,+DAA+D;AAAA,EAClF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,SAAS;AACpC,CAAC;AAED,MAAM,YAAY,IAAI,iCAAiC;AAAA,EACrD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,SAAS;AACpC,CAAC;AAUM,SAAS,UAAU,EAAE,OAAO,UAAU,QAAQ,MAAM,GAAmB;AAC5E,MAAI,WAAW,WAAW;AACxB,WACE,oBAAC,UAAK,WAAW,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,gBAAgB,GACrD,8BAAC,WAAQ,eAAY,QAAO,WAAW,UAAU,EAAE,KAAK,CAAC,GAAG,GAC9D;AAAA,EAEJ;AAEA,QAAM,SAAS,WAAW;AAC1B,QAAM,OAAO,SAAS,MAAM;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,UAAU,EAAE,OAAO,CAAC,CAAC;AAAA,MACtD,OAAO;AAAA,QACL,YAAY,+BAA+B,IAAI;AAAA,MACjD;AAAA,MAEA,8BAAC,SAAI,WAAW,SAAS,EAAE,KAAK,CAAC,GAAG,OAAO,EAAE,OAAO,eAAe,GAChE,mBAAS,MAAM,OAClB;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@focus-reactive/payload-plugin-seo",
-  "version": "1.6.1",
+  "version": "1.7.0",
   "license": "MIT",
   "author": "FocusReactive <ship@focusreactive.com>",
   "keywords": [

package/dist/components/SeoDrawer/keyphrasePending.d.ts

@@ -1,2 +0,0 @@
-export declare function isKeyphrasePending(liveKeyphrase: string, analyzedKeyphrase: string | null): boolean;
-//# sourceMappingURL=keyphrasePending.d.ts.map

package/dist/components/SeoDrawer/keyphrasePending.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyphrasePending.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/keyphrasePending.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAC/B,OAAO,CAGT"}

package/dist/components/SeoDrawer/keyphrasePending.js

@@ -1,9 +0,0 @@
-function isKeyphrasePending(liveKeyphrase, analyzedKeyphrase) {
-  if (liveKeyphrase.trim().length === 0)
-    return false;
-  return liveKeyphrase !== analyzedKeyphrase;
-}
-export {
-  isKeyphrasePending
-};
-//# sourceMappingURL=keyphrasePending.js.map

package/dist/components/SeoDrawer/keyphrasePending.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/SeoDrawer/keyphrasePending.ts"],"sourcesContent":["export function isKeyphrasePending(\n  liveKeyphrase: string,\n  analyzedKeyphrase: string | null\n): boolean {\n  if (liveKeyphrase.trim().length === 0) return false;\n  return liveKeyphrase !== analyzedKeyphrase;\n}\n"],"mappings":"AAAO,SAAS,mBACd,eACA,mBACS;AACT,MAAI,cAAc,KAAK,EAAE,WAAW;AAAG,WAAO;AAC9C,SAAO,kBAAkB;AAC3B;","names":[]}