Working init app

Change-Id: I545c6c2f7182adf28d4ced41ac38613746d2b3d8

.gitignore

@@ -1,5 +1,7 @@
 build/
 node_modules/
 
+.vscode/
+
 .pnpm/
 .pnpm-store/

.npmignore

@@ -0,0 +1,12 @@
+Jenkinsfile
+.prettierrc
+
+build/
+node_modules/
+
+.vscode/
+
+.pnpm/
+.pnpm-store/
+
+tsconfig.json

.npmrc

@@ -0,0 +1,2 @@
+always-auth=true
+@prokyon:registry=https://npm.romanjaros.dev

.prettierrc

@@ -0,0 +1,9 @@
+{
+	"useTabs": true,
+	"tabWidth": 2,
+	"semi": true,
+	"singleQuote": true,
+	"parser": "typescript",
+	"printWidth": 120,
+	"bracketSameLine": true
+}

.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "window.title": "${activeEditorShort}${separator}Seedling"
-}

Jenkinsfile

@@ -0,0 +1,10 @@
+@Library('jenkins-lib')
+import FrontendBuild
+
+FrontendBuild({
+    name = 'seedling'
+    runLint = false
+    runUnitTest = false
+    runE2ETest = false
+    runDockerRelease = false
+})

bin/seedling.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+require("../create");

create.js

@@ -1,20 +1,21 @@
-const fs = require('fs')
+const fs = require('fs');
-var readlineSync = require('readline-sync');
 const replaceInFiles = require('replace-in-file');
+const { execSync } = require('child_process');
 const argv = require('minimist')(process.argv.slice(2));
 
 // questions
-const appName = readlineSync.question('What is app name? ', { defaultInput: 'many' });
+const appName = argv.name ?? 'app';
-const appPort = readlineSync.question('Which port use for deployment? ', { defaultInput: '93' });
+const appPort = argv.port ?? '0';
-const isMonorepo = readlineSync.keyInYN('Apply monorepo?');
+const isMonorepo = argv.monorepo === 'T';
 
 // context directory
-const contextDir = `${argv._[0]}/` ?? './';
+const contextDir = `${argv._[0]}` ?? '.';
 
 // create app folder
