@codepress/blog 0.0.0-stage → 0.1.0

package/dist/chunks/chunk-UA243KAQ.js

@@ -0,0 +1,104 @@
+// src/editor/config.ts
+var DEFAULT_TIMINGS = {
+  autosaveMs: 2e3,
+  draftPollMs: 1e4,
+  publishReloadMs: 4e3
+};
+function resolveTimings(timings) {
+  const pick = (key) => {
+    const value = timings?.[key];
+    return typeof value === "number" && value > 0 ? value : DEFAULT_TIMINGS[key];
+  };
+  return {
+    autosaveMs: pick("autosaveMs"),
+    draftPollMs: pick("draftPollMs"),
+    publishReloadMs: pick("publishReloadMs")
+  };
+}
+var DEFAULT_COLUMN = "mx-auto w-full max-w-[720px] px-5 sm:px-8";
+var DEFAULT_APP_URL = "https://codepress.dev";
+var BLOG_TOOLBAR_BOTTOM_VAR = "--blog-toolbar-bottom";
+
+// src/editor/EditDesignLink.tsx
+import { jsx } from "react/jsx-runtime";
+function designTargetOf(capabilities) {
+  const {
+    organization_slug: organizationSlug,
+    repository_full_name: repository
+  } = capabilities;
+  return organizationSlug && repository ? { organizationSlug, repository } : null;
+}
+function designUrl({ organizationSlug, repository }, slug, appUrl = "") {
+  const query = new URLSearchParams({
+    repo: repository,
+    path: `/blog/${slug}`
+  });
+  return `${appUrl}/dashboard/${encodeURIComponent(organizationSlug)}/design?${query.toString()}`;
+}
+function EditDesignLink({
+  href,
+  children = "Edit design",
+  ...rest
+}) {
+  if (!href) return null;
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ...rest,
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "data-testid": "blog-edit-design",
+      children
+    }
+  );
+}
+
+// src/editor/header.ts
+import { useLayoutEffect, useState } from "react";
+var DEFAULT_HEADER_SELECTOR = "[data-blog-header]";
+function findHostHeader(selector, editorRoot) {
+  const matched = document.querySelector(
+    selector ?? DEFAULT_HEADER_SELECTOR
+  );
+  if (matched) return matched;
+  return Array.from(document.querySelectorAll("header")).find(
+    (element) => !editorRoot?.contains(element)
+  ) ?? null;
+}
+function useHeaderOffset(header, own) {
+  const selector = header?.selector;
+  const offset = header?.offset;
+  const [height, setHeight] = useState(0);
+  useLayoutEffect(() => {
+    if (offset !== void 0) return;
+    const element = findHostHeader(
+      selector,
+      own.current?.closest('[data-testid="blog-editor"]') ?? own.current
+    );
+    if (!element) {
+      setHeight(0);
+      return;
+    }
+    const update = () => setHeight(element.offsetHeight);
+    update();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(update);
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [selector, offset, own]);
+  return offset ?? height;
+}
+
+export {
+  DEFAULT_TIMINGS,
+  resolveTimings,
+  DEFAULT_COLUMN,
+  DEFAULT_APP_URL,
+  BLOG_TOOLBAR_BOTTOM_VAR,
+  designTargetOf,
+  designUrl,
+  EditDesignLink,
+  DEFAULT_HEADER_SELECTOR,
+  useHeaderOffset
+};

package/dist/chunks/chunk-WJVZD4UI.js

@@ -0,0 +1,114 @@
+import {
+  renderPostBody
+} from "./chunk-AJVVTSKZ.js";
+import {
+  absoluteImage,
+  blogPostingJsonLd,
+  blogUrl,
+  breadcrumbJsonLd,
+  jsonLd,
+  postUrl
+} from "./chunk-AEQDRBA3.js";
+
+// src/next/views.tsx
+import Link from "next/link.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PAGE_STYLE = {
+  maxWidth: "var(--cp-blog-page-width, 720px)",
+  margin: "0 auto",
+  padding: "var(--cp-blog-page-padding, 3rem 1.25rem 5rem)",
+  color: "var(--cp-blog-text)",
+  fontFamily: "var(--cp-blog-font)"
+};
+var MUTED_STYLE = { color: "var(--cp-blog-muted)" };
+var dateFormat = new Intl.DateTimeFormat("en-US", {
+  dateStyle: "long",
+  timeZone: "UTC"
+});
+function formatDate(date) {
+  return dateFormat.format(/* @__PURE__ */ new Date(`${date}T00:00:00Z`));
+}
+function shareImage(site, ogImage) {
+  return absoluteImage(site, ogImage) || void 0;
+}
+function indexJsonLd(site, posts) {
+  return jsonLd({
+    "@context": "https://schema.org",
+    "@type": "Blog",
+    name: site.title,
+    description: site.description,
+    url: blogUrl(site),
+    blogPost: posts.map(({ slug, meta }) => ({
+      "@type": "BlogPosting",
+      headline: meta.title,
+      url: postUrl(site, slug),
+      datePublished: meta.date
+    }))
+  });
+}
+function postJsonLd(site, post) {
+  const { image, ...posting } = blogPostingJsonLd(site, post.slug, post.meta);
+  return [
+    jsonLd(image ? { ...posting, image } : posting),
+    jsonLd(breadcrumbJsonLd(site, post.slug, post.meta.title))
+  ];
+}
+function JsonLd({ data }) {
+  return /* @__PURE__ */ jsx(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: data }
+    }
+  );
+}
+function BlogIndexView({
+  blog,
+  posts,
+  structuredData = true
+}) {
+  const { site, basePath } = blog;
+  return /* @__PURE__ */ jsxs("main", { className: "cp-blog-index", style: PAGE_STYLE, children: [
+    structuredData ? /* @__PURE__ */ jsx(JsonLd, { data: indexJsonLd(site, posts) }) : null,
+    /* @__PURE__ */ jsx("h1", { children: site.title }),
+    /* @__PURE__ */ jsx("p", { style: MUTED_STYLE, children: site.description }),
+    posts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "cp-blog-empty", style: MUTED_STYLE, children: "No posts yet." }) : /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0 }, children: posts.map(({ slug, meta }) => /* @__PURE__ */ jsx("li", { style: { padding: "1.5rem 0" }, children: /* @__PURE__ */ jsxs(Link, { href: `${basePath}/${slug}`, children: [
+      /* @__PURE__ */ jsx("p", { style: MUTED_STYLE, children: /* @__PURE__ */ jsx("time", { dateTime: meta.date, children: formatDate(meta.date) }) }),
+      /* @__PURE__ */ jsx("h2", { children: meta.title }),
+      /* @__PURE__ */ jsx("p", { children: meta.description })
+    ] }) }, slug)) })
+  ] });
+}
+function BlogPostView({
+  blog,
+  post,
+  structuredData = true
+}) {
+  const { meta, html } = post;
+  return /* @__PURE__ */ jsxs("main", { className: "cp-blog-post", style: PAGE_STYLE, children: [
+    structuredData ? postJsonLd(blog.site, post).map((data) => /* @__PURE__ */ jsx(JsonLd, { data }, data)) : null,
+    /* @__PURE__ */ jsxs(Link, { href: blog.basePath, style: MUTED_STYLE, children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u2190" }),
+      " All posts"
+    ] }),
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsx("h1", { children: meta.title }),
+      /* @__PURE__ */ jsxs("p", { style: MUTED_STYLE, children: [
+        /* @__PURE__ */ jsx("time", { dateTime: meta.date, children: formatDate(meta.date) }),
+        meta.authors?.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " \xB7 ",
+          meta.authors.join(", ")
+        ] }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("article", { className: "cp-blog-prose", children: renderPostBody(html) })
+  ] });
+}
+
+export {
+  shareImage,
+  indexJsonLd,
+  postJsonLd,
+  BlogIndexView,
+  BlogPostView
+};

