@opinly/next 0.1.2 → 0.1.4

package/src/components/not-found.tsx

@@ -1,36 +0,0 @@
-import Link from "next/link";
-
-export const OpinlyNotFound = () => {
-  return (
-    <>
-      <div className="bg-orange-600 py-10">
-        <div className="max-w-7xl mx-auto px-4">
-          <h1 className="text-4xl font-bold mb-2 leading-tight text-white">
-            Post Not Found
-          </h1>
-          <div className="text-sm mb-4 text-orange-100">
-            The post you're looking for doesn't exist or has been removed.
-          </div>
-        </div>
-      </div>
-
-      <div className="flex max-w-7xl mx-auto mt-10 gap-12">
-        <article className="w-2/3">
-          <div className="prose max-w-none">
-            <p className="text-gray-600">You can try:</p>
-            <ul className="list-disc pl-6 my-4">
-              <li>Checking the URL for typos</li>
-              <li>
-                Returning to the{" "}
-                <Link href="/blog" className="text-blue-600 underline">
-                  blog homepage
-                </Link>
-              </li>
-              <li>Using the search function to find what you're looking for</li>
-            </ul>
-          </div>
-        </article>
-      </div>
-    </>
-  );
-};

package/src/components/opinly-blog.tsx

@@ -1,37 +0,0 @@
-import { BlogPost } from "./blog-post";
-import { FolderPage } from "./folder-page";
-import { Opinly } from "@opinly/backend";
-import { HomePage } from "./home-page";
-import { AuthorPage } from "./author-page";
-import { OpinlyNotFound } from "./not-found";
-import { AuthorsPage } from "./authors-page";
-
-export const OpinlyBlog = ({
-  blog,
-  page,
-}: {
-  blog: Awaited<ReturnType<Opinly["content"]["blog"]>>;
-  page: number | null | undefined;
-}) => {
-  if (blog.type === "not-found") {
-    return <OpinlyNotFound />;
-  }
-
-  if (blog.type === "home") {
-    return <HomePage homePage={blog.data} page={page} />;
-  }
-
-  if (blog.type === "post") {
-    return <BlogPost post={blog.data} />;
-  }
-
-  if (blog.type === "author") {
-    return <AuthorPage author={blog.data} />;
-  }
-
-  if (blog.type === "authors") {
-    return <AuthorsPage authors={blog.data} />;
-  }
-
-  return <FolderPage folder={blog.data} />;
-};

package/src/components/post-preview.tsx