-const appsDir = `${contextDir}/apps`
+const appsDir = `${contextDir}/apps`;
-const appDir = isMonorepo ? `${contextDir}/apps/${appName}-fe` : `${contextDir}/`
+const appDir = isMonorepo ? `${contextDir}/apps/${appName}-fe` : `${contextDir}/`;
-if (!fs.existsSync(appDir)){
+if (!fs.existsSync(appDir)) {
+	fs.mkdirSync(contextDir);
 	if (isMonorepo) {
 		fs.mkdirSync(appsDir);
 	}
@@ -24,14 +25,36 @@ if (!fs.existsSync(appDir)){
 
 // copy folder content
 try {
-    fs.cpSync('./source/shared/', contextDir, { overwrite: false, recursive: true })
+	fs.cpSync('./source/shared/', contextDir, {
-    fs.cpSync('./source/app/', appDir, { overwrite: true, recursive: true })
+		overwrite: false,
+		recursive: true,
+	});
+	fs.cpSync('./source/app/', appDir, { overwrite: true, recursive: true });
 } catch (err) {
-    console.error(err)
+	console.error(err);
 }
 
 // replace in files
-replaceInFiles.sync({ files: './build/**/*.{ts,tsx}', from: /\/\/.\@ts\-nocheck\n/gm, to: '' });
+replaceInFiles.sync({
-replaceInFiles.sync({ files: './build/**/*', from: /\$\(appName\)/gm, to: appName });
+	files: `./${contextDir}/**/*.{ts,tsx}`,
-replaceInFiles.sync({ files: './build/**/*', from: /\$\(AppName\)/gm, to: appName.charAt(0).toUpperCase() + appName.slice(1) });
+	from: /\/\/.\@ts\-nocheck\n/gm,
-replaceInFiles.sync({ files: './build/**/*', from: /\$\(appPort\)/gm, to: appPort });
+	to: '',
+});
+replaceInFiles.sync({
+	files: `./${contextDir}/**/*`,
+	from: /\$\(appName\)/gm,
+	to: appName,
+});
+replaceInFiles.sync({
+	files: `./${contextDir}/**/*`,
+	from: /\$\(AppName\)/gm,
+	to: appName.charAt(0).toUpperCase() + appName.slice(1),
+});
+replaceInFiles.sync({
+	files: `./${contextDir}/**/*`,
+	from: /\$\(appPort\)/gm,
+	to: appPort,
+});
+
+// install deps
+execSync(`cd ${contextDir} && pnpm i`);

package.json

@@ -2,15 +2,25 @@
   "name": "seedling",
   "version": "0.1.0",
   "description": "",
-  "main": "index.js",
+  "main": "create.js",
+  "bin": {
+    "seedling": "./create.js"
+  },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "create": "pnpm ci:build",
+    "ci:build": "node create.js --name many --port 93 --monorepo T ./build",
+    "release": "pnpm version --no-git-tag-version"
   },
   "dependencies": {
     "minimist": "1.2.8",
-    "readline-sync": "1.4.10",
     "replace-in-file": "7.0.1"
   },
+  "devDependencies": {
+    "prettier": "3.0.3"
+  },
+  "publishConfig": {
+    "registry": "https://npm.romanjaros.dev"
+  },
   "keywords": [],
   "author": "Roman Jaroš",
   "license": "ISC"

pnpm-lock.yaml

@@ -8,13 +8,15 @@ dependencies:
   minimist:
     specifier: 1.2.8
     version: 1.2.8
-  readline-sync:
-    specifier: 1.4.10
-    version: 1.4.10
   replace-in-file:
     specifier: 7.0.1
     version: 7.0.1
 
+devDependencies:
+  prettier:
+    specifier: 3.0.3
+    version: 3.0.3
+
 packages:
 
   /ansi-regex@5.0.1:
@@ -134,10 +136,11 @@ packages:
       wrappy: 1.0.2
     dev: false
 
-  /readline-sync@1.4.10:
+  /prettier@3.0.3:
-    resolution: {integrity: sha512-gNva8/6UAe8QYepIQH/jQ2qn91Qj0B9sYjMBBs3QOB8F2CXcKgLxQaJRP76sWVRQt+QU+8fAkCbCvjjMFu7Ycw==}
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
-    engines: {node: '>= 0.8.0'}
+    engines: {node: '>=14'}
-    dev: false
+    hasBin: true
+    dev: true
 
   /replace-in-file@7.0.1:
     resolution: {integrity: sha512-KbhgPq04eA+TxXuUxpgWIH9k/TjF+28ofon2PXP7vq6izAILhxOtksCVcLuuQLtyjouBaPdlH6RJYYcSPVxCOA==}

sonar-project.properties

@@ -0,0 +1,3 @@
+sonar.projectKey=seedling
+sonar.projectName=seedling
+sonar.inclusions=source/**

source/app/src/app/app.tsx

@@ -1,8 +1,9 @@
 // @ts-nocheck
-import React, { FC, useEffect } from 'react';
+import React, { FC } from 'react';
-import { Route, Switch, useLocation } from 'wouter';
+import { Route, Switch } from 'wouter';
 
 import { useAuth } from '@prokyon/auth/hook/useAuth';
+import Section from '@prokyon/components/Section';
 import { Skeleton } from '@prokyon/components/Skeleton';
 import { MenuItem } from '@prokyon/components/Skeleton/types';
 
@@ -15,6 +16,7 @@ const topMenu: MenuItem[][] = [
         { label: 'Routa', href: buildRoute('root') },
 	],
 	[
+		// authenticated
 	],
 ];
 
@@ -27,27 +29,27 @@ const userMenu: MenuItem[][] = [
 	],
 ];
 
-const publicSites: string[] = [];
-
 export const App: FC = () => {
 	const { authenticated } = useAuth();
 
-	const [location] = useLocation();
-
-	const isPublicView = !!publicSites.find((url) => location.startsWith(url));
-	const isWelcomePage = window.location.pathname === '/';
-
-	if (authenticated === null || authenticated === undefined) {
-		return null;
-	}
-
 	return (
 		<Skeleton	
 			items={{
-				logo: <>$(AppName)</>,
+				logo: <>Many</>,
-				top: authenticated ? topMenu[1] : isWelcomePage ? [] : topMenu[0],
+				top: authenticated ? topMenu[1] : topMenu[0],
-				user: authenticated ? userMenu[1] : isPublicView ? [] : userMenu[0],
+				user: authenticated ? userMenu[1] : userMenu[0],
-			}}>
+			}}
+			components={{
+				footer: (
+					<div className="text-center footer">
+						<Section>
+							Tento web používá pouze technické cookie. Monitorování návštěvnosti je zcela anonymní a je prováděno na straně
+							provozovatele webu.
+						</Section>
+					</div>
+				)
+			}}
+			>
 			{authenticated ? (
 				<Switch>
 					<Route>404!</Route>
@@ -61,3 +63,4 @@ export const App: FC = () => {
 		</Skeleton>
 	);
 };
+

source/app/src/pages/WelcomePage.tsx

@@ -7,12 +7,6 @@ export const WelcomePage = () => {
 	return (
 		<div className="welcome">
 			Seedling app generator.
-			<div className="text-center footer">
-				<Section>
-					Tento web používá pouze technické cookie. Monitorování návštěvnosti je zcela anonymní a je prováděno na straně
-					provozovatele webu.
-				</Section>
-			</div>
 		</div>
 	);
 };

source/shared/.gitignore

@@ -1 +1,2 @@
 build/
+node_modules/

source/shared/Jenkinsfile

@@ -4,5 +4,4 @@ import FrontendBuild
 FrontendBuild({
     name = '$(appName)'
     port = '$(appPort):80'
-    runSonar = true
 })