split frontend by packages

.gitignore

@@ -17,7 +17,7 @@ debug.test
 remark42
 /bin/
 /backend/var/
-/backend/app/var/
+/var/
 /backend/web/
 /backend/*.html.tmpl
 compose-private-backend.yml

compose-dev-frontend.yml

@@ -13,8 +13,8 @@ services:
       dockerfile: Dockerfile
       args:
         - SKIP_BACKEND_TEST=true
-        - SKIP_FRONTEND_BUILD=true
-        # - NODE_ENV=development
+        # - SKIP_FRONTEND_BUILD=true
+        # - SKIP_FRONTEND_TEST=true
 
     image: umputun/remark42:dev
     container_name: "remark42-dev"

frontend/.gitignore

@@ -1,8 +1,10 @@
 node_modules
 extracted-messages
-public
 *.log
 .env
 tsconfig.tsbuildinfo
 coverage
+.turbo
+public
+dist
 !remark42

frontend/packages/api/.lintstagedrc.cjs

@@ -0,0 +1,3 @@
+module.exports = {
+	"./**/*.ts": ["pnpm type-check", "pnpm format"],
+};

frontend/packages/api/dist/index.d.ts

@@ -0,0 +1 @@
+export {};

frontend/packages/api/dist/index.js

@@ -0,0 +1 @@
+export {};

frontend/packages/api/jest.config.ts

@@ -0,0 +1,23 @@
+import type { Config } from "jest";
+
+const config: Config = {
+	testEnvironment: "jsdom",
+	transform: {
+		"^.+\\.ts$": [
+			"@swc/jest",
+			{
+				jsc: {
+					parser: {
+						syntax: "typescript",
+						decorators: false,
+					},
+					target: "es2021",
+				},
+			},
+		],
+	},
+	moduleDirectories: ["node_modules", "src"],
+	collectCoverageFrom: ["src/**/*.ts"],
+};
+
+export default config;

frontend/packages/api/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "api",
+  "version": "0.1.0",
+  "description": "Implementation of API methods for Remark42",
+  "author": "Paul Mineev",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/umputun/remark42.git#master"
+  },
+  "bugs": {
+    "url": "https://github.com/umputun/remark42/issues"
+  },
+  "homepage": "https://github.com/umputun/remark42/tree/master/frontend/packages/api#readme",
+  "keywords": [
+    "remark42",
+    "comments"
+  ],
+  "scripts": {
+    "dev": "tsc -w",
+    "build": "tsc",
+    "prebuild": "rm -rf dist",
+    "prepublish": "./prepublish.sh",
+    "postpublish": "./postpublish.sh",
+    "test": "jest",
+    "coverage": "jest --coverage",
+    "type-check": "tsc --noEmit",
+    "lint": "echo 'lint'",
+    "format": "prettier --write '**/*.{ts,js,json}'",
+    "checks": "pnpm type-check lint"
+  },
+  "devDependencies": {
+    "@swc/core": "1.2.205",
+    "@swc/jest": "^0.2.21",
+    "@types/jest": "^28.1.4",
+    "@types/node": "^18.0.1",
+    "eslint": "^8.18.0",
+    "jest": "^28.1.2",
+    "prettier": "^2.7.1",
+    "typescript": "^4.7.4"
+  }
+}

frontend/packages/api/src/index.spec.ts

@@ -0,0 +1,7 @@
+import { client } from "index";
+
+describe("module", () => {
+	it("should export client", () => {
+		expect(client).toBeDefined();
+	});
+});

frontend/packages/api/src/index.ts

@@ -0,0 +1 @@
+export function client() {}

frontend/packages/api/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "incremental": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "lib": ["ESNext", "dom"],
+    "outDir": "./dist",
+    "strict": true,
+    "noEmit": false,
+    "declaration": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "baseUrl": "./src",
+    "paths": {
+      "@test/*": ["../test/*"]
+    }
+  },
+  "include": ["**/*.ts"],
+  "exclude": ["node_modules/*", "dist/*", "coverage/*"]
+}

frontend/pnpm-workspace.yaml

@@ -1,2 +1,3 @@
 packages:
   - "apps/*"
+  - "packages/*"

frontend/turbo.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://turborepo.org/schema.json",
+  "baseBranch": "origin/master",
+  "pipeline": {
+    "start": {},
+    "dev": {},
+    "build": {
+      "outputs": ["public/**"]
+    },
+    "test": {
+      "inputs": ["**/*.tsx", "**/*.ts"]
+    },
+    "lint": {
+      "inputs": ["**/*.tsx", "**/*.ts"]
+    },
+    "stylelint": {
+      "inputs": ["**/*.css"]
+    },
+    "type-check": {
+      "inputs": ["**/*.tsx", "**/*.ts"]
+    },
+    "format": {},
+    "lint-staged": {}
+  }
+}