@@ -1,73 +0,0 @@
-import { Opinly } from "@opinly/backend";
-import Link from "next/link";
-import Image from "next/image";
-import { opinlyConfig } from "../sdk-config";
-import { replaceImageNameSpace } from "../utils/images";
-import { formatDate } from "../utils/dates";
-
-export const PostPreview = ({
-  post,
-}: {
-  post: Extract<
-    Awaited<ReturnType<Opinly["content"]["blog"]>>,
-    { type: "home" }
-  >["data"]["posts"][number];
-}) => {
-  const postSlug = `${opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : ""}${post.slug}`;
-
-  return (
-    <div>
-      {post.image?.fileKey && (
-        <Link key={post.slug} href={postSlug} className="group">
-          <div className="relative w-full h-48 mb-4">
-            <Image
-              src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(post.image.fileKey)}`}
-              alt={post.title}
-              fill
-              className="object-cover rounded-lg"
-            />
-          </div>
-        </Link>
-      )}
-      <div className="text-sm text-muted-foreground mb-1">
-        {post.folder?.name && (
-          <>
-            <Link
-              href={`${opinlyConfig.blogPrefix}/${post.folder.slug}`}
-              className="hover:underline"
-            >
-              {post.folder.name}
-            </Link>
-            <span className="mx-1">·</span>
-          </>
-        )}{" "}
-        {formatDate(post.firstPublishedAt as string)}
-      </div>
-      <Link key={post.slug} href={postSlug} className="group">
-        <h2 className="text-lg font-semibold leading-snug group-hover:underline">
-          {post.title}
-        </h2>
-      </Link>
-
-      {post.description && (
-        <p className="text-sm text-gray-600 mt-1 line-clamp-2">
-          {post.description}
-        </p>
-      )}
-      <div className="text-xs text-gray-500 mt-2">
-        {post.author && (
-          <>
-            <Link
-              href={`${opinlyConfig.blogPrefix}/authors/${post.author.slug}`}
-              className="font-medium hover:underline"
-            >
-              {post.author?.name}
-            </Link>{" "}
-            <span className="mx-1">·</span>
-          </>
-        )}{" "}
-        {formatDate(post.firstPublishedAt as string)}
-      </div>
-    </div>
-  );
-};

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from "./components/opinly-blog";
-export * from "./components/home-page";

package/src/sdk-config.ts

@@ -1,37 +0,0 @@
-const siteUrl = process.env.OPINLY_SITE_URL;
-
-const opinlyEnvVars = {
-  OPINLY_IMAGES_PREFIX: process.env.OPINLY_IMAGES_PREFIX as string,
-  OPINLY_SITE_URL: process.env.OPINLY_SITE_URL as string,
-  OPINLY_BLOG_PREFIX: process.env.OPINLY_BLOG_PREFIX as string,
-  OPINLY_CDN_URL: process.env.OPINLY_CDN_URL as string,
-  OPINLY_SITE_NAME: process.env.OPINLY_SITE_NAME as string,
-};
-
-Object.entries(opinlyEnvVars).forEach(([key, value]) => {
-  if (!value) {
-    throw new Error(`OPINLY ERROR: env var ${key} is not set`);
-  }
-});
-
-export let opinlyConfig: {
-  cdnUrl: string;
-  imagesPrefix: string;
-  imagesUrl: string;
-  siteUrl: string;
-  blogPrefix: string;
-  blogUrl: string;
-  siteName: string;
-} = {
-  cdnUrl: process.env.OPINLY_CDN_URL || "https://cdn.opinly.ai",
-  siteUrl: process.env.OPINLY_SITE_URL as string,
-  imagesPrefix: process.env.OPINLY_IMAGES_PREFIX as string,
-  imagesUrl: `${process.env.OPINLY_SITE_URL as string}${process.env.OPINLY_IMAGES_PREFIX as string}`,
-  blogPrefix: process.env.OPINLY_BLOG_PREFIX as string,
-  blogUrl: `${process.env.OPINLY_SITE_URL as string}${process.env.OPINLY_BLOG_PREFIX as string}`,
-  siteName: process.env.OPINLY_SITE_NAME as string,
-};
-
-export function setOpinlyConfig(newConfig: typeof opinlyConfig) {
-  opinlyConfig = { ...opinlyConfig, ...newConfig };
-}

package/src/utils/dates.ts

@@ -1,6 +0,0 @@
-export const formatDate = (iso: string) =>
-  new Date(iso).toLocaleDateString("en-US", {
-    month: "short",
-    day: "2-digit",
-    year: "numeric",
-  });

package/src/utils/generate-metadata.ts

@@ -1,54 +0,0 @@
-import { Opinly, OpinlyApiOutput, OpinlyPageProps } from "@opinly/backend";
-import type { Metadata, ResolvingMetadata } from "next";
-import { opinlyConfig } from "../sdk-config";
-
-type BlogPost = Extract<
-  OpinlyApiOutput["content"]["postOrFolder"],
-  { type: "post" }
->["data"];
-
-export const generateMetadata = async (
-  client: Opinly,
-  params: OpinlyPageProps,
-  parent: ResolvingMetadata
-): Promise<Metadata> => {
-  const blog = await client.content.blog(params);
-
-  if (blog.type === "not-found") {
-    return parent as Metadata;
-  }
-
-  const previousImages = (await parent).openGraph?.images || [];
-
-  if (blog.type === "post") {
-    const openGraphImageKey = blog.data?.titleFile?.fileKey;
-
-    const images = openGraphImageKey
-      ? [`${opinlyConfig.imagesUrl}/${openGraphImageKey}`, ...previousImages]
-      : previousImages;
-
-    return {
-      ...(parent as Metadata),
-      title: blog.data.title,
-
-      openGraph: {
-        images: images,
-        type: "article",
-        authors: blog.data.author && [
-          `${opinlyConfig.blogUrl}/authors/${blog.data.author.slug}`,
-        ],
-      },
-
-      // keywords: [blog.data.keywords],
-      authors: blog.data.author && [
-        {
-          name: blog.data.author.name,
-          url: `${opinlyConfig.blogUrl}/authors/${blog.data.author.slug}`,
-        },
-      ],
-      other: {},
-    };
-  }
-
-  return parent as Metadata;
-};

package/src/utils/images.ts

@@ -1,7 +0,0 @@
-export function replaceImageNameSpace(fileKey: string) {
-  const pathParts = fileKey.split("/").filter(Boolean);
-  if (pathParts.length > 1) {
-    pathParts.shift();
-  }
-  return pathParts.join("/");
-}

package/src/utils/merge.ts

@@ -1,6 +0,0 @@
-import { ClassValue, clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export const cn = (...inputs: ClassValue[]) => {
-  return twMerge(clsx(inputs));
-};

package/sst-env.d.ts

@@ -1,9 +0,0 @@
-/* This file is auto-generated by SST. Do not edit. */
-/* tslint:disable */
-/* eslint-disable */
-/* deno-fmt-ignore-file */
-
-/// <reference path="../../../sst-env.d.ts" />
-
-import "sst"
-export {}

package/tsconfig.json

@@ -1,19 +0,0 @@
-{
-  "extends": ["../../tsconfig.base.json", "@tsconfig/next/tsconfig.json"],
-  "compilerOptions": {
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "incremental": false
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules"]
-}