From 985aabb48d747f5f4cf3cac7ad76ae712747e0d6 Mon Sep 17 00:00:00 2001 From: johndoe6345789 Date: Sun, 18 Jan 2026 00:37:45 +0000 Subject: [PATCH] Refactor documentation tab content --- src/components/DocumentationView.tsx | 35 +++++++++---------- .../DocumentationView/AgentFileItem.tsx | 32 ----------------- .../DocumentationView/AgentItems.tsx | 5 +-- .../DocumentationView/AgentsCoreServices.tsx | 5 +-- .../AgentsFutureEnhancements.tsx | 2 +- .../AgentsIntegrationPoints.tsx | 4 +-- .../AgentsOverviewSection.tsx | 2 +- .../AgentsPromptEngineering.tsx | 4 +-- .../DocumentationView/AnimationItem.tsx | 8 ----- .../DocumentationView/CICDPlatformItem.tsx | 32 ----------------- .../CicdBestPracticesCard.tsx | 2 +- .../CicdBranchStrategySection.tsx | 2 +- .../DocumentationView/CicdDockerCard.tsx | 10 +++--- .../DocumentationView/CicdEnvVarsCard.tsx | 10 +++--- .../DocumentationView/CicdItems.tsx | 5 +-- .../DocumentationView/CicdOverviewSection.tsx | 2 +- .../DocumentationView/CicdPipelineSection.tsx | 2 +- .../DocumentationView/CicdPlatformsCard.tsx | 3 +- .../DocumentationView/CicdQuickStartCard.tsx | 2 +- .../DocumentationView/CicdResourcesCard.tsx | 2 +- .../DocumentationView/IntegrationPoint.tsx | 20 ----------- .../DocumentationView/PipelineStageCard.tsx | 24 ------------- .../DocumentationView/PwaFeaturesCard.tsx | 4 +-- .../PwaInstallationSection.tsx | 6 ++-- .../DocumentationView/PwaOfflineSection.tsx | 6 ++-- .../DocumentationView/PwaOverviewSection.tsx | 2 +- .../DocumentationView/PwaProTipsCard.tsx | 2 +- .../DocumentationView/PwaSettingsCard.tsx | 8 ++--- .../DocumentationView/ReadmeTab.tsx | 18 +++++----- .../DocumentationView/RoadmapTab.tsx | 4 +-- .../DocumentationView/SassAnimationsCard.tsx | 4 +-- .../SassBestPracticesCard.tsx | 2 +- .../DocumentationView/SassComponentItem.tsx | 13 ------- .../DocumentationView/SassComponentsCard.tsx | 4 +-- .../SassFileStructureCard.tsx | 2 +- .../DocumentationView/SassLayoutCard.tsx | 4 +-- .../DocumentationView/SassOverviewSection.tsx | 2 +- .../DocumentationView/SassQuickStartCard.tsx | 2 +- .../DocumentationView/SassUtilitiesCard.tsx | 4 +-- src/data/documentation/agents-data.json | 9 +++++ src/data/documentation/cicd-data.json | 16 +++++++++ src/data/documentation/pwa-data.json | 13 +++++++ src/data/documentation/readme-data.json | 11 ++++++ src/data/documentation/roadmap-data.json | 4 +++ src/data/documentation/sass-data.json | 12 +++++++ 45 files changed, 150 insertions(+), 215 deletions(-) delete mode 100644 src/components/DocumentationView/AgentFileItem.tsx delete mode 100644 src/components/DocumentationView/AnimationItem.tsx delete mode 100644 src/components/DocumentationView/CICDPlatformItem.tsx delete mode 100644 src/components/DocumentationView/IntegrationPoint.tsx delete mode 100644 src/components/DocumentationView/PipelineStageCard.tsx delete mode 100644 src/components/DocumentationView/SassComponentItem.tsx diff --git a/src/components/DocumentationView.tsx b/src/components/DocumentationView.tsx index 7fbdcc9..4fe3f0b 100644 --- a/src/components/DocumentationView.tsx +++ b/src/components/DocumentationView.tsx @@ -2,25 +2,22 @@ import { useState } from 'react' import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs' import { ScrollArea } from '@/components/ui/scroll-area' import { Input } from '@/components/ui/input' -import { - BookOpen, - FileCode, - GitBranch, - MagnifyingGlass, - GitBranch, - FileCode, - Sparkle, - CheckCircle -} from '@phosphor-icons/react' -import { AIFeatureCard } from './DocumentationView/AIFeatureCard' -import { AgentFileItem } from './DocumentationView/AgentFileItem' -import { AnimationItem } from './DocumentationView/AnimationItem' -import { CICDPlatformItem } from './DocumentationView/CICDPlatformItem' -import { FeatureItem } from './DocumentationView/FeatureItem' -import { IntegrationPoint } from './DocumentationView/IntegrationPoint' -import { PipelineStageCard } from './DocumentationView/PipelineStageCard' -import { RoadmapItem } from './DocumentationView/RoadmapItem' -import { SassComponentItem } from './DocumentationView/SassComponentItem' +import { BookOpen, GitBranch, MagnifyingGlass, MapPin, Sparkle, PaintBrush, Rocket } from '@phosphor-icons/react' +import { AgentsTab } from './DocumentationView/AgentsTab' +import { CicdTab } from './DocumentationView/CicdTab' +import { PwaTab } from './DocumentationView/PwaTab' +import { ReadmeTab } from './DocumentationView/ReadmeTab' +import { RoadmapTab } from './DocumentationView/RoadmapTab' +import { SassTab } from './DocumentationView/SassTab' + +const tabs = [ + { value: 'readme', label: 'README', icon: }, + { value: 'roadmap', label: 'Roadmap', icon: }, + { value: 'agents', label: 'Agents', icon: }, + { value: 'pwa', label: 'PWA', icon: }, + { value: 'sass', label: 'Sass', icon: }, + { value: 'cicd', label: 'CI/CD', icon: } +] export function DocumentationView() { const [activeTab, setActiveTab] = useState('readme') diff --git a/src/components/DocumentationView/AgentFileItem.tsx b/src/components/DocumentationView/AgentFileItem.tsx deleted file mode 100644 index 66d98da..0000000 --- a/src/components/DocumentationView/AgentFileItem.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { FileCode, CheckCircle } from '@phosphor-icons/react' - -export function AgentFileItem({ filename, path, description, features }: { - filename: string - path: string - description: string - features: string[] -}) { - return ( -
-
-
- - {filename} -
-

