Feat: add slider to apps preview

decohub/apps/ai-assistants.ts

@@ -1 +1,26 @@
+import { AppRuntime } from "deco/mod.ts";
+import { Preview } from "../preview/Preview.tsx";
+
 export { default } from "../../ai-assistants/mod.ts";
+
+const CONFIG = {
+  name: "Deco AI Assistant",
+  author: "deco.cx",
+  description: "Create AI assistants on deco.cx.",
+  icon:
+    "https://raw.githubusercontent.com/deco-cx/apps/main/ai-assistants/logo.png",
+  images: [],
+};
+
+export const preview = (props: AppRuntime) => {
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [],
+      },
+    },
+  };
+};

decohub/apps/algolia.ts

@@ -1 +1,33 @@
-export { default, preview } from "../../algolia/mod.ts";
+import { AppRuntime } from "deco/mod.ts";
+import { PreviewMarkdown } from "../components/PreviewMarkdown.tsx";
+import { Preview } from "../preview/Preview.tsx";
+
+export { default } from "../../algolia/mod.ts";
+
+const CONFIG = {
+  name: "Algolia",
+  author: "deco.cx",
+  description:
+    "Product search & discovery that increases conversions at scale.",
+  icon: "https://raw.githubusercontent.com/deco-cx/apps/main/algolia/logo.png",
+  images: [],
+};
+
+export const preview = async (props: AppRuntime) => {
+  const markdownContent = await PreviewMarkdown(
+    new URL("../../algolia/README.md", import.meta.url).href,
+  );
+
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [
+          { title: "About", content: markdownContent },
+        ],
+      },
+    },
+  };
+};

decohub/apps/analytics.ts

@@ -1 +1,27 @@
+import { AppRuntime } from "deco/mod.ts";
+import { Preview } from "../preview/Preview.tsx";
+
 export { default } from "../../analytics/mod.ts";
+
+const CONFIG = {
+  name: "Deco Analytics",
+  author: "deco.cx",
+  description:
+    "Measure your site traffic at a glance in a simple and modern web analytics dashboard.",
+  icon:
+    "https://raw.githubusercontent.com/deco-cx/apps/main/analytics/logo.png",
+  images: [],
+};
+
+export const preview = (props: AppRuntime) => {
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [],
+      },
+    },
+  };
+};

decohub/apps/blog.ts

@@ -1 +1,25 @@
+import { AppRuntime } from "deco/mod.ts";
+import { Preview } from "../preview/Preview.tsx";
+
 export { default } from "../../blog/mod.ts";
+
+const CONFIG = {
+  name: "Deco Blog",
+  author: "deco.cx",
+  description: "Manage your posts.",
+  icon: "https://raw.githubusercontent.com/deco-cx/apps/main/weather/logo.png",
+  images: [],
+};
+
+export const preview = (props: AppRuntime) => {
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [],
+      },
+    },
+  };
+};

decohub/apps/brand-assistant.ts

@@ -1 +1,26 @@
+import { AppRuntime } from "deco/mod.ts";
+import { Preview } from "../preview/Preview.tsx";
+
 export { default } from "../../brand-assistant/mod.ts";
+
+const CONFIG = {
+  name: "Deco Brand Assistant",
+  author: "deco.cx",
+  description: "A concierge for your ecommerce.",
+  icon:
+    "https://raw.githubusercontent.com/deco-cx/apps/main/brand-assistant/logo.png",
+  images: [],
+};
+
+export const preview = (props: AppRuntime) => {
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [],
+      },
+    },
+  };
+};

decohub/apps/crux.ts

@@ -1 +1,29 @@
-export { default, Preview } from "../../crux/mod.ts";
+import PreviewCrux from "../../crux/preview/Preview.tsx";
+
+import { AppRuntime } from "deco/mod.ts";
+import { Preview } from "../preview/Preview.tsx";
+export { default } from "../../crux/mod.ts";
+
+const CONFIG = {
+  name: "Chrome User Experience Report",
+  author: "deco.cx",
+  description:
+    "Measure your site traffic at a glance in a simple and modern web analytics dashboard.",
+  icon: "https://raw.githubusercontent.com/deco-cx/apps/main/crux/logo.png",
+  images: [],
+};
+
+export const preview = (props: AppRuntime) => {
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [
+          { title: "About", content: PreviewCrux },
+        ],
+      },
+    },
+  };
+};

decohub/apps/htmx.ts

@@ -1 +1,32 @@
-export { default, preview } from "../../htmx/mod.ts";
+import { AppRuntime } from "deco/mod.ts";
+import { PreviewMarkdown } from "../components/PreviewMarkdown.tsx";
+import { Preview } from "../preview/Preview.tsx";
+
+export { default } from "../../htmx/mod.ts";
+
+const CONFIG = {
+  name: "HTMX",
+  author: "deco.cx",
+  description: "high power tools for HTML",
+  icon: "https://raw.githubusercontent.com/deco-cx/apps/main/htmx/logo.png",
+  images: [],
+};
+
+export const preview = async (props: AppRuntime) => {
+  const markdownContent = await PreviewMarkdown(
+    new URL("../../htmx/README.md", import.meta.url).href,
+  );
+
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [
+          { title: "About", content: markdownContent },
+        ],
+      },
+    },
+  };
+};

