Feature: Conditions rewrite

.github/workflows/playwright.yml

@@ -0,0 +1,30 @@
+name: Playwright Tests
+
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    env:
+      CI: true
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npm run playwright:test:ci
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -22,6 +22,7 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-
-
-playwright-report/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

CONTRIBUTING.md

@@ -15,7 +15,7 @@ To develop for Formeo you'll need:
 ### Recommended Tooling
 While not required, the following tools are recommended to maintain code quality and consistency in style.
 
-- [ESLint](http://jshint.com/)
+- [Biome](https://biomejs.dev/) - Fast formatter and linter for JavaScript, TypeScript, and JSON
 
 ### Installation
 

biome.json

@@ -1,42 +1,54 @@
 {
-  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.3/schema.json",
   "files": {
-    "ignore": ["node_modules/**", "dist/**"]
-  },
-  "organizeImports": {
-    "enabled": true
+    "includes": [
+      "**",
+      "!**/node_modules",
+      "!**/dist",
+      "!**/test-results",
+      "!**/playwright-report",
+      "!**/src/demo/index.html"
+    ]
   },
+  "assist": { "actions": { "source": { "organizeImports": "on" } } },
   "vcs": {
     "clientKind": "git",
     "enabled": true,
-    "useIgnoreFile": true
+    "useIgnoreFile": true,
+    "defaultBranch": "master"
   },
   "linter": {
     "enabled": true,
     "rules": {
       "recommended": true,
       "correctness": {
         "noUndeclaredVariables": "error",
-        "noUnusedVariables": "error",
-        "useExhaustiveDependencies": "error"
+        "noUnusedVariables": "warn",
+        "useExhaustiveDependencies": "error",
+        "noUnusedFunctionParameters": "warn"
       },
       "suspicious": {
         "noImplicitAnyLet": "error",
-        "noConsoleLog": "warn"
+        "noThenProperty": "off",
+        "noConsole": { "level": "off", "options": { "allow": ["warn", "error", "info", "debug"] } }
       },
       "complexity": {
         "useLiteralKeys": "error",
         "noUselessFragments": "error"
       },
       "style": {
-        "recommended": true
+        "recommended": true,
+        "useConsistentArrayType": "off"
+      },
+      "nursery": {
+        "useSortedClasses": "off"
       }
     }
   },
   "formatter": {
     "enabled": true,
     "formatWithErrors": false,
-    "ignore": [],
+    "includes": ["**"],
     "indentStyle": "space",
     "indentWidth": 2,
     "lineEnding": "lf",
@@ -46,12 +58,16 @@
     "formatter": {
       "quoteStyle": "single",
       "semicolons": "asNeeded",
-      "arrowParentheses": "asNeeded"
+      "arrowParentheses": "asNeeded",
+      "trailingCommas": "es5",
+      "bracketSpacing": true
     }
   },
   "json": {
     "formatter": {
-      "indentStyle": "space"
+      "indentStyle": "space",
+      "indentWidth": 2,
+      "trailingCommas": "none"
     }
   }
 }

docs/README.md

@@ -15,13 +15,9 @@ Formeo is an extensible form editor written in vanilla Javascript. It builds on
   - numerous presets for common layouts and resizable for custom layouts
 - Conditional fields
   - programmatically hide/show or change row, column or field values
-  - works with external data
 - Controls API
   - create forms with signature pads, interactive maps and more
   - extend or clone the built-in controls
-- External Data
-  - User session information in your forms such as name
-  - Dynamic data like remotely loaded select options
 - Rendering
   - render your form template using the same renderer used to generate the Formeo UI
   - or BYOR (Bring Your Own Renderer) to render form template data using third-party libraries.

lefthook.yml

@@ -4,6 +4,14 @@ pre-push:
     run-tests:
       run: npm test
 
+pre-commit:
+  parallel: true
+  commands:
+    lint:
+      glob: "*.{js,mjs,ts,json}"
+      run: npx @biomejs/biome check --write --no-errors-on-unmatched --files-ignore-unknown=true {staged_files}
+      stage_fixed: true
+
 commit-msg:
   scripts:
     "commitlint.sh":