Init devcontainer spec

.devcontainer/devcontainer.json

@@ -0,0 +1,62 @@
+{
+  "name": "Tailor - File Content Element",
+  "image": "mcr.microsoft.com/devcontainers/typescript-node:1-22-bookworm",
+  "features": {
+    "ghcr.io/devcontainers-extra/features/pnpm:2": {},
+    "ghcr.io/devcontainers/features/github-cli:1": {}
+  },
+  "forwardPorts": [8080, 8010, 8020, 8030],
+  "portsAttributes": {
+    "8080": {
+      "label": "Content Element Kit preview",
+      "onAutoForward": "notify"
+    },
+    "8010": {
+      "label": "Edit runtime",
+      "onAutoForward": "silent"
+    },
+    "8020": {
+      "label": "Display runtime",
+      "onAutoForward": "silent"
+    },
+    "8030": {
+      "label": "Server runtime",
+      "onAutoForward": "silent"
+    }
+  },
+  "postCreateCommand": "pnpm install --frozen-lockfile && pnpm build",
+  "postAttachCommand": "/bin/bash .devcontainer/setup.sh && pnpm dev",
+  "customizations": {
+    "vscode": {
+      "settings": {
+        "editor.formatOnSave": true,
+        "eslint.enable": true,
+        "prettier.requireConfig": true,
+        "files.exclude": {
+          "**/.pnpm": true,
+          "**/node_modules": true
+        },
+        "workbench.colorTheme": "One Dark Pro",
+        "oneDarkPro.editorFontLigatures": true,
+        "oneDarkPro.bold": true,
+        "oneDarkPro.italic": true,
+        "editor.fontSize": 20,
+        "editor.fontFamily": "'Dank Mono', 'Fira Code', monospace",
+        "editor.fontLigatures": true
+      },
+      "extensions": [
+        "akamud.vscode-theme-onedark",
+        "zhuangtongfa.Material-theme",
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        "mikestead.dotenv",
+        "sainoba.px-to-rem",
+        "stylelint.vscode-stylelint",
+        "zhuangtongfa.material-theme",
+        "EditorConfig.EditorConfig",
+        "Vue.volar",
+        "GitHub.copilot"
+      ]
+    }
+  }
+}

.devcontainer/setup.sh

@@ -0,0 +1,15 @@
+#!/bin/bash
+# This script sets port 8030 to public in GitHub Codespaces to handle preflight request issues.
+# @see https://github.com/community/community/discussions/15351
+
+set -euo pipefail
+
+# Default server port assumed for codespace environment
+DEFAULT_SERVER_PORT=8030
+
+if [[ -n "${CODESPACE_NAME:-}" ]]; then
+    echo "Setting port $DEFAULT_SERVER_PORT to public in Codespace: $CODESPACE_NAME"
+    gh codespace ports visibility "$DEFAULT_SERVER_PORT:public" -c "$CODESPACE_NAME"
+else
+    echo "Not running in a Codespace, skipping port visibility change."
+fi

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
+.pnpm-store
 /dist/
 
 # OS
@@ -14,6 +15,7 @@ node_modules/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+nohup.out
 
 # Editor directories and files
 .idea

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all"
+}

eslint.config.js

@@ -0,0 +1,18 @@
+import tailorConfig from '@tailor-cms/eslint-config/base.js';
+
+export default [
+  ...tailorConfig,
+  {
+    ignores: ['dist/**', 'packages/**'],
+  },
+  {
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+    },
+  },
+];

package.json

@@ -6,12 +6,11 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "dev": "concurrently 'pnpm boot:cek' 'pnpm boot:display' -n cek,display-runtime -c blue,cyan",
-    "boot:cek": "cd ./node_modules/@tailor-cms/tce-boot && pnpm start",
-    "boot:display": "export TCE_DISPLAY_DIR=${PWD}/packages/display/dist && cd ./node_modules/@tailor-cms/tce-display-runtime && pnpm dev",
+    "dev": "pnpm boot:cek",
+    "boot:cek": "cd ./node_modules/@tailor-cms/tce-boot && pnpm start --default-display",
     "build": "pnpm -r run build",
