+ Play Chess +
++ Play Chess +
++ {getPlayerName(player)} +
+by {gameResult.by}
++ {title} +
+{description}
+ {disabled && ( +Coming Soon ...
+ )} +
+ 
+ 
+ 
+ 
+ )}
+ 
+ Please create an issue in our github website below. You are also invited to contribute on the project.
+ +
+ Github
+ +
+ Sign in with Google
+ 
+ Sign in with Github
+ 
+ Themes
+
+ ![]({"/chessboard.jpeg"})
- {children}
+ + ); +} diff --git a/packages/ui/src/code.tsx b/packages/ui/src/code.tsx new file mode 100644 index 00000000..769d9711 --- /dev/null +++ b/packages/ui/src/code.tsx @@ -0,0 +1,9 @@ +export function Code({ + children, + className, +}: { + children: React.ReactNode; + className?: string; +}): JSX.Element { + return{children};
+}
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
new file mode 100644
index 00000000..ca86687c
--- /dev/null
+++ b/packages/ui/tsconfig.json
@@ -0,0 +1,8 @@
+{
+ "extends": "@repo/typescript-config/react-library.json",
+ "compilerOptions": {
+ "outDir": "dist"
+ },
+ "include": ["src"],
+ "exclude": ["node_modules", "dist"]
+}
diff --git a/packages/ui/tsconfig.lint.json b/packages/ui/tsconfig.lint.json
new file mode 100644
index 00000000..df2762ee
--- /dev/null
+++ b/packages/ui/tsconfig.lint.json
@@ -0,0 +1,8 @@
+{
+ "extends": "@repo/typescript-config/react-library.json",
+ "compilerOptions": {
+ "outDir": "dist"
+ },
+ "include": ["src", "turbo"],
+ "exclude": ["node_modules", "dist"]
+}
diff --git a/packages/ui/turbo/generators/config.ts b/packages/ui/turbo/generators/config.ts
new file mode 100644
index 00000000..2854fd01
--- /dev/null
+++ b/packages/ui/turbo/generators/config.ts
@@ -0,0 +1,30 @@
+import type { PlopTypes } from '@turbo/gen';
+
+// Learn more about Turborepo Generators at https://turbo.build/repo/docs/core-concepts/monorepos/code-generation
+
+export default function generator(plop: PlopTypes.NodePlopAPI): void {
+ // A simple generator to add a new React component to the internal UI library
+ plop.setGenerator('react-component', {
+ description: 'Adds a new react component',
+ prompts: [
+ {
+ type: 'input',
+ name: 'name',
+ message: 'What is the name of the component?',
+ },
+ ],
+ actions: [
+ {
+ type: 'add',
+ path: 'src/{{kebabCase name}}.tsx',
+ templateFile: 'templates/component.hbs',
+ },
+ {
+ type: 'append',
+ path: 'package.json',
+ pattern: /"exports": {(?