🏗️ Init turbo-repo

.gitignore

@@ -1,7 +1,7 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
-/node_modules
+node_modules
 /.pnp
 .pnp.js
 /.yarn
@@ -36,4 +36,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 
-.turbo
+.turbo
+
+dist

apps/website/__tests__/components/component-categories.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
-import { SectionsList } from "@/src/lib/cuicui-components/sections-list";
-import { getFileContentAsString } from "@/src/utils/get-file-content-as-string";
+import { SectionsList } from "@cuicui/ui";
+import { getFileContentAsString } from "#/src/utils/get-file-content-as-string";
 
 describe("SectionsList", () => {
 	it("should have the correct number of sections", () => {

apps/website/__tests__/components/get-file-content-as-string.test.tsx

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { getFileContentAsString } from "@/src/utils/get-file-content-as-string";
+import { getFileContentAsString } from "#/src/utils/get-file-content-as-string";
 
 describe("getFileContentAsString", () => {
 	it("should return the content of the file", async () => {

apps/website/__tests__/home-h1.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from "@testing-library/react";
 import { describe, expect, it } from "vitest";
-import HomePage from "@/src/app/page";
+import HomePage from "#/src/app/page";
 
 const gettingStartedRegex = /getting-started$/;
 

apps/website/__tests__/sidemenu.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
-import NavigationMenu from "@/src/components/navigation/navigation-menu";
+import NavigationMenu from "#/src/components/navigation/navigation-menu";
 
 const gettingStartedRegex = /getting-started$/;
 

apps/website/next.config.js

@@ -1,17 +1,17 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  // experimental: {
-  //   serverComponentsExternalPackages: ["shiki", "vscode-oniguruma"],
-  // },
-  transpilePackages: ["shiki"],
-  images: {
-    remotePatterns: [
-      {
-        protocol: "https",
-        hostname: "**",
-      },
-    ],
-  },
+	// experimental: {
+	//   serverComponentsExternalPackages: ["shiki", "vscode-oniguruma"],
+	// },
+	transpilePackages: ["shiki"],
+	images: {
+		remotePatterns: [
+			{
+				protocol: "https",
+				hostname: "**",
+			},
+		],
+	},
 };
 
 module.exports = nextConfig;

apps/website/package.json

@@ -89,7 +89,8 @@
   "publisher": "Damien Schneider",
   "scripts": {
     "build": "next build",
-    "dev": "next dev --turbo",
+    "dev": "next dev",
+    "start": "next start",
     "format:check": "biome format --check ./src",
     "format:write": "biome format --write ./src",
     "generate-package-list-check": "node scripts/generate-package-list-check.js",
@@ -99,7 +100,6 @@
     "lint:apply": "biome check --apply ./src",
     "lint:check": "biome check ./src",
     "lint:write-unsafe": "biome check --write --unsafe ./src",
-    "start": "next start",
     "test": "vitest",
     "test:watch": "vitest --watch"
   },

apps/website/scripts/generate-package-list-check.js

@@ -14,7 +14,7 @@ const outputTsPath = path.join(
 	"generated-package-check-list-to-install.ts",
 );
 
-const importStatement = `import type { PackageToInstallType } from "@/src/components/steps-to-install/packages";\n`;
+const importStatement = `import type { PackageToInstallType } from "#/src/components/steps-to-install/packages";\n`;
 const commentStatement =
 	"// This is an automated generated file with the ./scripts/generate-package-list-check.ts script\n";
 

apps/website/src/app/(components)/[section]/[category]/layout.tsx

@@ -3,9 +3,9 @@ import Head from "next/head";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import type { ReactNode } from "react";
-import { NEXT_PUBLIC_SITE_URL } from "@/src/lib/site.const";
-import { findCategoryBySlug } from "@/src/utils/section-category-components-utils/find-category-by-slug";
-import { findSectionBySlug } from "@/src/utils/section-category-components-utils/find-section-by-slug";
+import { NEXT_PUBLIC_SITE_URL } from "#/src/lib/site.const";
+import { findCategoryBySlug } from "#/src/utils/section-category-components-utils/find-category-by-slug";
+import { findSectionBySlug } from "#/src/utils/section-category-components-utils/find-section-by-slug";
 
 type Props = {
 	children: ReactNode;

apps/website/src/app/(components)/[section]/[category]/multiple-component-section.tsx

@@ -1,11 +1,11 @@
 import { notFound } from "next/navigation";
-import { fetchMultipleComponentData } from "@/src/app/(components)/[section]/[category]/process-variant-data";
-import ComingSoonCard from "@/src/components/coming-soon";
-import HeaderComponent from "@/src/components/component-wrapper/header-component";
-import InspirationComponentFooter from "@/src/components/component-wrapper/inspiration-component-footer";
-import VariantTabs from "@/src/components/component-wrapper/variant-tabs";
-import type { CategoryType, SectionType } from "@/src/lib/types/component";
-import GithubEditButton from "@/src/components/component-wrapper/github-edit-button";
+import { fetchMultipleComponentData } from "#/src/app/(components)/[section]/[category]/process-variant-data";
+import ComingSoonCard from "#/src/components/coming-soon";
+import HeaderComponent from "#/src/components/component-wrapper/header-component";
+import InspirationComponentFooter from "#/src/components/component-wrapper/inspiration-component-footer";
+import VariantTabs from "#/src/components/component-wrapper/variant-tabs";
+import type { CategoryType, SectionType } from "#/src/lib/types/component";
+import GithubEditButton from "#/src/components/component-wrapper/github-edit-button";
 
 export default async function MultipleComponentCategory({
 	category,

apps/website/src/app/(components)/[section]/[category]/page.tsx

@@ -1,12 +1,12 @@
 import { notFound } from "next/navigation";
-import MultipleComponentCategory from "@/src/app/(components)/[section]/[category]/multiple-component-section";
-import SingleComponentCategory from "@/src/app/(components)/[section]/[category]/single-component-section";
-import { SectionsList } from "@/src/lib/cuicui-components/sections-list";
+import MultipleComponentCategory from "#/src/app/(components)/[section]/[category]/multiple-component-section";
+import SingleComponentCategory from "#/src/app/(components)/[section]/[category]/single-component-section";
+import { SectionsList } from "@cuicui/ui";
 import type {
 	CategoryType,
 	SingleComponentCategoryType,
-} from "@/src/lib/types/component";
-import { findCategoryBySlug } from "@/src/utils/section-category-components-utils/find-category-by-slug";
+} from "#/src/lib/types/component";
+import { findCategoryBySlug } from "#/src/utils/section-category-components-utils/find-category-by-slug";
 type Props = {
 	params: {
 		section: string;

apps/website/src/app/(components)/[section]/[category]/process-variant-data.ts

@@ -2,8 +2,8 @@ import type {
 	ComponentType,
 	SingleComponentType,
 	VariantType,
-} from "@/src/lib/types/component";
-import { getFileContentAsString } from "@/src/utils/get-file-content-as-string";
+} from "#/src/lib/types/component";
+import { getFileContentAsString } from "#/src/utils/get-file-content-as-string";
 
 interface ProcessedVariant extends VariantType {
 	previewCode: string;

apps/website/src/app/(components)/[section]/[category]/single-component-section.tsx

@@ -1,14 +1,14 @@
 import { notFound } from "next/navigation";
-import { fetchSingleComponentData } from "@/src/app/(components)/[section]/[category]/process-variant-data";
-import ComingSoonCard from "@/src/components/coming-soon";
-import HeaderComponent from "@/src/components/component-wrapper/header-component";
-import InspirationComponentFooter from "@/src/components/component-wrapper/inspiration-component-footer";
-import VariantTabs from "@/src/components/component-wrapper/variant-tabs";
+import { fetchSingleComponentData } from "#/src/app/(components)/[section]/[category]/process-variant-data";
+import ComingSoonCard from "#/src/components/coming-soon";
+import HeaderComponent from "#/src/components/component-wrapper/header-component";
+import InspirationComponentFooter from "#/src/components/component-wrapper/inspiration-component-footer";
+import VariantTabs from "#/src/components/component-wrapper/variant-tabs";
 import type {
 	SectionType,
 	SingleComponentCategoryType,
-} from "@/src/lib/types/component";
-import GithubEditButton from "@/src/components/component-wrapper/github-edit-button";
+} from "#/src/lib/types/component";
+import GithubEditButton from "#/src/components/component-wrapper/github-edit-button";
 
 export default async function SingleComponentCategory({
 	category,

apps/website/src/app/(components)/[section]/layout.tsx

@@ -3,8 +3,8 @@ import Head from "next/head";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import type { ReactNode } from "react";
-import { NEXT_PUBLIC_SITE_URL } from "@/src/lib/site.const";
-import { findSectionBySlug } from "@/src/utils/section-category-components-utils/find-section-by-slug";
+import { NEXT_PUBLIC_SITE_URL } from "#/src/lib/site.const";
+import { findSectionBySlug } from "#/src/utils/section-category-components-utils/find-section-by-slug";
 
 type Props = {
 	children: ReactNode;

apps/website/src/app/(components)/[section]/page.tsx

@@ -1,9 +1,9 @@
 import Link from "next/link";
 import { notFound } from "next/navigation";
-import { MainMenuCardContent } from "@/src/app/card";
-import MenuSectionWrapper from "@/src/components/main-menus/menu-category-wrapper";
-import { MainMenusGradientCard } from "@cuicui/ui/src/other/cursors/dynamic-cards/gradient-card";
-import { findSectionBySlug } from "@/src/utils/section-category-components-utils/find-section-by-slug";
+import { MainMenuCardContent } from "#/src/app/card";
+import MenuSectionWrapper from "#/src/components/main-menus/menu-category-wrapper";
+import { MainMenusGradientCard } from "@cuicui/ui/cuicui/other/cursors/dynamic-cards/gradient-card";
+import { findSectionBySlug } from "#/src/utils/section-category-components-utils/find-section-by-slug";
 
 type Props = {
 	params: { section: string };

apps/website/src/app/api/get-components/get-components.utils.ts

@@ -1,4 +1,4 @@
-import type { FileSystemNode } from "@/src/app/api/get-components/route";
+import type { FileSystemNode } from "#/src/app/api/get-components/route";
 
 // Helper function to extract categories from the tree
 export function extractCategories(node: FileSystemNode): CategoryType[] {

apps/website/src/app/api/get-components/route.ts

@@ -6,7 +6,7 @@ import {
 	extractCategories,
 	extractComponents,
 	extractVariants,
-} from "@/src/app/api/get-components/get-components.utils";
+} from "#/src/app/api/get-components/get-components.utils";
 
 export type FileSystemNode = {
 	name: string;
@@ -50,7 +50,7 @@ function getDirectoryTree(dirPath: string): FileSystemNode {
 }
 
 export function GET() {
-	const basePath = join(process.cwd(), "src/ui/cuicui");
+	const basePath = join(process.cwd(), "../../packages/ui/cuicui/");
 	const tree = getDirectoryTree(basePath);
 
 	// Optionally, you can process the tree to extract categories, components, and variants

apps/website/src/app/dev/generate-preview-images/generate-preview-images.tsx

@@ -2,7 +2,7 @@
 
 //TODO -> Save as zip file instead, with all images in section folder & category subfolder with "-light" and "-dark" suffixes
 import { useState, useEffect, useRef, type ReactNode } from "react";
-import { SectionsList } from "@/src/lib/cuicui-components/sections-list";
+import { SectionsList } from "@cuicui/ui";
 import domtoimage from "dom-to-image-more";
 import { useTheme } from "next-themes";
 

apps/website/src/app/getting-started/page.tsx

@@ -1,5 +1,5 @@
-import { CodeContainer } from "@/src/ui/code-command-container";
-import { StaticStep } from "@/src/ui/stepper";
+import { CodeContainer } from "#/src/ui/code-command-container";
+import { StaticStep } from "#/src/ui/stepper";
 
 export default function Page() {
 	return (

apps/website/src/app/layout.tsx

@@ -1,15 +1,15 @@
 import type { Metadata } from "next";
 import { Toaster } from "sonner";
-import "@/src/styles/globals.css";
-import { DesktopSideMenu } from "@/src/components/navigation/desktop-menu";
-import { AddressBar } from "@/src/ui/address-bar";
+import "#/src/styles/globals.css";
+import { DesktopSideMenu } from "#/src/components/navigation/desktop-menu";
+import { AddressBar } from "#/src/ui/address-bar";
 import { MobileMenu } from "../components/navigation/mobile-menu";
 
 import { DM_Sans } from "next/font/google";
 import type { ReactNode } from "react";
-import Providers from "@/src/app/providers";
-import StarGithubProjectButton from "@/src/ui/star-github-project-button";
-import PlausibleScripts from "@/src/components/analytics/plausible-scripts";
+import Providers from "#/src/app/providers";
+import StarGithubProjectButton from "#/src/ui/star-github-project-button";
+import PlausibleScripts from "#/src/components/analytics/plausible-scripts";
 const font = DM_Sans({
 	subsets: ["latin"],
 	display: "swap",

apps/website/src/app/not-found.tsx

@@ -1,4 +1,4 @@
-import NotFoundCard from "@/src/components/not-found-card";
+import NotFoundCard from "#/src/components/not-found-card";
 
 export default function NotFound() {
 	return <NotFoundCard />;

apps/website/src/app/page.tsx

@@ -1,10 +1,10 @@
 import Link from "next/link";
 // import GradientContainer from "../ui/gradient-container";
 
-import MenuSectionWrapper from "@/src/components/main-menus/menu-category-wrapper";
-import { SectionsList } from "@/src/lib/cuicui-components/sections-list";
-import { firstMenuSection } from "@/src/lib/first-menu-section";
-import { MainMenusGradientCard } from "@cuicui/ui/src/other/cursors/dynamic-cards/gradient-card";
+import MenuSectionWrapper from "#/src/components/main-menus/menu-category-wrapper";
+import { SectionsList } from "@cuicui/ui";
+import { firstMenuSection } from "#/src/lib/first-menu-section";
+import { MainMenusGradientCard } from "@cuicui/ui/cuicui/other/cursors/dynamic-cards/gradient-card";
 import { MainMenuCardContent } from "./card";
 
 export default function HomePage() {

apps/website/src/app/sitemap.ts

@@ -1,5 +1,5 @@
 import type { MetadataRoute } from "next";
-import { SectionsList } from "@/src/lib/cuicui-components/sections-list";
+import { SectionsList } from "@cuicui/ui";
 
 export const port = process.env.PORT ?? 3000;
 

apps/website/src/components/analytics/plausible-scripts.tsx

@@ -1,4 +1,4 @@
-import { IS_PRODUCTION, PLAUSIBLE_DOMAIN } from "@/src/lib/site.const";
+import { IS_PRODUCTION, PLAUSIBLE_DOMAIN } from "#/src/lib/site.const";
 import Script from "next/script";
 
 export default function PlausibleScripts() {

apps/website/src/components/component-wrapper/animated-tab-motion-div.tsx

@@ -1,20 +1,20 @@
 "use client";
 import { type MotionProps, motion } from "framer-motion";
 import type React from "react";
-import { cn } from "@/src/utils/cn";
+import { cn } from "#/src/utils/cn";
 export default function AnimatedTabMotionDiv({
-  className,
-  ...props
+	className,
+	...props
 }: React.HTMLProps<HTMLDivElement> & MotionProps) {
-  return (
-    <motion.div
-      animate={{ opacity: 1, scale: 1 }}
-      className={cn("absolute inset-0 z-30", className)}
-      exit={{ opacity: 0, scale: 0.9 }}
-      initial={{ opacity: 0, scale: 0.95 }}
-      layout={true}
-      transition={{ duration: 0.2 }}
-      {...props}
-    />
-  );
+	return (
+		<motion.div
+			animate={{ opacity: 1, scale: 1 }}
+			className={cn("absolute inset-0 z-30", className)}
+			exit={{ opacity: 0, scale: 0.9 }}
+			initial={{ opacity: 0, scale: 0.95 }}
+			layout={true}
+			transition={{ duration: 0.2 }}
+			{...props}
+		/>
+	);
 }