@wix/ditto-codegen-public 1.0.0

package/dist/examples-apps/top-blog-posts/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "top-blog-posts",
+  "version": "1.0.0",
+  "private": true,
+  "dependencies": {
+    "@wix/blog": "^1.0.468",
+    "@wix/dashboard": "^1.3.36",
+    "@wix/design-system": "^1.0.0",
+    "@wix/wix-ui-icons-common": "^3.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^16.0.0",
+    "@types/react-dom": "^16.0.0",
+    "@wix/cli": "^1.1.112",
+    "@wix/cli-app": "^1.1.112",
+    "@wix/sdk-types": "^1.0.0",
+    "react": "16.14.0",
+    "react-dom": "16.14.0",
+    "typescript": "~5.8.2"
+  },
+  "scripts": {
+    "wix": "wix",
+    "build": "wix app build",
+    "release": "wix app release",
+    "dev": "wix app dev",
+    "preview": "wix app preview",
+    "generate": "wix app generate",
+    "logs": "wix app logs",
+    "typecheck": "tsc --noEmit"
+  }
+}

package/dist/examples-apps/top-blog-posts/src/dashboard/pages/blog-utils.ts

@@ -0,0 +1,44 @@
+import { posts } from "@wix/blog";
+
+interface ViewedBlogPost {
+  post: posts.Post;
+  views: number;
+}
+
+interface LikedBlogPost {
+  post: posts.Post;
+  likes: number;
+}
+
+interface TopBlogPosts {
+  mostViewed: ViewedBlogPost;
+  mostLiked: LikedBlogPost;
+}
+
+export async function getTopBlogPosts(): Promise<TopBlogPosts> {
+  const mostLikedPosts = await posts
+    .queryPosts()
+    .descending("metrics.likes")
+    .find();
+  const mostViewedPosts = await posts
+    .queryPosts()
+    .descending("metrics.views")
+    .find();
+
+  const mostLiked = mostLikedPosts.items[0];
+  const mostViewed = mostViewedPosts.items[0];
+
+  const mostLikedMetrics = await posts.getPostMetrics(mostLiked._id);
+  const mostViewedMetrics = await posts.getPostMetrics(mostViewed._id);
+
+  return {
+    mostViewed: {
+      post: mostViewed,
+      views: mostViewedMetrics.metrics.views,
+    },
+    mostLiked: {
+      post: mostLiked,
+      likes: mostLikedMetrics.metrics.likes,
+    },
+  };
+}

package/dist/examples-apps/top-blog-posts/src/dashboard/pages/page.tsx

@@ -0,0 +1,129 @@
+import {
+  Button,
+  Card,
+  Heading,
+  Text,
+  Page,
+  WixDesignSystemProvider,
+  Box,
+  Loader,
+} from "@wix/design-system";
+import "@wix/design-system/styles.global.css";
+import * as Icons from "@wix/wix-ui-icons-common";
+import React, { useEffect, useState } from "react";
+import { dashboard } from "@wix/dashboard";
+import { getTopBlogPosts } from "./blog-utils";
+import { posts } from "@wix/blog";
+
+interface ViewedBlogPost {
+  post: posts.Post;
+  views: number;
+}
+interface LikedBlogPost {
+  post: posts.Post;
+  likes: number;
+}
+export default function Index() {
+  const { navigate } = dashboard;
+  const [mostViewed, setMostViewed] = useState<ViewedBlogPost | null>(null);
+  const [mostLiked, setMostLiked] = useState<LikedBlogPost | null>(null);
+  const [mostViewedPublishedDate, setMostViewedPublishedDate] = useState<
+    string | null
+  >(null);
+  const [mostLikedPublishedDate, setMostLikedPublishedDate] = useState<
+    string | null
+  >(null);
+  useEffect(() => {
+    async function fetchBlogPosts() {
+      try {
+        const { mostViewed, mostLiked } = await getTopBlogPosts();
+        console.log("mostViewed", mostViewed);
+        setMostViewed(mostViewed);
+        setMostLiked(mostLiked);
+        setMostViewedPublishedDate(
+          new Date(mostViewed.post.lastPublishedDate).toDateString(),
+        );
+        setMostLikedPublishedDate(
+          new Date(mostLiked.post.lastPublishedDate).toDateString(),
+        );
+      } catch (error) {
+        console.log("Failed to fetch blog post data.", error);
+      }
+    }
+    fetchBlogPosts();
+  }, []);
+
+  if (!mostViewed || !mostLiked) {
+    return (
+      <Box align="center" verticalAlign="middle">
+        <Loader text="Loading..." />
+      </Box>
+    );
+  }
+  return (
+    <WixDesignSystemProvider>
+      <Page>
+        <Page.Header
+          title="Top Blog Posts"
+          subtitle="These are the top blog posts on your site."
+          actionsBar={
+            <Button
+              prefixIcon={<Icons.Edit />}
+              onClick={() => navigate("a7f877e0-69ac-459f-8b5b-eb7c5e25bad2")}
+            >
+              Edit Your Blog
+            </Button>
+          }
+        />
+        <Page.Content>
+          <Box gap="5px" direction="vertical">
+            <Card>
+              <Card.Header
+                title={
+                  <Heading size="medium" as="h2">
+                    Most Viewed
+                  </Heading>
+                }
+              />
+              <Card.Divider />
+              <Card.Content>
+                <Heading size="small" as="h3">
+                  Title: {mostViewed.post.title}
+                </Heading>
+                <Text>Excerpt: {mostViewed.post.excerpt}</Text>
+                <div>
+                  <Text>Last published: {mostViewedPublishedDate}</Text>
+                </div>
+                <div>
+                  <Text>Views: {mostViewed.views}</Text>
+                </div>
+              </Card.Content>
+            </Card>
+            <Card>
+              <Card.Header
+                title={
+                  <Heading size="medium" as="h2">
+                    Most Liked
+                  </Heading>
+                }
+              />
+              <Card.Divider />
+              <Card.Content>
+                <Heading size="small" as="h3">
+                  Title: {mostLiked.post.title}
+                </Heading>
+                <Text>Excerpt: {mostLiked.post.excerpt}</Text>
+                <div>
+                  <Text>Last published: {mostLikedPublishedDate}</Text>
+                </div>
+                <div>
+                  <Text>Likes: {mostLiked.likes}</Text>
+                </div>
+              </Card.Content>
+            </Card>
+          </Box>
+        </Page.Content>
+      </Page>
+    </WixDesignSystemProvider>
+  );
+}

