Merge dev into main (#17)

* fix: github star count, footer font and animation block

* fix: reuse component homepage card in mobile screen

* fix: reuse component animation

* fix: reuse animation timing and ref

* fix: type errors in vite and broken links

* chore(cli): updated the css file template

* fix(cli): website url changed from localhost to radianos

* chore(cli): new version v0.1.2 published

* perf(website): get-package-info cache set to no-store and removed revalidate

* chore: check to see if github stars is being shown

* chore: github button implementation updated

* chore: implemented the counting animation in github stars button

* chore: check to see if github stars is being shown

* chore: check to see if github stars is being shown

* feat(website): get-early-updates dialog implemented on landing page

* style(website): get-early-updates dialog styling changed

* chore(website): get-product-updates parameter to open dialog

* feat(blog): email-subscribe functionality added to the form

* docs: inverted-section and replaced with &

* fix: hover and link on animation list component removed

* style: copy terminal command  toast styles updated

* style: website.css heading's letter tracking set to -1%

* fix: figma docs update

* fix: community card pattern and color update

* fix: figma cover image width and cta card pattern width

* fix: blur image in dark-mode-playground

* fix: usesage of lunk button in alert

* style: accordion trigger and chevron gap set for FAQs

* fix: figma width

* chore: video added

* fix: video aspect ratio applied and youtube video link added

* fix: youtube embeded link

* fix: youtube embed

* fix: video embed youtube

* fix: video width and beam animation

* fix: table hover bg-fill1 and beam alignment

* chore: .env.example updated with clarity

* fix: add missing border colors in docs and change tab active text color

* fix: minor z index issues

* chore: fix typography headings

* refactor: dark and light image added in reuseable ui blocks component

* fix: reuseable float animation removed and image update

* fix: homepage home-interactive section height update for small screen

* chore(og): og static and dynamic images updated to new

* chore(og): static og image updated to new dimension

* style: email template background set

* fix: base component section image size and badge size

* fix: gradient in base component

* fix: fix font issue in docs

* fix: blocks search icon and add extra block links

* fix: svg height

* fix: readme file image link updated for website

* chore: ibm-plex-sans font import url fixed and global css template for cli updated

* chore(cli): released v0.1.3 radianui

* style: change search command badge variant

* chore: figma-card.tsx and upload.tsx updated

* fix: removed gradient in bottom of cta section

* fix: correct signup form label id

* feat(website): add virtualized list example for combobox

* refactor: carousel image refactor

* fix: safari browser video

* fix: video format changed for safari

* fix: video tag updated for safari compatibility

* test: debug video issue for safari

* test: safari test with simple video implementation

* test: safari autoplay

* test: safari video loading

* test: fallback poster and webm video format added

* fix: adding cache for version

* fix: build error

* feat(sidebar): add initial sidebar implementation

* feat: add temporary sidebar route

* chore: minor changes/fix

- open blocks link in new tab
- remove arrow in sidebar tooltip

* style(sidebar): add collapsed icon styles for sidebar examples

* style(sidebar): nested collapsible sidebar poc

* fix: playground section bg color inverted

* style(sidebar): remove nested collapsible hover logic

* fix: playground color

* chore: color input added

* test: llms.txt file added

* chore: llms text file of components and it's examples

* fix: color updated

* chore: llms.txt file updated

* fix: url in llms.txt

* fix: unused color removed, llms.txt update and playground border updated to soft

* fix: border color update

* docs: add sidebar docs page

* refactor: replace custom CodeSnippet component with standard MDX code blocks

- Remove all <CodeSnippet> component usages in MDX files
- Use default MDX code fence (```) syntax for code formatting
- This enables Contentlayer to handle code highlighting consistently and
  reduces custom component overhead

The change simplifies the codebase by relying on MDX's native code block
support, making future maintenance easier and improving compatibility
with standard Markdown tooling.

* perf: replace CodeSnippet with ComponentSource in ComponentPreview

ComponentSource caches highlighted code output, avoiding redundant
syntax highlighting on every render. CodeSnippet recomputes this
on each call, making it slower for frequently rendered previews.

* chore: formatting issue

---------

Co-authored-by: yube01 <yubraja008@gmail.com>
Co-authored-by: Ashmit72 <ashmitbastola@gmail.com>
Co-authored-by: Be-En-AyA <bt.binaya@gmail.com>
Co-authored-by: Ashmit Bastola <114178696+Ashmit72@users.noreply.github.com>
Co-authored-by: Binaya Thapa <106618310+BeEnAyA@users.noreply.github.com>

Author: 4 people

.prettierrc

@@ -1,23 +1,24 @@
 {
-    "$schema": "https://json.schemastore.org/prettierrc",
-    "printWidth": 180,
-    "tabWidth": 2,
-    "useTabs": true,
-    "semi": false,
-    "singleQuote": false,
-    "bracketSameLine": true,
-    "trailingComma": "es5",
-    "plugins": [
-        "@trivago/prettier-plugin-sort-imports",
-        "prettier-plugin-tailwindcss"
-    ],
-    "importOrder": [
-        "^react$",
-        "^react/(.*)$",
-        "<THIRD_PARTY_MODULES>",
-        "^@/(.*)$",
-        "^[./]"
-    ],
-    "importOrderSeparation": false,
-    "importOrderSortSpecifiers": true
-}
+	"$schema": "https://json.schemastore.org/prettierrc",
+	"tabWidth": 2,
+	"useTabs": true,
+	"semi": false,
+	"singleQuote": false,
+	"bracketSameLine": true,
+	"trailingComma": "es5",
+	"plugins": [
+		"@trivago/prettier-plugin-sort-imports",
+		"prettier-plugin-tailwindcss"
+	],
+	"importOrder": [
+		"^react$",
+		"^react/(.*)$",
+		"<THIRD_PARTY_MODULES>",
+		"^@/(.*)$",
+		"^[./]"
+	],
+	"importOrderSeparation": false,
+	"importOrderSortSpecifiers": true,
+	"printWidth": 80,
+	"endOfLine": "lf"
+}

apps/website/contentlayer.config.ts

@@ -1,6 +1,12 @@
-import { defineDocumentType, defineNestedType, makeSource } from "contentlayer2/source-files"
+import {
+	defineDocumentType,
+	defineNestedType,
+	makeSource,
+} from "contentlayer2/source-files"
+import rehypePrettyCode from "rehype-pretty-code"
 import rehypeSlug from "rehype-slug"
 import remarkGfm from "remark-gfm"
+import { transformers } from "@/lib/highligh-code"
 
 export const LinkProperties = defineNestedType(() => ({
 	name: "Links",
@@ -31,7 +37,11 @@ const LinksField = defineNestedType(() => ({
 	name: "LinksField",
 	fields: {
 		github: { type: "nested", of: GithubLink, required: false },
-		externalReference: { type: "list", of: ExternalReferenceLink, required: false },
+		externalReference: {
+			type: "list",
+			of: ExternalReferenceLink,
+			required: false,
+		},
 	},
 }))
 
@@ -81,7 +91,8 @@ export const Doc = defineDocumentType(() => ({
 		},
 		slugAsParams: {
 			type: "string",
-			resolve: (doc: any) => doc._raw.flattenedPath.split("/").slice(1).join("/"),
+			resolve: (doc: any) =>
+				doc._raw.flattenedPath.split("/").slice(1).join("/"),
 		},
 	},
 }))
@@ -116,13 +127,18 @@ export const Blog = defineDocumentType(() => ({
 		},
 		slugAsParams: {
 			type: "string",
-			resolve: (doc: any) => doc._raw.flattenedPath.split("/").slice(1).join("/"),
+			resolve: (doc: any) =>
+				doc._raw.flattenedPath.split("/").slice(1).join("/"),
 		},
 		formattedDate: {
 			type: "string",
 			resolve: (doc) => {
 				const date = new Date(doc.date)
-				const options: Intl.DateTimeFormatOptions = { year: "numeric", month: "long", day: "numeric" }
+				const options: Intl.DateTimeFormatOptions = {
+					year: "numeric",
+					month: "long",
+					day: "numeric",
+				}
 				return date.toLocaleDateString("en-US", options)
 			},
 		},
@@ -135,6 +151,19 @@ export default makeSource({
 	disableImportAliasWarning: true,
 	mdx: {
 		remarkPlugins: [remarkGfm],
-		rehypePlugins: [rehypeSlug],
+		rehypePlugins: [
+			rehypeSlug,
+			[
+				rehypePrettyCode,
+				{
+					theme: {
+						dark: "github-dark",
+						light: "github-light",
+					},
+					keepBackground: true,
+					transformers,
+				},
+			],
+		],
 	},
 })

apps/website/next.config.js

@@ -102,6 +102,10 @@ const nextConfig = {
 				pathname: "/photo/**",
 				search: "",
 			},
+			{
+				protocol: "https",
+				hostname: "images.unsplash.com",
+			},
 		],
 	},
 	compiler: {
@@ -114,6 +118,16 @@ const nextConfig = {
 	experimental: {
 		optimizePackageImports: ["lucide-react"],
 	},
-	compress: false, // Let cloudflare handle the compression
+	compress: false, // Let cloudflare handle the compression,
+	webpack: (config, { isServer }) => {
+		if (!isServer) {
+			config.resolve.fallback = {
+				...config.resolve.fallback,
+				fs: false,
+				path: false,
+			}
+		}
+		return config
+	},
 }
 export default withBundleAnalyzer(withContentlayer(nextConfig))

apps/website/package.json

@@ -5,7 +5,7 @@
 	"private": true,
 	"scripts": {
 		"dev": "next dev --port 3001",
-		"build": "contentlayer2 build && pnpm run generate-component-json && pnpm run generate-examples-json && next build",
+		"build": "contentlayer2 build && pnpm run generate-component-json && pnpm run generate-examples-json && pnpm run build:llms && next build",
 		"start": "next start",
 		"db:generate": "drizzle-kit generate",
 		"db:migrate": "drizzle-kit migrate",
@@ -14,7 +14,8 @@
 		"lint": "next lint",
 		"postbuild": "next-sitemap --config next-sitemap.config.cjs",
 		"generate-component-json": "tsx src/scripts/generate-component-json.ts",
-		"generate-examples-json": "tsx src/scripts/generate-examples-json.ts"
+		"generate-examples-json": "tsx src/scripts/generate-examples-json.ts",
+		"build:llms": "tsx src/scripts/generate-llms.ts"
 	},
 	"dependencies": {
 		"@dnd-kit/core": "^6.3.1",
@@ -58,6 +59,7 @@
 		"@react-email/components": "^1.0.1",
 		"@react-email/render": "^2.0.0",
 		"@tanstack/react-table": "^8.21.2",
+		"@tanstack/react-virtual": "^3.13.18",
 		"@types/country-flag-icons": "^1.2.2",
 		"@types/fs-extra": "^11.0.4",
 		"@types/mdx": "^2.0.13",
@@ -81,6 +83,7 @@
 		"github-slugger": "^2.0.0",
 		"hast-util-to-jsx-runtime": "^2.3.6",
 		"input-otp": "^1.4.2",
+		"lru-cache": "^11.2.6",
 		"lucide-react": "^0.486.0",
 		"mdx-bundler": "^10.1.1",
 		"motion": "^12.15.0",
@@ -102,6 +105,7 @@
 		"react-resizable-panels": "^2.1.7",
 		"react-shiki": "^0.7.2",
 		"recharts": "2.15.4",
+		"rehype-pretty-code": "^0.14.1",
 		"remark": "^15.0.1",
 		"remark-gfm": "^4.0.1",
 		"resend": "^6.5.2",