@riebeckite/plugin-share 0.0.24 → 0.0.25

package/dist/components/share-controls.d.ts

@@ -1,6 +1,6 @@
 import type { ShareLink } from "../src/types.js";
 export type ShareControlsProps = {
-    readonly links: readonly ShareLink[];
+    readonly links?: readonly ShareLink[];
     readonly copyUrl?: string;
     readonly ariaLabel?: string;
     readonly className?: string;
@@ -8,5 +8,5 @@ export type ShareControlsProps = {
     readonly copiedLabel?: string;
     readonly copyFailedLabel?: string;
 };
-declare const ShareControls: ({ links, copyUrl, ariaLabel, className, copyLabel, copiedLabel, copyFailedLabel, }: Readonly<ShareControlsProps>) => import("hono/jsx/jsx-dev-runtime").JSX.Element;
+declare const ShareControls: (props: Readonly<ShareControlsProps>) => Promise<import("hono/utils/html").HtmlEscapedString>;
 export default ShareControls;

package/dist/components/share-controls.js

@@ -1,15 +1,183 @@
+// components/share-controls.tsx
+import { useArticleContext, useSiteContext } from "@riebeckite/ui";
+import { html } from "hono/html";
+
+// index.ts
+import {
+  createClientEntry,
+  createStyleAsset,
+  definePlugin
+} from "@riebeckite/core";
+
+// src/services.ts
+function buildAbsoluteUrl(config, pathOrUrl) {
+  if (!pathOrUrl) return config.site.baseUrl;
+  if (/^https?:\/\//i.test(pathOrUrl)) return pathOrUrl;
+  return new URL(
+    pathOrUrl,
+    config.site.baseUrl || "https://example.com"
+  ).toString();
+}
+function normalizeMastodonInstance(value) {
+  if (typeof value !== "string") return "";
+  const trimmed = value.trim();
+  if (trimmed === "") return "";
+  const withoutScheme = trimmed.replace(/^https?:\/\//i, "");
+  const host = withoutScheme.split(/[/?#]/, 1)[0] ?? "";
+  return host.replace(/\.+$/, "");
+}
+function buildShareUrl(service, target, mastodonInstance = "") {
+  const url = target.url;
+  const title = target.title;
+  const composed = title ? `${title} ${url}` : url;
+  switch (service) {
+    case "x":
+      return `https://twitter.com/intent/tweet?url=${encode(url)}&text=${encode(title)}`;
+    case "bluesky":
+      return `https://bsky.app/intent/compose?text=${encode(composed)}`;
+    case "mastodon": {
+      const instance = normalizeMastodonInstance(mastodonInstance);
+      if (instance === "") return null;
+      return `https://${instance}/share?text=${encode(composed)}`;
+    }
+    case "facebook":
+      return `https://www.facebook.com/sharer/sharer.php?u=${encode(url)}`;
+    case "linkedin":
+      return `https://www.linkedin.com/sharing/share-offsite/?url=${encode(url)}`;
+    case "hatena":
+      return `https://b.hatena.ne.jp/add?mode=confirm&url=${encode(url)}&title=${encode(title)}`;
+    case "copy":
+      return null;
+  }
+}
+function buildShareLinks(options, target) {
+  const links = [];
+  for (const service of options.services) {
+    const url = buildShareUrl(service, target, options.mastodonInstance);
+    if (url === null) continue;
+    links.push({ service, label: options.labels[service], url });
+  }
+  return links;
+}
+function encode(value) {
+  return encodeURIComponent(value);
+}
+
+// src/types.ts
+var SHARE_SERVICES = [
+  "x",
+  "bluesky",
+  "mastodon",
+  "facebook",
+  "linkedin",
+  "hatena",
+  "copy"
+];
+
+// src/options.ts
+var DEFAULT_SHARE_SERVICES = [
+  "x",
+  "bluesky",
+  "facebook",
+  "linkedin",
+  "hatena",
+  "copy"
+];
+var DEFAULT_SHARE_LABELS = {
+  x: "X",
+  bluesky: "Bluesky",
+  mastodon: "Mastodon",
+  facebook: "Facebook",
+  linkedin: "LinkedIn",
+  hatena: "Hatena Bookmark",
+  copy: "Copy link"
+};
+var DEFAULT_SHARE_ARIA_LABEL = "Share";
+var DEFAULT_SHARE_COPIED_LABEL = "Copied";
+var DEFAULT_SHARE_COPY_FAILED_LABEL = "Copy failed";
+function resolveShareOptions(options = {}) {
+  return {
+    services: normalizeServices(options.services),
+    mastodonInstance: normalizeMastodonInstance(options.mastodonInstance),
+    className: normalizeNonEmpty(options.className, ""),
+    ariaLabel: normalizeNonEmpty(options.ariaLabel, DEFAULT_SHARE_ARIA_LABEL),
+    labels: { ...DEFAULT_SHARE_LABELS, ...sanitizeLabels(options.labels) },
+    copiedLabel: normalizeNonEmpty(
+      options.copiedLabel,
+      DEFAULT_SHARE_COPIED_LABEL
+    ),
+    copyFailedLabel: normalizeNonEmpty(
+      options.copyFailedLabel,
+      DEFAULT_SHARE_COPY_FAILED_LABEL
+    )
+  };
+}
+function normalizeServices(services) {
+  const source = services ?? DEFAULT_SHARE_SERVICES;
+  const seen = /* @__PURE__ */ new Set();
+  const resolved = [];
+  for (const service of source) {
+    if (!SHARE_SERVICES.includes(service)) continue;
+    if (seen.has(service)) continue;
+    seen.add(service);
+    resolved.push(service);
+  }
+  return resolved;
+}
+function sanitizeLabels(labels) {
+  if (!labels || typeof labels !== "object") return {};
+  const resolved = {};
+  for (const service of SHARE_SERVICES) {
+    const value = labels[service];
+    if (typeof value === "string" && value.trim() !== "") {
+      resolved[service] = value.trim();
+    }
+  }
+  return resolved;
+}
+function normalizeNonEmpty(value, fallback) {
+  if (typeof value !== "string") return fallback;
+  const trimmed = value.trim();
+  return trimmed === "" ? fallback : trimmed;
+}
+
+// src/render.ts
+import { escapeHtml, escapeHtmlAttribute } from "@riebeckite/core";
+var SHARE_ROOT_CLASS = "rr-share";
+
+// index.ts
+var getShareLinks = ({ entry, site, options }) => {
+  const resolved = resolveShareOptions(options);
+  const url = buildAbsoluteUrl(site, entry.permalink);
+  return {
+    links: buildShareLinks(resolved, { url, title: entry.title }),
+    ...resolved.services.includes("copy") ? { copyUrl: url } : {},
+    ariaLabel: resolved.ariaLabel,
+    className: resolved.className || SHARE_ROOT_CLASS,
+    copyLabel: resolved.labels.copy,
+    copiedLabel: resolved.copiedLabel,
+    copyFailedLabel: resolved.copyFailedLabel
+  };
+};
+
 // components/share-controls.tsx
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-var ShareControls = (({
-  links,
-  copyUrl,
-  ariaLabel = "Share",
-  className = "rr-share",
-  copyLabel = "Copy link",
-  copiedLabel = "Copied",
-  copyFailedLabel = "Copy failed"
-}) => {
-  if (links.length === 0 && !copyUrl) return null;
+var ShareControls = (async (props) => {
+  const site = useSiteContext();
+  const article = useArticleContext();
+  const resolved = props.links === void 0 && site && article?.entry ? await getShareLinks({
+    entry: article.entry,
+    site: site.config,
+    options: findShareOptions(site.config.plugins)
+  }) : void 0;
+  const links = props.links ?? resolved?.links ?? [];
+  const copyUrl = props.copyUrl ?? resolved?.copyUrl;
+  const ariaLabel = props.ariaLabel ?? resolved?.ariaLabel ?? "Share";
+  const className = props.className ?? resolved?.className ?? "rr-share";
+  const copyLabel = props.copyLabel ?? resolved?.copyLabel ?? "Copy link";
+  const copiedLabel = props.copiedLabel ?? resolved?.copiedLabel ?? "Copied";
+  const copyFailedLabel = props.copyFailedLabel ?? resolved?.copyFailedLabel ?? "Copy failed";
+  if (links.length === 0 && !copyUrl) return html``;
   const rootClass = className === "rr-share" ? className : `rr-share ${className}`;
   return /* @__PURE__ */ jsxs("nav", { class: rootClass, "data-rr-share": true, "aria-label": ariaLabel, children: [
     /* @__PURE__ */ jsxs("ul", { class: "rr-share__list", children: [
@@ -42,6 +210,9 @@ var ShareControls = (({
   ] });
 });
 var share_controls_default = ShareControls;
+function findShareOptions(plugins) {
+  return plugins.find((plugin) => plugin.name === "share")?.options;
+}
 export {
   share_controls_default as default
 };

package/dist/index.js

@@ -229,17 +229,25 @@ function renderCopyItem(options, target) {
 }
 
 // components/share-controls.tsx
+import { useArticleContext, useSiteContext } from "@riebeckite/ui";
+import { html } from "hono/html";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-var ShareControls = (({
-  links,
-  copyUrl,
-  ariaLabel = "Share",
-  className = "rr-share",
-  copyLabel = "Copy link",
-  copiedLabel = "Copied",
-  copyFailedLabel = "Copy failed"
-}) => {
-  if (links.length === 0 && !copyUrl) return null;
+var ShareControls = (async (props) => {
+  const site = useSiteContext();
+  const article = useArticleContext();
+  const resolved = props.links === void 0 && site && article?.entry ? await getShareLinks({
+    entry: article.entry,
+    site: site.config,
+    options: findShareOptions(site.config.plugins)
+  }) : void 0;
+  const links = props.links ?? resolved?.links ?? [];
+  const copyUrl = props.copyUrl ?? resolved?.copyUrl;
+  const ariaLabel = props.ariaLabel ?? resolved?.ariaLabel ?? "Share";
+  const className = props.className ?? resolved?.className ?? "rr-share";
+  const copyLabel = props.copyLabel ?? resolved?.copyLabel ?? "Copy link";
+  const copiedLabel = props.copiedLabel ?? resolved?.copiedLabel ?? "Copied";
+  const copyFailedLabel = props.copyFailedLabel ?? resolved?.copyFailedLabel ?? "Copy failed";
+  if (links.length === 0 && !copyUrl) return html``;
   const rootClass = className === "rr-share" ? className : `rr-share ${className}`;
   return /* @__PURE__ */ jsxs("nav", { class: rootClass, "data-rr-share": true, "aria-label": ariaLabel, children: [
     /* @__PURE__ */ jsxs("ul", { class: "rr-share__list", children: [
@@ -272,6 +280,9 @@ var ShareControls = (({
   ] });
 });
 var share_controls_default = ShareControls;
+function findShareOptions(plugins) {
+  return plugins.find((plugin) => plugin.name === "share")?.options;
+}
 
 // src/client.ts
 var COPY_SELECTOR = "[data-rr-share-copy]";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-share",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -28,7 +28,8 @@
   },
   "dependencies": {
     "hono": "^4.12.25",
-    "@riebeckite/core": "0.0.24"
+    "@riebeckite/core": "0.0.25",
+    "@riebeckite/ui": "0.0.25"
   },
   "devDependencies": {
     "tsx": "^4.22.4"