package/dist/examples-apps/top-blog-posts/src/dashboard/pages/wix_logo.svg

@@ -0,0 +1,18 @@
+<svg width="166" height="64" viewBox="0 0 166 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_14809_9463)">
+    <path
+      d="M165.304 0H156.173C153.64 0 151.273 1.25433 149.85 3.35199L137.639 21.3662C137.313 21.844 136.608 21.844 136.283 21.3662L124.071 3.35199C122.651 1.25433 120.281 0 117.748 0H108.617L130.371 32.0894L108.737 64H117.868C120.401 64 122.769 62.7457 124.192 60.648L136.283 42.8126C136.608 42.3349 137.313 42.3349 137.639 42.8126L149.73 60.648C151.15 62.7457 153.52 64 156.053 64H165.184L143.551 32.0894L165.304 0Z"
+      fill="black" />
+    <path
+      d="M89.8281 6.54652V64H94.1922C97.8088 64 100.74 61.0697 100.74 57.4535V0H96.3755C92.7588 0 89.8281 2.93032 89.8281 6.54652Z"
+      fill="black" />
+    <path
+      d="M81.8276 0H77.944C73.6681 0 69.9633 2.95701 69.0158 7.12564L60.3278 45.3185L52.7234 9.66632C51.3168 3.0771 44.5559 -1.36641 37.6375 0.544431C33.2307 1.76139 29.9637 5.48434 29.0108 9.95455L21.4839 45.2705L12.8118 7.12831C11.8616 2.95968 8.15687 0 3.88092 0H0L14.5548 63.9973H20.0692C25.0738 63.9973 29.3978 60.4986 30.4415 55.604L39.7461 11.9401C39.8608 11.3984 40.3466 11.006 40.8991 11.006C41.4516 11.006 41.9374 11.3984 42.0522 11.9401L51.3648 55.6067C52.4084 60.5012 56.7324 63.9973 61.7371 63.9973H67.2702L81.8276 0Z"
+      fill="black" />
+  </g>
+  <defs>
+    <clipPath id="clip0_14809_9463">
+      <rect width="165.305" height="64" fill="white" />
+    </clipPath>
+  </defs>
+</svg>

package/dist/examples-apps/top-blog-posts/src/env.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="@wix/cli-app/client" />
+/// <reference types="@wix/sdk-types/client" />
+
+// NOTE: This file should not be edited. This is an auto-generated file.

package/dist/examples-apps/top-blog-posts/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@wix/cli-app/tsconfig.app.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "types": ["react"]
+  },
+  "include": ["src"]
+}

package/dist/examples-apps/top-blog-posts/wix.config.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://dev.wix.com/wix-cli/schemas/wix-config.json",
+  "appId": "3e3862c8-7e28-48f9-bc4d-49c0c5c92dbf",
+  "projectId": "top-blog-posts"
+}