paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 48 Packages Projects Releases Wiki Activity

Remove @backstage/canon as a dependency

Browse Source 
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2025-01-07 17:08:46 +00:00
parent 4a90171d40
commit f62a58db6d
15 changed files with 26 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
canon-website/app/playground/page.tsx
+3 -1
View File
@@ -1,7 +1,9 @@
'use client';
import { ReactNode } from 'react';
import { Grid, Stack, Text } from '@backstage/canon';
import { Grid } from '../../../packages/canon/src/components/Grid';
import { Stack } from '../../../packages/canon/src/components/Stack';
import { Text } from '../../../packages/canon/src/components/Text';
import { screenSizes } from '@/utils/data';
import { Frame } from '@/components/Frame';
import { usePlayground } from '@/utils/playground-context';
canon-website/app/providers.tsx
+1 -1
View File
@@ -1,7 +1,7 @@
'use client';
import { ReactNode } from 'react';
import { CanonProvider } from '@backstage/canon';
import { CanonProvider } from '../../packages/canon/src/contexts/canon';
import { PlaygroundProvider } from '@/utils/playground-context';
export const Providers = ({ children }: { children: ReactNode }) => {
canon-website/catalog-info.yaml
-9
View File
@@ -1,9 +0,0 @@
apiVersion: backstage.io/v1alpha1
kind: Component
metadata:
name: canon-website
title: canon-website
spec:
lifecycle: experimental
type: backstage-web-library
owner: maintainers
canon-website/components/CodeBlock/index.tsx
+1 -1
View File
@@ -1,7 +1,7 @@
import React from 'react';
import type { BundledLanguage } from 'shiki';
import { codeToHtml } from 'shiki';
import { Text } from '@backstage/canon';
import { Text } from '../../../packages/canon/src/components/Text';
import styles from './styles.module.css';
interface CodeBlockProps {
canon-website/components/Frame/index.tsx
+2 -2
View File
@@ -2,8 +2,8 @@
import { useEffect, useState } from 'react';
import ReactFrame from 'react-frame-component';
import '@backstage/canon/src/css/core.css';
import '@backstage/canon/src/css/components.css';
import '../../../packages/canon/src/css/core.css';
import '../../../packages/canon/src/css/components.css';
export const Frame = ({ children }: { children: React.ReactNode }) => {
const [show, setShow] = useState(false);
canon-website/components/HeadlessBanners/BaseUI.tsx
+2 -1
View File
@@ -1,5 +1,6 @@
import styles from './styles.module.css';
import { Text, Icon } from '@backstage/canon';
import { Text } from '../../../packages/canon/src/components/Text';
import { Icon } from '../../../packages/canon/src/components/Icon';
interface BaseUIProps {
href: string;
canon-website/components/IconLibrary/IconLibrary.tsx
+4 -3
View File
@@ -15,9 +15,10 @@
*/
import React from 'react';
import { Icon } from '@backstage/canon';
import type { IconNames } from '@backstage/canon';
import { icons, Text } from '@backstage/canon';
import { Icon } from '../../../packages/canon/src/components/Icon';
import type { IconNames } from '../../../packages/canon/src/components/Icon';
import { Text } from '../../../packages/canon/src/components/Text';
import { icons } from '../../../packages/canon/src/components/Icon/icons';
import styles from './styles.module.css';
export const IconLibrary = () => {
canon-website/components/Sidebar/docs.tsx
+2 -1
View File
@@ -2,7 +2,8 @@
import Link from 'next/link';
import { components, overview, layoutComponents, theme } from '@/utils/data';
import { Box, Text } from '@backstage/canon';
import { Box } from '../../../packages/canon/src/components/Box';
import { Text } from '../../../packages/canon/src/components/Text';
import { motion } from 'framer-motion';
import styles from './Sidebar.module.css';
import { usePathname } from 'next/navigation';
canon-website/components/Sidebar/playground.tsx
+3 -1
View File
@@ -1,7 +1,9 @@
'use client';
import { components } from '@/utils/data';
import { Box, Checkbox, Text } from '@backstage/canon';
import { Box } from '../../../packages/canon/src/components/Box';
import { Checkbox } from '../../../packages/canon/src/components/Checkbox';
import { Text } from '../../../packages/canon/src/components/Text';
import { motion } from 'framer-motion';
import styles from './Sidebar.module.css';
import { usePathname } from 'next/navigation';
canon-website/components/Sidebar/tabs.tsx
+2 -1
View File
@@ -2,7 +2,8 @@
import styles from './Tabs.module.css';
import { Tabs } from '@base-ui-components/react/tabs';
import { Icon, Text } from '@backstage/canon';
import { Icon } from '../../../packages/canon/src/components/Icon';
import { Text } from '../../../packages/canon/src/components/Text';
import { usePathname } from 'next/navigation';
import { useRouter } from 'next/navigation';
import { setThemeCookie, setThemeNameCookie } from './actions';
canon-website/components/Snippet/index.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
import { ReactNode } from 'react';
import { CodeBlock } from '../CodeBlock';
import { Text } from '@backstage/canon';
import { Text } from '../../../packages/canon/src/components/Text';
import { Collapsible } from '@base-ui-components/react/collapsible';
import styles from './styles.module.css';
canon-website/components/Tabs/parts.tsx
+1 -1
View File
@@ -2,7 +2,7 @@
import { Tabs as TabsPrimitive } from '@base-ui-components/react/tabs';
import styles from './styles.module.css';
import { Text } from '@backstage/canon';
import { Text } from '../../../packages/canon/src/components/Text';
export const Root = ({
className,
canon-website/mdx-components.tsx
+3 -1
View File
@@ -3,7 +3,9 @@ import Image, { ImageProps } from 'next/image';
import { ReactNode, ReactElement } from 'react';
import React from 'react';
import { CodeBlock } from '@/components/CodeBlock';
import { Heading, Text, Box } from '@backstage/canon';
import { Heading } from '../packages/canon/src/components/Heading';
import { Text } from '../packages/canon/src/components/Text';
import { Box } from '../packages/canon/src/components/Box';
export function useMDXComponents(components: MDXComponents): MDXComponents {
return {
canon-website/package.json
-15
View File
@@ -1,9 +1,6 @@
{
"name": "canon-website",
"version": "0.0.0",
"backstage": {
"role": "web-library"
},
"private": true,
"repository": {
"type": "git",
@@ -20,7 +17,6 @@
"watch-css": "node scripts/watch-css.js"
},
"dependencies": {
"@backstage/canon": "workspace:^",
"@base-ui-components/react": "^1.0.0-alpha.4",
"@iframe-resizer/react": "^5.3.2",
"@mdx-js/loader": "^3.1.0",
@@ -46,16 +42,5 @@
"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
}
}
}
yarn.lock
+1 -10
View File
@@ -3821,7 +3821,7 @@ __metadata:
languageName: unknown
linkType: soft
"@backstage/canon@workspace:^, @backstage/canon@workspace:packages/canon":
"@backstage/canon@workspace:packages/canon":
version: 0.0.0-use.local
resolution: "@backstage/canon@workspace:packages/canon"
dependencies:
@@ -25055,7 +25055,6 @@ __metadata:
version: 0.0.0-use.local
resolution: "canon-website@workspace:canon-website"
dependencies:
"@backstage/canon": "workspace:^"
"@base-ui-components/react": ^1.0.0-alpha.4
"@eslint/eslintrc": ^3
"@iframe-resizer/react": ^5.3.2
@@ -25079,14 +25078,6 @@ __metadata:
react-frame-component: ^5.2.7
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
languageName: unknown
linkType: soft