package/dist/chunks/chunk-XLJBCIXI.js

@@ -0,0 +1,93 @@
+// src/registry.ts
+import { z } from "zod";
+var SLUG_PATTERN = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+var BLOCK_ID_ATTRIBUTE = "data-cp-id";
+var PROPS_ATTRIBUTE = "data-props";
+var URL_SCHEMES = ["https", "http", "mailto"];
+var withBlockId = (attributes = [], urlAttributes) => ({
+  attributes: [BLOCK_ID_ATTRIBUTE, ...attributes],
+  ...urlAttributes ? { urlAttributes } : {}
+});
+var ELEMENTS = {
+  p: withBlockId(),
+  h2: withBlockId(["id"]),
+  h3: withBlockId(["id"]),
+  h4: withBlockId(["id"]),
+  ul: withBlockId(),
+  ol: withBlockId(),
+  li: withBlockId(),
+  a: withBlockId(["href", "title", "rel", "target"], ["href"]),
+  strong: withBlockId(),
+  em: withBlockId(),
+  code: withBlockId(),
+  pre: withBlockId(),
+  blockquote: withBlockId(),
+  hr: withBlockId(),
+  br: withBlockId(),
+  figure: withBlockId(),
+  figcaption: withBlockId(),
+  img: withBlockId(["src", "alt", "width", "height", "loading"], ["src"]),
+  table: withBlockId(),
+  thead: withBlockId(),
+  tbody: withBlockId(),
+  tr: withBlockId(),
+  th: withBlockId(),
+  td: withBlockId()
+};
+var urlProp = z.string().regex(/^(https?:\/\/|\/(?!\/))/);
+var CALLOUT_TYPES = ["info", "warn", "tip"];
+var calloutProps = z.object({ type: z.enum(CALLOUT_TYPES) }).strict();
+var figureProps = z.object({
+  src: urlProp,
+  alt: z.string(),
+  caption: z.string().optional(),
+  width: z.number().int().positive().max(1e4).optional(),
+  height: z.number().int().positive().max(1e4).optional()
+}).strict();
+var COMPONENTS = {
+  "cp-callout": {
+    attributes: [BLOCK_ID_ATTRIBUTE, PROPS_ATTRIBUTE],
+    content: "block",
+    props: calloutProps
+  },
+  "cp-figure": {
+    attributes: [BLOCK_ID_ATTRIBUTE, PROPS_ATTRIBUTE],
+    content: "none",
+    props: figureProps
+  }
+};
+function isComponentTag(tag) {
+  return Object.prototype.hasOwnProperty.call(COMPONENTS, tag);
+}
+function isElementTag(tag) {
+  return Object.prototype.hasOwnProperty.call(ELEMENTS, tag);
+}
+var isoDate = z.string().regex(/^\d{4}-\d{2}-\d{2}$/).refine((value) => {
+  const time = Date.parse(`${value}T00:00:00Z`);
+  return !Number.isNaN(time) && new Date(time).toISOString().slice(0, 10) === value;
+}, "must be a real calendar date").meta({ format: "date" });
+var postMetaSchema = z.looseObject({
+  title: z.string().min(1),
+  description: z.string().min(1),
+  date: isoDate,
+  updated: isoDate.optional(),
+  authors: z.array(z.string()).optional(),
+  tags: z.array(z.string()).optional(),
+  ogImage: z.string().optional(),
+  status: z.enum(["published", "draft"]).optional()
+});
+
+export {
+  SLUG_PATTERN,
+  BLOCK_ID_ATTRIBUTE,
+  PROPS_ATTRIBUTE,
+  URL_SCHEMES,
+  ELEMENTS,
+  CALLOUT_TYPES,
+  calloutProps,
+  figureProps,
+  COMPONENTS,
+  isComponentTag,
+  isElementTag,
+  postMetaSchema
+};