decohub/apps/implementation.ts

@@ -1 +1,31 @@
-export { default, preview } from "../../implementation/mod.ts";
+import { AppRuntime } from "deco/mod.ts";
+import { Preview } from "../preview/Preview.tsx";
+import { PreviewMarkdown } from "../components/PreviewMarkdown.tsx";
+
+export { default } from "../../implementation/mod.ts";
+
+const CONFIG = {
+  name: "Implementer",
+  author: "deco.cx",
+  description: "The agency that's implementing your store",
+  images: [],
+};
+
+export const preview = async (props: AppRuntime) => {
+  const markdownContent = await PreviewMarkdown(
+    new URL("../../implementation/README.md", import.meta.url).href,
+  );
+
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [
+          { title: "About", content: markdownContent },
+        ],
+      },
+    },
+  };
+};

decohub/apps/linx-impulse.ts

@@ -1 +1,27 @@
+import { AppRuntime } from "deco/mod.ts";
+import { Preview } from "../preview/Preview.tsx";
+
 export { default } from "../../linx-impulse/mod.ts";
+
+const CONFIG = {
+  name: "Linx Impulse",
+  author: "deco.cx",
+  description:
+    "Build, manage and deliver B2B, B2C and Marketplace commerce experiences.",
+  icon:
+    "https://raw.githubusercontent.com/deco-cx/apps/main/linx-impulse/logo.png",
+  images: [],
+};
+
+export const preview = (props: AppRuntime) => {
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [],
+      },
+    },
+  };
+};

decohub/apps/linx.ts

@@ -1 +1,33 @@
-export { default, preview } from "../../linx/mod.ts";
+import { AppRuntime } from "deco/mod.ts";
+import { PreviewMarkdown } from "../components/PreviewMarkdown.tsx";
+import { Preview } from "../preview/Preview.tsx";
+
+export { default } from "../../linx/mod.ts";
+
+const CONFIG = {
+  name: "Linx",
+  author: "deco.cx",
+  description:
+    "Loaders, actions and workflows for adding Linx Commerce Platform to your website.",
+  icon: "https://raw.githubusercontent.com/deco-cx/apps/main/linx/logo.png",
+  images: [],
+};
+
+export const preview = async (props: AppRuntime) => {
+  const markdownContent = await PreviewMarkdown(
+    new URL("../../linx/README.md", import.meta.url).href,
+  );
+
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [
+          { title: "About", content: markdownContent },
+        ],
+      },
+    },
+  };
+};

decohub/apps/nuvemshop.ts

@@ -1 +1,30 @@
-export { default, Preview } from "../../nuvemshop/mod.ts";
+import { AppRuntime } from "deco/mod.ts";
+import { Preview } from "../preview/Preview.tsx";
+import PreviewNuvemshop from "../../nuvemshop/preview/index.tsx";
+
+export { default } from "../../nuvemshop/mod.ts";
+
+const CONFIG = {
+  name: "Nuvemshop",
+  author: "deco.cx",
+  description:
+    "Loaders, actions and workflows for adding Nuvemshop Commerce Platform to your website.",
+  images: [],
+  icon:
+    "https://raw.githubusercontent.com/deco-cx/apps/main/nuvemshop/logo.png",
+};
+
+export const preview = (props: AppRuntime) => {
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [
+          { title: "About", content: PreviewNuvemshop },
+        ],
+      },
+    },
+  };
+};

decohub/apps/power-reviews.ts

@@ -1 +1,27 @@
+import { AppRuntime } from "deco/mod.ts";
+import { Preview } from "../preview/Preview.tsx";
+
 export { default } from "../../power-reviews/mod.ts";
+
+const CONFIG = {
+  name: "Power Reviews",
+  author: "deco.cx",
+  description:
+    "Collect more and better Ratings & Reviews and other UGC. Create UGC displays that convert. Analyze to enhance product experience and positioning",
+  images: [],
+  icon:
+    "https://raw.githubusercontent.com/deco-cx/apps/main/power-reviews/logo.png",
+};
+
+export const preview = (props: AppRuntime) => {
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [],
+      },
+    },
+  };
+};

decohub/apps/shopify.ts

@@ -1 +1,32 @@
-export { default, preview } from "../../shopify/mod.ts";
+import { AppRuntime } from "deco/mod.ts";
+import { Preview } from "../preview/Preview.tsx";
+import { PreviewMarkdown } from "../components/PreviewMarkdown.tsx";
+
+export { default } from "../../shopify/mod.ts";
+
+const CONFIG = {
+  name: "Shopify",
+  author: "deco.cx",
+  description:
+    "Loaders, actions and workflows for adding Shopify Commerce Platform to your website.",
+  images: [],
+  icon: "https://raw.githubusercontent.com/deco-cx/apps/main/shopify/logo.png",
+};
+
+export const preview = async (props: AppRuntime) => {
+  const markdownContent = await PreviewMarkdown(
+    new URL("../../shopify/README.md", import.meta.url).href,
+  );
+  return {
+    Component: Preview,
+    props: {
+      ...props,
+      config: {
+        ...CONFIG,
+        pages: [
+          { title: "About", content: markdownContent },
+        ],
+      },
+    },
+  };
+};