{path}

-

{description}

-
-
-

Key Features:

-
    - {features.map((feature, idx) => ( -
  • - - {feature} -
    • - ))} -
-
-
- ) -} diff --git a/src/components/DocumentationView/AgentItems.tsx b/src/components/DocumentationView/AgentItems.tsx index 68c59c8..62a4053 100644 --- a/src/components/DocumentationView/AgentItems.tsx +++ b/src/components/DocumentationView/AgentItems.tsx @@ -1,10 +1,11 @@ import { FileCode, CheckCircle, Sparkle } from '@phosphor-icons/react' -export function AgentFileItem({ filename, path, description, features }: { +export function AgentFileItem({ filename, path, description, features, featureLabel }: { filename: string path: string description: string features: string[] + featureLabel: string }) { return (
@@ -17,7 +18,7 @@ export function AgentFileItem({ filename, path, description, features }: {

{description}

-

Key Features:

+

{featureLabel}

    {features.map((feature) => (
  • diff --git a/src/components/DocumentationView/AgentsCoreServices.tsx b/src/components/DocumentationView/AgentsCoreServices.tsx index 363c148..42f3bf3 100644 --- a/src/components/DocumentationView/AgentsCoreServices.tsx +++ b/src/components/DocumentationView/AgentsCoreServices.tsx @@ -6,13 +6,14 @@ export function AgentsCoreServices() { return ( - Core AI Services - Primary modules handling AI operations + {agentsData.coreServicesTitle} + {agentsData.coreServicesDescription} {agentsData.coreServices.map((service) => ( - Future AI Enhancements + {agentsData.futureEnhancementsTitle} diff --git a/src/components/DocumentationView/AgentsIntegrationPoints.tsx b/src/components/DocumentationView/AgentsIntegrationPoints.tsx index 58e8807..0186164 100644 --- a/src/components/DocumentationView/AgentsIntegrationPoints.tsx +++ b/src/components/DocumentationView/AgentsIntegrationPoints.tsx @@ -6,8 +6,8 @@ export function AgentsIntegrationPoints() { return ( - AI Integration Points - Features enhanced by AI capabilities + {agentsData.integrationPointsTitle} + {agentsData.integrationPointsDescription}
    diff --git a/src/components/DocumentationView/AgentsOverviewSection.tsx b/src/components/DocumentationView/AgentsOverviewSection.tsx index 464b5db..945bd03 100644 --- a/src/components/DocumentationView/AgentsOverviewSection.tsx +++ b/src/components/DocumentationView/AgentsOverviewSection.tsx @@ -14,7 +14,7 @@ export function AgentsOverviewSection() {
    -

    AI Service Architecture

    +

    {agentsData.overviewTitle}

    {agentsData.overview}

    diff --git a/src/components/DocumentationView/AgentsPromptEngineering.tsx b/src/components/DocumentationView/AgentsPromptEngineering.tsx index 72a44fc..d8789ea 100644 --- a/src/components/DocumentationView/AgentsPromptEngineering.tsx +++ b/src/components/DocumentationView/AgentsPromptEngineering.tsx @@ -5,8 +5,8 @@ export function AgentsPromptEngineering() { return ( - Prompt Engineering - How we optimize AI interactions + {agentsData.promptEngineeringTitle} + {agentsData.promptEngineeringDescription} {agentsData.promptEngineering.map((item) => ( diff --git a/src/components/DocumentationView/AnimationItem.tsx b/src/components/DocumentationView/AnimationItem.tsx deleted file mode 100644 index b19077d..0000000 --- a/src/components/DocumentationView/AnimationItem.tsx +++ /dev/null @@ -1,8 +0,0 @@ -export function AnimationItem({ name, description }: { name: string; description: string }) { - return ( -
    - {name} -

    {description}

    -
    - ) -} diff --git a/src/components/DocumentationView/CICDPlatformItem.tsx b/src/components/DocumentationView/CICDPlatformItem.tsx deleted file mode 100644 index b19839a..0000000 --- a/src/components/DocumentationView/CICDPlatformItem.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { CheckCircle, GitBranch } from '@phosphor-icons/react' - -export function CICDPlatformItem({ name, file, description, features }: { - name: string - file: string - description: string - features: string[] -}) { - return ( -
    -
    -
    - -

    {name}

    -
    - {file} -

    {description}

    -
    -
    -

    Key Features:

    -
      - {features.map((feature, idx) => ( -
    • - - {feature} -
      • - ))} -
    -
    -
    - ) -} diff --git a/src/components/DocumentationView/CicdBestPracticesCard.tsx b/src/components/DocumentationView/CicdBestPracticesCard.tsx index 6dfd065..10d6dd1 100644 --- a/src/components/DocumentationView/CicdBestPracticesCard.tsx +++ b/src/components/DocumentationView/CicdBestPracticesCard.tsx @@ -8,7 +8,7 @@ export function CicdBestPracticesCard() { - Best Practices + {cicdData.bestPracticesTitle} diff --git a/src/components/DocumentationView/CicdBranchStrategySection.tsx b/src/components/DocumentationView/CicdBranchStrategySection.tsx index 34d0a25..97ea116 100644 --- a/src/components/DocumentationView/CicdBranchStrategySection.tsx +++ b/src/components/DocumentationView/CicdBranchStrategySection.tsx @@ -24,7 +24,7 @@ const toneStyles = { export function CicdBranchStrategySection() { return (
    -

    Branch Strategy

    +

    {cicdData.branchStrategyTitle}

    {cicdData.branches.map((branch) => { const styles = toneStyles[branch.tone] diff --git a/src/components/DocumentationView/CicdDockerCard.tsx b/src/components/DocumentationView/CicdDockerCard.tsx index 6f8e83b..e04b071 100644 --- a/src/components/DocumentationView/CicdDockerCard.tsx +++ b/src/components/DocumentationView/CicdDockerCard.tsx @@ -7,12 +7,12 @@ export function CicdDockerCard() { return ( - Docker Configuration - Containerization for production deployment + {cicdData.dockerTitle} + {cicdData.dockerDescription}
    -

    Files Included

    +

    {cicdData.dockerFilesTitle}

    {cicdData.docker.files.map((file) => (
    @@ -26,14 +26,14 @@ export function CicdDockerCard() {
    -

    Docker Commands

    +

    {cicdData.dockerCommandsTitle}

    {cicdData.docker.commands}
    -

    Features

    +

    {cicdData.dockerFeaturesTitle}

      {cicdData.docker.features.map((feature) => (
    • diff --git a/src/components/DocumentationView/CicdEnvVarsCard.tsx b/src/components/DocumentationView/CicdEnvVarsCard.tsx index 593a4b3..8c8f887 100644 --- a/src/components/DocumentationView/CicdEnvVarsCard.tsx +++ b/src/components/DocumentationView/CicdEnvVarsCard.tsx @@ -5,8 +5,8 @@ export function CicdEnvVarsCard() { return ( - Environment Variables - Required configuration for CI/CD platforms + {cicdData.envVarsTitle} + {cicdData.envVarsDescription}
      @@ -14,9 +14,9 @@ export function CicdEnvVarsCard() { - - - + {cicdData.envVarsColumns.map((column) => ( + + ))} diff --git a/src/components/DocumentationView/CicdItems.tsx b/src/components/DocumentationView/CicdItems.tsx index c7f0601..630643c 100644 --- a/src/components/DocumentationView/CicdItems.tsx +++ b/src/components/DocumentationView/CicdItems.tsx @@ -2,11 +2,12 @@ import { Badge } from '@/components/ui/badge' import { Card, CardContent } from '@/components/ui/card' import { CheckCircle, GitBranch } from '@phosphor-icons/react' -export function CICDPlatformItem({ name, file, description, features }: { +export function CICDPlatformItem({ name, file, description, features, featureLabel }: { name: string file: string description: string features: string[] + featureLabel: string }) { return (
      @@ -19,7 +20,7 @@ export function CICDPlatformItem({ name, file, description, features }: {

      {description}

      -

      Key Features:

      +

      {featureLabel}

        {features.map((feature) => (
      • diff --git a/src/components/DocumentationView/CicdOverviewSection.tsx b/src/components/DocumentationView/CicdOverviewSection.tsx index 47840b9..5ac7856 100644 --- a/src/components/DocumentationView/CicdOverviewSection.tsx +++ b/src/components/DocumentationView/CicdOverviewSection.tsx @@ -18,7 +18,7 @@ export function CicdOverviewSection() {
        -

        Overview

        +

        {cicdData.overviewTitle}

        {cicdData.overview}

      diff --git a/src/components/DocumentationView/CicdPipelineSection.tsx b/src/components/DocumentationView/CicdPipelineSection.tsx index 2d25d19..557982a 100644 --- a/src/components/DocumentationView/CicdPipelineSection.tsx +++ b/src/components/DocumentationView/CicdPipelineSection.tsx @@ -4,7 +4,7 @@ import { PipelineStageCard } from './CicdItems' export function CicdPipelineSection() { return (
      -

      Pipeline Stages

      +

      {cicdData.pipelineTitle}

      {cicdData.pipeline.intro}

      {cicdData.pipeline.stages.map((stage) => ( diff --git a/src/components/DocumentationView/CicdPlatformsCard.tsx b/src/components/DocumentationView/CicdPlatformsCard.tsx index cab3594..0d4d89f 100644 --- a/src/components/DocumentationView/CicdPlatformsCard.tsx +++ b/src/components/DocumentationView/CicdPlatformsCard.tsx @@ -6,12 +6,13 @@ export function CicdPlatformsCard() { return ( - Available Configurations + {cicdData.platformsTitle} {cicdData.platforms.map((platform) => ( - Quick Start + {cicdData.quickStartTitle} diff --git a/src/components/DocumentationView/CicdResourcesCard.tsx b/src/components/DocumentationView/CicdResourcesCard.tsx index 3df07b0..e039083 100644 --- a/src/components/DocumentationView/CicdResourcesCard.tsx +++ b/src/components/DocumentationView/CicdResourcesCard.tsx @@ -8,7 +8,7 @@ export function CicdResourcesCard() { - Additional Resources + {cicdData.resourcesTitle} diff --git a/src/components/DocumentationView/IntegrationPoint.tsx b/src/components/DocumentationView/IntegrationPoint.tsx deleted file mode 100644 index 490822c..0000000 --- a/src/components/DocumentationView/IntegrationPoint.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { Sparkle } from '@phosphor-icons/react' - -export function IntegrationPoint({ component, capabilities }: { component: string; capabilities: string[] }) { - return ( -
      -

      - - {component} -

      -
        - {capabilities.map((capability, idx) => ( -
      • - • - {capability} -
        • - ))} -
      -
      - ) -} diff --git a/src/components/DocumentationView/PipelineStageCard.tsx b/src/components/DocumentationView/PipelineStageCard.tsx deleted file mode 100644 index 434b630..0000000 --- a/src/components/DocumentationView/PipelineStageCard.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import { Card, CardContent } from '@/components/ui/card' -import { Badge } from '@/components/ui/badge' - -export function PipelineStageCard({ stage, description, duration }: { - stage: string - description: string - duration: string -}) { - return ( - - -
      -
      -

      {stage}

      -

      {description}

      -
      - - {duration} - -
      -       -       - ) -} diff --git a/src/components/DocumentationView/PwaFeaturesCard.tsx b/src/components/DocumentationView/PwaFeaturesCard.tsx index 2f578f4..8bf34e1 100644 --- a/src/components/DocumentationView/PwaFeaturesCard.tsx +++ b/src/components/DocumentationView/PwaFeaturesCard.tsx @@ -6,8 +6,8 @@ export function PwaFeaturesCard() { return ( - PWA Features - Native app capabilities in your browser + {pwaData.featuresTitle} + {pwaData.featuresDescription} {pwaData.features.map((feature) => ( diff --git a/src/components/DocumentationView/PwaInstallationSection.tsx b/src/components/DocumentationView/PwaInstallationSection.tsx index d873755..7901490 100644 --- a/src/components/DocumentationView/PwaInstallationSection.tsx +++ b/src/components/DocumentationView/PwaInstallationSection.tsx @@ -26,10 +26,10 @@ function InstallationCard({ title, items }: { title: string; items: { title: str export function PwaInstallationSection() { return (
      -

      Installation

      +

      {pwaData.installationTitle}

      - - + +
      ) diff --git a/src/components/DocumentationView/PwaOfflineSection.tsx b/src/components/DocumentationView/PwaOfflineSection.tsx index 5837ff7..ecc6705 100644 --- a/src/components/DocumentationView/PwaOfflineSection.tsx +++ b/src/components/DocumentationView/PwaOfflineSection.tsx @@ -18,14 +18,14 @@ function OfflineList({ items, accent }: { items: string[]; accent: boolean }) { export function PwaOfflineSection() { return (
      -

      Offline Capabilities

      +

      {pwaData.offlineTitle}

      - Works Offline + {pwaData.offlineWorksTitle} @@ -37,7 +37,7 @@ export function PwaOfflineSection() { - Requires Internet + {pwaData.offlineRequiresTitle} diff --git a/src/components/DocumentationView/PwaOverviewSection.tsx b/src/components/DocumentationView/PwaOverviewSection.tsx index 1e8d4d3..7daf495 100644 --- a/src/components/DocumentationView/PwaOverviewSection.tsx +++ b/src/components/DocumentationView/PwaOverviewSection.tsx @@ -18,7 +18,7 @@ export function PwaOverviewSection() {
      -

      Overview

      +

      {pwaData.overviewTitle}

      {pwaData.overview}

      diff --git a/src/components/DocumentationView/PwaProTipsCard.tsx b/src/components/DocumentationView/PwaProTipsCard.tsx index b8ba7e2..3e09d26 100644 --- a/src/components/DocumentationView/PwaProTipsCard.tsx +++ b/src/components/DocumentationView/PwaProTipsCard.tsx @@ -8,7 +8,7 @@ export function PwaProTipsCard() { - Pro Tips + {pwaData.proTipsTitle} diff --git a/src/components/DocumentationView/PwaSettingsCard.tsx b/src/components/DocumentationView/PwaSettingsCard.tsx index 5b10c6b..4710271 100644 --- a/src/components/DocumentationView/PwaSettingsCard.tsx +++ b/src/components/DocumentationView/PwaSettingsCard.tsx @@ -5,14 +5,12 @@ import pwaData from '@/data/documentation/pwa-data.json' export function PwaSettingsCard() { return (
      -

      PWA Settings

      -

      - Navigate to the PWA tab to manage all Progressive Web App features: -

      +

      {pwaData.settingsTitle}

      +

      {pwaData.settingsDescription}

      - Available Controls + {pwaData.settingsCardTitle} {pwaData.settings.map((setting, index) => ( diff --git a/src/components/DocumentationView/ReadmeTab.tsx b/src/components/DocumentationView/ReadmeTab.tsx index 7d8ce82..572c2d0 100644 --- a/src/components/DocumentationView/ReadmeTab.tsx +++ b/src/components/DocumentationView/ReadmeTab.tsx @@ -28,7 +28,7 @@ export function ReadmeTab() {
      -

      Overview

      +

      {readmeData.sections.overviewTitle}

      {readmeData.overview}

      @@ -36,7 +36,7 @@ export function ReadmeTab() { - Key Features + {readmeData.sections.featuresTitle} @@ -55,7 +55,7 @@ export function ReadmeTab() {
      -

      Getting Started

      +

      {readmeData.sections.gettingStartedTitle}

      {readmeData.gettingStarted.map((step) => ( @@ -74,9 +74,9 @@ export function ReadmeTab() {
      -

      AI-Powered Features

      +

      {readmeData.sections.aiFeaturesTitle}

      - CodeForge integrates OpenAI across every designer to accelerate development: + {readmeData.sections.aiFeaturesDescription}

      {readmeData.aiFeatures.map((feature, idx) => ( @@ -86,11 +86,11 @@ export function ReadmeTab() {
      -

      Technology Stack

      +

      {readmeData.sections.techStackTitle}

      - Frontend + {readmeData.sections.techStackFrontendTitle}
        @@ -105,7 +105,7 @@ export function ReadmeTab() { - Backend & Tools + {readmeData.sections.techStackBackendTitle}
          @@ -125,7 +125,7 @@ export function ReadmeTab() { - Pro Tips + {readmeData.sections.proTipsTitle} diff --git a/src/components/DocumentationView/RoadmapTab.tsx b/src/components/DocumentationView/RoadmapTab.tsx index 9e55773..1116773 100644 --- a/src/components/DocumentationView/RoadmapTab.tsx +++ b/src/components/DocumentationView/RoadmapTab.tsx @@ -6,13 +6,13 @@ import { RoadmapItem } from './RoadmapItem' const sections = [ { key: 'completed', - title: 'Completed Features', + title: roadmapData.sections.completedTitle, icon: , items: roadmapData.completed }, { key: 'planned', - title: 'Planned Features', + title: roadmapData.sections.plannedTitle, icon: , items: roadmapData.planned } diff --git a/src/components/DocumentationView/SassAnimationsCard.tsx b/src/components/DocumentationView/SassAnimationsCard.tsx index a83da81..0a45934 100644 --- a/src/components/DocumentationView/SassAnimationsCard.tsx +++ b/src/components/DocumentationView/SassAnimationsCard.tsx @@ -6,8 +6,8 @@ export function SassAnimationsCard() { return ( - Animation Classes - Pre-built animation utilities + {sassData.animationsTitle} + {sassData.animationsDescription}
          diff --git a/src/components/DocumentationView/SassBestPracticesCard.tsx b/src/components/DocumentationView/SassBestPracticesCard.tsx index 23c27e2..b14a629 100644 --- a/src/components/DocumentationView/SassBestPracticesCard.tsx +++ b/src/components/DocumentationView/SassBestPracticesCard.tsx @@ -8,7 +8,7 @@ export function SassBestPracticesCard() { - Best Practices + {sassData.bestPracticesTitle} diff --git a/src/components/DocumentationView/SassComponentItem.tsx b/src/components/DocumentationView/SassComponentItem.tsx deleted file mode 100644 index a34905b..0000000 --- a/src/components/DocumentationView/SassComponentItem.tsx +++ /dev/null @@ -1,13 +0,0 @@ -export function SassComponentItem({ name, classes, description }: { name: string; classes: string[]; description: string }) { - return ( -
          -

          {name}

          -

          {description}

          -
          - {classes.map((cls, idx) => ( - {cls} - ))} -
          -
          - ) -} diff --git a/src/components/DocumentationView/SassComponentsCard.tsx b/src/components/DocumentationView/SassComponentsCard.tsx index 57203f0..986ecda 100644 --- a/src/components/DocumentationView/SassComponentsCard.tsx +++ b/src/components/DocumentationView/SassComponentsCard.tsx @@ -6,8 +6,8 @@ export function SassComponentsCard() { return ( - Available Components - Custom Material UI components built with Sass + {sassData.componentsTitle} + {sassData.componentsDescription}
          diff --git a/src/components/DocumentationView/SassFileStructureCard.tsx b/src/components/DocumentationView/SassFileStructureCard.tsx index bd82bb7..4d1c6c0 100644 --- a/src/components/DocumentationView/SassFileStructureCard.tsx +++ b/src/components/DocumentationView/SassFileStructureCard.tsx @@ -5,7 +5,7 @@ export function SassFileStructureCard() { return ( - File Structure + {sassData.fileStructureTitle} {sassData.fileStructure.map((item) => ( diff --git a/src/components/DocumentationView/SassLayoutCard.tsx b/src/components/DocumentationView/SassLayoutCard.tsx index 8ab38aa..9cb1dcf 100644 --- a/src/components/DocumentationView/SassLayoutCard.tsx +++ b/src/components/DocumentationView/SassLayoutCard.tsx @@ -7,8 +7,8 @@ export function SassLayoutCard() { return ( - Layout Components - Sass-powered layout utilities + {sassData.layoutTitle} + {sassData.layoutDescription} {sassData.layoutComponents.map((item) => ( diff --git a/src/components/DocumentationView/SassOverviewSection.tsx b/src/components/DocumentationView/SassOverviewSection.tsx index b2627b8..4e46652 100644 --- a/src/components/DocumentationView/SassOverviewSection.tsx +++ b/src/components/DocumentationView/SassOverviewSection.tsx @@ -18,7 +18,7 @@ export function SassOverviewSection() {
          -

          Overview

          +

          {sassData.overviewTitle}

          {sassData.overview}

          diff --git a/src/components/DocumentationView/SassQuickStartCard.tsx b/src/components/DocumentationView/SassQuickStartCard.tsx index 4cd8494..38c3e8d 100644 --- a/src/components/DocumentationView/SassQuickStartCard.tsx +++ b/src/components/DocumentationView/SassQuickStartCard.tsx @@ -9,7 +9,7 @@ export function SassQuickStartCard() { - Quick Start Example + {sassData.quickStartTitle} diff --git a/src/components/DocumentationView/SassUtilitiesCard.tsx b/src/components/DocumentationView/SassUtilitiesCard.tsx index ddf8199..ebc2d2f 100644 --- a/src/components/DocumentationView/SassUtilitiesCard.tsx +++ b/src/components/DocumentationView/SassUtilitiesCard.tsx @@ -7,8 +7,8 @@ export function SassUtilitiesCard() { return ( - Sass Utilities & Mixins - Reusable functions for custom styling + {sassData.utilitiesTitle} + {sassData.utilitiesDescription}
          diff --git a/src/data/documentation/agents-data.json b/src/data/documentation/agents-data.json index 2593bf9..44fda73 100644 --- a/src/data/documentation/agents-data.json +++ b/src/data/documentation/agents-data.json @@ -1,6 +1,15 @@ { "title": "Agents Files", "subtitle": "AI agent configuration and service architecture", + "overviewTitle": "AI Service Architecture", + "coreServicesTitle": "Core AI Services", + "coreServicesDescription": "Primary modules handling AI operations", + "coreServicesFeaturesLabel": "Key Features:", + "integrationPointsTitle": "AI Integration Points", + "integrationPointsDescription": "Features enhanced by AI capabilities", + "promptEngineeringTitle": "Prompt Engineering", + "promptEngineeringDescription": "How we optimize AI interactions", + "futureEnhancementsTitle": "Future AI Enhancements", "overview": "CodeForge uses a modular AI service architecture that integrates OpenAI's GPT models across all features. Each designer has specialized prompts and validation logic to ensure high-quality generated code.", "coreServices": [ { diff --git a/src/data/documentation/cicd-data.json b/src/data/documentation/cicd-data.json index 40820dd..58e81ea 100644 --- a/src/data/documentation/cicd-data.json +++ b/src/data/documentation/cicd-data.json @@ -1,6 +1,22 @@ { "title": "CI/CD Guide", "subtitle": "Complete deployment automation for multiple platforms", + "overviewTitle": "Overview", + "platformsTitle": "Available Configurations", + "platformsFeaturesLabel": "Key Features:", + "pipelineTitle": "Pipeline Stages", + "dockerTitle": "Docker Configuration", + "dockerDescription": "Containerization for production deployment", + "dockerFilesTitle": "Files Included", + "dockerCommandsTitle": "Docker Commands", + "dockerFeaturesTitle": "Features", + "envVarsTitle": "Environment Variables", + "envVarsDescription": "Required configuration for CI/CD platforms", + "envVarsColumns": ["Variable", "Description", "Required"], + "branchStrategyTitle": "Branch Strategy", + "quickStartTitle": "Quick Start", + "bestPracticesTitle": "Best Practices", + "resourcesTitle": "Additional Resources", "overview": "CodeForge includes production-ready CI/CD configurations for GitHub Actions, GitLab CI, Jenkins, and CircleCI. Each pipeline includes linting, testing, security scanning, Docker image building, and automated deployment workflows.", "platforms": [ { diff --git a/src/data/documentation/pwa-data.json b/src/data/documentation/pwa-data.json index d599c31..5c302d5 100644 --- a/src/data/documentation/pwa-data.json +++ b/src/data/documentation/pwa-data.json @@ -1,6 +1,19 @@ { "title": "Progressive Web App", "subtitle": "Offline-first experience with native-like capabilities", + "overviewTitle": "Overview", + "featuresTitle": "PWA Features", + "featuresDescription": "Native app capabilities in your browser", + "installationTitle": "Installation", + "installationDesktopTitle": "Desktop Installation", + "installationMobileTitle": "Mobile Installation", + "settingsTitle": "PWA Settings", + "settingsDescription": "Navigate to the PWA tab to manage all Progressive Web App features:", + "settingsCardTitle": "Available Controls", + "offlineTitle": "Offline Capabilities", + "offlineWorksTitle": "Works Offline", + "offlineRequiresTitle": "Requires Internet", + "proTipsTitle": "Pro Tips", "overview": "CodeForge is a fully-featured Progressive Web App that can be installed on any device and works offline. With intelligent caching, automatic updates, and native app-like features, you can build applications anywhere, anytime.", "features": [ { diff --git a/src/data/documentation/readme-data.json b/src/data/documentation/readme-data.json index e95f640..4981928 100644 --- a/src/data/documentation/readme-data.json +++ b/src/data/documentation/readme-data.json @@ -1,6 +1,17 @@ { "title": "CodeForge", "subtitle": "Low-Code Next.js App Builder with AI", + "sections": { + "overviewTitle": "Overview", + "featuresTitle": "Key Features", + "gettingStartedTitle": "Getting Started", + "aiFeaturesTitle": "AI-Powered Features", + "aiFeaturesDescription": "CodeForge integrates OpenAI across every designer to accelerate development:", + "techStackTitle": "Technology Stack", + "techStackFrontendTitle": "Frontend", + "techStackBackendTitle": "Backend & Tools", + "proTipsTitle": "Pro Tips" + }, "overview": "CodeForge is a comprehensive visual low-code platform for generating production-ready Next.js applications. It combines the power of visual designers with direct code editing, AI-powered generation, and a complete full-stack development toolkit.", "features": [ { diff --git a/src/data/documentation/roadmap-data.json b/src/data/documentation/roadmap-data.json index 18b2bdd..af194cf 100644 --- a/src/data/documentation/roadmap-data.json +++ b/src/data/documentation/roadmap-data.json @@ -1,6 +1,10 @@ { "title": "Product Roadmap", "subtitle": "Features delivered and planned for CodeForge development", + "sections": { + "completedTitle": "Completed Features", + "plannedTitle": "Planned Features" + }, "completed": [ { "title": "Monaco Code Editor Integration", diff --git a/src/data/documentation/sass-data.json b/src/data/documentation/sass-data.json index 60781e3..7e47c9e 100644 --- a/src/data/documentation/sass-data.json +++ b/src/data/documentation/sass-data.json @@ -1,6 +1,18 @@ { "title": "Sass Styles Guide", "subtitle": "Custom Material UI components with Sass", + "overviewTitle": "Overview", + "fileStructureTitle": "File Structure", + "componentsTitle": "Available Components", + "componentsDescription": "Custom Material UI components built with Sass", + "layoutTitle": "Layout Components", + "layoutDescription": "Sass-powered layout utilities", + "utilitiesTitle": "Sass Utilities & Mixins", + "utilitiesDescription": "Reusable functions for custom styling", + "animationsTitle": "Animation Classes", + "animationsDescription": "Pre-built animation utilities", + "quickStartTitle": "Quick Start Example", + "bestPracticesTitle": "Best Practices", "overview": "CodeForge includes a comprehensive Sass-based styling system for non-standard Material UI components. This system provides pre-built components, utilities, mixins, and animations that extend beyond the standard Material UI component library.", "fileStructure": [ {
      VariableDescriptionRequired{column}