Themes (#580)

* theme's new model; new package: @courselit/page-primitives; a few widgets use primitives partially

* Deleted .yarn folder

* package rename: common-widgets to page-blocks; page blocks now use page primitives;

* Fixed hydration errors

* Page block's x/y padding based on theme now; Page switcher dropdown; Editor's left pane's header fixed; block hover overlay ui overhaul;

* The page blocks are fully ported to use page-primitives; page builder UI enhancements; Page switcher in page builder; page blocks picks the theme mostly (wip); the API returns default theme when no theme is set;

* lint fix

* working selection of fonts; typography with preview; interactives with previews (wip)

* theme > structure settings

* lint fix

* WIP: themes list

* Remove circular dependency between components-library and page-primitives

* Themes almost work (with a few bugs); New system themes; Cleaned up code;

* Fixed header navigation; Refactored default page template as per the classic theme; Email form removed from shared widget

* Github action fix

* Fixed Copilot warnings

* Upgrading pnpm version

* explicit typing

* Made the type generic

* Made the type generic

* added react import

* Added missing imports

* Fixed: redirection after login in app router based login page

* Better theme editing state management

* fixed border style not working in cards

* Merged section Y padding and vertical padding

* Re-designed neobrutalism theme; Fixed shadows

* buttonText property baked into the Theme model

* Theme are now based on ShadCN CSS variables; Removed CSS style props from page-blocks and page-primitives;

* Configurable Tailwind based shadows; Github Icon in header;

* Fixed theme save

* Refined themes; Better theme card click UX; Theme docs template; Renamed hover classes to custom classes in theme builder

* Docs for themes; Removed individual pages for page blocks

* Removed client side loading from public pages as much as possible

* Prettier fixes

* fixed font naming; padding migration; some safe side checks

* Prettier fixes

* Themes only apply to public pages, not pages inside dashboard.

* Updated the docs about themes application

* Prettier fix

* Prettier fix

* Fixed cards and text renderer styling

* Reverted to using div to set the min height

* Fixed: drawer not themed

* Fixed dark mode detection

* format fix

* Format fix

* CodeQL corrections

* Fixed blog styling

* Blog post is fetched on server side; Breadcrumb UI fix; featured image added back

* Communities page ported to use themes; Blog meta fixes; Promise.all usage;

* Fixed meta tags for page

* Fixed migration

* Applied border

* Added migrations instructions

---------

Co-authored-by: Rajat Saxena <hi@rajatsaxena.dev>

Author: rajat1saxena

.github/workflows/test.yaml

@@ -11,17 +11,19 @@ jobs:
         node-version: '23.x'
     - uses: pnpm/action-setup@v2
       with:
-        version: 8
+        version: 10 
     - run: pnpm install
     - name: Build packages
       run: |
           pnpm --filter @courselit/icons build
+          pnpm --filter @courselit/page-models build
           pnpm --filter @courselit/common-models build
           pnpm --filter @courselit/utils build
           pnpm --filter @courselit/text-editor build
           pnpm --filter @courselit/state-management build
           pnpm --filter @courselit/components-library build
-          pnpm --filter @courselit/common-widgets build
+          pnpm --filter @courselit/page-primitives build
+          pnpm --filter @courselit/page-blocks build
     - name: Running tests
       run: |
         pnpm test

.gitignore

@@ -14,6 +14,7 @@ coverage
 # Text editors configurations
 .vscode
 .rgignore
+.cursor
 
 # Env file
 .env*.local