Merge pull request #203 from presenton/refactor/layout-group-to-template

chore: updates presentation-layouts to presentation-templates

.gitignore

@@ -16,3 +16,4 @@ generated_models
 nltk
 chroma
 container.db
+.next-build

servers/nextjs/app/(presentation-generator)/context/LayoutContext.tsx

@@ -171,7 +171,7 @@ export const LayoutProvider: React.FC<{
             const file = fileName.replace(".tsx", "").replace(".ts", "");
 
             const module = await import(
-              `@/presentation-layouts/${groupData.groupName}/${file}`
+              `@/presentation-templates/${groupData.groupName}/${file}`
             );
 
             if (!module.default) {
@@ -503,7 +503,7 @@ export const LayoutProvider: React.FC<{
     // Create and cache layout if not available
     const file = fileInfo.fileName.replace(".tsx", "").replace(".ts", "");
     const Layout = dynamic(
-      () => import(`@/presentation-layouts/${fileInfo.groupName}/${file}`),
+      () => import(`@/presentation-templates/${fileInfo.groupName}/${file}`),
       {
         loading: () => (
           <div className="w-full aspect-[16/9] bg-gray-100 animate-pulse rounded-lg" />

servers/nextjs/app/(presentation-generator)/template-preview/hooks/useGroupLayoutLoader.ts

@@ -233,7 +233,7 @@ export const useGroupLayoutLoader = (
         try {
           const layoutName = fileName.replace(".tsx", "").replace(".ts", "");
           const module = await import(
-            `@/presentation-layouts/${targetGroupData.groupName}/${layoutName}`
+            `@/presentation-templates/${targetGroupData.groupName}/${layoutName}`
           );
 
           if (!module.default) {
@@ -280,7 +280,7 @@ export const useGroupLayoutLoader = (
           try {
             const layoutName = fileName.replace(".tsx", "").replace(".ts", "");
             const module = await import(
-              `@/presentation-layouts/${targetGroupData.groupName}/${layoutName}`
+              `@/presentation-templates/${targetGroupData.groupName}/${layoutName}`
             );
 
             if (module.default && module.Schema) {

servers/nextjs/app/api/layouts/route.ts

@@ -5,10 +5,10 @@ import { GroupSetting } from '@/app/(presentation-generator)/template-preview/ty
 
 export async function GET() {
     try {
-        // Get the path to the presentation-layouts directory
-        const layoutsDirectory = path.join(process.cwd(), 'presentation-layouts')
+        // Get the path to the presentation-templates directory
+        const layoutsDirectory = path.join(process.cwd(), 'presentation-templates')
         
-        // Read all directories in the presentation-layouts directory
+        // Read all directories in the presentation-templates directory
         const items = await fs.readdir(layoutsDirectory, { withFileTypes: true })
         
         // Filter for directories (layout groups) and exclude files
@@ -67,9 +67,9 @@ export async function GET() {
         
         return NextResponse.json(allLayouts)
     } catch (error) {
-        console.error('Error reading presentation-layouts directory:', error)
+        console.error('Error reading presentation-templates directory:', error)
         return NextResponse.json(
-            { error: 'Failed to read presentation-layouts directory' },
+            { error: 'Failed to read presentation-templates directory' },
             { status: 500 }
         )
     }

servers/nextjs/app/api/templates/route.ts

@@ -5,7 +5,7 @@ import { GroupSetting } from '@/app/(presentation-generator)/template-preview/ty
 
 export async function GET() {
   try {
-    const layoutsDirectory = path.join(process.cwd(), 'presentation-layouts')
+    const layoutsDirectory = path.join(process.cwd(), 'presentation-templates')
     const items = await fs.readdir(layoutsDirectory, { withFileTypes: true })
 
     const groupDirectories = items.filter(item => item.isDirectory()).map(dir => dir.name)
@@ -48,9 +48,9 @@ export async function GET() {
 
     return NextResponse.json(allLayouts)
   } catch (error) {
-    console.error('Error reading presentation-layouts directory:', error)
+    console.error('Error reading presentation-templates directory:', error)
     return NextResponse.json(
-      { error: 'Failed to read presentation layouts directory' },
+      { error: 'Failed to read presentation-templates directory' },
       { status: 500 }
     )
   }

servers/nextjs/presentation-templates/ExampleSlideLayout.tsx

@@ -1,5 +1,5 @@
 import * as z from "zod";
-import { ImageSchema, IconSchema } from "@/presentation-layouts/defaultSchemes";
+import { ImageSchema, IconSchema } from "@/presentation-templates/defaultSchemes";
 
 export const Schema = z.object({
   title: z.string().min(5).max(50).default("Quarterly Business Review").meta({

servers/nextjs/presentation-templates/ExampleSlideLayoutTemplate.tsx

@@ -2,7 +2,7 @@ import * as z from "zod";
 // Note:
 // If you want to use images and icons, you must use ImageSchema and IconSchema
 // Images and icons are the only media types supported for PDF and PPTX exports
-import { ImageSchema, IconSchema } from "./defaultSchemes";
+import { ImageSchema, IconSchema } from "@/presentation-templates/defaultSchemes";
 
 
 // Schema definition

servers/nextjs/presentation-templates/classic-dark/1-TitleSlide.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'classic-dark-title-slide'
 export const layoutName = 'Classic Dark Title Slide'

servers/nextjs/presentation-templates/classic-dark/4-Comparison.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'classic-dark-comparison'
 export const layoutName = 'Classic Dark Comparison'

servers/nextjs/presentation-templates/classic-dark/5-Metrics.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { IconSchema } from '@/presentation-layouts/defaultSchemes';
+import { IconSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'classic-dark-metrics'
 export const layoutName = 'Classic Dark Metrics'

servers/nextjs/presentation-templates/classic-dark/6-BulletPointWithDescription.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'classic-dark-bullet-point-with-description'
 export const layoutName = 'Classic Dark Bullet Point with Description'

servers/nextjs/presentation-templates/classic/Type1SlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'type1-slide'
 export const layoutName = 'Type1 Slide'

servers/nextjs/presentation-templates/classic/Type3SlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'type3-slide'
 export const layoutName = 'Type3 Slide'

servers/nextjs/presentation-templates/classic/Type6SlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { IconSchema } from '@/presentation-layouts/defaultSchemes';
+import { IconSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'type6-slide'
 export const layoutName = 'Type6 Slide'

servers/nextjs/presentation-templates/classic/Type7SlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { IconSchema } from '@/presentation-layouts/defaultSchemes';
+import { IconSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'type7-slide'
 export const layoutName = 'Type7 Slide'

servers/nextjs/presentation-templates/classic/Type8SlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { IconSchema } from '@/presentation-layouts/defaultSchemes';
+import { IconSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'type8-slide'
 export const layoutName = 'Type8 Slide'

servers/nextjs/presentation-templates/general/BasicInfoSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'basic-info-slide'
 export const layoutName = 'Basic Info'

servers/nextjs/presentation-templates/general/BulletIconsOnlySlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema, IconSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema, IconSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'bullet-icons-only-slide'
 export const layoutName = 'Bullet Icons Only'

servers/nextjs/presentation-templates/general/BulletWithIconsSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema, IconSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema, IconSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'bullet-with-icons-slide'
 export const layoutName = 'Bullet with Icons'

servers/nextjs/presentation-templates/general/ChartWithBulletsSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { IconSchema } from '@/presentation-layouts/defaultSchemes';
+import { IconSchema } from '@/presentation-templates/defaultSchemes';
 import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from "@/components/ui/chart";
 import { BarChart, Bar, LineChart, Line, PieChart, Pie, AreaChart, Area, ScatterChart, Scatter, XAxis, YAxis, CartesianGrid, Cell, ResponsiveContainer } from "recharts";
 

servers/nextjs/presentation-templates/general/IntroSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'general-intro-slide'
 export const layoutName = 'Intro Slide'

servers/nextjs/presentation-templates/general/MetricsWithImageSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'metrics-with-image-slide'
 export const layoutName = 'Metrics with Image'

servers/nextjs/presentation-templates/general/NumberedBulletsSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'numbered-bullets-slide'
 export const layoutName = 'Numbered Bullets'

servers/nextjs/presentation-templates/general/QuoteSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'quote-slide'
 export const layoutName = 'Quote'

servers/nextjs/presentation-templates/general/TeamSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import * as z from "zod";
-import { ImageSchema } from '@/presentation-layouts/defaultSchemes';
+import { ImageSchema } from '@/presentation-templates/defaultSchemes';
 
 export const layoutId = 'team-slide'
 export const layoutName = 'Team Slide'

servers/nextjs/presentation-templates/modern/2AboutCompanySlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import * as z from "zod";
-import { ImageSchema, IconSchema } from "@/presentation-layouts/defaultSchemes";
+import { ImageSchema, IconSchema } from "@/presentation-templates/defaultSchemes";
 
 export const layoutId = "about-company-slide";
 export const layoutName = "About Our Company Slide";

servers/nextjs/presentation-templates/modern/3ProblemSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import * as z from "zod";
-import { ImageSchema, IconSchema } from "@/presentation-layouts/defaultSchemes";
+import { ImageSchema, IconSchema } from "@/presentation-templates/defaultSchemes";
 
 export const layoutId = "problem-statement-slide";
 export const layoutName = "Problem Statement Slide";

servers/nextjs/presentation-templates/modern/4SolutionSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import * as z from "zod";
-import { IconSchema } from "@/presentation-layouts/defaultSchemes";
+import { IconSchema } from "@/presentation-templates/defaultSchemes";
 
 export const layoutId = "solution-slide";
 export const layoutName = "Solution Slide";

servers/nextjs/presentation-templates/modern/5ProductOverviewSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import * as z from "zod";
-import { ImageSchema } from "@/presentation-layouts/defaultSchemes";
+import { ImageSchema } from "@/presentation-templates/defaultSchemes";
 
 export const layoutId = "product-overview-slide";
 export const layoutName = "Product Overview Slide";

servers/nextjs/presentation-templates/modern/6MarketSizeSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import * as z from "zod";
-import { ImageSchema } from "@/presentation-layouts/defaultSchemes";
+import { ImageSchema } from "@/presentation-templates/defaultSchemes";
 
 export const layoutId = "market-size-pitchdeck-slide";
 export const layoutName = "Market Size Pitch Deck Slide";

servers/nextjs/presentation-templates/modern/7MarketValidationSlideLayout.tsx

@@ -3,7 +3,7 @@ import * as z from "zod";
 import { Card } from "@/components/ui/card";
 import { Table, TableHeader, TableBody } from "@/components/ui/table";
 import { ChartContainer } from "@/components/ui/chart";
-import { ImageSchema } from "@/presentation-layouts/defaultSchemes";
+import { ImageSchema } from "@/presentation-templates/defaultSchemes";
 import { BarChart, Bar, XAxis, YAxis, Tooltip, Cell } from "recharts";
 
 export const layoutId = "market-validation-slide";

servers/nextjs/presentation-templates/modern/z10TeamSlideLayout.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import * as z from "zod";
-import { ImageSchema } from "@/presentation-layouts/defaultSchemes";
+import { ImageSchema } from "@/presentation-templates/defaultSchemes";
 
 export const layoutId = "modern-team-slide";
 export const layoutName = "Modern Team Slide";

servers/nextjs/tailwind.config.ts

@@ -8,7 +8,7 @@ const config: Config = {
     "./components/**/*.{js,ts,jsx,tsx,mdx}",
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
     "!./app/privacy-policy/**/*.{js,ts,jsx,tsx,mdx}",
-    "./presentation-layouts/**/*.{js,ts,jsx,tsx,mdx}",
+    "./presentation-templates/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
     extend: {

servers/nextjs/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
-   "target": "esnext",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "target": "esnext",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -20,9 +24,19 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next-build/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }