update: Fri 27 Sep 2024 18:01:11 CEST

.eslintrc.cjs

@@ -1,18 +1,18 @@
 module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
-  ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parser: '@typescript-eslint/parser',
-  plugins: ['react-refresh'],
-  rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
-    ],
-  },
-}
+	root: true,
+	env: { browser: true, es2020: true },
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:react-hooks/recommended',
+	],
+	ignorePatterns: ['dist', '.eslintrc.cjs'],
+	parser: '@typescript-eslint/parser',
+	plugins: ['react-refresh'],
+	rules: {
+		'react-refresh/only-export-components': [
+			'warn',
+			{ allowConstantExport: true },
+		],
+	},
+};

.github/workflows/deploy.yml

@@ -1,36 +1,36 @@
 name: Deploy App to GitHub Pages
 
 on:
-    push:
-        branches:
-            - main
-    workflow_dispatch:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
 
 jobs:
-    build:
-        runs-on: ubuntu-latest
+  build:
+    runs-on: ubuntu-latest
 
-        steps:
-            - name: Checkout repository
-              uses: actions/checkout@v2
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
 
-            - name: Set up Node.js
-              uses: actions/setup-node@v2
-              with:
-                  node-version: 20
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 20
 
-            - name: Install pnpm
-              run: npm install -g pnpm
+      - name: Install pnpm
+        run: npm install -g pnpm
 
-            - name: Install dependencies
-              run: pnpm install
+      - name: Install dependencies
+        run: pnpm install
 
-            - name: Build React app
-              run: pnpm run build
+      - name: Build React app
+        run: pnpm run build
 
-            - name: Deploy to GitHub Pages
-              uses: peaceiris/actions-gh-pages@v3
-              with:
-                  github_token: ${{ secrets.GITHUB_TOKEN }}
-                  publish_dir: ./dist
-                  cname: board-score-hub.philipp-bonin.com
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist
+          cname: board-score-hub.philipp-bonin.com

.prettierignore

@@ -0,0 +1 @@
+.templates

.prettierrc

@@ -0,0 +1,11 @@
+{
+	"semi": true,
+	"trailingComma": "all",
+	"singleQuote": true,
+	"printWidth": 80,
+	"tabWidth": 2,
+	"useTabs": true,
+	"bracketSpacing": true,
+	"arrowParens": "always",
+	"endOfLine": "lf"
+}

.templates/Component/$$name.pascal$$.scss

@@ -1,2 +1,2 @@
 .$$name.kebab$$ {
-}
+}

.templates/game/.templify → .templates/Game/.templify

@@ -12,5 +12,5 @@
 
 # IMPORTANT: Lines starting with a . are auto generated and should not be changed.
 
-description:
-path:src/games
+description:A new Game definition
+path:src/games/$$name.k$$

.templates/Game/definition.ts

@@ -0,0 +1,27 @@
+import { GameDef } from '../../api/types/GameDef';
+import { WinMode } from '../../api/types/WinMode';
+
+export default function getDefinition(): GameDef {
+	return {
+		title: '$$name$$',
+		//url: '',
+		//bgColor: '#fff',
+		//fontColor: '#000',
+		//primaryColor: '#fff',
+		//secondaryColor: '#000',
+		//fontFamily: FontUtils.PLAYFUL,
+		//stripeColor: '#000',
+		playerSizes: [1, 2, 3, 4],
+		winMode: WinMode.MOST,
+		rows: [
+			{
+				name: 'Row1',
+			},
+
+			{
+				name: 'Row2',
+				icon: 'src/games/$$name.k$$/assets/test.png',
+			},
+		],
+	};
+}

.templates/README.md

@@ -31,7 +31,7 @@ tpy new <template-name>
 This will create a new folder in the `.templates` folder with the given name. You can now add files to this folder that will be used to generate new files from this template.
 Inside the folder you will also find a `.templify` file. This file is used by templify to generate new files from this template. Please open and read the file to learn more about how to use it.
 
-### Load templates 
+### Load templates
 
 You can also load templates from a GitHub repository into your project:
 

.templates/View/$$name.pascal$$View.scss

@@ -1,5 +1,5 @@
 .content {
-    margin-top: 100px;
+	margin-top: 100px;
 }
 .$$name.kebab$$ {
-}
+}

index.html

@@ -1,25 +1,28 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/src/assets/logo.png" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+	<head>
+		<meta charset="UTF-8" />
+		<link rel="icon" type="image/svg+xml" href="/src/assets/logo.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="preconnect" href="https://fonts.googleapis.com" />
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 
-        <link
-            rel="stylesheet"
-            href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" />
-        <link
-            href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
-            rel="stylesheet" />
-        <meta
-            name="viewport"
-            content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
-        <title>BoardScoreHub</title>
-    </head>
-    <body>
-        <div id="root"></div>
-        <script type="module" src="/src/main.tsx"></script>
-    </body>
+		<link
+			rel="stylesheet"
+			href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"
+		/>
+		<link
+			href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
+			rel="stylesheet"
+		/>
+		<meta
+			name="viewport"
+			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
+		/>
+		<title>BoardScoreHub</title>
+	</head>
+	<body>
+		<div id="root"></div>
+		<script type="module" src="/src/main.tsx"></script>
+	</body>
 </html>

package.json

@@ -1,32 +1,34 @@
 {
-    "name": "board-score-hub",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "dev": "vite",
-        "start": "vite --open --host",
-        "build": "tsc -b && vite build",
-        "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-        "preview": "vite preview"
-    },
-    "dependencies": {
-        "bootstrap-icons": "^1.11.3",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "react-router-dom": "^6.25.1",
-        "sass": "^1.77.8"
-    },
-    "devDependencies": {
-        "@types/react": "^18.3.3",
-        "@types/react-dom": "^18.3.0",
-        "@typescript-eslint/eslint-plugin": "^7.15.0",
-        "@typescript-eslint/parser": "^7.15.0",
-        "@vitejs/plugin-react-swc": "^3.5.0",
-        "eslint": "^8.57.0",
-        "eslint-plugin-react-hooks": "^4.6.2",
-        "eslint-plugin-react-refresh": "^0.4.7",
-        "typescript": "^5.2.2",
-        "vite": "^5.3.4"
-    }
+	"name": "board-score-hub",
+	"private": true,
+	"version": "0.0.0",
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"start": "vite --open --host",
+		"build": "tsc -b && vite build",
+		"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+		"preview": "vite preview",
+		"format": "prettier --write . --ignore-path .prettierignore"
+	},
+	"dependencies": {
+		"bootstrap-icons": "^1.11.3",
+		"prettier": "^3.3.3",
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
+		"react-router-dom": "^6.25.1",
+		"sass": "^1.77.8"
+	},
+	"devDependencies": {
+		"@types/react": "^18.3.3",
+		"@types/react-dom": "^18.3.0",
+		"@typescript-eslint/eslint-plugin": "^7.15.0",
+		"@typescript-eslint/parser": "^7.15.0",
+		"@vitejs/plugin-react-swc": "^3.5.0",
+		"eslint": "^8.57.0",
+		"eslint-plugin-react-hooks": "^4.6.2",
+		"eslint-plugin-react-refresh": "^0.4.7",
+		"typescript": "^5.2.2",
+		"vite": "^5.3.4"
+	}
 }