Move to the site to packages

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

.eslintignore

@@ -7,7 +7,7 @@
 **/.git/**
 **/public/**
 **/microsite/**
-**/microsite-canon/**
 **/templates/**
 **/sample-templates/**
 playwright.config.ts
+packages/canon-website/

package.json

@@ -9,8 +9,7 @@
   "workspaces": {
     "packages": [
       "packages/*",
-      "plugins/*",
-      "microsite-canon"
+      "plugins/*"
     ]
   },
   "scripts": {
@@ -85,9 +84,6 @@
     ]
   },
   "prettier": "@backstage/cli/config/prettier",
-  "jest": {
-    "rejectFrontendNetworkRequests": true
-  },
   "resolutions": {
     "@changesets/assemble-release-plan@^6.0.0": "patch:@changesets/assemble-release-plan@npm%3A6.0.0#./.yarn/patches/@changesets-assemble-release-plan-npm-6.0.0-f7b3005037.patch",
     "@material-ui/pickers@^3.2.10": "patch:@material-ui/pickers@npm%3A3.3.11#./.yarn/patches/@material-ui-pickers-npm-3.3.11-1c8f68ea20.patch",
@@ -138,6 +134,9 @@
     "sort-package-json": "^2.8.0",
     "typescript": "~5.2.0"
   },
+  "jest": {
+    "rejectFrontendNetworkRequests": true
+  },
   "packageManager": "yarn@3.8.1",
   "engines": {
     "node": "20 || 22"

packages/canon-website/catalog-info.yaml

@@ -0,0 +1,9 @@
+apiVersion: backstage.io/v1alpha1
+kind: Component
+metadata:
+  name: canon-website
+  title: canon-website
+spec:
+  lifecycle: experimental
+  type: backstage-web-library
+  owner: maintainers

packages/canon-website/package.json

@@ -1,6 +1,9 @@
 {
-  "name": "canon-microsite",
+  "name": "canon-website",
   "version": "0.0.0",
+  "backstage": {
+    "role": "web-library"
+  },
   "private": true,
   "license": "Apache-2.0",
   "scripts": {
@@ -37,5 +40,16 @@
     "lightningcss": "^1.28.2",
     "shiki": "^1.24.4",
     "typescript": "^5"
+  },
+  "peerDependencies": {
+    "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
   }
 }

packages/canon-website/scripts/watch-css.js

@@ -3,7 +3,7 @@ const path = require('path');
 const chokidar = require('chokidar');
 const { bundle } = require('lightningcss');
 
-const source = '../../packages/canon/src/css';
+const source = '../../canon/src/css';
 const destination = '../public';
 
 const source1 = path.join(__dirname, `${source}/core.css`);
@@ -12,7 +12,7 @@ const source2 = path.join(__dirname, `${source}/components.css`);
 const destination2 = path.join(__dirname, `${destination}/components.css`);
 const source3 = path.join(
   __dirname,
-  `../../packages/canon/.storybook/themes/backstage.css`,
+  `../../canon/.storybook/themes/backstage.css`,
 );
 const destination3 = path.join(__dirname, `${destination}/backstage.css`);
 

packages/canon-website/snippets/box.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import * as BoxStories from '../../packages/canon/src/components/Box/Box.stories';
+import * as BoxStories from '../../canon/src/components/Box/Box.stories';
 import { composeStories } from '@storybook/react';
 
 export const BoxPreview = () => {

packages/canon-website/snippets/button.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import * as ButtonStories from '../../packages/canon/src/components/Button/Button.stories';
+import * as ButtonStories from '../../canon/src/components/Button/Button.stories';
 import { composeStories } from '@storybook/react';
 
 export const ButtonPreview = () => {

packages/canon-website/snippets/checkbox.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import * as CheckboxStories from '../../packages/canon/src/components/Checkbox/Checkbox.stories';
+import * as CheckboxStories from '../../canon/src/components/Checkbox/Checkbox.stories';
 import { composeStories } from '@storybook/react';
 
 export const CheckboxPreview = () => {