-    "lint": "pnpm -r run lint",
-    "lint:fix": "pnpm -r run lint --fix",
+    "lint": "pnpm -r run lint && eslint .",
+    "lint:fix": "pnpm -r run lint --fix && eslint . --fix",
     "test": "pnpm playwright test --config ./test/playwright.config.ts"
   },
   "bin": {
@@ -20,12 +19,12 @@
   "devDependencies": {
     "@changesets/cli": "^2.27.12",
     "@playwright/test": "1.50.1",
-    "@tailor-cms/eslint-config": "0.0.2",
-    "@tailor-cms/tce-boot": "1.0.7",
-    "@tailor-cms/tce-display-runtime": "0.6.13",
+    "@tailor-cms/eslint-config": "0.0.3",
+    "@tailor-cms/tce-boot": "1.1.0",
     "@types/node": "^22.13.1",
     "concurrently": "^9.1.2",
     "dotenv": "^16.4.7",
+    "eslint": "^9.28.0",
     "prettier": "3.5.0",
     "typescript": "^5.7.3"
   },

packages/display/eslint.config.js

@@ -0,0 +1,19 @@
+import tailorConfig from '@tailor-cms/eslint-config';
+
+export default [
+  ...tailorConfig,
+  {
+    ignores: ['**/components.d.ts', 'dist/**'],
+  },
+  {
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        extraFileExtensions: ['.vue'],
+      },
+    },
+  },
+];

packages/display/package.json

@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "@tailor-cms/ce-file-manifest": "workspace:*",
-    "@tailor-cms/eslint-config": "0.0.2",
+    "@tailor-cms/eslint-config": "0.0.3",
     "@vitejs/plugin-vue": "^5.2.1",
     "typescript": "^5.7.3",
     "vite": "^6.1.0",

packages/edit/eslint.config.js

@@ -0,0 +1,19 @@
+import tailorConfig from '@tailor-cms/eslint-config';
+
+export default [
+  ...tailorConfig,
+  {
+    ignores: ['dist/**'],
+  },
+  {
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        extraFileExtensions: ['.vue'],
+      },
+    },
+  },
+];

packages/edit/package.json

@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "@tailor-cms/ce-file-manifest": "workspace:*",
-    "@tailor-cms/eslint-config": "0.0.2",
+    "@tailor-cms/eslint-config": "0.0.3",
     "@types/lodash": "^4.17.6",
     "@vitejs/plugin-vue": "^5.2.1",
     "typescript": "^5.7.3",

packages/manifest/eslint.config.js

@@ -0,0 +1,18 @@
+import tailorConfig from '@tailor-cms/eslint-config/base.js';
+
+export default [
+  ...tailorConfig,
+  {
+    ignores: ['dist/**'],
+  },
+  {
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+    },
+  },
+];

packages/manifest/package.json

@@ -22,7 +22,7 @@
     "lint:fix": "pnpm lint --fix"
   },
   "devDependencies": {
-    "@tailor-cms/eslint-config": "0.0.2",
+    "@tailor-cms/eslint-config": "0.0.3",
     "tsup": "^8.3.6",
     "typescript": "^5.7.3"
   },

packages/server/eslint.config.js

@@ -0,0 +1,18 @@
+import tailorConfig from '@tailor-cms/eslint-config/base.js';
+
+export default [
+  ...tailorConfig,
+  {
+    ignores: ['dist/**'],
+  },
+  {
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+    },
+  },
+];

packages/server/package.json

@@ -24,7 +24,7 @@
   "devDependencies": {
     "@tailor-cms/ce-file-manifest": "workspace:*",
     "@tailor-cms/cek-common": "^0.0.4",
-    "@tailor-cms/eslint-config": "0.0.2",
+    "@tailor-cms/eslint-config": "0.0.3",
     "tsup": "^8.3.6",
     "typescript": "^5.7.3"
   },

packages/server/src/index.ts

@@ -32,12 +32,10 @@ export function afterRetrieve(
   return element;
 }
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function beforeDisplay(element: Element, context: any) {
   return { ...context, ...USER_STATE };
 }
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function onUserInteraction(
   element: Element,
   context: any,