CommunityRule/community-rule
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'Testing Framwork' (#17) from adilallo/enhancement/TestingFramework2 into main
CI Pipeline / test (20) (push) Successful in 1m48s
Details
CI Pipeline / test (18) (push) Successful in 2m11s
Details
CI Pipeline / e2e (chromium) (push) Successful in 2m17s
Details
CI Pipeline / e2e (firefox) (push) Successful in 2m35s
Details
CI Pipeline / e2e (webkit) (push) Successful in 4m56s
Details
CI Pipeline / performance (push) Successful in 2m27s
Details
CI Pipeline / visual-regression (push) Failing after 6m58s
Details
CI Pipeline / storybook (push) Successful in 1m35s
Details
CI Pipeline / lint (push) Successful in 2m3s
Details
CI Pipeline / seed-vr-snapshots (push) Failing after 3m51s
Details
CI Pipeline / build (push) Successful in 1m19s
Details

Browse Source 
Reviewed-on: #17
This commit was merged in pull request #17.
This commit is contained in:
Andy DiLallo
2025-09-03 18:50:39 +00:00
parent f9ff2d0c08 a34cc1d788
commit 50efb6a22a
254 changed files with 359221 additions and 56222 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitea/workflows/ci.yaml
+411
View File
@@ -0,0 +1,411 @@
name: CI Pipeline
run-name: ${{ gitea.actor }} triggered CI pipeline
on:
workflow_dispatch: {}
push:
branches: [main, develop] # only direct pushes/merges to protected branches
pull_request:
branches: [main, develop] # PRs into main/develop
types: [opened, reopened, synchronize]
jobs:
test:
runs-on: [self-hosted, macos-latest]
strategy:
matrix: { node-version: [18, 20] }
env:
NODE_OPTIONS: "--max_old_space_size=4096"
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: ${{ matrix.node-version }}
cache: npm
- run: npm ci
- run: npm test
# If the Codecov Action fails on Gitea, replace this with the bash uploader below
- name: Upload coverage to Codecov
uses: codecov/codecov-action@v3
with:
token: ${{ secrets.CODECOV_TOKEN }}
files: ./coverage/lcov.info
flags: unittests
# Bash uploader alternative (uncomment if the action above has issues)
# - name: Upload coverage to Codecov (bash)
# run: |
# curl -s https://codecov.io/bash > codecov.sh
# bash codecov.sh -t "${{ secrets.CODECOV_TOKEN }}" -f coverage/lcov.info -F unittests
e2e:
runs-on: [self-hosted, macos-latest]
strategy:
matrix: { browser: [chromium, firefox, webkit] }
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
if: ${{ github.server_url == 'https://github.com' }}
with: { node-version: 20, cache: npm }
- uses: actions/setup-node@v4
if: ${{ github.server_url != 'https://github.com' }}
with: { node-version: 20 }
- run: npm ci
- name: Install Playwright
run: npx playwright install --with-deps ${{ matrix.browser }}
- run: npm run build
- name: E2E (start + test + teardown)
run: |
set -euxo pipefail
export PORT="${PORT:-3010}"
export HOST="127.0.0.1"
mkdir -p .next
# ensure build exists
test -d .next || { echo "❌ Missing .next build output"; exit 1; }
echo "🚀 Starting Next.js server for E2E testing..."
# Start Next directly with node so $! is the real node PID
node node_modules/next/dist/bin/next start -p "$PORT" -H "$HOST" > .next/runner.log 2>&1 &
SVPID=$!
echo "$SVPID" > .next/runner.pid
echo "🌐 Server PID: $SVPID"
# Wait for readiness
echo "⏳ Waiting for server to be ready..."
npx wait-on -t 120000 "tcp:$HOST:$PORT"
curl -fsS "http://$HOST:$PORT" >/dev/null
echo "✅ App is responding at http://$HOST:$PORT"
# Run tests
echo "🧪 Running E2E tests for ${{ matrix.browser }}..."
BASE_URL="http://$HOST:$PORT" npx playwright test --project=${{ matrix.browser }} --reporter=list || TEST_EXIT_CODE=$?
# Teardown
echo "🧹 Cleaning up server..."
kill "$SVPID" 2>/dev/null || true
echo "✅ Server cleanup complete"
env:
NEXT_TELEMETRY_DISABLED: "1"
NODE_ENV: production
NODE_OPTIONS: "--max-old-space-size=4096"
# package artifacts (keeps file count small)
- name: Package E2E artifacts
if: always()
run: |
tar -czf playwright-${{ matrix.browser }}.tgz playwright-report test-results || true
- name: Upload E2E artifacts
if: always()
uses: actions/upload-artifact@v3
with:
name: playwright-results-${{ matrix.browser }}
path: playwright-${{ matrix.browser }}.tgz
retention-days: 30
visual-regression:
runs-on: [self-hosted, macos-latest]
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
if: ${{ github.server_url == 'https://github.com' }}
with: { node-version: 20, cache: npm }
- uses: actions/setup-node@v4
if: ${{ github.server_url != 'https://github.com' }}
with: { node-version: 20 }
- run: npm ci
- name: Install Playwright
run: npx playwright install --with-deps
- run: npm run build
# 1) Sanity check that the build exists
- name: Verify Next build output
run: |
set -euxo pipefail
ls -la .next || true
test -f .next/BUILD_ID || (echo "No Next build output (.next) – did build fail?" && exit 1)
- name: Visual Regression (start + test + teardown)
run: |
set -euxo pipefail
export PORT="${PORT:-3010}"
export HOST="127.0.0.1"
mkdir -p .next
# ensure build exists
test -d .next || { echo "❌ Missing .next build output"; exit 1; }
echo "🚀 Starting Next.js server for visual regression testing..."
# Start Next directly with node so $! is the real node PID
node node_modules/next/dist/bin/next start -p "$PORT" -H "$HOST" > .next/runner.log 2>&1 &
SVPID=$!
echo "$SVPID" > .next/runner.pid
echo "🌐 Server PID: $SVPID"
# Wait for readiness
echo "⏳ Waiting for server to be ready..."
npx wait-on -t 120000 "tcp:$HOST:$PORT"
curl -fsS "http://$HOST:$PORT" >/dev/null
echo "✅ App is responding at http://$HOST:$PORT"
# Run visual regression tests
echo "🧪 Running visual regression tests..."
BASE_URL="http://$HOST:$PORT" npx playwright test tests/e2e/visual-regression.spec.ts
# Teardown
echo "🧹 Cleaning up server..."
kill "$SVPID" 2>/dev/null || true
echo "✅ Server cleanup complete"
env:
NEXT_TELEMETRY_DISABLED: "1"
NODE_ENV: production
NODE_OPTIONS: "--max-old-space-size=4096"
- name: Package visual artifacts
if: always()
run: |
tar -czf visual-regression.tgz test-results tests/e2e/visual-regression.spec.ts-snapshots || true
- name: Upload visual artifacts
if: always()
uses: actions/upload-artifact@v3
with:
name: visual-regression-results
path: visual-regression.tgz
retention-days: 30
- name: Stop app
if: always()
run: |
if [ -f .next/runner.pid ]; then
kill $(cat .next/runner.pid) 2>/dev/null || true
fi
performance:
runs-on: [self-hosted, macos-latest]
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
if: ${{ github.server_url == 'https://github.com' }}
with: { node-version: 20, cache: npm }
- uses: actions/setup-node@v4
if: ${{ github.server_url != 'https://github.com' }}
with: { node-version: 20 }
- run: npm ci
- name: Install LHCI
run: npm i -D @lhci/cli
- name: Build application
run:
npm run build
# 1) Sanity check that the build exists
- name: Verify Next build output
run: |
set -euxo pipefail
ls -la .next || true
test -f .next/BUILD_ID || (echo "No Next build output (.next) – did build fail?" && exit 1)
- name: Install Chrome via Puppeteer (mac_arm)
run: |
# Install Chrome (arm64) into a local cache
set -euxo pipefail
mkdir -p .cache/puppeteer
# 1) Install and capture the build id that was actually installed
INSTALL_OUT="$(npx @puppeteer/browsers install chrome@stable --platform=mac_arm --path .cache/puppeteer)"
echo "$INSTALL_OUT"
# INSTALL_OUT looks like: "chrome@140.0.7339.80 /abs/path/to/.../Google Chrome for Testing"
BUILD_ID="$(printf '%s\n' "$INSTALL_OUT" | awk '{print $1}' | cut -d@ -f2)"
echo "Detected Chrome build: $BUILD_ID"
# 2) Ask for the executable path using the explicit build id
CHROME_PATH="$(npx @puppeteer/browsers executable-path chrome@"$BUILD_ID" --platform=mac_arm --path .cache/puppeteer || true)"
echo "Chrome executable path (via CLI): ${CHROME_PATH:-<empty>}"
# 3) Fallback: resolve the binary directly from the cache if the CLI returned empty
if [ -z "$CHROME_PATH" ]; then
CHROME_PATH="$(/usr/bin/find ".cache/puppeteer/chrome" -type f -path "*/chrome-mac-arm64/Google Chrome for Testing.app/Contents/MacOS/Google Chrome for Testing" -print -quit || true)"
echo "Chrome executable path (via find): ${CHROME_PATH:-<empty>}"
fi
# 4) Hard fail if still empty
if [ -z "$CHROME_PATH" ] || [ ! -x "$CHROME_PATH" ]; then
echo "❌ Chrome path is empty or not executable"
ls -la .cache/puppeteer || true
exit 1
fi
# 5) Export for subsequent steps in this job and later ones
echo "CHROME_PATH=$CHROME_PATH" >> "$GITHUB_ENV"
"$CHROME_PATH" --version || true
- name: Ensure arm64 Node for Lighthouse
run: |
set -euxo pipefail
echo "node before: $(node -v) arch=$(node -p 'process.arch')"
if [ "$(node -p 'process.arch')" != "arm64" ]; then
NODE_VER=20.17.0
curl -fsSLO "https://nodejs.org/dist/v${NODE_VER}/node-v${NODE_VER}-darwin-arm64.tar.xz"
tar -xJf "node-v${NODE_VER}-darwin-arm64.tar.xz"
# Make arm64 node take effect in THIS step:
export PATH="$PWD/node-v${NODE_VER}-darwin-arm64/bin:$PATH"
# And persist for subsequent steps:
echo "$PWD/node-v${NODE_VER}-darwin-arm64/bin" >> "$GITHUB_PATH"
fi
echo "node after: $(node -v) arch=$(node -p 'process.arch')"
echo "uname -m: $(uname -m)"
# Get Chrome path for this step
CHROME_PATH=$(npx @puppeteer/browsers executable-path chrome@stable --platform=mac_arm --path .cache/puppeteer)
echo "Chrome path: $CHROME_PATH"
"$CHROME_PATH" --version || true
- name: Performance (start + test + teardown)
run: |
set -euxo pipefail
export PORT=3010 HOST=127.0.0.1
mkdir -p .next
test -d .next || { echo "❌ Missing .next build output"; exit 1; }
echo "🚀 Starting Next.js server for performance testing..."
node node_modules/next/dist/bin/next start -p "$PORT" -H "$HOST" > .next/runner.log 2>&1 &
SVPID=$!
npx wait-on -t 120000 "tcp:$HOST:$PORT"
curl -fsS "http://$HOST:$PORT" >/dev/null
echo "✅ App is responding at http://$HOST:$PORT"
# Ensure we're using arm64 Node for Lighthouse
echo "Node arch: $(node -p "process.arch")"
# Get Chrome path directly in this step (same logic as installation step)
INSTALL_OUT="$(npx @puppeteer/browsers install chrome@stable --platform=mac_arm --path .cache/puppeteer 2>/dev/null || true)"
BUILD_ID="$(printf '%s\n' "$INSTALL_OUT" | awk '{print $1}' | cut -d@ -f2)"
echo "Using Chrome build: $BUILD_ID"
# Try CLI first, then fallback to find
CHROME_PATH="$(npx @puppeteer/browsers executable-path chrome@"$BUILD_ID" --platform=mac_arm --path .cache/puppeteer 2>/dev/null || true)"
if [ -z "$CHROME_PATH" ]; then
CHROME_PATH="$(/usr/bin/find ".cache/puppeteer/chrome" -type f -path "*/chrome-mac-arm64/Google Chrome for Testing.app/Contents/MacOS/Google Chrome for Testing" -print -quit 2>/dev/null || true)"
fi
echo "Chrome path: $CHROME_PATH"
# Verify Chrome path is not empty
if [ -z "$CHROME_PATH" ]; then
echo "❌ Chrome path is empty - Chrome installation may have failed"
exit 1
fi
# Verify Chrome executable exists and is executable
if [ ! -x "$CHROME_PATH" ]; then
echo "❌ Chrome executable not found or not executable: $CHROME_PATH"
ls -la .cache/puppeteer/ || true
exit 1
fi
"$CHROME_PATH" --version
# Run LHCI with arm64 Node + arm64 Chrome
npx lhci autorun --chrome-path="$CHROME_PATH" --collect.url=http://$HOST:$PORT/
kill "$SVPID" 2>/dev/null || true
env:
NEXT_TELEMETRY_DISABLED: "1"
NODE_ENV: production
NODE_OPTIONS: "--max-old-space-size=4096"
- name: Upload LHCI results
if: always()
uses: actions/upload-artifact@v3
with:
name: lhci-results
path: lhci-results
seed-vr-snapshots:
if: gitea.ref == 'refs/heads/main'
runs-on: [self-hosted, macos-latest]
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
if: ${{ github.server_url == 'https://github.com' }}
with: { node-version: 20, cache: npm }
- uses: actions/setup-node@v4
if: ${{ github.server_url != 'https://github.com' }}
with: { node-version: 20 }
- run: npm ci
- name: Install Playwright
run: npx playwright install --with-deps
- run: npm run build
- name: Start app + wait
run: |
node node_modules/next/dist/bin/next start -p 3010 -H 127.0.0.1 > .next/runner.log 2>&1 &
npx wait-on -t 120000 tcp:127.0.0.1:3010
- name: Generate snapshots for ALL projects
env:
{
PLAYWRIGHT_UPDATE_SNAPSHOTS: "1",
BASE_URL: "http://127.0.0.1:3010",
}
run: npx playwright test tests/e2e/visual-regression.spec.ts --project=chromium --project=firefox --project=webkit --project=mobile
- name: Commit snapshots
run: |
if [ -n "$(git status --porcelain tests/e2e/visual-regression.spec.ts-snapshots/)" ]; then
git config --local user.email "action@github.com"
git config --local user.name "GitHub Action"
git add tests/e2e/visual-regression.spec.ts-snapshots/
git commit -m "Seed Playwright VR snapshots (CI, all projects)"
fi
storybook:
runs-on: [self-hosted, macos-latest]
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
if: ${{ github.server_url == 'https://github.com' }}
with: { node-version: 20, cache: npm }
- uses: actions/setup-node@v4
if: ${{ github.server_url != 'https://github.com' }}
with: { node-version: 20 }
- run: npm ci
- run: npm run storybook:build:github
- run: npm run test:sb
env: { CI: true }
lint:
runs-on: [self-hosted, macos-latest]
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
if: ${{ github.server_url == 'https://github.com' }}
with: { node-version: 20, cache: npm }
- uses: actions/setup-node@v4
if: ${{ github.server_url != 'https://github.com' }}
with: { node-version: 20 }
- run: npm ci
- run: npm run lint
- run: npx prettier --check "**/*.{js,jsx,ts,tsx,json,css,md}"
build:
runs-on: [self-hosted, macos-latest]
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
if: ${{ github.server_url == 'https://github.com' }}
with: { node-version: 20, cache: npm }
- uses: actions/setup-node@v4
if: ${{ github.server_url != 'https://github.com' }}
with: { node-version: 20 }
- run: npm ci
- run: npm run build
- run: npm run storybook:build:github
.gitignore
+18
View File
@@ -13,6 +13,24 @@
# testing
/coverage
# Playwright
/test-results/
/playwright-report/
# Visual regression snapshots (allow these)
!tests/e2e/visual-regression.spec.ts-snapshots/
!tests/e2e/visual-regression.spec.ts-snapshots/*.png
# Ignore other image files (but not visual regression snapshots)
*.png
*.jpg
*.jpeg
*.gif
*.webm
*.mp4
*.mov
*.avi
*.mkv
# next.js
/.next/
/out/
.lighthouserc.json
+23
View File
@@ -0,0 +1,23 @@
{
"ci": {
"collect": {
"url": ["http://127.0.0.1:3010/"],
"numberOfRuns": 3,
"settings": {
"chromeFlags": "--no-sandbox --disable-dev-shm-usage --disable-gpu --headless"
}
},
"assert": {
"assertions": {
"categories:performance": ["warn", { "minScore": 0.8 }],
"categories:accessibility": ["warn", { "minScore": 0.8 }],
"first-contentful-paint": ["warn", { "maxNumericValue": 3000 }],
"interactive": ["warn", { "maxNumericValue": 5000 }]
}
},
"upload": {
"target": "filesystem",
"outputDir": "lhci-results"
}
}
}
.runner
+12
View File
@@ -0,0 +1,12 @@
{
"WARNING": "This file is automatically generated by act-runner. Do not edit it manually unless you know what you are doing. Removing this file will cause act runner to re-register as a new runner.",
"id": 13,
"uuid": "4ee0104d-dcfa-4132-82a8-7edcc28924d2",
"name": "community-rule-test-runner",
"token": "8691eca23d6825ace5acedb11253f42f95fa2ea5",
"address": "https://git.medlab.host",
"labels": [
"self-hosted:host",
"macos-latest:host"
]
}
.runner.pid
+1
View File
@@ -0,0 +1 @@
10574
.storybook/main.github.js
-35
View File
@@ -1,35 +0,0 @@
/** @type { import('@storybook/nextjs-vite').StorybookConfig } */
const config = {
stories: [
"../stories/**/*.mdx",
"../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
],
addons: [
"@chromatic-com/storybook",
"@storybook/addon-docs",
"@storybook/addon-onboarding",
"@storybook/addon-a11y",
"@storybook/addon-vitest",
],
framework: {
name: "@storybook/nextjs-vite",
options: {},
},
staticDirs: ["../public"],
managerHead: (head) => `${head}<base href="/communityrulestorybook/">`,
previewHead: (head) => `${head}<base href="/communityrulestorybook/">`,
async viteFinal(cfg) {
// IMPORTANT: Set base path for GitHub Pages sub-path hosting
cfg.base = "/communityrulestorybook/";
// Ensure esbuild treats .js as JSX during dep pre-bundling
cfg.optimizeDeps ??= {};
cfg.optimizeDeps.esbuildOptions ??= {};
cfg.optimizeDeps.esbuildOptions.loader = {
...(cfg.optimizeDeps.esbuildOptions.loader || {}),
".js": "jsx",
".ts": "tsx",
};
return cfg;
},
};
export default config;
.storybook/main.js
+5 -5
View File
@@ -5,19 +5,18 @@ const config = {
"../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
],
addons: [
"@chromatic-com/storybook",
"@storybook/addon-docs",
"@storybook/addon-onboarding",
"@storybook/addon-essentials",
"@storybook/addon-interactions",
"@storybook/addon-a11y",
"@storybook/addon-vitest",
],
framework: {
name: "@storybook/nextjs-vite",
options: {},
},
staticDirs: ["../public"],
// Ensure esbuild treats .js as JSX during dep pre-bundling
async viteFinal(cfg) {
// Ensure esbuild treats .js as JSX during dep pre-bundling
cfg.optimizeDeps ??= {};
cfg.optimizeDeps.esbuildOptions ??= {};
cfg.optimizeDeps.esbuildOptions.loader = {
@@ -28,4 +27,5 @@ const config = {
return cfg;
},
};
export default config;
.storybook/main.local.js
-31
View File
@@ -1,31 +0,0 @@
/** @type { import('@storybook/nextjs-vite').StorybookConfig } */
const config = {
stories: [
"../stories/**/*.mdx",
"../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
],
addons: [
"@chromatic-com/storybook",
"@storybook/addon-docs",
"@storybook/addon-onboarding",
"@storybook/addon-a11y",
"@storybook/addon-vitest",
],
framework: {
name: "@storybook/nextjs-vite",
options: {},
},
staticDirs: ["../public"],
async viteFinal(cfg) {
// Ensure esbuild treats .js as JSX during dep pre-bundling
cfg.optimizeDeps ??= {};
cfg.optimizeDeps.esbuildOptions ??= {};
cfg.optimizeDeps.esbuildOptions.loader = {
...(cfg.optimizeDeps.esbuildOptions.loader || {}),
".js": "jsx",
".ts": "tsx",
};
return cfg;
},
};
export default config;
.storybook/preview.github.js
-49
View File
@@ -1,49 +0,0 @@
import "../app/globals.css";
// Import Google Fonts for Storybook
import { Inter, Bricolage_Grotesque, Space_Grotesk } from "next/font/google";
const inter = Inter({
subsets: ["latin"],
weight: ["400", "500", "600", "700"],
variable: "--font-inter",
display: "swap",
});
const bricolageGrotesque = Bricolage_Grotesque({
subsets: ["latin"],
weight: ["400", "500", "700", "800"],
variable: "--font-bricolage-grotesque",
display: "swap",
});
const spaceGrotesk = Space_Grotesk({
subsets: ["latin"],
weight: ["400", "500", "700"],
variable: "--font-space-grotesk",
display: "swap",
});
/** @type { import('@storybook/react').Preview } */
const preview = {
parameters: {
actions: { argTypesRegex: "^on[A-Z].*" },
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/i,
},
},
},
decorators: [
(Story) => (
<div
className={`${inter.variable} ${bricolageGrotesque.variable} ${spaceGrotesk.variable} font-sans`}
>
<Story />
</div>
),
],
};
export default preview;
.storybook/preview.js
+1 -28
View File
@@ -1,33 +1,8 @@
import "../app/globals.css";
// Import Google Fonts for Storybook
import { Inter, Bricolage_Grotesque, Space_Grotesk } from "next/font/google";
const inter = Inter({
subsets: ["latin"],
weight: ["400", "500", "600", "700"],
variable: "--font-inter",
display: "swap",
});
const bricolageGrotesque = Bricolage_Grotesque({
subsets: ["latin"],
weight: ["400", "500", "700", "800"],
variable: "--font-bricolage-grotesque",
display: "swap",
});
const spaceGrotesk = Space_Grotesk({
subsets: ["latin"],
weight: ["400", "500", "700"],
variable: "--font-space-grotesk",
display: "swap",
});
/** @type { import('@storybook/react').Preview } */
const preview = {
parameters: {
actions: { argTypesRegex: "^on[A-Z].*" },
controls: {
matchers: {
color: /(background|color)$/i,
@@ -37,9 +12,7 @@ const preview = {
},
decorators: [
(Story) => (
<div
className={`${inter.variable} ${bricolageGrotesque.variable} ${spaceGrotesk.variable} font-sans`}
>
<div className="font-sans">
<Story />
</div>
),
.storybook/preview.local.js
-49
View File
@@ -1,49 +0,0 @@
import "../app/globals.css";
// Import Google Fonts for Storybook
import { Inter, Bricolage_Grotesque, Space_Grotesk } from "next/font/google";
const inter = Inter({
subsets: ["latin"],
weight: ["400", "500", "600", "700"],
variable: "--font-inter",
display: "swap",
});
const bricolageGrotesque = Bricolage_Grotesque({
subsets: ["latin"],
weight: ["400", "500", "700", "800"],
variable: "--font-bricolage-grotesque",
display: "swap",
});
const spaceGrotesk = Space_Grotesk({
subsets: ["latin"],
weight: ["400", "500", "700"],
variable: "--font-space-grotesk",
display: "swap",
});
/** @type { import('@storybook/react').Preview } */
const preview = {
parameters: {
actions: { argTypesRegex: "^on[A-Z].*" },
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/i,
},
},
},
decorators: [
(Story) => (
<div
className={`${inter.variable} ${bricolageGrotesque.variable} ${spaceGrotesk.variable} font-sans`}
>
<Story />
</div>
),
],
};
export default preview;
.storybook/vitest.setup.js
+3 -3
View File
@@ -1,7 +1,7 @@
import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview";
import { setProjectAnnotations } from '@storybook/nextjs-vite';
import * as projectAnnotations from './preview';
import { setProjectAnnotations } from "@storybook/nextjs-vite";
import * as projectAnnotations from "./preview";
// This is an important step to apply the right configuration when testing your stories.
// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);
setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);
README.md
+151 -37
View File
@@ -2,7 +2,7 @@
A Next.js application for community decision-making and governance documentation.
## Getting Started
## 🚀 Getting Started
Run the development server:
@@ -12,68 +12,182 @@ npm run dev
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Storybook Development
## 🧪 Testing Framework
This project includes Storybook for component development and documentation. The setup supports both local development and GitHub Pages deployment.
This project includes a comprehensive testing framework with multiple layers of testing:
### Quick Test Commands
```bash
# Unit tests with coverage
npm test
# E2E tests
npm run e2e
# Performance tests
npm run lhci
# Storybook tests
npm run test:sb
```
### Test Coverage
- ✅ **124 Unit Tests** (8 components + 1 integration)
- ✅ **308 E2E Tests** (4 browsers × 77 tests)
- ✅ **92 Visual Regression Screenshots**
- ✅ **Performance Budgets**
- ✅ **Accessibility Compliance**
### CI/CD Pipeline
- **Gitea Actions** with 7 parallel jobs
- **Cross-browser testing** (Chromium, Firefox, WebKit, Mobile)
- **Visual regression testing**
- **Performance monitoring**
- **Code coverage reporting**
📖 **For detailed testing documentation, see [docs/TESTING.md](docs/TESTING.md)**
## 📚 Storybook Development
This project includes Storybook for component development and documentation. The setup automatically detects the environment and applies the appropriate configuration.
### Local Development
For local Storybook development (no base path):
For local Storybook development:
```bash
npm run storybook:local
# or simply
npm run storybook
```
This will:
- Copy local configuration files (without GitHub Pages base path)
- Start Storybook at `http://localhost:6006`
- Ignore configuration changes in git
- Use relative paths for assets (no base path)
### Production Deployment
### GitHub Pages Deployment
When ready to deploy to GitHub Pages:
For GitHub Pages deployment with base path:
1. **Restore GitHub Pages configuration:**
```bash
npm run storybook:build:github
```
```bash
npm run storybook:restore
```
This will:
2. **Build Storybook:**
- Build Storybook with `/communityrulestorybook/` base path
- Generate files ready for GitHub Pages deployment
```bash
npm run build-storybook
```
### CI/CD Integration
3. **Deploy to GitHub Pages repository:**
The CI pipeline automatically uses the GitHub Pages configuration when building Storybook.
```bash
# Copy the build to your GitHub Pages repository
cp -r storybook-static/* /path/to/communityrulestorybook/
### Configuration
# Or if you have it as a git submodule:
cp -r storybook-static/* communityrulestorybook/
cd communityrulestorybook
git add .
git commit -m "Update Storybook build"
git push origin main
```
The Storybook configuration automatically detects the environment:
### Switching Between Configurations
- **Local development**: No base path, relative assets
- **CI/Production**: Base path `/communityrulestorybook/` for GitHub Pages
- **Local Development:** `npm run storybook:local`
- **Production Build:** `npm run storybook:restore` then `npm run build-storybook`
- **Back to Local:** `npm run storybook:local`
## 📋 Available Scripts
The gitignore is configured to prevent configuration file changes from triggering git changes during local development.
### Available Scripts
### Development
- `npm run dev` - Start Next.js development server
- `npm run build` - Build Next.js application for production
- `npm run start` - Start Next.js production server
- `npm run storybook:local` - Start Storybook with local configuration
- `npm run storybook:restore` - Restore GitHub Pages configuration
- `npm run build-storybook` - Build Storybook for production
### Testing
- `npm test` - Run unit tests with coverage
- `npm run test:watch` - Run tests in watch mode
- `npm run test:ui` - Run tests with UI
- `npm run e2e` - Run E2E tests
- `npm run e2e:ui` - Run E2E tests with UI
- `npm run e2e:serve` - Start dev server and run E2E tests
- `npm run lhci` - Run performance tests
- `npm run test:sb` - Run Storybook tests
### Storybook
- `npm run storybook:local` - Start Storybook for local development
- `npm run storybook:github` - Start Storybook with GitHub Pages configuration
- `npm run storybook:build` - Build Storybook for local deployment
- `npm run storybook:build:github` - Build Storybook for GitHub Pages
- `npm run storybook` - Start Storybook with current configuration
## 🏗️ Project Structure
```
community-rule/
├── app/ # Next.js app directory
│ ├── components/ # React components
│ ├── layout.js # Root layout
│ └── page.js # Homepage
├── tests/ # Test files
│ ├── unit/ # Unit tests (8 components)
│ ├── integration/ # Integration tests
│ └── e2e/ # E2E tests (4 test suites)
├── docs/ # Documentation
│ └── TESTING.md # Comprehensive testing guide
├── .storybook/ # Storybook configuration
├── .gitea/ # Gitea Actions workflows
│ └── workflows/
│ └── ci.yml # CI/CD pipeline
└── public/ # Static assets
```
## 🔧 Technology Stack
- **Framework**: Next.js 15 + React 19
- **Styling**: Tailwind CSS 4
- **Testing**: Vitest + Playwright + Lighthouse CI
- **Documentation**: Storybook 9
- **CI/CD**: Gitea Actions
- **Hosting**: Gitea (Git hosting)
## 📖 Documentation
- **[Testing Framework](docs/TESTING.md)** - Comprehensive testing guide
- **[Storybook](http://localhost:6006)** - Component documentation (local)
- **[GitHub Pages Storybook](https://your-username.github.io/communityrulestorybook/)** - Public component docs
## 🤝 Contributing
1. **Fork the repository**
2. **Create a feature branch**: `git checkout -b feature/amazing-feature`
3. **Write tests first** (see [Testing Guide](docs/TESTING.md))
4. **Make your changes**
5. **Run tests**: `npm test && npm run e2e`
6. **Commit changes**: `git commit -m "feat: add amazing feature"`
7. **Push to branch**: `git push origin feature/amazing-feature`
8. **Create Pull Request**
### Development Workflow
- All changes must have tests
- CI pipeline runs automatically on PRs
- Visual regression tests ensure UI consistency
- Performance budgets must be met
- Accessibility standards must be maintained
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
<<<<<<< HEAD
# Test from working commit
=======
# Test trigger
> > > > > > > bead0c737303fb7e83b3be0c5dbd121b00351b90
# Test new runner
# Test host mode
TESTING_STRATEGY.md
+258
View File
@@ -0,0 +1,258 @@
# Testing Strategy for CommunityRule
## Overview
This document outlines our comprehensive testing strategy that properly separates unit testing from responsive behavior testing, following best practices for JSDOM limitations and real browser testing.
## Current Test Status
- **236 total tests** across the project
- **227 tests passing** (96.2% success rate)
- **9 tests failing** (performance and interaction tests)
- **15 test files** covering all major components
- **Performance Monitoring**: Comprehensive regression detection and budget enforcement
## Testing Philosophy
### The Problem with JSDOM and Responsive Testing
**Short take: Unit tests in JSDOM can't truly "switch breakpoints."** JSDOM doesn't evaluate CSS media queries, so Tailwind's `hidden sm:block …` won't change visibility when you "resize" the window.
### Solution: Proper Test Separation
- **Unit / component tests (Vitest + RTL):** assert **structure and classes**, not responsive visibility.
- **Responsive behavior:** verify with **browser-based tests** (Playwright) or **visual tests** (Chromatic/Storybook) at real viewport widths.
## Test Categories
### 1. Unit Tests (Vitest + React Testing Library)
**Purpose:** Test component structure, accessibility, and configuration data.
**What to test:**
- DOM roles/labels exist: `role="banner"`, nav landmark, menu items
- The right **Tailwind classes** are present on wrappers (`block sm:hidden`, `hidden md:block`, etc.)
- Data-driven bits produce the expected count/order (e.g., `navigationItems`, `avatarImages`, `logoConfig`)
- Component configuration and exported data structures
**Example:**
```javascript
// tests/unit/Header.structure.test.js
test("logo wrappers include breakpoint classes", () => {
render(<Header />);
const logoWrappers = screen.getAllByTestId("logo-wrapper");
// Check first logo variant (xs only)
expect(logoWrappers[0]).toHaveClass("block", "sm:hidden");
// Check second logo variant (sm only)
expect(logoWrappers[1]).toHaveClass("hidden", "sm:block", "md:hidden");
});
```
### 2. Browser-Based Tests (Playwright)
**Purpose:** Test real responsive behavior at actual viewport widths.
**What to test:**
- **Visibility** at real breakpoints
- **Layout changes** between breakpoints
- **Interactive behavior** at different screen sizes
- **Accessibility** across viewports
**Example:**
```javascript
// tests/e2e/header.responsive.spec.js
const breakpoints = [
{ name: "xs", width: 360, height: 700 },
{ name: "sm", width: 640, height: 700 },
{ name: "md", width: 768, height: 700 },
{ name: "lg", width: 1024, height: 700 },
{ name: "xl", width: 1280, height: 700 },
];
for (const bp of breakpoints) {
test(`header layout at ${bp.name}`, async ({ page }) => {
await page.setViewportSize({ width: bp.width, height: bp.height });
await page.goto("/");
const nav = page.getByRole("navigation", { name: /main navigation/i });
await expect(nav).toBeVisible();
});
}
```
### 3. Visual Tests (Storybook + Chromatic)
**Purpose:** Visual regression testing and design system validation.
**What to test:**
- **Visual diffs** per breakpoint
- **Design consistency** across viewports
- **Component variations** and states
**Example:**
```javascript
// stories/Header.responsive.stories.js
export default {
parameters: {
chromatic: {
viewports: [360, 640, 768, 1024, 1280],
delay: 100,
},
},
};
```
## Component Improvements
### Header Component Enhancements
1. **Added Test IDs** for easier testing:
```jsx
<div data-testid="logo-wrapper" className={config.breakpoint}>
{renderLogo(config.size, config.showText)}
</div>
```
2. **Exported Configuration** for testing:
```javascript
export const navigationItems = [...];
export const avatarImages = [...];
export const logoConfig = [...];
```
3. **Structured Breakpoint Containers**:
```jsx
<div data-testid="nav-xs" className="block sm:hidden">
<div data-testid="nav-sm" className="hidden sm:block md:hidden">
<div data-testid="nav-md" className="hidden md:block lg:hidden">
```
## Test File Structure
```
tests/
├── unit/ # Unit tests (Vitest + RTL)
│ ├── Header.test.jsx # CONSOLIDATED: Comprehensive Header tests
│ ├── Footer.test.jsx
│ ├── Layout.test.jsx
│ └── Page.test.jsx
├── integration/ # Integration tests
│ └── ContentLockup.integration.test.jsx
├── e2e/ # Browser tests (Playwright)
│ └── header.responsive.spec.js # NEW: Responsive behavior tests
└── stories/ # Storybook stories
└── Header.responsive.stories.js # NEW: Visual testing
```
## Best Practices
### Unit Testing (JSDOM)
1. **Test structure, not visibility**:
```javascript
// ✅ Good: Test classes exist
expect(element).toHaveClass("block", "sm:hidden");
// ❌ Bad: Test visibility (doesn't work in JSDOM)
expect(element).toBeVisible();
```
2. **Use test IDs for containers**:
```javascript
// ✅ Good: Test specific containers
const logoWrapper = screen.getByTestId("logo-wrapper");
// ❌ Bad: Query by complex class strings
const logoWrapper = document.querySelector(".block.sm\\:hidden");
```
3. **Test configuration data**:
```javascript
// ✅ Good: Test exported configuration
expect(navigationItems).toHaveLength(3);
expect(logoConfig).toHaveLength(5);
```
### Browser Testing (Playwright)
1. **Test real viewport sizes**:
```javascript
await page.setViewportSize({ width: 640, height: 700 });
```
2. **Test visibility at breakpoints**:
```javascript
if (bp.name === "xs") {
await expect(page.getByTestId("auth-xs")).toBeVisible();
}
```
3. **Test accessibility across viewports**:
```javascript
const interactiveElements = [
page.getByRole("link", { name: /use cases/i }),
page.getByRole("button", { name: /create rule/i }),
];
for (const element of interactiveElements) {
await expect(element).toBeVisible();
await expect(element).toBeEnabled();
}
```
## Running Tests
### Unit Tests
```bash
npm test # Run all unit tests
npm test tests/unit/ # Run only unit tests
npm test Header.structure # Run specific test file
```
### Browser Tests
```bash
npx playwright test # Run all browser tests
npx playwright test header.responsive.spec.js # Run specific test
```
### Visual Tests
```bash
npm run storybook # Start Storybook
npx chromatic --project-token=xxx # Run visual tests
```
## Future Improvements
1. **Add more Playwright tests** for other components
2. **Set up Chromatic** for visual regression testing
3. **Add performance tests** for responsive behavior
4. **Create component-specific test utilities**
5. **Add accessibility testing** with axe-core
## Key Takeaways
1. **JSDOM limitations** require separating structure tests from visibility tests
2. **Test IDs** make testing more reliable and maintainable
3. **Exported configuration** enables better data structure testing
4. **Real browser testing** is essential for responsive behavior
5. **Visual testing** catches design regressions across breakpoints
This strategy provides comprehensive coverage while respecting the limitations of different testing environments.
act_runner
Executable
BIN
View File
Binary file not shown.
app/components/Header.js
+51 -43
View File
@@ -5,6 +5,35 @@ import Button from "./Button";
import AvatarContainer from "./AvatarContainer";
import Avatar from "./Avatar";
// Configuration data for testing
export const navigationItems = [
{ href: "#", text: "Use cases", extraPadding: true },
{ href: "#", text: "Learn" },
{ href: "#", text: "About" },
];
export const avatarImages = [
{ src: "assets/Avatar_1.png", alt: "Avatar 1" },
{ src: "assets/Avatar_2.png", alt: "Avatar 2" },
{ src: "assets/Avatar_3.png", alt: "Avatar 3" },
];
export const logoConfig = [
{ breakpoint: "block sm:hidden", size: "header", showText: false },
{ breakpoint: "hidden sm:block md:hidden", size: "header", showText: true },
{
breakpoint: "hidden md:block lg:hidden",
size: "headerMd",
showText: true,
},
{
breakpoint: "hidden lg:block xl:hidden",
size: "headerLg",
showText: true,
},
{ breakpoint: "hidden xl:block", size: "headerXl", showText: true },
];
export default function Header({ onToggle }) {
// Schema markup for site navigation
const schemaData = {
@@ -18,33 +47,6 @@ export default function Header({ onToggle }) {
"query-input": "required name=search_term_string",
},
};
const navigationItems = [
{ href: "#", text: "Use cases", extraPadding: true },
{ href: "#", text: "Learn" },
{ href: "#", text: "About" },
];
const avatarImages = [
{ src: "assets/Avatar_1.png", alt: "Avatar 1" },
{ src: "assets/Avatar_2.png", alt: "Avatar 2" },
{ src: "assets/Avatar_3.png", alt: "Avatar 3" },
];
const logoConfig = [
{ breakpoint: "block sm:hidden", size: "header", showText: false },
{ breakpoint: "hidden sm:block md:hidden", size: "header", showText: true },
{
breakpoint: "hidden md:block lg:hidden",
size: "headerMd",
showText: true,
},
{
breakpoint: "hidden lg:block xl:hidden",
size: "headerLg",
showText: true,
},
{ breakpoint: "hidden xl:block", size: "headerXl", showText: true },
];
const renderNavigationItems = (size) => {
return navigationItems.map((item, index) => (
@@ -118,7 +120,11 @@ export default function Header({ onToggle }) {
{/* Logo - Consistent left positioning across all breakpoints */}
<div className="flex items-center">
{logoConfig.map((config, index) => (
<div key={index} className={config.breakpoint}>
<div
key={index}
className={config.breakpoint}
data-testid="logo-wrapper"
>
{renderLogo(config.size, config.showText)}
</div>
))}
@@ -127,29 +133,29 @@ export default function Header({ onToggle }) {
{/* Navigation Links - Consistent center positioning */}
<div className="flex items-center">
{/* XSmall breakpoint - Navigation items moved to right section */}
<div className="block sm:hidden">
<div className="block sm:hidden" data-testid="nav-xs">
{/* Empty for XSmall - navigation moved to right */}
</div>
{/* Small breakpoint - All items grouped together, centered */}
<div className="hidden sm:block md:hidden">
<div className="hidden sm:block md:hidden" data-testid="nav-sm">
<MenuBar size="default">
{renderNavigationItems("xsmall")}
{renderLoginButton("xsmall")}
</MenuBar>
</div>
<div className="hidden md:block lg:hidden">
<div className="hidden md:block lg:hidden" data-testid="nav-md">
<MenuBar size="default">
{renderNavigationItems("xsmall")}
</MenuBar>
</div>
<div className="hidden lg:block xl:hidden">
<div className="hidden lg:block xl:hidden" data-testid="nav-lg">
<MenuBar size="large">{renderNavigationItems("large")}</MenuBar>
</div>
<div className="hidden xl:block">
<div className="hidden xl:block" data-testid="nav-xl">
<MenuBar size="large">{renderNavigationItems("xlarge")}</MenuBar>
</div>
</div>
@@ -157,41 +163,43 @@ export default function Header({ onToggle }) {
{/* Authentication Elements - Consistent right alignment across all breakpoints */}
<div className="flex items-center">
{/* XSmall breakpoint - All navigation items + Create Rule button */}
<div className="block sm:hidden">
<div className="block sm:hidden" data-testid="auth-xs">
<div className="flex items-center gap-[var(--spacing-scale-001)]">
{renderNavigationItems("xsmall")}
{renderLoginButton("xsmall")}
<MenuBar size="default">
{renderNavigationItems("xsmall")}
{renderLoginButton("xsmall")}
</MenuBar>
{renderCreateRuleButton("xsmall", "small", "small")}
</div>
</div>
{/* Small breakpoint - Only Create Rule button */}
<div className="hidden sm:block md:hidden">
<div className="hidden sm:block md:hidden" data-testid="auth-sm">
<div className="flex items-center gap-[var(--spacing-scale-004)]">
{renderCreateRuleButton("xsmall", "small", "small")}
</div>
</div>
{/* Medium breakpoint */}
<div className="hidden md:block lg:hidden">
<div className="hidden md:block lg:hidden" data-testid="auth-md">
<div className="flex items-center gap-[var(--spacing-measures-spacing-010)]">
{renderLoginButton("xsmall")}
<MenuBar size="default">{renderLoginButton("xsmall")}</MenuBar>
{renderCreateRuleButton("xsmall", "medium", "medium")}
</div>
</div>
{/* Large breakpoint */}
<div className="hidden lg:block xl:hidden">
<div className="hidden lg:block xl:hidden" data-testid="auth-lg">
<div className="flex items-center gap-[var(--spacing-measures-spacing-004)]">
{renderLoginButton("large")}
<MenuBar size="large">{renderLoginButton("large")}</MenuBar>
{renderCreateRuleButton("large", "xlarge", "xlarge")}
</div>
</div>
{/* XLarge breakpoint */}
<div className="hidden xl:block">
<div className="hidden xl:block" data-testid="auth-xl">
<div className="flex items-center gap-[var(--spacing-measures-spacing-004)]">
{renderLoginButton("xlarge")}
<MenuBar size="large">{renderLoginButton("xlarge")}</MenuBar>
{renderCreateRuleButton("xlarge", "xlarge", "xlarge")}
</div>
</div>
app/components/HomeHeader.js
+8 -8
View File
@@ -34,10 +34,10 @@ export default function HomeHeader() {
];
const avatarImages = [
{ src: "assets/Avatar_1.png", alt: "Avatar 1" },
{ src: "assets/Avatar_2.png", alt: "Avatar 2" },
{ src: "assets/Avatar_3.png", alt: "Avatar 3" },
];
{ src: "assets/Avatar_1.png", alt: "Avatar 1" },
{ src: "assets/Avatar_2.png", alt: "Avatar 2" },
{ src: "assets/Avatar_3.png", alt: "Avatar 3" },
];
const logoConfig = [
{
@@ -79,10 +79,10 @@ export default function HomeHeader() {
? size === "home" || size === "homeMd"
? "homeMd"
: size === "large"
? "large"
: size === "homeXlarge"
? "homeXlarge"
: "xsmallUseCases"
? "large"
: size === "homeXlarge"
? "homeXlarge"
: "xsmallUseCases"
: size
}
variant={
app/components/Logo.js
+21 -21
View File
@@ -91,33 +91,33 @@ export default function Logo({ size = "default", showText = true }) {
size === "homeHeaderXsmall"
? sizes.homeHeaderXsmall
: size === "homeHeaderSm"
? sizes.homeHeaderSm
: size === "homeHeaderMd"
? sizes.homeHeaderMd
: size === "homeHeaderLg"
? sizes.homeHeaderLg
: size === "homeHeaderXl"
? sizes.homeHeaderXl
: size === "header"
? sizes.header
: size === "headerMd"
? sizes.headerMd
: size === "headerLg"
? sizes.headerLg
: size === "headerXl"
? sizes.headerXl
: size === "footer"
? sizes.footer
: size === "footerLg"
? sizes.footerLg
: sizes.default;
? sizes.homeHeaderSm
: size === "homeHeaderMd"
? sizes.homeHeaderMd
: size === "homeHeaderLg"
? sizes.homeHeaderLg
: size === "homeHeaderXl"
? sizes.homeHeaderXl
: size === "header"
? sizes.header
: size === "headerMd"
? sizes.headerMd
: size === "headerLg"
? sizes.headerLg
: size === "headerXl"
? sizes.headerXl
: size === "footer"
? sizes.footer
: size === "footerLg"
? sizes.footerLg
: sizes.default;
return (
<div
className={`flex items-center ${config.containerHeight} ${
showText ? config.gap : ""
} transition-all duration-200 ease-in-out hover:scale-[1.02] cursor-pointer`}
role="banner"
role="link"
aria-label="CommunityRule Logo"
>
{/* Logo Text - only show if showText is true */}
app/components/QuoteBlock.js
+1 -1
View File
@@ -78,7 +78,7 @@ const QuoteBlock = ({
const handleImageError = (error) => {
console.warn(
`QuoteBlock: Failed to load avatar image for ${author}:`,
error
error,
);
setImageError(true);
setImageLoading(false);
app/globals.css
+39 -9
View File
@@ -2,26 +2,56 @@
/* Map next/font CSS variables to handy classes */
.font-inter {
font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
"Apple Color Emoji", "Segoe UI Emoji";
font-family:
var(--font-inter),
ui-sans-serif,
system-ui,
-apple-system,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
"Apple Color Emoji",
"Segoe UI Emoji";
}
.font-bricolage-grotesque {
font-family: var(--font-bricolage-grotesque), ui-sans-serif, system-ui,
-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
font-family:
var(--font-bricolage-grotesque),
ui-sans-serif,
system-ui,
-apple-system,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial;
}
.font-space-grotesk {
font-family: var(--font-space-grotesk), ui-sans-serif, system-ui,
-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
font-family:
var(--font-space-grotesk),
ui-sans-serif,
system-ui,
-apple-system,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial;
}
/* Set default body text face */
html,
body {
font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
"Segoe UI", Roboto, "Helvetica Neue", Arial;
font-family:
var(--font-inter),
ui-sans-serif,
system-ui,
-apple-system,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial;
}
body {
app/layout.js
+55
View File
@@ -24,9 +24,64 @@ const spaceGrotesk = Space_Grotesk({
display: "swap",
});
export const metadata = {
title: "CommunityRule - Build operating manuals for successful communities",
description:
"Help your community make important decisions in a way that reflects its unique values.",
keywords: ["community", "governance", "decision-making", "operating manual"],
authors: [{ name: "Media Economies Design Lab" }],
creator: "Media Economies Design Lab",
publisher: "Media Economies Design Lab",
formatDetection: {
email: false,
address: false,
telephone: false,
},
metadataBase: new URL("https://communityrule.com"),
alternates: {
canonical: "/",
},
openGraph: {
title: "CommunityRule - Build operating manuals for successful communities",
description:
"Help your community make important decisions in a way that reflects its unique values.",
url: "https://communityrule.com",
siteName: "CommunityRule",
locale: "en_US",
type: "website",
},
twitter: {
card: "summary_large_image",
title: "CommunityRule - Build operating manuals for successful communities",
description:
"Help your community make important decisions in a way that reflects its unique values.",
},
robots: {
index: true,
follow: true,
googleBot: {
index: true,
follow: true,
"max-video-preview": -1,
"max-image-preview": "large",
"max-snippet": -1,
},
},
};
export default function RootLayout({ children }) {
return (
<html lang="en" className="font-sans">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="icon"
href="/favicon.ico"
type="image/x-icon"
sizes="16x16"
/>
</head>
<body
className={`${inter.variable} ${bricolageGrotesque.variable} ${spaceGrotesk.variable}`}
>
app/tailwind.css
+8 -5
View File
@@ -19,12 +19,15 @@
--color-*: initial;
/* Font families */
--font-sans: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
--font-sans:
var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif;
--font-display:
var(--font-bricolage-grotesque), ui-sans-serif, system-ui, -apple-system,
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-display: var(--font-bricolage-grotesque), ui-sans-serif, system-ui,
-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-mono: var(--font-space-grotesk), ui-monospace, SFMono-Regular,
"SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
--font-mono:
var(--font-space-grotesk), ui-monospace, SFMono-Regular, "SF Mono",
Consolas, "Liberation Mono", Menlo, monospace;
/* Dimension */
--spacing-scale-000: 0px;
config.yaml
+33
View File
@@ -0,0 +1,33 @@
log:
level: info
runner:
file: .runner
capacity: 2
timeout: 3h
insecure: false
fetch_timeout: 5s
fetch_interval: 2s
labels:
- "self-hosted:host"
- "macos-latest:host"
cache:
enabled: true
dir: ""
host: ""
port: 0
external_server: ""
# container:
# network: ""
# privileged: false
# options:
# workdir_parent:
# valid_volumes: []
# docker_host: ""
# force_pull: false
# mode: "host"
host:
workdir_parent: ""
docs/PERFORMANCE_MONITORING.md
+308
View File
@@ -0,0 +1,308 @@
# Performance Monitoring System
## Overview
The Community Rule platform includes a comprehensive performance monitoring system designed to detect performance regressions, maintain performance budgets, and ensure optimal user experience across all components and user interactions.
## Architecture
### Core Components
1. **Performance Monitor Module** (`tests/performance/performance-monitor.js`)
- Base `PerformanceMonitor` class for metric collection and analysis
- `WebPerformanceMonitor` for browser-based performance monitoring
- `PlaywrightPerformanceMonitor` for E2E performance testing
2. **Performance Tests** (`tests/e2e/performance.spec.ts`)
- Comprehensive E2E performance tests using Playwright
- Core Web Vitals monitoring
- Component render performance testing
- Interaction performance testing
3. **Lighthouse CI Integration** (`lighthouserc.json`)
- Automated performance audits
- Performance budget enforcement
- Core Web Vitals validation
4. **Performance Budgets** (`performance-budgets.json`)
- Resource size limits
- Timing budgets
- Resource count limits
5. **Monitoring Script** (`scripts/performance-monitor.js`)
- Standalone performance monitoring
- Regression detection
- Report generation
## Performance Budgets
### Timing Budgets
| Metric | Budget | Baseline | Description |
| ------------------------ | ------ | -------- | ------------------------- |
| Page Load Time | 3000ms | 2000ms | Total page load time |
| First Contentful Paint | 2000ms | 1500ms | First content appears |
| Largest Contentful Paint | 2500ms | 2000ms | Largest content element |
| First Input Delay | 100ms | 50ms | First user interaction |
| TTFB | 600ms | 400ms | Time to First Byte |
| Component Render | 500ms | 300ms | Component rendering time |
| Interaction Time | 100ms | 50ms | User interaction response |
| Scroll Performance | 50ms | 30ms | Scroll operation time |
### Resource Budgets
| Resource Type | Size Limit | Count Limit | Description |
| ------------- | ---------- | ----------- | ---------------------- |
| Scripts | 300KB | 10 | JavaScript files |
| Stylesheets | 50KB | 5 | CSS files |
| Images | 100KB | 20 | Image files |
| Fonts | 50KB | 5 | Font files |
| Total | 500KB | 50 | All resources combined |
## Usage
### Running Performance Tests
```bash
# Run all performance tests
npm run e2e:performance
# Run specific performance test
npx playwright test tests/e2e/performance.spec.ts --grep="homepage load performance"
# Run with specific browser
npx playwright test tests/e2e/performance.spec.ts --project=chromium
```
### Running Lighthouse CI
```bash
# Run Lighthouse CI with default settings
npm run lhci
# Run with mobile preset
npm run lhci:mobile
# Run with desktop preset
npm run lhci:desktop
# Run with performance budgets
npm run performance:budget
```
### Running Performance Monitoring
```bash
# Run comprehensive performance monitoring
npm run performance:monitor
# Run monitoring script directly
node scripts/performance-monitor.js
```
## Performance Metrics
### Core Web Vitals
1. **Largest Contentful Paint (LCP)**
- Measures loading performance
- Target: < 2.5 seconds
- Baseline: < 2.0 seconds
2. **First Input Delay (FID)**
- Measures interactivity
- Target: < 100ms
- Baseline: < 50ms
3. **Cumulative Layout Shift (CLS)**
- Measures visual stability
- Target: < 0.1
- Baseline: < 0.05
### Navigation Timing
- **DNS Lookup**: Domain name resolution time
- **TCP Connection**: Connection establishment time
- **TTFB**: Time to First Byte
- **Download**: Resource download time
- **DOM Content Loaded**: DOM parsing completion
- **Load**: Full page load completion
### Component Performance
- **Render Time**: Component rendering duration
- **Interaction Time**: User interaction response time
- **Scroll Performance**: Smooth scrolling performance
- **Memory Usage**: JavaScript heap memory consumption
## Regression Detection
### Automatic Detection
The performance monitoring system automatically detects regressions by:
1. **Comparing against baselines**: Current metrics vs. established baselines
2. **Threshold monitoring**: Real-time threshold violation detection
3. **Trend analysis**: Performance degradation over time
4. **Statistical analysis**: Variance and consistency monitoring
### Regression Thresholds
- **20% degradation**: Triggers regression warning
- **50% degradation**: Triggers regression error
- **Consistent degradation**: Pattern-based regression detection
### Alert System
```javascript
// Example regression detection output
🚨 Performance regression detected: scroll_performance = 111ms (baseline: 30ms)
⚠️ Performance threshold exceeded: interaction_time = 1368ms (threshold: 100ms)
```
## Performance Reports
### Generated Reports
1. **Console Output**: Real-time performance metrics and warnings
2. **JSON Reports**: Structured performance data (`performance-report.json`)
3. **Lighthouse Reports**: Detailed performance audits
4. **Playwright Reports**: E2E test results with performance data
### Report Structure
```json
{
"timestamp": "2024-01-01T12:00:00.000Z",
"summary": {
"totalMetrics": 15,
"regressions": 2,
"warnings": 3
},
"regressions": [
{
"metric": "scroll_performance",
"current": 111,
"baseline": 30,
"regression": "270.0%"
}
],
"warnings": [
"Performance threshold exceeded: interaction_time = 1368ms (threshold: 100ms)"
],
"metrics": {
"page_load_time": {
"latest": 1704,
"average": 1704,
"min": 1704,
"max": 1704,
"count": 1
}
}
}
```
## CI/CD Integration
### GitHub Actions Integration
```yaml
# Example CI workflow
- name: Performance Tests
run: |
npm run e2e:performance
npm run lhci
npm run performance:budget
```
### Performance Gates
- **Performance Score**: Must be > 90
- **Core Web Vitals**: All metrics within budgets
- **Regression Detection**: No significant regressions
- **Resource Budgets**: All resources within limits
## Best Practices
### Development Workflow
1. **Pre-commit Checks**: Run performance tests before commits
2. **Baseline Updates**: Update baselines after performance improvements
3. **Budget Reviews**: Regular budget review and adjustment
4. **Regression Investigation**: Immediate investigation of detected regressions
### Performance Optimization
1. **Code Splitting**: Implement dynamic imports for better loading
2. **Image Optimization**: Use modern formats and proper sizing
3. **Caching**: Implement effective caching strategies
4. **Bundle Analysis**: Regular bundle size monitoring
### Monitoring Strategy
1. **Continuous Monitoring**: Automated performance testing in CI/CD
2. **Real User Monitoring**: Collect performance data from real users
3. **Alert Thresholds**: Set appropriate alert thresholds
4. **Performance Budgets**: Enforce strict performance budgets
## Troubleshooting
### Common Issues
1. **Test Timeouts**
- Increase timeout values for slow operations
- Add proper wait conditions
- Check for network issues
2. **False Positives**
- Adjust baseline values
- Review test environment
- Check for external dependencies
3. **Performance Fluctuations**
- Run multiple test iterations
- Use statistical analysis
- Consider environmental factors
### Debugging Performance Issues
```bash
# Enable detailed logging
DEBUG=playwright:* npm run e2e:performance
# Run with specific browser and debugging
npx playwright test tests/e2e/performance.spec.ts --project=chromium --debug
# Generate detailed reports
npm run performance:monitor -- --verbose
```
## Future Enhancements
### Planned Features
1. **Real User Monitoring (RUM)**
- Collect performance data from real users
- User-centric performance metrics
- Geographic performance analysis
2. **Advanced Analytics**
- Machine learning-based regression detection
- Predictive performance modeling
- Automated performance optimization suggestions
3. **Performance Dashboard**
- Web-based performance monitoring dashboard
- Real-time performance metrics visualization
- Historical performance trends
4. **Integration with APM Tools**
- New Relic integration
- DataDog integration
- Custom APM tool integration
## Conclusion
The performance monitoring system provides comprehensive coverage of application performance, enabling early detection of regressions and maintaining high performance standards. Regular monitoring and proactive optimization ensure optimal user experience across all platforms and devices.
For questions or issues with the performance monitoring system, please refer to the testing documentation or create an issue in the project repository.
docs/SNAPSHOT_WORKFLOW.md
+110
View File
@@ -0,0 +1,110 @@
# Visual Regression Snapshot Workflow
Quick reference for managing visual regression snapshots.
## 🚀 **First-Time Setup**
```bash
# 1. Generate baseline snapshots (choose one)
npm run seed-snapshots # Docker (recommended for CI consistency)
npm run seed-snapshots:local # Local environment
# 2. Commit the snapshots
git add tests/e2e/visual-regression.spec.ts-snapshots/
git commit -m "Add baseline visual regression snapshots"
# 3. Verify setup
npm run visual:test
```
## 🔄 **Daily Workflow**
```bash
# Run visual regression tests
npm run visual:test
# Run with UI for debugging
npm run visual:ui
# Update snapshots after UI changes
npm run visual:update
```
## 📝 **When UI Changes**
1. **Make your UI changes** (design updates, component modifications, etc.)
2. **Update snapshots to reflect new design:**
```bash
npm run visual:update
```
3. **Review changes:**
```bash
git diff tests/e2e/visual-regression.spec.ts-snapshots/
```
4. **Commit updated snapshots:**
```bash
git add tests/e2e/visual-regression.spec.ts-snapshots/
git commit -m "Update snapshots for [describe changes]"
```
## 🐛 **Troubleshooting**
### **"Snapshot doesn't exist" errors**
- **Cause**: Baseline snapshots haven't been generated
- **Fix**: Run `npm run seed-snapshots:local`
### **Platform differences (macOS vs Linux)**
- **Cause**: Different font rendering between platforms
- **Fix**: Use `npm run seed-snapshots` (Docker container)
### **Minor pixel differences**
- **Cause**: Font rendering, anti-aliasing differences
- **Fix**: Check tolerance settings in `playwright.config.ts`
### **Animation-related failures**
- **Cause**: Animations not fully disabled
- **Fix**: Ensure `animations: "disabled"` is set (already configured)
## 📁 **File Structure**
```
tests/e2e/
├── visual-regression.spec.ts # Test definitions
└── visual-regression.spec.ts-snapshots/ # Baseline images
├── homepage-full-chromium.png
├── homepage-viewport-chromium.png
├── hero-banner-chromium.png
└── ...
```
## ⚡ **Quick Commands Reference**
| Command | Purpose |
| ------------------------------ | ----------------------------------------------- |
| `npm run visual:test` | Run visual regression tests |
| `npm run visual:update` | Update snapshots after UI changes |
| `npm run visual:ui` | Run tests with UI for debugging |
| `npm run seed-snapshots` | Generate baselines with Docker (CI consistency) |
| `npm run seed-snapshots:local` | Generate baselines locally |
## 💡 **Best Practices**
1. **Always review changes** before committing updated snapshots
2. **Use descriptive commit messages** when updating snapshots
3. **Test locally first** before pushing to CI
4. **Use Docker for consistency** when generating baselines
5. **Update snapshots promptly** after UI changes to avoid drift
## 🔗 **Related Documentation**
- [Visual Regression Setup](./VISUAL_REGRESSION_SETUP.md) - Detailed setup guide
- [Testing Strategy](../TESTING_STRATEGY.md) - Overall testing approach
docs/TESTING.md
+701
View File
@@ -0,0 +1,701 @@
# Testing Framework Documentation
## 📋 Table of Contents
- [Overview](#overview)
- [Quick Start](#quick-start)
- [Test Structure](#test-structure)
- [Unit & Integration Testing](#unit--integration-testing)
- [E2E Testing](#e2e-testing)
- [Visual Regression Testing](#visual-regression-testing)
- [Performance Testing](#performance-testing)
- [Storybook Testing](#storybook-testing)
- [CI/CD Pipeline](#cicd-pipeline)
- [Development Workflow](#development-workflow)
- [Best Practices](#best-practices)
- [Troubleshooting](#troubleshooting)
- [Monitoring & Metrics](#monitoring--metrics)
## 🎯 Overview
This project uses a comprehensive testing framework with multiple layers of testing to ensure code quality, functionality, and visual consistency across all browsers and devices.
### Testing Stack
- **Unit/Integration**: Vitest + JSDOM + React Testing Library
- **E2E**: Playwright (Chromium, Firefox, WebKit, Mobile)
- **Visual Regression**: Playwright Screenshots
- **Performance**: Lighthouse CI
- **Accessibility**: Axe-core + Storybook
- **CI/CD**: Gitea Actions
### Test Coverage
- ✅ **124 Unit Tests** (8 components + 1 integration)
- ✅ **308 E2E Tests** (4 browsers × 77 tests)
- ✅ **92 Visual Regression Screenshots**
- ✅ **Performance Budgets**
- ✅ **Accessibility Compliance**
## 🚀 Quick Start
### Prerequisites
```bash
# Install dependencies
npm install
# Install Playwright browsers
npx playwright install
```
### Running Tests
```bash
# All unit tests with coverage
npm test
# Unit tests in watch mode
npm run test:watch
# E2E tests
npm run e2e
# Performance tests
npm run lhci
# Storybook tests
npm run test:sb
```
## 📁 Test Structure
```
tests/
├── unit/ # Component unit tests
│ ├── Button.test.jsx # 113 lines
│ ├── HeroBanner.test.jsx # 143 lines
│ ├── FeatureGrid.test.jsx # 146 lines
│ ├── LogoWall.test.jsx # 170 lines
│ ├── NumberedCards.test.jsx # 196 lines
│ ├── RuleStack.test.jsx # 207 lines
│ ├── QuoteBlock.test.jsx # 223 lines
│ └── AskOrganizer.test.jsx # 294 lines
├── integration/ # Component integration tests
│ └── ContentLockup.integration.test.jsx # 157 lines
└── e2e/ # End-to-end tests
├── homepage.spec.ts # 18 tests per browser
├── user-journeys.spec.ts # 13 tests per browser
├── edge-cases.spec.ts # 18 tests per browser
└── visual-regression.spec.ts # 23 tests per browser
```
## 🚀 Runner Management Scripts
```
community-rule/
├── start-runner.sh # Start Gitea Actions runner
├── stop-runner.sh # Stop Gitea Actions runner
├── status-runner.sh # Check runner status
├── config.yaml # Runner configuration
└── act_runner # Gitea Actions runner binary
```
## 🧪 Unit & Integration Testing
### Framework
- **Vitest**: Fast unit test runner
- **JSDOM**: Browser environment simulation
- **React Testing Library**: Component testing utilities
- **MSW**: API mocking
### Configuration
```javascript
// vitest.config.js
export default defineConfig({
plugins: [react({ jsxRuntime: "automatic" })],
test: {
environment: "jsdom",
setupFiles: ["./vitest.setup.js"],
coverage: {
provider: "v8",
thresholds: { lines: 85, functions: 85, statements: 85, branches: 80 },
},
},
});
```
### Writing Unit Tests
```jsx
// tests/unit/Component.test.jsx
import { render, screen } from "@testing-library/react";
import { describe, test, expect, afterEach } from "vitest";
import { cleanup } from "@testing-library/react";
import Component from "../../app/components/Component";
describe("Component", () => {
afterEach(() => cleanup());
test("renders correctly", () => {
render(<Component />);
expect(screen.getByRole("button")).toBeInTheDocument();
});
});
```
### Available Scripts
```bash
npm test # Run all tests with coverage
npm run test:watch # Run tests in watch mode
npm run test:ui # Run tests with UI
```
## 🌐 E2E Testing
### Framework
- **Playwright**: Cross-browser E2E testing
- **Browsers**: Chromium, Firefox, WebKit, Mobile
- **Accessibility**: Axe-core integration
### Configuration
```typescript
// playwright.config.ts
export default defineConfig({
testDir: "./tests/e2e",
projects: [
{ name: "chromium", use: { ...devices["Desktop Chrome"] } },
{ name: "firefox", use: { ...devices["Desktop Firefox"] } },
{ name: "webkit", use: { ...devices["Desktop Safari"] } },
{ name: "mobile", use: { ...devices["iPhone 12"] } },
],
});
```
### Test Categories
#### 1. Homepage Tests (18 tests per browser)
- Page loading and sections
- Component functionality
- Navigation and interactions
- Responsive design
- Accessibility compliance
- Performance metrics
#### 2. User Journey Tests (13 tests per browser)
- Complete user workflows
- Feature exploration
- Contact flows
- Learning paths
- Navigation patterns
#### 3. Edge Cases Tests (18 tests per browser)
- Network conditions
- Browser behavior
- Error scenarios
- Accessibility edge cases
- Performance under stress
#### 4. Visual Regression Tests (23 tests per browser)
- Full page screenshots
- Component screenshots
- Responsive screenshots
- Interactive states
### Writing E2E Tests
```typescript
// tests/e2e/example.spec.ts
import { test, expect } from "@playwright/test";
test.describe("Feature", () => {
test.beforeEach(async ({ page }) => {
await page.goto("/");
});
test("should work correctly", async ({ page }) => {
await expect(page).toHaveTitle(/CommunityRule/);
await expect(page.locator("h1")).toBeVisible();
});
});
```
### Available Scripts
```bash
npm run e2e # Run all E2E tests
npm run e2e:ui # Run E2E tests with UI
npm run e2e:serve # Start dev server and run tests
```
## 🎨 Visual Regression Testing
### Overview
Visual regression testing ensures UI consistency across browsers and prevents unintended visual changes.
### Screenshots Generated
- **Full page screenshots** (mobile, tablet, desktop)
- **Component screenshots** (hero, logo wall, cards, etc.)
- **Interactive states** (hover, focus, loading, error)
- **Special modes** (dark mode, high contrast, reduced motion)
### Baseline Screenshots
```
tests/e2e/visual-regression.spec.ts-snapshots/
├── homepage-full-chromium-darwin.png
├── homepage-mobile-chromium-darwin.png
├── hero-banner-chromium-darwin.png
├── logo-wall-chromium-darwin.png
└── ... (92 total screenshots)
```
### Managing Visual Changes
```bash
# Update baselines after intentional changes
npx playwright test tests/e2e/visual-regression.spec.ts --update-snapshots
# Run visual regression tests
npx playwright test tests/e2e/visual-regression.spec.ts
```
### Cross-Browser Coverage
- **Chromium** (Chrome/Edge)
- **Firefox**
- **WebKit** (Safari)
- **Mobile** (Mobile Chrome)
## ⚡ Performance Testing
### Framework
- **Lighthouse CI**: Automated performance testing
- **Performance Budgets**: Defined thresholds
### Configuration
```json
// lighthouserc.json
{
"ci": {
"collect": {
"url": ["http://localhost:3000"],
"startServerCommand": "npm run preview"
},
"assert": {
"assertions": {
"categories:performance": ["warn", { "minScore": 0.9 }],
"categories:accessibility": ["error", { "minScore": 0.95 }]
}
}
}
}
```
### Performance Metrics
- **Core Web Vitals**: LCP, FID, CLS
- **Performance Score**: Overall performance rating
- **Accessibility Score**: WCAG compliance
- **Best Practices**: Web development standards
- **SEO Score**: Search engine optimization
### Available Scripts
```bash
npm run lhci # Run Lighthouse CI
```
## 📚 Storybook Testing
### Framework
- **Storybook**: Component development environment
- **@storybook/test-runner**: Automated testing
- **@storybook/test**: Testing utilities
### Configuration
```javascript
// .storybook/preview.js
export const parameters = {
a11y: { element: "#storybook-root", manual: false },
viewport: { defaultViewport: "responsive" },
chromatic: { viewports: [360, 768, 1024, 1440] },
};
```
### Testing Features
- **Accessibility Testing**: Automated WCAG compliance
- **Visual Testing**: Component screenshots
- **Interaction Testing**: User interactions
- **Responsive Testing**: Multiple viewports
### Available Scripts
```bash
npm run storybook # Start Storybook dev server
npm run test:sb # Run Storybook tests
npm run build-storybook # Build Storybook
```
## 🔄 CI/CD Pipeline
### Gitea Actions Workflow
Location: `.gitea/workflows/ci.yml`
### Pipeline Jobs
#### 1. Unit Tests
- **Node.js versions**: 18, 20
- **Coverage reporting**: Codecov integration
- **Parallel execution**: Matrix strategy
#### 2. E2E Tests
- **Browsers**: Chromium, Firefox, WebKit
- **Parallel execution**: Matrix strategy
- **Artifact upload**: Test results and reports
#### 3. Visual Regression Tests
- **Screenshot comparison**: Baseline vs current
- **Artifact upload**: Screenshot diffs
- **Cross-browser validation**
#### 4. Performance Tests
- **Lighthouse CI**: Performance budgets
- **Core Web Vitals**: Monitoring
- **Accessibility compliance**
#### 5. Storybook Tests
- **Component testing**: Automated tests
- **Accessibility validation**: WCAG compliance
- **Build verification**: Storybook compilation
#### 6. Lint & Format
- **ESLint**: Code quality
- **Prettier**: Code formatting
- **Type checking**: TypeScript validation
#### 7. Build Verification
- **Next.js build**: Application compilation
- **Storybook build**: Documentation compilation
### Triggers
```yaml
on:
push:
branches: [main, develop]
pull_request:
branches: [main, develop]
```
## 🛠 Development Workflow
### 1. Feature Development
```bash
# Create feature branch
git checkout -b feature/new-component
# Write tests first (TDD)
npm run test:watch
# Implement feature
# Ensure tests pass
# Run E2E tests
npm run e2e
# Commit changes
git add .
git commit -m "feat: add new component with tests"
```
### 2. Manual Runner Management
The Gitea Actions runner is managed manually to save resources and provide control over when CI runs.
#### Start Runner (Before Creating PR)
```bash
# Start the runner to execute CI jobs
./start-runner.sh
```
#### Check Runner Status
```bash
# Check if runner is running and see recent logs
./status-runner.sh
```
#### Stop Runner (After PR Complete)
```bash
# Stop the runner to free up resources
./stop-runner.sh
```
#### Complete PR Workflow
```bash
# 1. Start runner
./start-runner.sh
# 2. Create Pull Request
# Go to repository → New Pull Request
# 3. Monitor CI progress
./status-runner.sh
# Or check Gitea Actions page
# 4. Stop runner when done
./stop-runner.sh
```
### 2. Pull Request Process
1. **Create PR** → CI pipeline starts automatically
2. **Review CI Results** → All 7 jobs must pass
3. **Check Coverage** → Ensure >85% coverage
4. **Review Visual Changes** → Check screenshot diffs
5. **Merge** → Only if all checks pass
### 3. Visual Changes
```bash
# Make visual changes
# Run visual regression tests
npm run e2e:serve
npx playwright test tests/e2e/visual-regression.spec.ts
# If changes are intentional, update baselines
npx playwright test tests/e2e/visual-regression.spec.ts --update-snapshots
```
### 4. Performance Monitoring
```bash
# Check performance before deploying
npm run lhci
# Review performance budgets
# Update lighthouserc.json if needed
```
## 📋 Best Practices
### 1. Test-Driven Development
- Write tests before implementation
- Use descriptive test names
- Test edge cases and error scenarios
- Maintain high test coverage
### 2. Component Testing
```jsx
// Good: Test behavior, not implementation
test("shows error message when form is invalid", () => {
render(<Form />);
fireEvent.click(screen.getByRole("button"));
expect(screen.getByText("Please fill all fields")).toBeInTheDocument();
});
// Avoid: Testing implementation details
test("calls onSubmit with form data", () => {
const mockSubmit = vi.fn();
render(<Form onSubmit={mockSubmit} />);
// Implementation details...
});
```
### 3. E2E Testing
- Test user workflows, not technical details
- Use semantic selectors (role, text, label)
- Test accessibility features
- Include error scenarios
### 4. Visual Regression
- Update baselines only for intentional changes
- Review screenshot diffs carefully
- Test across multiple viewports
- Consider animation states
### 5. Performance Testing
- Set realistic performance budgets
- Monitor Core Web Vitals
- Test on different network conditions
- Regular performance audits
## 🔧 Troubleshooting
### Common Issues
#### 1. Unit Tests Failing
```bash
# Run tests locally
npm test
# Check for:
# - Missing imports
# - Incorrect assertions
# - Component changes
# - Test environment issues
```
#### 2. E2E Tests Failing
```bash
# Run locally first
npm run e2e:serve
npm run e2e
# Common issues:
# - Selector changes
# - Component structure changes
# - Network issues
# - Browser compatibility
```
#### 3. Visual Regression Failing
```bash
# Check if changes are intentional
npx playwright test tests/e2e/visual-regression.spec.ts
# Update baselines if needed
npx playwright test tests/e2e/visual-regression.spec.ts --update-snapshots
# Review screenshot diffs in CI artifacts
```
#### 4. Performance Tests Failing
```bash
# Run locally
npm run lhci
# Check performance budgets in lighthouserc.json
# Optimize slow components
# Review bundle size
```
#### 5. CI Pipeline Issues
```bash
# Check Gitea Actions logs
# Verify workflow configuration
# Check for missing dependencies
# Review environment variables
```
### Debug Commands
```bash
# Debug unit tests
npm run test:ui
# Debug E2E tests
npm run e2e:ui
# Debug with browser dev tools
npx playwright test --debug
# Run specific test file
npx playwright test tests/e2e/homepage.spec.ts
# Run tests in headed mode
npx playwright test --headed
```
## 📊 Monitoring & Metrics
### 1. Test Coverage
- **Target**: >85% line coverage
- **Monitoring**: Codecov integration
- **Trends**: Track coverage over time
- **Reports**: Available in CI artifacts
### 2. Performance Metrics
- **Core Web Vitals**: LCP < 2.5s, FID < 100ms, CLS < 0.1
- **Performance Score**: >90
- **Accessibility Score**: >95
- **Monitoring**: Lighthouse CI reports
### 3. Visual Regression
- **Baseline Screenshots**: 92 total
- **Cross-browser Coverage**: 4 browsers
- **Responsive Testing**: 4 viewports
- **Monitoring**: Screenshot diffs in CI
### 4. E2E Test Results
- **Total Tests**: 308 across 4 browsers
- **Success Rate**: Monitor test stability
- **Execution Time**: Track performance
- **Reports**: Available in CI artifacts
### 5. CI Pipeline Health
- **Job Success Rate**: Monitor pipeline stability
- **Execution Time**: Track build performance
- **Resource Usage**: Monitor CI costs
- **Failure Analysis**: Identify common issues
## 📚 Additional Resources
### Documentation
- [Vitest Documentation](https://vitest.dev/)
- [Playwright Documentation](https://playwright.dev/)
- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)
- [Lighthouse CI](https://github.com/GoogleChrome/lighthouse-ci)
- [Storybook Testing](https://storybook.js.org/docs/writing-tests/introduction)
### Tools
- [Codecov](https://codecov.io/) - Coverage reporting
- [Axe-core](https://github.com/dequelabs/axe-core) - Accessibility testing
- [MSW](https://mswjs.io/) - API mocking
### Best Practices
- [Testing Best Practices](https://kentcdodds.com/blog/common-mistakes-with-react-testing-library)
- [E2E Testing Guide](https://playwright.dev/docs/best-practices)
- [Visual Regression Testing](https://storybook.js.org/docs/writing-tests/visual-testing)
---
**Last Updated**: December 2024
**Framework Version**: Next.js 15 + React 19 + Tailwind 4 + Storybook 9
docs/TESTING_QUICK_REFERENCE.md
+275
View File
@@ -0,0 +1,275 @@
# Testing Quick Reference
## 🚀 Essential Commands
### Daily Development
```bash
# Run all tests
npm test
# Watch mode (during development)
npm run test:watch
# E2E tests
npm run e2e
# Performance check
npm run lhci
```
### Manual Runner Management
```bash
# Start runner (before creating PR)
./start-runner.sh
# Check runner status
./status-runner.sh
# Stop runner (after PR complete)
./stop-runner.sh
```
### Visual Regression
```bash
# Update baselines after intentional changes
npx playwright test tests/e2e/visual-regression.spec.ts --update-snapshots
# Check for visual changes
npx playwright test tests/e2e/visual-regression.spec.ts
```
### Debugging
```bash
# Debug unit tests
npm run test:ui
# Debug E2E tests
npm run e2e:ui
# Debug with browser
npx playwright test --debug
```
## 📝 Writing Tests
### Unit Test Template
```jsx
// tests/unit/Component.test.jsx
import { render, screen } from "@testing-library/react";
import { describe, test, expect, afterEach } from "vitest";
import { cleanup } from "@testing-library/react";
import Component from "../../app/components/Component";
describe("Component", () => {
afterEach(() => cleanup());
test("renders correctly", () => {
render(<Component />);
expect(screen.getByRole("button")).toBeInTheDocument();
});
});
```
### E2E Test Template
```typescript
// tests/e2e/feature.spec.ts
import { test, expect } from "@playwright/test";
test.describe("Feature", () => {
test.beforeEach(async ({ page }) => {
await page.goto("/");
});
test("should work correctly", async ({ page }) => {
await expect(page).toHaveTitle(/CommunityRule/);
await expect(page.locator("h1")).toBeVisible();
});
});
```
## 🔧 Common Testing Patterns
### Testing User Interactions
```jsx
// Unit test
import userEvent from "@testing-library/user-event";
test("handles user input", async () => {
const user = userEvent.setup();
render(<Form />);
await user.type(screen.getByLabelText("Email"), "test@example.com");
await user.click(screen.getByRole("button", { name: "Submit" }));
expect(screen.getByText("Success")).toBeInTheDocument();
});
```
### Testing Async Operations
```jsx
// Unit test
test("loads data", async () => {
render(<DataComponent />);
expect(screen.getByText("Loading...")).toBeInTheDocument();
await waitFor(() => {
expect(screen.getByText("Data loaded")).toBeInTheDocument();
});
});
```
### Testing Accessibility
```typescript
// E2E test
import { runA11y } from "./axe";
test("meets accessibility standards", async ({ page }) => {
await page.goto("/");
const violations = await runA11y(page);
expect(violations).toEqual([]);
});
```
## 🎯 Test Coverage Targets
- **Lines**: 85%
- **Functions**: 85%
- **Statements**: 85%
- **Branches**: 80%
## 🚨 Common Issues & Solutions
### Unit Tests
```bash
# Issue: JSX not parsing in .js files
# Solution: Ensure vitest.config.js has proper esbuild config
# Issue: Component not rendering
# Solution: Check imports and component exports
# Issue: Test cleanup errors
# Solution: Add afterEach(cleanup()) to test suites
```
### E2E Tests
```bash
# Issue: Element not found
# Solution: Use semantic selectors (role, text, label)
# Issue: Test timeout
# Solution: Add proper waitFor or waitForLoadState
# Issue: Multiple elements with same selector
# Solution: Use .first(), .nth(), or more specific selectors
```
### Visual Regression
```bash
# Issue: Screenshots don't match
# Solution: Check if changes are intentional, then update baselines
# Issue: Elements not visible
# Solution: Ensure elements are in viewport before screenshot
```
## 📊 Performance Budgets
### Lighthouse CI Targets
- **Performance Score**: >90
- **Accessibility Score**: >95
- **Best Practices**: >90
- **SEO Score**: >90
### Core Web Vitals
- **LCP**: <2.5s
- **FID**: <100ms
- **CLS**: <0.1
## 🔄 CI/CD Pipeline Jobs
1. **Unit Tests** (Node 18, 20)
2. **E2E Tests** (Chromium, Firefox, WebKit)
3. **Visual Regression Tests**
4. **Performance Tests**
5. **Storybook Tests**
6. **Lint & Format**
7. **Build Verification**
## 📁 Test File Structure
```
tests/
├── unit/ # Component tests
│ ├── Button.test.jsx
│ ├── HeroBanner.test.jsx
│ └── ...
├── integration/ # Integration tests
│ └── ContentLockup.integration.test.jsx
└── e2e/ # E2E tests
├── homepage.spec.ts
├── user-journeys.spec.ts
├── edge-cases.spec.ts
└── visual-regression.spec.ts
```
## 🎨 Visual Regression Screenshots
### Generated Screenshots
- Full page (mobile, tablet, desktop)
- Component sections (hero, logo wall, cards)
- Interactive states (hover, focus, loading)
- Special modes (dark, high contrast, reduced motion)
### Managing Changes
```bash
# Intentional changes
npx playwright test tests/e2e/visual-regression.spec.ts --update-snapshots
# Review changes
npx playwright test tests/e2e/visual-regression.spec.ts
```
## 📈 Monitoring
### Test Metrics
- **Unit Tests**: 124 tests
- **E2E Tests**: 308 tests (4 browsers)
- **Visual Screenshots**: 92 baselines
- **Coverage**: >85% target
### CI Metrics
- **Pipeline Jobs**: 7 parallel jobs
- **Execution Time**: Monitor build performance
- **Success Rate**: Track pipeline stability
- **Artifacts**: Test results and screenshots
## 🔗 Useful Links
- [Full Testing Documentation](TESTING.md)
- [Vitest Docs](https://vitest.dev/)
- [Playwright Docs](https://playwright.dev/)
- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)
- [Lighthouse CI](https://github.com/GoogleChrome/lighthouse-ci)
---
**Quick Reference Version**: December 2024
docs/VISUAL_REGRESSION_SETUP.md
+150
View File
@@ -0,0 +1,150 @@
# Visual Regression Testing Setup
This document explains how to set up and maintain visual regression tests for the CommunityRule platform.
## Overview
Visual regression tests capture screenshots of key UI components and compare them against baseline images to detect unintended visual changes. The tests are configured to work consistently across different environments (local development, CI/CD).
## Configuration
### Playwright Configuration
The visual regression tests are configured in `playwright.config.ts` with the following key settings:
- **OS-agnostic snapshots**: Uses `{testDir}/{testFileName}-snapshots/{arg}-{projectName}.png` template
- **Consistent rendering**: Fixed viewport (1280x800), device scale factor (1), and color scheme (light)
- **Tolerance settings**: Allows 1% pixel difference or 200 pixels maximum difference
- **Animation handling**: Disables animations during screenshot capture
### CI Environment
The CI workflow uses:
- **Ubuntu Linux** with Playwright Docker image for consistent rendering
- **One-time snapshot seeding** on the main branch
- **Artifact packaging** to reduce file count and improve upload performance
## Setting Up Snapshots
### Option 1: CI Seeding (Recommended for New Projects)
1. **Push to main branch**: The CI will automatically generate baseline snapshots
2. **Download artifacts**: Download the `visual-regression-results` artifact
3. **Extract snapshots**: Extract the `tests/e2e/visual-regression.spec.ts-snapshots/` folder
4. **Commit snapshots**: Add and commit the snapshot files to your repository
5. **Remove seeding step**: After snapshots are committed, remove the seeding step from CI
### Option 2: Local Seeding with Docker (Recommended for Existing Projects)
Use the provided script to generate snapshots in the same environment as CI:
```bash
# Using the Docker container (ensures CI consistency)
npm run seed-snapshots
# Or using local environment (may have slight differences)
npm run seed-snapshots:local
```
The Docker approach ensures:
- Same fonts and rendering as CI
- Same file naming conventions
- Same performance characteristics
## Running Visual Regression Tests
### Local Development
```bash
# Run all visual regression tests
npx playwright test tests/e2e/visual-regression.spec.ts
# Run with UI for debugging
npx playwright test tests/e2e/visual-regression.spec.ts --ui
# Update snapshots (use with caution)
PLAYWRIGHT_UPDATE_SNAPSHOTS=1 npx playwright test tests/e2e/visual-regression.spec.ts
```
### CI/CD
Visual regression tests run automatically in the CI pipeline:
- **Main branch**: Generates new snapshots if needed
- **Feature branches**: Compares against existing snapshots
- **Artifacts**: Uploads test results and snapshots for review
## Troubleshooting
### Common Issues
1. **"Snapshot doesn't exist" errors**
- **Cause**: Baseline snapshots haven't been generated
- **Solution**: Run snapshot seeding (see above)
2. **Platform-specific failures**
- **Cause**: Snapshots generated on different OS (macOS vs Linux)
- **Solution**: Use Docker container for local snapshot generation
3. **Minor pixel differences**
- **Cause**: Font rendering differences, anti-aliasing, etc.
- **Solution**: Check tolerance settings in `playwright.config.ts`
4. **Animation-related failures**
- **Cause**: Animations not fully disabled
- **Solution**: Ensure `animations: "disabled"` is set in test configuration
### Updating Snapshots
When intentional UI changes are made:
1. **Local update**:
```bash
PLAYWRIGHT_UPDATE_SNAPSHOTS=1 npx playwright test tests/e2e/visual-regression.spec.ts
```
2. **Review changes**: Check the updated snapshots in `tests/e2e/visual-regression.spec.ts-snapshots/`
3. **Commit changes**: Add and commit the updated snapshot files
4. **Verify**: Run tests again to ensure they pass
### Performance Considerations
- **CI environment**: Tests run slower due to container overhead
- **Local development**: Faster execution with native browser
- **Artifact size**: Snapshots are compressed and packaged to reduce upload time
## Best Practices
1. **Consistent environment**: Always use the same environment for snapshot generation and testing
2. **Meaningful test names**: Use descriptive names for snapshot files
3. **Selective testing**: Test only critical UI components to maintain reasonable test duration
4. **Regular updates**: Update snapshots when making intentional UI changes
5. **Review failures**: Always review visual regression failures before updating snapshots
## File Structure
```
tests/e2e/
├── visual-regression.spec.ts # Test definitions
└── visual-regression.spec.ts-snapshots/ # Baseline images
├── homepage-full-chromium.png
├── homepage-viewport-chromium.png
├── hero-banner-chromium.png
└── ...
```
## Integration with Other Tests
Visual regression tests complement:
- **Unit tests**: Verify component logic
- **Integration tests**: Verify component interactions
- **E2E tests**: Verify user workflows
- **Accessibility tests**: Verify accessibility compliance
Together, these tests provide comprehensive coverage of the application's functionality and appearance.
docs/assets/Avatar-C4Vb3oYl.js
+15 -1
View File
@@ -1 +1,15 @@
import{j as u}from"./jsx-runtime-C_nHp4yK.js";function o({src:e,alt:s,size:a="small",className:l="",...r}){const t=`rounded-[var(--radius-measures-radius-full)] object-cover ${{small:"w-[16px] h-[16px]",medium:"w-[18px] h-[18px]",large:"w-[24px] h-[24px]",xlarge:"w-[32px] h-[32px]"}[a]} ${l}`;return u.jsx("img",{src:e,alt:s,className:t,...r})}o.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:'"small"',computed:!1},required:!1},className:{defaultValue:{value:'""',computed:!1},required:!1}}};export{o as A};
import { j as u } from "./jsx-runtime-C_nHp4yK.js";
function o({ src: e, alt: s, size: a = "small", className: l = "", ...r }) {
const t = `rounded-[var(--radius-measures-radius-full)] object-cover ${{ small: "w-[16px] h-[16px]", medium: "w-[18px] h-[18px]", large: "w-[24px] h-[24px]", xlarge: "w-[32px] h-[32px]" }[a]} ${l}`;
return u.jsx("img", { src: e, alt: s, className: t, ...r });
}
o.__docgenInfo = {
description: "",
methods: [],
displayName: "Avatar",
props: {
size: { defaultValue: { value: '"small"', computed: !1 }, required: !1 },
className: { defaultValue: { value: '""', computed: !1 }, required: !1 },
},
};
export { o as A };
docs/assets/Avatar.stories-BXBDwngC.js
+272 -5
View File
@@ -1,10 +1,239 @@
import{j as s}from"./jsx-runtime-C_nHp4yK.js";import{A as a}from"./Avatar-C4Vb3oYl.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const d={title:"Components/Avatar",component:a,parameters:{layout:"centered",docs:{description:{component:"A simple avatar component that displays user profile images with multiple size variants. Supports custom images and alt text for accessibility."}}},argTypes:{src:{control:{type:"text"},description:"The source URL of the avatar image"},alt:{control:{type:"text"},description:"Alt text for accessibility"},size:{control:{type:"select"},options:["small","medium","large","xlarge"],description:"The size of the avatar"},className:{control:{type:"text"},description:"Additional CSS classes"}},tags:["autodocs"]},r={args:{src:"/assets/Avatar_1.png",alt:"User Avatar",size:"medium"}},t={args:{src:"/assets/Avatar_1.png",alt:"User Avatar"},render:e=>s.jsx("div",{className:"space-y-4",children:s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{...e,size:"small"}),s.jsx(a,{...e,size:"medium"}),s.jsx(a,{...e,size:"large"}),s.jsx(a,{...e,size:"xlarge"})]})}),parameters:{docs:{description:{story:"Different size variants available for the avatar component."}}}},i={args:{size:"large"},render:e=>s.jsx("div",{className:"space-y-4",children:s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{...e,src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{...e,src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{...e,src:"assets/Avatar_3.png",alt:"User 3"})]})}),parameters:{docs:{description:{story:"Different avatar images available in the project."}}}},n={args:{},render:()=>s.jsxs("div",{className:"space-y-6",children:[s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"Small Size"}),s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{size:"small",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"small",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"small",src:"assets/Avatar_3.png",alt:"User 3"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"Medium Size"}),s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{size:"medium",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"medium",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"medium",src:"assets/Avatar_3.png",alt:"User 3"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"Large Size"}),s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{size:"large",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"large",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"large",src:"assets/Avatar_3.png",alt:"User 3"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"XLarge Size"}),s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{size:"xlarge",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"xlarge",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"xlarge",src:"assets/Avatar_3.png",alt:"User 3"})]})]})]}),parameters:{docs:{description:{story:"Complete overview of all avatar sizes with different user images."}}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
import { j as s } from "./jsx-runtime-C_nHp4yK.js";
import { A as a } from "./Avatar-C4Vb3oYl.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
const d = {
title: "Components/Avatar",
component: a,
parameters: {
layout: "centered",
docs: {
description: {
component:
"A simple avatar component that displays user profile images with multiple size variants. Supports custom images and alt text for accessibility.",
},
},
},
argTypes: {
src: {
control: { type: "text" },
description: "The source URL of the avatar image",
},
alt: {
control: { type: "text" },
description: "Alt text for accessibility",
},
size: {
control: { type: "select" },
options: ["small", "medium", "large", "xlarge"],
description: "The size of the avatar",
},
className: {
control: { type: "text" },
description: "Additional CSS classes",
},
},
tags: ["autodocs"],
},
r = {
args: { src: "/assets/Avatar_1.png", alt: "User Avatar", size: "medium" },
},
t = {
args: { src: "/assets/Avatar_1.png", alt: "User Avatar" },
render: (e) =>
s.jsx("div", {
className: "space-y-4",
children: s.jsxs("div", {
className: "space-x-4",
children: [
s.jsx(a, { ...e, size: "small" }),
s.jsx(a, { ...e, size: "medium" }),
s.jsx(a, { ...e, size: "large" }),
s.jsx(a, { ...e, size: "xlarge" }),
],
}),
}),
parameters: {
docs: {
description: {
story: "Different size variants available for the avatar component.",
},
},
},
},
i = {
args: { size: "large" },
render: (e) =>
s.jsx("div", {
className: "space-y-4",
children: s.jsxs("div", {
className: "space-x-4",
children: [
s.jsx(a, { ...e, src: "assets/Avatar_1.png", alt: "User 1" }),
s.jsx(a, { ...e, src: "assets/Avatar_2.png", alt: "User 2" }),
s.jsx(a, { ...e, src: "assets/Avatar_3.png", alt: "User 3" }),
],
}),
}),
parameters: {
docs: {
description: {
story: "Different avatar images available in the project.",
},
},
},
},
n = {
args: {},
render: () =>
s.jsxs("div", {
className: "space-y-6",
children: [
s.jsxs("div", {
children: [
s.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "Small Size",
}),
s.jsxs("div", {
className: "space-x-4",
children: [
s.jsx(a, {
size: "small",
src: "assets/Avatar_1.png",
alt: "User 1",
}),
s.jsx(a, {
size: "small",
src: "assets/Avatar_2.png",
alt: "User 2",
}),
s.jsx(a, {
size: "small",
src: "assets/Avatar_3.png",
alt: "User 3",
}),
],
}),
],
}),
s.jsxs("div", {
children: [
s.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "Medium Size",
}),
s.jsxs("div", {
className: "space-x-4",
children: [
s.jsx(a, {
size: "medium",
src: "assets/Avatar_1.png",
alt: "User 1",
}),
s.jsx(a, {
size: "medium",
src: "assets/Avatar_2.png",
alt: "User 2",
}),
s.jsx(a, {
size: "medium",
src: "assets/Avatar_3.png",
alt: "User 3",
}),
],
}),
],
}),
s.jsxs("div", {
children: [
s.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "Large Size",
}),
s.jsxs("div", {
className: "space-x-4",
children: [
s.jsx(a, {
size: "large",
src: "assets/Avatar_1.png",
alt: "User 1",
}),
s.jsx(a, {
size: "large",
src: "assets/Avatar_2.png",
alt: "User 2",
}),
s.jsx(a, {
size: "large",
src: "assets/Avatar_3.png",
alt: "User 3",
}),
],
}),
],
}),
s.jsxs("div", {
children: [
s.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "XLarge Size",
}),
s.jsxs("div", {
className: "space-x-4",
children: [
s.jsx(a, {
size: "xlarge",
src: "assets/Avatar_1.png",
alt: "User 1",
}),
s.jsx(a, {
size: "xlarge",
src: "assets/Avatar_2.png",
alt: "User 2",
}),
s.jsx(a, {
size: "xlarge",
src: "assets/Avatar_3.png",
alt: "User 3",
}),
],
}),
],
}),
],
}),
parameters: {
docs: {
description: {
story:
"Complete overview of all avatar sizes with different user images.",
},
},
},
};
r.parameters = {
...r.parameters,
docs: {
...r.parameters?.docs,
source: {
originalSource: `{
args: {
src: "/assets/Avatar_1.png",
alt: "User Avatar",
size: "medium"
}
}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
}`,
...r.parameters?.docs?.source,
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
args: {
src: "/assets/Avatar_1.png",
alt: "User Avatar"
@@ -24,7 +253,17 @@ import{j as s}from"./jsx-runtime-C_nHp4yK.js";import{A as a}from"./Avatar-C4Vb3o
}
}
}
}`,...t.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
}`,
...t.parameters?.docs?.source,
},
},
};
i.parameters = {
...i.parameters,
docs: {
...i.parameters?.docs,
source: {
originalSource: `{
args: {
size: "large"
},
@@ -42,7 +281,17 @@ import{j as s}from"./jsx-runtime-C_nHp4yK.js";import{A as a}from"./Avatar-C4Vb3o
}
}
}
}`,...i.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
}`,
...i.parameters?.docs?.source,
},
},
};
n.parameters = {
...n.parameters,
docs: {
...n.parameters?.docs,
source: {
originalSource: `{
args: {},
render: () => <div className="space-y-6">
<div>
@@ -88,4 +337,22 @@ import{j as s}from"./jsx-runtime-C_nHp4yK.js";import{A as a}from"./Avatar-C4Vb3o
}
}
}
}`,...n.parameters?.docs?.source}}};const v=["Default","Sizes","DifferentAvatars","AllSizesWithDifferentAvatars"];export{n as AllSizesWithDifferentAvatars,r as Default,i as DifferentAvatars,t as Sizes,v as __namedExportsOrder,d as default};
}`,
...n.parameters?.docs?.source,
},
},
};
const v = [
"Default",
"Sizes",
"DifferentAvatars",
"AllSizesWithDifferentAvatars",
];
export {
n as AllSizesWithDifferentAvatars,
r as Default,
i as DifferentAvatars,
t as Sizes,
v as __namedExportsOrder,
d as default,
};
docs/assets/AvatarContainer-Bt0G0TWZ.js
+15 -1
View File
@@ -1 +1,15 @@
import{j as r}from"./jsx-runtime-C_nHp4yK.js";function i({children:e,size:a="small",className:s="",...l}){const t=`items-center ${{small:"flex -space-x-2",medium:"flex -space-x-[9px]",large:"flex -space-x-[10px]",xlarge:"flex -space-x-[13px]"}[a]} ${s}`;return r.jsx("div",{className:t,...l,children:e})}i.__docgenInfo={description:"",methods:[],displayName:"AvatarContainer",props:{size:{defaultValue:{value:'"small"',computed:!1},required:!1},className:{defaultValue:{value:'""',computed:!1},required:!1}}};export{i as A};
import { j as r } from "./jsx-runtime-C_nHp4yK.js";
function i({ children: e, size: a = "small", className: s = "", ...l }) {
const t = `items-center ${{ small: "flex -space-x-2", medium: "flex -space-x-[9px]", large: "flex -space-x-[10px]", xlarge: "flex -space-x-[13px]" }[a]} ${s}`;
return r.jsx("div", { className: t, ...l, children: e });
}
i.__docgenInfo = {
description: "",
methods: [],
displayName: "AvatarContainer",
props: {
size: { defaultValue: { value: '"small"', computed: !1 }, required: !1 },
className: { defaultValue: { value: '""', computed: !1 }, required: !1 },
},
};
export { i as A };
docs/assets/AvatarContainer.stories-BqIdIqTD.js
+509 -5
View File
File diff suppressed because one or more lines are too long
docs/assets/Button-Z4hbXct5.js
+97 -1
View File
File diff suppressed because one or more lines are too long
docs/assets/Button.stories-mcJmJIRw.js
+452 -6
View File
File diff suppressed because one or more lines are too long
docs/assets/Color-AVL7NMMY-Doxq8aw5.js
+1690 -1
View File
File diff suppressed because one or more lines are too long
docs/assets/ContentLockup-DbWiPA4N.js
+96 -1
View File
@@ -1 +1,96 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{B as s}from"./Button-Z4hbXct5.js";const n=({title:l,subtitle:i,description:x,ctaText:a,ctaHref:t,buttonClassName:r=""})=>e.jsxs("div",{className:"flex flex-col gap-[var(--spacing-scale-006)] sm:gap-[var(--spacing-scale-012)] md:gap-[var(--spacing-scale-020)] lg:gap-[var(--spacing-scale-020)] relative z-10",children:[e.jsxs("div",{className:"flex flex-col md:gap-[var(--spacing-scale-004)] lg:gap-[var(--spacing-scale-008)] xl:gap-[var(--spacing-scale-020)]",children:[e.jsxs("div",{className:"flex flex-col xl:gap-0",children:[e.jsxs("div",{className:"flex gap-[var(--spacing-scale-008)] xl:gap-[var(--spacing-scale-010)] items-center",children:[e.jsx("h1",{className:"font-bricolage-grotesque font-medium text-[32px] leading-[32px] sm:text-[52px] sm:leading-[52px] md:text-[44px] md:leading-[44px] lg:text-[64px] lg:leading-[64px] xl:text-[96px] xl:leading-[110%] text-[var(--color-content-inverse-primary)]",children:l}),e.jsx("img",{src:"assets/Shapes_1.svg",alt:"Decorative shapes",className:"w-[27.2px] h-[27.2px] md:w-[34px] md:h-[34px] lg:w-[50px] lg:h-[50px]"})]}),e.jsx("h2",{className:"font-bricolage-grotesque font-medium text-[32px] leading-[32px] sm:text-[52px] sm:leading-[52px] md:text-[44px] md:leading-[44px] lg:text-[64px] lg:leading-[64px] xl:text-[96px] xl:leading-[110%] text-[var(--color-content-inverse-primary)]",children:i})]}),e.jsx("p",{className:"font-inter font-[400] text-[18px] leading-[130%] lg:text-[24px] lg:leading-[32px] xl:text-[32px] xl:leading-[40px] text-[var(--color-content-inverse-primary)] pr-[var(--spacing-scale-032)] md:pr-[var(--spacing-scale-008)] lg:pr-[var(--spacing-scale-032)]",children:x})]}),e.jsxs("div",{className:"flex justify-start",children:[e.jsx("div",{className:"block md:hidden",children:e.jsx(s,{variant:"primary",size:"small",children:a})}),e.jsx("div",{className:"hidden md:block xl:hidden",children:e.jsx(s,{variant:"primary",size:"large",className:r,children:a})}),e.jsx("div",{className:"hidden xl:block",children:e.jsx(s,{variant:"primary",size:"xlarge",children:a})})]})]});n.__docgenInfo={description:"",methods:[],displayName:"ContentLockup",props:{buttonClassName:{defaultValue:{value:'""',computed:!1},required:!1}}};export{n as C};
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { B as s } from "./Button-Z4hbXct5.js";
const n = ({
title: l,
subtitle: i,
description: x,
ctaText: a,
ctaHref: t,
buttonClassName: r = "",
}) =>
e.jsxs("div", {
className:
"flex flex-col gap-[var(--spacing-scale-006)] sm:gap-[var(--spacing-scale-012)] md:gap-[var(--spacing-scale-020)] lg:gap-[var(--spacing-scale-020)] relative z-10",
children: [
e.jsxs("div", {
className:
"flex flex-col md:gap-[var(--spacing-scale-004)] lg:gap-[var(--spacing-scale-008)] xl:gap-[var(--spacing-scale-020)]",
children: [
e.jsxs("div", {
className: "flex flex-col xl:gap-0",
children: [
e.jsxs("div", {
className:
"flex gap-[var(--spacing-scale-008)] xl:gap-[var(--spacing-scale-010)] items-center",
children: [
e.jsx("h1", {
className:
"font-bricolage-grotesque font-medium text-[32px] leading-[32px] sm:text-[52px] sm:leading-[52px] md:text-[44px] md:leading-[44px] lg:text-[64px] lg:leading-[64px] xl:text-[96px] xl:leading-[110%] text-[var(--color-content-inverse-primary)]",
children: l,
}),
e.jsx("img", {
src: "assets/Shapes_1.svg",
alt: "Decorative shapes",
className:
"w-[27.2px] h-[27.2px] md:w-[34px] md:h-[34px] lg:w-[50px] lg:h-[50px]",
}),
],
}),
e.jsx("h2", {
className:
"font-bricolage-grotesque font-medium text-[32px] leading-[32px] sm:text-[52px] sm:leading-[52px] md:text-[44px] md:leading-[44px] lg:text-[64px] lg:leading-[64px] xl:text-[96px] xl:leading-[110%] text-[var(--color-content-inverse-primary)]",
children: i,
}),
],
}),
e.jsx("p", {
className:
"font-inter font-[400] text-[18px] leading-[130%] lg:text-[24px] lg:leading-[32px] xl:text-[32px] xl:leading-[40px] text-[var(--color-content-inverse-primary)] pr-[var(--spacing-scale-032)] md:pr-[var(--spacing-scale-008)] lg:pr-[var(--spacing-scale-032)]",
children: x,
}),
],
}),
e.jsxs("div", {
className: "flex justify-start",
children: [
e.jsx("div", {
className: "block md:hidden",
children: e.jsx(s, {
variant: "primary",
size: "small",
children: a,
}),
}),
e.jsx("div", {
className: "hidden md:block xl:hidden",
children: e.jsx(s, {
variant: "primary",
size: "large",
className: r,
children: a,
}),
}),
e.jsx("div", {
className: "hidden xl:block",
children: e.jsx(s, {
variant: "primary",
size: "xlarge",
children: a,
}),
}),
],
}),
],
});
n.__docgenInfo = {
description: "",
methods: [],
displayName: "ContentLockup",
props: {
buttonClassName: {
defaultValue: { value: '""', computed: !1 },
required: !1,
},
},
};
export { n as C };
docs/assets/ContentLockup.stories-DwhcJmPs.js
+164 -5
View File
@@ -1,4 +1,120 @@
import{C as s}from"./ContentLockup-DbWiPA4N.js";import"./jsx-runtime-C_nHp4yK.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./Button-Z4hbXct5.js";const p={title:"Components/ContentLockup",component:s,parameters:{layout:"centered",docs:{description:{component:"A content lockup component that groups title, subtitle, description, and CTA button. Features responsive typography and spacing that adapts across breakpoints. Used within the HeroBanner component."}}},argTypes:{title:{control:{type:"text"},description:"The main title text"},subtitle:{control:{type:"text"},description:"The subtitle text"},description:{control:{type:"text"},description:"The description text"},ctaText:{control:{type:"text"},description:"The call-to-action button text"},ctaHref:{control:{type:"text"},description:"The call-to-action button link"},buttonClassName:{control:{type:"text"},description:"Additional CSS classes to apply to the large button (md/lg breakpoints)"}},tags:["autodocs"]},t={args:{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"},parameters:{docs:{description:{story:"Default content lockup with standard Community Rule messaging."}}}},e={args:{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values. Our platform provides the tools and frameworks needed to build successful, sustainable communities that can navigate complex challenges together.",ctaText:"Learn how Community Rule works",ctaHref:"#"},parameters:{docs:{description:{story:"Content lockup with longer description text to test text wrapping."}}}},o={args:{title:"Simple",subtitle:"solution",description:"Easy community decision making.",ctaText:"Try it",ctaHref:"#"},parameters:{docs:{description:{story:"Content lockup with minimal content to test compact layouts."}}}},n={args:{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#",buttonClassName:"shrink-0 whitespace-nowrap min-w-[280px]"},parameters:{docs:{description:{story:"Content lockup with custom button styling applied to the large button (md/lg breakpoints)."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
import { C as s } from "./ContentLockup-DbWiPA4N.js";
import "./jsx-runtime-C_nHp4yK.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
import "./Button-Z4hbXct5.js";
const p = {
title: "Components/ContentLockup",
component: s,
parameters: {
layout: "centered",
docs: {
description: {
component:
"A content lockup component that groups title, subtitle, description, and CTA button. Features responsive typography and spacing that adapts across breakpoints. Used within the HeroBanner component.",
},
},
},
argTypes: {
title: { control: { type: "text" }, description: "The main title text" },
subtitle: { control: { type: "text" }, description: "The subtitle text" },
description: {
control: { type: "text" },
description: "The description text",
},
ctaText: {
control: { type: "text" },
description: "The call-to-action button text",
},
ctaHref: {
control: { type: "text" },
description: "The call-to-action button link",
},
buttonClassName: {
control: { type: "text" },
description:
"Additional CSS classes to apply to the large button (md/lg breakpoints)",
},
},
tags: ["autodocs"],
},
t = {
args: {
title: "Collaborate",
subtitle: "with clarity",
description:
"Help your community make important decisions in a way that reflects its unique values.",
ctaText: "Learn how Community Rule works",
ctaHref: "#",
},
parameters: {
docs: {
description: {
story:
"Default content lockup with standard Community Rule messaging.",
},
},
},
},
e = {
args: {
title: "Collaborate",
subtitle: "with clarity",
description:
"Help your community make important decisions in a way that reflects its unique values. Our platform provides the tools and frameworks needed to build successful, sustainable communities that can navigate complex challenges together.",
ctaText: "Learn how Community Rule works",
ctaHref: "#",
},
parameters: {
docs: {
description: {
story:
"Content lockup with longer description text to test text wrapping.",
},
},
},
},
o = {
args: {
title: "Simple",
subtitle: "solution",
description: "Easy community decision making.",
ctaText: "Try it",
ctaHref: "#",
},
parameters: {
docs: {
description: {
story: "Content lockup with minimal content to test compact layouts.",
},
},
},
},
n = {
args: {
title: "Collaborate",
subtitle: "with clarity",
description:
"Help your community make important decisions in a way that reflects its unique values.",
ctaText: "Learn how Community Rule works",
ctaHref: "#",
buttonClassName: "shrink-0 whitespace-nowrap min-w-[280px]",
},
parameters: {
docs: {
description: {
story:
"Content lockup with custom button styling applied to the large button (md/lg breakpoints).",
},
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Collaborate",
subtitle: "with clarity",
@@ -13,7 +129,17 @@ import{C as s}from"./ContentLockup-DbWiPA4N.js";import"./jsx-runtime-C_nHp4yK.js
}
}
}
}`,...t.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
}`,
...t.parameters?.docs?.source,
},
},
};
e.parameters = {
...e.parameters,
docs: {
...e.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Collaborate",
subtitle: "with clarity",
@@ -28,7 +154,17 @@ import{C as s}from"./ContentLockup-DbWiPA4N.js";import"./jsx-runtime-C_nHp4yK.js
}
}
}
}`,...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
}`,
...e.parameters?.docs?.source,
},
},
};
o.parameters = {
...o.parameters,
docs: {
...o.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Simple",
subtitle: "solution",
@@ -43,7 +179,17 @@ import{C as s}from"./ContentLockup-DbWiPA4N.js";import"./jsx-runtime-C_nHp4yK.js
}
}
}
}`,...o.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
}`,
...o.parameters?.docs?.source,
},
},
};
n.parameters = {
...n.parameters,
docs: {
...n.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Collaborate",
subtitle: "with clarity",
@@ -59,4 +205,17 @@ import{C as s}from"./ContentLockup-DbWiPA4N.js";import"./jsx-runtime-C_nHp4yK.js
}
}
}
}`,...n.parameters?.docs?.source}}};const u=["Default","LongDescription","ShortContent","CustomButtonStyling"];export{n as CustomButtonStyling,t as Default,e as LongDescription,o as ShortContent,u as __namedExportsOrder,p as default};
}`,
...n.parameters?.docs?.source,
},
},
};
const u = ["Default", "LongDescription", "ShortContent", "CustomButtonStyling"];
export {
n as CustomButtonStyling,
t as Default,
e as LongDescription,
o as ShortContent,
u as __namedExportsOrder,
p as default,
};
docs/assets/DocsRenderer-PQXLIZUC-CZs-lgH4.js
+35222 -382
View File
File diff suppressed because one or more lines are too long
docs/assets/Footer.stories-DFwAxlXr.js
+309 -3
View File
File diff suppressed because one or more lines are too long
docs/assets/Header-Bz-bT1Sq.js
+191 -1
View File
@@ -1 +1,191 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{L as v}from"./Logo-DM7O8ATg.js";import{M as t}from"./MenuBar-anMCqtJv.js";import{M as d}from"./MenuBarItem-Dp8NM2fx.js";import{B as j}from"./Button-Z4hbXct5.js";import{A as b}from"./AvatarContainer-Bt0G0TWZ.js";import{A as f}from"./Avatar-C4Vb3oYl.js";function N({onToggle:c}){const m={"@context":"https://schema.org","@type":"WebSite",name:"CommunityRule",url:"https://communityrule.com",potentialAction:{"@type":"SearchAction",target:"https://communityrule.com/search?q={search_term_string}","query-input":"required name=search_term_string"}},o=[{href:"#",text:"Use cases",extraPadding:!0},{href:"#",text:"Learn"},{href:"#",text:"About"}],x=[{src:"/assets/Avatar_1.png",alt:"Avatar 1"},{src:"/assets/Avatar_2.png",alt:"Avatar 2"},{src:"/assets/Avatar_3.png",alt:"Avatar 3"}],h=[{breakpoint:"block sm:hidden",size:"header",showText:!1},{breakpoint:"hidden sm:block md:hidden",size:"header",showText:!0},{breakpoint:"hidden md:block lg:hidden",size:"headerMd",showText:!0},{breakpoint:"hidden lg:block xl:hidden",size:"headerLg",showText:!0},{breakpoint:"hidden xl:block",size:"headerXl",showText:!0}],i=a=>o.map((s,r)=>e.jsx(d,{href:s.href,size:s.extraPadding&&a==="xsmall"?"xsmallUseCases":a,onClick:c,ariaLabel:`Navigate to ${s.text} page`,children:s.text},r)),g=(a,s)=>e.jsx(b,{size:a,children:x.map((r,u)=>e.jsx(f,{src:r.src,alt:r.alt,size:s},u))}),l=a=>e.jsx(d,{href:"#",size:a,ariaLabel:"Log in to your account",children:"Log in"}),n=(a,s,r)=>e.jsxs(j,{size:a,ariaLabel:"Create a new rule with avatar decoration",children:[g(s,r),e.jsx("span",{children:"Create rule"})]}),p=(a,s)=>e.jsx(v,{size:a,showText:s});return e.jsxs(e.Fragment,{children:[e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(m)}}),e.jsx("header",{className:"bg-[var(--color-surface-default-primary)] w-full border-b border-[var(--border-color-default-tertiary)]",role:"banner","aria-label":"Main navigation header",children:e.jsxs("nav",{className:"flex items-center justify-between mx-auto h-[40px] lg:h-[84px] xl:h-[88px] px-[var(--spacing-measures-spacing-016)] py-[var(--spacing-measures-spacing-008)] lg:px-[var(--spacing-measures-spacing-64,64px)] lg:py-[var(--spacing-measures-spacing-016,16px)]",role:"navigation","aria-label":"Main navigation",children:[e.jsx("div",{className:"flex items-center",children:h.map((a,s)=>e.jsx("div",{className:a.breakpoint,children:p(a.size,a.showText)},s))}),e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"block sm:hidden"}),e.jsx("div",{className:"hidden sm:block md:hidden",children:e.jsxs(t,{size:"default",children:[i("xsmall"),l("xsmall")]})}),e.jsx("div",{className:"hidden md:block lg:hidden",children:e.jsx(t,{size:"default",children:i("xsmall")})}),e.jsx("div",{className:"hidden lg:block xl:hidden",children:e.jsx(t,{size:"large",children:i("large")})}),e.jsx("div",{className:"hidden xl:block",children:e.jsx(t,{size:"large",children:i("xlarge")})})]}),e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"block sm:hidden",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-scale-001)]",children:[i("xsmall"),l("xsmall"),n("xsmall","small","small")]})}),e.jsx("div",{className:"hidden sm:block md:hidden",children:e.jsx("div",{className:"flex items-center gap-[var(--spacing-scale-004)]",children:n("xsmall","small","small")})}),e.jsx("div",{className:"hidden md:block lg:hidden",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-measures-spacing-010)]",children:[l("xsmall"),n("xsmall","medium","medium")]})}),e.jsx("div",{className:"hidden lg:block xl:hidden",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-measures-spacing-004)]",children:[l("large"),n("large","xlarge","xlarge")]})}),e.jsx("div",{className:"hidden xl:block",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-measures-spacing-004)]",children:[l("xlarge"),n("xlarge","xlarge","xlarge")]})})]})]})})]})}N.__docgenInfo={description:"",methods:[],displayName:"Header"};export{N as H};
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { L as v } from "./Logo-DM7O8ATg.js";
import { M as t } from "./MenuBar-anMCqtJv.js";
import { M as d } from "./MenuBarItem-Dp8NM2fx.js";
import { B as j } from "./Button-Z4hbXct5.js";
import { A as b } from "./AvatarContainer-Bt0G0TWZ.js";
import { A as f } from "./Avatar-C4Vb3oYl.js";
function N({ onToggle: c }) {
const m = {
"@context": "https://schema.org",
"@type": "WebSite",
name: "CommunityRule",
url: "https://communityrule.com",
potentialAction: {
"@type": "SearchAction",
target: "https://communityrule.com/search?q={search_term_string}",
"query-input": "required name=search_term_string",
},
},
o = [
{ href: "#", text: "Use cases", extraPadding: !0 },
{ href: "#", text: "Learn" },
{ href: "#", text: "About" },
],
x = [
{ src: "/assets/Avatar_1.png", alt: "Avatar 1" },
{ src: "/assets/Avatar_2.png", alt: "Avatar 2" },
{ src: "/assets/Avatar_3.png", alt: "Avatar 3" },
],
h = [
{ breakpoint: "block sm:hidden", size: "header", showText: !1 },
{ breakpoint: "hidden sm:block md:hidden", size: "header", showText: !0 },
{
breakpoint: "hidden md:block lg:hidden",
size: "headerMd",
showText: !0,
},
{
breakpoint: "hidden lg:block xl:hidden",
size: "headerLg",
showText: !0,
},
{ breakpoint: "hidden xl:block", size: "headerXl", showText: !0 },
],
i = (a) =>
o.map((s, r) =>
e.jsx(
d,
{
href: s.href,
size: s.extraPadding && a === "xsmall" ? "xsmallUseCases" : a,
onClick: c,
ariaLabel: `Navigate to ${s.text} page`,
children: s.text,
},
r,
),
),
g = (a, s) =>
e.jsx(b, {
size: a,
children: x.map((r, u) =>
e.jsx(f, { src: r.src, alt: r.alt, size: s }, u),
),
}),
l = (a) =>
e.jsx(d, {
href: "#",
size: a,
ariaLabel: "Log in to your account",
children: "Log in",
}),
n = (a, s, r) =>
e.jsxs(j, {
size: a,
ariaLabel: "Create a new rule with avatar decoration",
children: [g(s, r), e.jsx("span", { children: "Create rule" })],
}),
p = (a, s) => e.jsx(v, { size: a, showText: s });
return e.jsxs(e.Fragment, {
children: [
e.jsx("script", {
type: "application/ld+json",
dangerouslySetInnerHTML: { __html: JSON.stringify(m) },
}),
e.jsx("header", {
className:
"bg-[var(--color-surface-default-primary)] w-full border-b border-[var(--border-color-default-tertiary)]",
role: "banner",
"aria-label": "Main navigation header",
children: e.jsxs("nav", {
className:
"flex items-center justify-between mx-auto h-[40px] lg:h-[84px] xl:h-[88px] px-[var(--spacing-measures-spacing-016)] py-[var(--spacing-measures-spacing-008)] lg:px-[var(--spacing-measures-spacing-64,64px)] lg:py-[var(--spacing-measures-spacing-016,16px)]",
role: "navigation",
"aria-label": "Main navigation",
children: [
e.jsx("div", {
className: "flex items-center",
children: h.map((a, s) =>
e.jsx(
"div",
{ className: a.breakpoint, children: p(a.size, a.showText) },
s,
),
),
}),
e.jsxs("div", {
className: "flex items-center",
children: [
e.jsx("div", { className: "block sm:hidden" }),
e.jsx("div", {
className: "hidden sm:block md:hidden",
children: e.jsxs(t, {
size: "default",
children: [i("xsmall"), l("xsmall")],
}),
}),
e.jsx("div", {
className: "hidden md:block lg:hidden",
children: e.jsx(t, {
size: "default",
children: i("xsmall"),
}),
}),
e.jsx("div", {
className: "hidden lg:block xl:hidden",
children: e.jsx(t, { size: "large", children: i("large") }),
}),
e.jsx("div", {
className: "hidden xl:block",
children: e.jsx(t, { size: "large", children: i("xlarge") }),
}),
],
}),
e.jsxs("div", {
className: "flex items-center",
children: [
e.jsx("div", {
className: "block sm:hidden",
children: e.jsxs("div", {
className:
"flex items-center gap-[var(--spacing-scale-001)]",
children: [
i("xsmall"),
l("xsmall"),
n("xsmall", "small", "small"),
],
}),
}),
e.jsx("div", {
className: "hidden sm:block md:hidden",
children: e.jsx("div", {
className:
"flex items-center gap-[var(--spacing-scale-004)]",
children: n("xsmall", "small", "small"),
}),
}),
e.jsx("div", {
className: "hidden md:block lg:hidden",
children: e.jsxs("div", {
className:
"flex items-center gap-[var(--spacing-measures-spacing-010)]",
children: [l("xsmall"), n("xsmall", "medium", "medium")],
}),
}),
e.jsx("div", {
className: "hidden lg:block xl:hidden",
children: e.jsxs("div", {
className:
"flex items-center gap-[var(--spacing-measures-spacing-004)]",
children: [l("large"), n("large", "xlarge", "xlarge")],
}),
}),
e.jsx("div", {
className: "hidden xl:block",
children: e.jsxs("div", {
className:
"flex items-center gap-[var(--spacing-measures-spacing-004)]",
children: [l("xlarge"), n("xlarge", "xlarge", "xlarge")],
}),
}),
],
}),
],
}),
}),
],
});
}
N.__docgenInfo = { description: "", methods: [], displayName: "Header" };
export { N as H };
docs/assets/Header.stories-5BG7D2h7.js
+126 -3
View File
@@ -1,4 +1,106 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./Header-Bz-bT1Sq.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./Logo-DM7O8ATg.js";import"./MenuBar-anMCqtJv.js";import"./MenuBarItem-Dp8NM2fx.js";import"./Button-Z4hbXct5.js";import"./AvatarContainer-Bt0G0TWZ.js";import"./Avatar-C4Vb3oYl.js";const x={title:"Components/Header",component:o,parameters:{layout:"fullscreen",docs:{description:{component:"The main navigation header with responsive behavior across different breakpoints."}}},argTypes:{onToggle:{action:"toggled"}},tags:["autodocs"]},t={args:{},parameters:{docs:{description:{story:"Use the Viewport toolbar to change the iframe width and see how the header adapts to different screen sizes. The header shows different layouts for mobile, tablet, and desktop breakpoints."}}}},a={args:{},render:()=>e.jsxs("div",{className:"min-h-screen bg-[var(--color-surface-default-primary)]",children:[e.jsx(o,{}),e.jsx("main",{className:"p-8",children:e.jsxs("div",{className:"max-w-4xl mx-auto",children:[e.jsx("h1",{className:"text-2xl font-bold text-white mb-4",children:"Example Page Content"}),e.jsx("p",{className:"text-white mb-4",children:"This demonstrates how the header looks in a realistic page context. The header maintains its responsive behavior while providing navigation for the page content."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[1,2,3,4,5,6].map(s=>e.jsxs("div",{className:"bg-[var(--color-surface-default-secondary)] p-4 rounded-lg",children:[e.jsxs("h3",{className:"text-white font-semibold mb-2",children:["Content Block ",s]}),e.jsx("p",{className:"text-[var(--color-content-default-secondary)] text-sm",children:"This is example content to show how the header integrates with page content."})]},s))})]})})]}),parameters:{docs:{description:{story:"The header integrated into a full page layout to show how it works in context."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { H as o } from "./Header-Bz-bT1Sq.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
import "./Logo-DM7O8ATg.js";
import "./MenuBar-anMCqtJv.js";
import "./MenuBarItem-Dp8NM2fx.js";
import "./Button-Z4hbXct5.js";
import "./AvatarContainer-Bt0G0TWZ.js";
import "./Avatar-C4Vb3oYl.js";
const x = {
title: "Components/Header",
component: o,
parameters: {
layout: "fullscreen",
docs: {
description: {
component:
"The main navigation header with responsive behavior across different breakpoints.",
},
},
},
argTypes: { onToggle: { action: "toggled" } },
tags: ["autodocs"],
},
t = {
args: {},
parameters: {
docs: {
description: {
story:
"Use the Viewport toolbar to change the iframe width and see how the header adapts to different screen sizes. The header shows different layouts for mobile, tablet, and desktop breakpoints.",
},
},
},
},
a = {
args: {},
render: () =>
e.jsxs("div", {
className: "min-h-screen bg-[var(--color-surface-default-primary)]",
children: [
e.jsx(o, {}),
e.jsx("main", {
className: "p-8",
children: e.jsxs("div", {
className: "max-w-4xl mx-auto",
children: [
e.jsx("h1", {
className: "text-2xl font-bold text-white mb-4",
children: "Example Page Content",
}),
e.jsx("p", {
className: "text-white mb-4",
children:
"This demonstrates how the header looks in a realistic page context. The header maintains its responsive behavior while providing navigation for the page content.",
}),
e.jsx("div", {
className:
"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
children: [1, 2, 3, 4, 5, 6].map((s) =>
e.jsxs(
"div",
{
className:
"bg-[var(--color-surface-default-secondary)] p-4 rounded-lg",
children: [
e.jsxs("h3", {
className: "text-white font-semibold mb-2",
children: ["Content Block ", s],
}),
e.jsx("p", {
className:
"text-[var(--color-content-default-secondary)] text-sm",
children:
"This is example content to show how the header integrates with page content.",
}),
],
},
s,
),
),
}),
],
}),
}),
],
}),
parameters: {
docs: {
description: {
story:
"The header integrated into a full page layout to show how it works in context.",
},
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
args: {},
parameters: {
docs: {
@@ -7,7 +109,17 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./Header-Bz-bT1
}
}
}
}`,...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
}`,
...t.parameters?.docs?.source,
},
},
};
a.parameters = {
...a.parameters,
docs: {
...a.parameters?.docs,
source: {
originalSource: `{
args: {},
render: () => <div className="min-h-screen bg-[var(--color-surface-default-primary)]">
<Header />
@@ -42,4 +154,15 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./Header-Bz-bT1
}
}
}
}`,...a.parameters?.docs?.source}}};const f=["Default","InPageContext"];export{t as Default,a as InPageContext,f as __namedExportsOrder,x as default};
}`,
...a.parameters?.docs?.source,
},
},
};
const f = ["Default", "InPageContext"];
export {
t as Default,
a as InPageContext,
f as __namedExportsOrder,
x as default,
};
docs/assets/HeaderTab-D9jUrYUx.js
+41 -1
View File
@@ -1 +1,41 @@
import{j as s}from"./jsx-runtime-C_nHp4yK.js";function n({children:a,className:e="",stretch:l=!1,...p}){const r=l?"flex-1 sm:mr-[var(--spacing-scale-008)] md:mr-[185px] lg:mr-[var(--spacing-scale-024)] xl:mr-[var(--spacing-scale-032)]":"";return s.jsxs("div",{className:`HeaderTab header-breakpoint-transition relative bg-[var(--color-surface-default-brand-primary)] rounded-t-[32px] sm:rounded-t-[32px] md:rounded-t-[32px] lg:rounded-t-[32px] xl:rounded-t-[32px] pl-[var(--spacing-measures-spacing-012)] h-[40px] sm:h-[52px] md:h-[52px] lg:h-[52px] xl:h-[64px] sm:pr-[var(--spacing-scale-006)] md:pl-[var(--spacing-scale-024)] lg:pl-[var(--spacing-scale-024)] xl:pl-[var(--spacing-scale-032)] md:pr-[var(--spacing-scale-012)] lg:pr-[var(--spacing-scale-048)] xl:pr-[var(--spacing-scale-120)] md:gap-[var(--spacing-scale-032)] ${r} ${e}`,...p,children:[a,s.jsx("img",{src:"assets/Union_xsm.svg",alt:"Union",className:"absolute -bottom-[3px] -right-[52px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] sm:hidden -z-10"}),s.jsx("img",{src:"assets/Union_sm_md_lg.svg",alt:"Union",className:"absolute -bottom-[3.7px] -right-[53px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] hidden sm:block xl:hidden -z-10"}),s.jsx("img",{src:"assets/Union_xlg.svg",alt:"Union",className:"absolute -bottom-[6px] -right-[94px] w-[105px] h-[53px] hidden xl:block -z-10"})]})}n.__docgenInfo={description:"",methods:[],displayName:"HeaderTab",props:{className:{defaultValue:{value:'""',computed:!1},required:!1},stretch:{defaultValue:{value:"false",computed:!1},required:!1}}};export{n as H};
import { j as s } from "./jsx-runtime-C_nHp4yK.js";
function n({ children: a, className: e = "", stretch: l = !1, ...p }) {
const r = l
? "flex-1 sm:mr-[var(--spacing-scale-008)] md:mr-[185px] lg:mr-[var(--spacing-scale-024)] xl:mr-[var(--spacing-scale-032)]"
: "";
return s.jsxs("div", {
className: `HeaderTab header-breakpoint-transition relative bg-[var(--color-surface-default-brand-primary)] rounded-t-[32px] sm:rounded-t-[32px] md:rounded-t-[32px] lg:rounded-t-[32px] xl:rounded-t-[32px] pl-[var(--spacing-measures-spacing-012)] h-[40px] sm:h-[52px] md:h-[52px] lg:h-[52px] xl:h-[64px] sm:pr-[var(--spacing-scale-006)] md:pl-[var(--spacing-scale-024)] lg:pl-[var(--spacing-scale-024)] xl:pl-[var(--spacing-scale-032)] md:pr-[var(--spacing-scale-012)] lg:pr-[var(--spacing-scale-048)] xl:pr-[var(--spacing-scale-120)] md:gap-[var(--spacing-scale-032)] ${r} ${e}`,
...p,
children: [
a,
s.jsx("img", {
src: "assets/Union_xsm.svg",
alt: "Union",
className:
"absolute -bottom-[3px] -right-[52px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] sm:hidden -z-10",
}),
s.jsx("img", {
src: "assets/Union_sm_md_lg.svg",
alt: "Union",
className:
"absolute -bottom-[3.7px] -right-[53px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] hidden sm:block xl:hidden -z-10",
}),
s.jsx("img", {
src: "assets/Union_xlg.svg",
alt: "Union",
className:
"absolute -bottom-[6px] -right-[94px] w-[105px] h-[53px] hidden xl:block -z-10",
}),
],
});
}
n.__docgenInfo = {
description: "",
methods: [],
displayName: "HeaderTab",
props: {
className: { defaultValue: { value: '""', computed: !1 }, required: !1 },
stretch: { defaultValue: { value: "false", computed: !1 }, required: !1 },
},
};
export { n as H };
docs/assets/HeaderTab.stories-7KIqz1LH.js
+47 -2
View File
@@ -1,8 +1,53 @@
import{j as t}from"./jsx-runtime-C_nHp4yK.js";import{H as r}from"./HeaderTab-D9jUrYUx.js";import{L as s}from"./Logo-DM7O8ATg.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const p={title:"Components/HeaderTab",component:r,parameters:{layout:"centered",docs:{description:{component:"A header tab container with decorative Union images and responsive behavior. Used to wrap content in the header with consistent styling and responsive breakpoint transitions."}}},argTypes:{stretch:{control:{type:"boolean"},description:"Whether the tab should stretch to fill available space"},className:{control:{type:"text"},description:"Additional CSS classes"}},tags:["autodocs"]},e={args:{stretch:!1},render:a=>t.jsx(r,{...a,children:t.jsx(s,{size:"homeHeaderMd"})})};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
import { j as t } from "./jsx-runtime-C_nHp4yK.js";
import { H as r } from "./HeaderTab-D9jUrYUx.js";
import { L as s } from "./Logo-DM7O8ATg.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
const p = {
title: "Components/HeaderTab",
component: r,
parameters: {
layout: "centered",
docs: {
description: {
component:
"A header tab container with decorative Union images and responsive behavior. Used to wrap content in the header with consistent styling and responsive breakpoint transitions.",
},
},
},
argTypes: {
stretch: {
control: { type: "boolean" },
description: "Whether the tab should stretch to fill available space",
},
className: {
control: { type: "text" },
description: "Additional CSS classes",
},
},
tags: ["autodocs"],
},
e = {
args: { stretch: !1 },
render: (a) =>
t.jsx(r, { ...a, children: t.jsx(s, { size: "homeHeaderMd" }) }),
};
e.parameters = {
...e.parameters,
docs: {
...e.parameters?.docs,
source: {
originalSource: `{
args: {
stretch: false
},
render: args => <HeaderTab {...args}>
<Logo size="homeHeaderMd" />
</HeaderTab>
}`,...e.parameters?.docs?.source}}};const m=["Default"];export{e as Default,m as __namedExportsOrder,p as default};
}`,
...e.parameters?.docs?.source,
},
},
};
const m = ["Default"];
export { e as Default, m as __namedExportsOrder, p as default };
docs/assets/HeroBanner-D2qHR4vw.js
+43 -1
View File
@@ -1 +1,43 @@
import{j as a}from"./jsx-runtime-C_nHp4yK.js";import{C as t}from"./ContentLockup-DbWiPA4N.js";import{H as p}from"./HeroDecor-Csfoi-N_.js";const c=({title:e,subtitle:s,description:r,ctaText:l,ctaHref:n})=>a.jsx("section",{className:"bg-transparent px-[var(--spacing-scale-008)] sm:px-[var(--spacing-scale-010)] md:px-[var(--spacing-scale-016)] lg:px-[var(--spacing-scale-024)] xl:px-[var(--spacing-scale-048)]",children:a.jsx("div",{className:"flex flex-col gap-[var(--spacing-scale-010)]",children:a.jsxs("div",{className:"bg-[var(--color-surface-default-brand-primary)] p-[var(--spacing-scale-012)] sm:p-[var(--spacing-scale-016)] md:p-[var(--spacing-scale-064)] lg:py-[var(--spacing-scale-096)] lg:px-[var(--spacing-scale-064)] rounded-tl-none rounded-tr-[16px] rounded-br-[16px] rounded-bl-[16px] flex flex-col gap-[var(--spacing-scale-024)] sm:gap-[var(--spacing-scale-024)] md:flex-row md:gap-[var(--spacing-scale-048)] relative overflow-hidden",children:[a.jsx(p,{className:"pointer-events-none absolute z-0 left-0 top-0 translate-x-[-72px] translate-y-[26px] sm:translate-x-[-78px] sm:translate-y-[24px] md:translate-x-[-86px] md:translate-y-[16px] lg:translate-x-[-88px] lg:translate-y-[16px] w-[1540px] h-[645px] scale-[1.04]"}),a.jsx("div",{className:"md:flex-1",children:a.jsx(t,{title:e,subtitle:s,description:r,ctaText:l,ctaHref:n,buttonClassName:"shrink-0 whitespace-nowrap min-w-[280px]"})}),a.jsx("div",{className:"w-full md:flex-1 rounded-[8px] overflow-hidden relative z-10 flex items-center justify-center",children:a.jsx("img",{src:"assets/HeroImage.png",alt:"Hero illustration",className:"w-full h-auto"})})]})})});c.__docgenInfo={description:"",methods:[],displayName:"HeroBanner"};export{c as H};
import { j as a } from "./jsx-runtime-C_nHp4yK.js";
import { C as t } from "./ContentLockup-DbWiPA4N.js";
import { H as p } from "./HeroDecor-Csfoi-N_.js";
const c = ({ title: e, subtitle: s, description: r, ctaText: l, ctaHref: n }) =>
a.jsx("section", {
className:
"bg-transparent px-[var(--spacing-scale-008)] sm:px-[var(--spacing-scale-010)] md:px-[var(--spacing-scale-016)] lg:px-[var(--spacing-scale-024)] xl:px-[var(--spacing-scale-048)]",
children: a.jsx("div", {
className: "flex flex-col gap-[var(--spacing-scale-010)]",
children: a.jsxs("div", {
className:
"bg-[var(--color-surface-default-brand-primary)] p-[var(--spacing-scale-012)] sm:p-[var(--spacing-scale-016)] md:p-[var(--spacing-scale-064)] lg:py-[var(--spacing-scale-096)] lg:px-[var(--spacing-scale-064)] rounded-tl-none rounded-tr-[16px] rounded-br-[16px] rounded-bl-[16px] flex flex-col gap-[var(--spacing-scale-024)] sm:gap-[var(--spacing-scale-024)] md:flex-row md:gap-[var(--spacing-scale-048)] relative overflow-hidden",
children: [
a.jsx(p, {
className:
"pointer-events-none absolute z-0 left-0 top-0 translate-x-[-72px] translate-y-[26px] sm:translate-x-[-78px] sm:translate-y-[24px] md:translate-x-[-86px] md:translate-y-[16px] lg:translate-x-[-88px] lg:translate-y-[16px] w-[1540px] h-[645px] scale-[1.04]",
}),
a.jsx("div", {
className: "md:flex-1",
children: a.jsx(t, {
title: e,
subtitle: s,
description: r,
ctaText: l,
ctaHref: n,
buttonClassName: "shrink-0 whitespace-nowrap min-w-[280px]",
}),
}),
a.jsx("div", {
className:
"w-full md:flex-1 rounded-[8px] overflow-hidden relative z-10 flex items-center justify-center",
children: a.jsx("img", {
src: "assets/HeroImage.png",
alt: "Hero illustration",
className: "w-full h-auto",
}),
}),
],
}),
}),
});
c.__docgenInfo = { description: "", methods: [], displayName: "HeroBanner" };
export { c as H };
docs/assets/HeroBanner.stories-BAL-8UkC.js
+68 -2
View File
@@ -1,4 +1,64 @@
import{H as e}from"./HeroBanner-D2qHR4vw.js";import"./jsx-runtime-C_nHp4yK.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./ContentLockup-DbWiPA4N.js";import"./Button-Z4hbXct5.js";import"./HeroDecor-Csfoi-N_.js";const p={title:"Components/HeroBanner",component:e,parameters:{layout:"fullscreen",docs:{description:{component:"A responsive hero banner component that showcases the Community Rule branding and messaging. Adapts across multiple breakpoints with proper spacing, typography, and interactive elements. Includes background decorations and product demo integration."}}},argTypes:{title:{control:{type:"text"},description:"The main title text"},subtitle:{control:{type:"text"},description:"The subtitle text"},description:{control:{type:"text"},description:"The description text"},ctaText:{control:{type:"text"},description:"The call-to-action button text"},ctaHref:{control:{type:"text"},description:"The call-to-action button link"}},tags:["autodocs"]},t={args:{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"},parameters:{docs:{description:{story:"Default hero banner with standard Community Rule messaging and branding."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
import { H as e } from "./HeroBanner-D2qHR4vw.js";
import "./jsx-runtime-C_nHp4yK.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
import "./ContentLockup-DbWiPA4N.js";
import "./Button-Z4hbXct5.js";
import "./HeroDecor-Csfoi-N_.js";
const p = {
title: "Components/HeroBanner",
component: e,
parameters: {
layout: "fullscreen",
docs: {
description: {
component:
"A responsive hero banner component that showcases the Community Rule branding and messaging. Adapts across multiple breakpoints with proper spacing, typography, and interactive elements. Includes background decorations and product demo integration.",
},
},
},
argTypes: {
title: { control: { type: "text" }, description: "The main title text" },
subtitle: { control: { type: "text" }, description: "The subtitle text" },
description: {
control: { type: "text" },
description: "The description text",
},
ctaText: {
control: { type: "text" },
description: "The call-to-action button text",
},
ctaHref: {
control: { type: "text" },
description: "The call-to-action button link",
},
},
tags: ["autodocs"],
},
t = {
args: {
title: "Collaborate",
subtitle: "with clarity",
description:
"Help your community make important decisions in a way that reflects its unique values.",
ctaText: "Learn how Community Rule works",
ctaHref: "#",
},
parameters: {
docs: {
description: {
story:
"Default hero banner with standard Community Rule messaging and branding.",
},
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Collaborate",
subtitle: "with clarity",
@@ -13,4 +73,10 @@ import{H as e}from"./HeroBanner-D2qHR4vw.js";import"./jsx-runtime-C_nHp4yK.js";i
}
}
}
}`,...t.parameters?.docs?.source}}};const l=["Default"];export{t as Default,l as __namedExportsOrder,p as default};
}`,
...t.parameters?.docs?.source,
},
},
};
const l = ["Default"];
export { t as Default, l as __namedExportsOrder, p as default };
docs/assets/HeroBannerSystem.stories-FwOHoVvm.js
+387 -5
View File
File diff suppressed because one or more lines are too long
docs/assets/HeroDecor-Csfoi-N_.js
+88 -1
View File
@@ -1 +1,88 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";const s=({className:C=""})=>e.jsx("svg",{className:`text-[#FDFAA8] opacity-50 ${C}`,viewBox:"0 0 1540 645","aria-hidden":"true",overflow:"visible",preserveAspectRatio:"xMidYMid slice",children:e.jsxs("g",{fill:"currentColor",children:[e.jsx("defs",{children:e.jsxs("filter",{id:"grain",filterUnits:"objectBoundingBox",x:"0",y:"0",width:"1",height:"1",colorInterpolationFilters:"sRGB",children:[e.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.8",numOctaves:"2",seed:"3",stitchTiles:"stitch",result:"noise"}),e.jsx("feColorMatrix",{in:"noise",result:"softNoise",type:"matrix",values:" 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),e.jsx("feComposite",{in:"softNoise",in2:"SourceAlpha",operator:"in",result:"maskedNoise"}),e.jsx("feBlend",{in:"SourceGraphic",in2:"maskedNoise",mode:"multiply"})]})}),e.jsxs("g",{fill:"currentColor",filter:"url(#grain)",children:[e.jsx("path",{d:"M1441.54 226.758C1495.92 226.758 1540 320.385 1540 435.879C1540 551.373 1495.92 645 1441.54 645C1387.16 645 1343.08 551.373 1343.08 435.879C1343.08 320.385 1387.16 226.758 1441.54 226.758Z"}),e.jsx("path",{d:"M1441.54 226.758C1495.92 226.758 1540 320.385 1540 435.879C1540 551.373 1495.92 645 1441.54 645C1387.16 645 1343.08 551.373 1343.08 435.879C1343.08 320.385 1387.16 226.758 1441.54 226.758Z"}),e.jsx("path",{d:"M674.066 209.121C728.443 209.121 772.525 302.748 772.525 418.242C772.525 533.737 728.443 627.363 674.066 627.363C619.688 627.363 575.607 533.737 575.607 418.242C575.607 302.748 619.688 209.121 674.066 209.121Z"}),e.jsx("path",{d:"M674.066 209.121C728.443 209.121 772.525 302.748 772.525 418.242C772.525 533.737 728.443 627.363 674.066 627.363C619.688 627.363 575.607 533.737 575.607 418.242C575.607 302.748 619.688 209.121 674.066 209.121Z"}),e.jsx("path",{d:"M290.328 0C344.705 0 388.787 93.6267 388.787 209.121C388.787 211.519 388.765 213.907 388.728 216.285C401.725 133.082 438.661 73.0664 482.197 73.0664C536.574 73.0664 580.656 166.693 580.656 282.188C580.656 397.682 536.574 491.309 482.197 491.309C427.819 491.309 383.738 397.682 383.738 282.188C383.738 279.79 383.758 277.401 383.796 275.023C370.798 358.226 333.864 418.242 290.328 418.242C246.792 418.242 209.856 358.226 196.859 275.023C196.897 277.401 196.918 279.79 196.918 282.188C196.918 397.682 152.836 491.309 98.459 491.309C44.0816 491.309 0 397.682 0 282.188C0 166.693 44.0816 73.0664 98.459 73.0664C141.995 73.0664 178.929 133.082 191.927 216.285C191.889 213.907 191.869 211.519 191.869 209.121C191.869 93.6267 235.95 0 290.328 0Z"}),e.jsx("path",{d:"M290.328 0C344.705 0 388.787 93.6267 388.787 209.121C388.787 211.519 388.765 213.907 388.728 216.285C401.725 133.082 438.661 73.0664 482.197 73.0664C536.574 73.0664 580.656 166.693 580.656 282.188C580.656 397.682 536.574 491.309 482.197 491.309C427.819 491.309 383.738 397.682 383.738 282.188C383.738 279.79 383.758 277.401 383.796 275.023C370.798 358.226 333.864 418.242 290.328 418.242C246.792 418.242 209.856 358.226 196.859 275.023C196.897 277.401 196.918 279.79 196.918 282.188C196.918 397.682 152.836 491.309 98.459 491.309C44.0816 491.309 0 397.682 0 282.188C0 166.693 44.0816 73.0664 98.459 73.0664C141.995 73.0664 178.929 133.082 191.927 216.285C191.889 213.907 191.869 211.519 191.869 209.121C191.869 93.6267 235.95 0 290.328 0Z"}),e.jsx("path",{d:"M1057.8 0C1112.18 0 1156.26 93.6267 1156.26 209.121C1156.26 211.519 1156.24 213.907 1156.2 216.285C1169.2 133.082 1206.14 73.0664 1249.67 73.0664C1304.05 73.0664 1348.13 166.693 1348.13 282.188C1348.13 397.682 1304.05 491.309 1249.67 491.309C1195.29 491.309 1151.21 397.682 1151.21 282.188C1151.21 279.79 1151.23 277.401 1151.27 275.023C1138.27 358.226 1101.34 418.242 1057.8 418.242C1014.27 418.242 977.332 358.226 964.334 275.023C964.372 277.401 964.393 279.79 964.393 282.188C964.393 397.682 920.312 491.309 865.934 491.309C811.557 491.309 767.475 397.682 767.475 282.188C767.475 166.693 811.557 73.0664 865.934 73.0664C909.47 73.0664 946.405 133.082 959.402 216.285C959.365 213.907 959.344 211.519 959.344 209.121C959.344 93.6267 1003.43 0 1057.8 0Z"})]})]})});s.__docgenInfo={description:"",methods:[],displayName:"HeroDecor",props:{className:{defaultValue:{value:'""',computed:!1},required:!1}}};export{s as H};
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
const s = ({ className: C = "" }) =>
e.jsx("svg", {
className: `text-[#FDFAA8] opacity-50 ${C}`,
viewBox: "0 0 1540 645",
"aria-hidden": "true",
overflow: "visible",
preserveAspectRatio: "xMidYMid slice",
children: e.jsxs("g", {
fill: "currentColor",
children: [
e.jsx("defs", {
children: e.jsxs("filter", {
id: "grain",
filterUnits: "objectBoundingBox",
x: "0",
y: "0",
width: "1",
height: "1",
colorInterpolationFilters: "sRGB",
children: [
e.jsx("feTurbulence", {
type: "fractalNoise",
baseFrequency: "0.8",
numOctaves: "2",
seed: "3",
stitchTiles: "stitch",
result: "noise",
}),
e.jsx("feColorMatrix", {
in: "noise",
result: "softNoise",
type: "matrix",
values: " 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0",
}),
e.jsx("feComposite", {
in: "softNoise",
in2: "SourceAlpha",
operator: "in",
result: "maskedNoise",
}),
e.jsx("feBlend", {
in: "SourceGraphic",
in2: "maskedNoise",
mode: "multiply",
}),
],
}),
}),
e.jsxs("g", {
fill: "currentColor",
filter: "url(#grain)",
children: [
e.jsx("path", {
d: "M1441.54 226.758C1495.92 226.758 1540 320.385 1540 435.879C1540 551.373 1495.92 645 1441.54 645C1387.16 645 1343.08 551.373 1343.08 435.879C1343.08 320.385 1387.16 226.758 1441.54 226.758Z",
}),
e.jsx("path", {
d: "M1441.54 226.758C1495.92 226.758 1540 320.385 1540 435.879C1540 551.373 1495.92 645 1441.54 645C1387.16 645 1343.08 551.373 1343.08 435.879C1343.08 320.385 1387.16 226.758 1441.54 226.758Z",
}),
e.jsx("path", {
d: "M674.066 209.121C728.443 209.121 772.525 302.748 772.525 418.242C772.525 533.737 728.443 627.363 674.066 627.363C619.688 627.363 575.607 533.737 575.607 418.242C575.607 302.748 619.688 209.121 674.066 209.121Z",
}),
e.jsx("path", {
d: "M674.066 209.121C728.443 209.121 772.525 302.748 772.525 418.242C772.525 533.737 728.443 627.363 674.066 627.363C619.688 627.363 575.607 533.737 575.607 418.242C575.607 302.748 619.688 209.121 674.066 209.121Z",
}),
e.jsx("path", {
d: "M290.328 0C344.705 0 388.787 93.6267 388.787 209.121C388.787 211.519 388.765 213.907 388.728 216.285C401.725 133.082 438.661 73.0664 482.197 73.0664C536.574 73.0664 580.656 166.693 580.656 282.188C580.656 397.682 536.574 491.309 482.197 491.309C427.819 491.309 383.738 397.682 383.738 282.188C383.738 279.79 383.758 277.401 383.796 275.023C370.798 358.226 333.864 418.242 290.328 418.242C246.792 418.242 209.856 358.226 196.859 275.023C196.897 277.401 196.918 279.79 196.918 282.188C196.918 397.682 152.836 491.309 98.459 491.309C44.0816 491.309 0 397.682 0 282.188C0 166.693 44.0816 73.0664 98.459 73.0664C141.995 73.0664 178.929 133.082 191.927 216.285C191.889 213.907 191.869 211.519 191.869 209.121C191.869 93.6267 235.95 0 290.328 0Z",
}),
e.jsx("path", {
d: "M290.328 0C344.705 0 388.787 93.6267 388.787 209.121C388.787 211.519 388.765 213.907 388.728 216.285C401.725 133.082 438.661 73.0664 482.197 73.0664C536.574 73.0664 580.656 166.693 580.656 282.188C580.656 397.682 536.574 491.309 482.197 491.309C427.819 491.309 383.738 397.682 383.738 282.188C383.738 279.79 383.758 277.401 383.796 275.023C370.798 358.226 333.864 418.242 290.328 418.242C246.792 418.242 209.856 358.226 196.859 275.023C196.897 277.401 196.918 279.79 196.918 282.188C196.918 397.682 152.836 491.309 98.459 491.309C44.0816 491.309 0 397.682 0 282.188C0 166.693 44.0816 73.0664 98.459 73.0664C141.995 73.0664 178.929 133.082 191.927 216.285C191.889 213.907 191.869 211.519 191.869 209.121C191.869 93.6267 235.95 0 290.328 0Z",
}),
e.jsx("path", {
d: "M1057.8 0C1112.18 0 1156.26 93.6267 1156.26 209.121C1156.26 211.519 1156.24 213.907 1156.2 216.285C1169.2 133.082 1206.14 73.0664 1249.67 73.0664C1304.05 73.0664 1348.13 166.693 1348.13 282.188C1348.13 397.682 1304.05 491.309 1249.67 491.309C1195.29 491.309 1151.21 397.682 1151.21 282.188C1151.21 279.79 1151.23 277.401 1151.27 275.023C1138.27 358.226 1101.34 418.242 1057.8 418.242C1014.27 418.242 977.332 358.226 964.334 275.023C964.372 277.401 964.393 279.79 964.393 282.188C964.393 397.682 920.312 491.309 865.934 491.309C811.557 491.309 767.475 397.682 767.475 282.188C767.475 166.693 811.557 73.0664 865.934 73.0664C909.47 73.0664 946.405 133.082 959.402 216.285C959.365 213.907 959.344 211.519 959.344 209.121C959.344 93.6267 1003.43 0 1057.8 0Z",
}),
],
}),
],
}),
});
s.__docgenInfo = {
description: "",
methods: [],
displayName: "HeroDecor",
props: {
className: { defaultValue: { value: '""', computed: !1 }, required: !1 },
},
};
export { s as H };
docs/assets/HeroDecor.stories-CUMQtAQh.js
+93 -3
View File
@@ -1,4 +1,73 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./HeroDecor-Csfoi-N_.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const d={title:"Components/HeroDecor",component:o,parameters:{layout:"centered",docs:{description:{component:"A decorative SVG component that provides background visual elements for the HeroBanner. Features grain effects and organic shapes that enhance the visual appeal without interfering with content readability."}}},argTypes:{className:{control:{type:"text"},description:"Additional CSS classes for positioning and styling"}},tags:["autodocs"]},r={args:{className:"w-[400px] h-[200px]"},parameters:{docs:{description:{story:"Default hero decoration with standard sizing and positioning."}}}},t={args:{className:"w-[600px] h-[300px]"},render:a=>e.jsxs("div",{className:"bg-[var(--color-surface-default-brand-primary)] p-8 rounded-lg relative overflow-hidden",children:[e.jsx(o,{...a}),e.jsxs("div",{className:"relative z-10 text-white mt-4",children:[e.jsx("h3",{children:"Content Overlay"}),e.jsx("p",{children:"This demonstrates how the decoration appears behind content."})]})]}),parameters:{docs:{description:{story:"Hero decoration with background color to show how it integrates with content."}}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { H as o } from "./HeroDecor-Csfoi-N_.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
const d = {
title: "Components/HeroDecor",
component: o,
parameters: {
layout: "centered",
docs: {
description: {
component:
"A decorative SVG component that provides background visual elements for the HeroBanner. Features grain effects and organic shapes that enhance the visual appeal without interfering with content readability.",
},
},
},
argTypes: {
className: {
control: { type: "text" },
description: "Additional CSS classes for positioning and styling",
},
},
tags: ["autodocs"],
},
r = {
args: { className: "w-[400px] h-[200px]" },
parameters: {
docs: {
description: {
story:
"Default hero decoration with standard sizing and positioning.",
},
},
},
},
t = {
args: { className: "w-[600px] h-[300px]" },
render: (a) =>
e.jsxs("div", {
className:
"bg-[var(--color-surface-default-brand-primary)] p-8 rounded-lg relative overflow-hidden",
children: [
e.jsx(o, { ...a }),
e.jsxs("div", {
className: "relative z-10 text-white mt-4",
children: [
e.jsx("h3", { children: "Content Overlay" }),
e.jsx("p", {
children:
"This demonstrates how the decoration appears behind content.",
}),
],
}),
],
}),
parameters: {
docs: {
description: {
story:
"Hero decoration with background color to show how it integrates with content.",
},
},
},
};
r.parameters = {
...r.parameters,
docs: {
...r.parameters?.docs,
source: {
originalSource: `{
args: {
className: "w-[400px] h-[200px]"
},
@@ -9,7 +78,17 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./HeroDecor-Csf
}
}
}
}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
}`,
...r.parameters?.docs?.source,
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
args: {
className: "w-[600px] h-[300px]"
},
@@ -27,4 +106,15 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./HeroDecor-Csf
}
}
}
}`,...t.parameters?.docs?.source}}};const p=["Default","WithBackground"];export{r as Default,t as WithBackground,p as __namedExportsOrder,d as default};
}`,
...t.parameters?.docs?.source,
},
},
};
const p = ["Default", "WithBackground"];
export {
r as Default,
t as WithBackground,
p as __namedExportsOrder,
d as default,
};
docs/assets/HomeHeader.stories-BZFS_npz.js
+353 -3
View File
File diff suppressed because one or more lines are too long
docs/assets/Logo-DM7O8ATg.js
+144 -1
View File
@@ -1 +1,144 @@
import{j as i}from"./jsx-runtime-C_nHp4yK.js";function p({size:e="default",showText:o=!0}){const a={default:{containerHeight:"h-[41px]",gap:"gap-[8.28px]",textSize:"text-[21.97px]",lineHeight:"leading-[27.05px]",iconSize:"w-[27.05px] h-[27.05px]"},homeHeaderXsmall:{containerHeight:"h-[14.11px]",gap:"gap-[4.21px]",textSize:"text-[11.57px]",lineHeight:"leading-[14.24px]",iconSize:"w-[14.11px] h-[14.11px]"},homeHeaderSm:{containerHeight:"h-[21.06px]",gap:"gap-[3.19px]",textSize:"text-[11.69px]",lineHeight:"leading-[14.39px]",iconSize:"w-[14.39px] h-[14.39px]"},homeHeaderMd:{containerHeight:"h-[32.24px]",gap:"gap-[4.89px]",textSize:"text-[17.89px]",lineHeight:"leading-[22.02px]",iconSize:"w-[22.02px] h-[22.02px]"},homeHeaderLg:{containerHeight:"h-[28px]",gap:"gap-[6.55px]",textSize:"text-[21.97px]",lineHeight:"leading-[27.05px]",iconSize:"w-[27.05px] h-[27.05px]"},homeHeaderXl:{containerHeight:"h-[36px]",gap:"gap-[8.64px]",textSize:"text-[29.01px]",lineHeight:"leading-[35.7px]",iconSize:"w-[35.7px] h-[35.7px]"},header:{containerHeight:"h-[20.85px]",gap:"gap-[4.21px]",textSize:"text-[11.57px]",lineHeight:"leading-[14.24px]",iconSize:"w-[14.24px] h-[14.24px]"},headerMd:{containerHeight:"h-[17.91px]",gap:"gap-[6.51px]",textSize:"text-[17.89px]",lineHeight:"leading-[22.02px]",iconSize:"w-[22.02px] h-[22.02px]"},headerLg:{containerHeight:"h-[28px]",gap:"gap-[6.55px]",textSize:"text-[21.97px]",lineHeight:"leading-[27.05px]",iconSize:"w-[27.05px] h-[27.05px]"},headerXl:{containerHeight:"h-[34px]",gap:"gap-[8.19px]",textSize:"text-[27.47px]",lineHeight:"leading-[33.81px]",iconSize:"w-[33.81px] h-[33.81px]"},footer:{containerHeight:"h-[calc(40px*1.37)]",gap:"gap-[calc(8px*1.37)]",textSize:"text-[calc(21.97px*1.37)]",lineHeight:"leading-[calc(27.05px*1.37)]",iconSize:"w-[calc(27.05px*1.37)] h-[calc(27.05px*1.37)]"},footerLg:{containerHeight:"h-[calc(40px*2.05)]",gap:"gap-[calc(8px*2.05)]",textSize:"text-[calc(21.97px*2.05)]",lineHeight:"leading-[calc(27.05px*2.05)]",iconSize:"w-[calc(27.05px*2.05)] h-[calc(27.05px*2.05)]"}},t=e==="homeHeaderXsmall"?a.homeHeaderXsmall:e==="homeHeaderSm"?a.homeHeaderSm:e==="homeHeaderMd"?a.homeHeaderMd:e==="homeHeaderLg"?a.homeHeaderLg:e==="homeHeaderXl"?a.homeHeaderXl:e==="header"?a.header:e==="headerMd"?a.headerMd:e==="headerLg"?a.headerLg:e==="headerXl"?a.headerXl:e==="footer"?a.footer:e==="footerLg"?a.footerLg:a.default;return i.jsxs("div",{className:`flex items-center ${t.containerHeight} ${o?t.gap:""} transition-all duration-200 ease-in-out hover:scale-[1.02] cursor-pointer`,role:"banner","aria-label":"CommunityRule Logo",children:[o&&i.jsx("div",{className:`font-['Bricolage_Grotesque'] ${e==="homeHeaderXsmall"||e==="homeHeaderSm"||e==="homeHeaderMd"||e==="homeHeaderLg"||e==="homeHeaderXl"?"text-[var(--color-content-inverse-primary)]":"text-[var(--color-content-default-primary)]"} ${t.textSize} ${t.lineHeight} font-normal tracking-[0px] transition-colors duration-200`,"aria-label":"CommunityRule",children:"CommunityRule"}),i.jsx("img",{src:"assets/Logo.svg",alt:"CommunityRule Logo Icon",width:27.05,height:27.05,className:`flex-shrink-0 ${t.iconSize} transition-all duration-200 ${e==="homeHeaderXsmall"||e==="homeHeaderSm"||e==="homeHeaderMd"||e==="homeHeaderLg"||e==="homeHeaderXl"?"filter brightness-0":""}`,"aria-hidden":"true"})]})}p.__docgenInfo={description:"",methods:[],displayName:"Logo",props:{size:{defaultValue:{value:'"default"',computed:!1},required:!1},showText:{defaultValue:{value:"true",computed:!1},required:!1}}};export{p as L};
import { j as i } from "./jsx-runtime-C_nHp4yK.js";
function p({ size: e = "default", showText: o = !0 }) {
const a = {
default: {
containerHeight: "h-[41px]",
gap: "gap-[8.28px]",
textSize: "text-[21.97px]",
lineHeight: "leading-[27.05px]",
iconSize: "w-[27.05px] h-[27.05px]",
},
homeHeaderXsmall: {
containerHeight: "h-[14.11px]",
gap: "gap-[4.21px]",
textSize: "text-[11.57px]",
lineHeight: "leading-[14.24px]",
iconSize: "w-[14.11px] h-[14.11px]",
},
homeHeaderSm: {
containerHeight: "h-[21.06px]",
gap: "gap-[3.19px]",
textSize: "text-[11.69px]",
lineHeight: "leading-[14.39px]",
iconSize: "w-[14.39px] h-[14.39px]",
},
homeHeaderMd: {
containerHeight: "h-[32.24px]",
gap: "gap-[4.89px]",
textSize: "text-[17.89px]",
lineHeight: "leading-[22.02px]",
iconSize: "w-[22.02px] h-[22.02px]",
},
homeHeaderLg: {
containerHeight: "h-[28px]",
gap: "gap-[6.55px]",
textSize: "text-[21.97px]",
lineHeight: "leading-[27.05px]",
iconSize: "w-[27.05px] h-[27.05px]",
},
homeHeaderXl: {
containerHeight: "h-[36px]",
gap: "gap-[8.64px]",
textSize: "text-[29.01px]",
lineHeight: "leading-[35.7px]",
iconSize: "w-[35.7px] h-[35.7px]",
},
header: {
containerHeight: "h-[20.85px]",
gap: "gap-[4.21px]",
textSize: "text-[11.57px]",
lineHeight: "leading-[14.24px]",
iconSize: "w-[14.24px] h-[14.24px]",
},
headerMd: {
containerHeight: "h-[17.91px]",
gap: "gap-[6.51px]",
textSize: "text-[17.89px]",
lineHeight: "leading-[22.02px]",
iconSize: "w-[22.02px] h-[22.02px]",
},
headerLg: {
containerHeight: "h-[28px]",
gap: "gap-[6.55px]",
textSize: "text-[21.97px]",
lineHeight: "leading-[27.05px]",
iconSize: "w-[27.05px] h-[27.05px]",
},
headerXl: {
containerHeight: "h-[34px]",
gap: "gap-[8.19px]",
textSize: "text-[27.47px]",
lineHeight: "leading-[33.81px]",
iconSize: "w-[33.81px] h-[33.81px]",
},
footer: {
containerHeight: "h-[calc(40px*1.37)]",
gap: "gap-[calc(8px*1.37)]",
textSize: "text-[calc(21.97px*1.37)]",
lineHeight: "leading-[calc(27.05px*1.37)]",
iconSize: "w-[calc(27.05px*1.37)] h-[calc(27.05px*1.37)]",
},
footerLg: {
containerHeight: "h-[calc(40px*2.05)]",
gap: "gap-[calc(8px*2.05)]",
textSize: "text-[calc(21.97px*2.05)]",
lineHeight: "leading-[calc(27.05px*2.05)]",
iconSize: "w-[calc(27.05px*2.05)] h-[calc(27.05px*2.05)]",
},
},
t =
e === "homeHeaderXsmall"
? a.homeHeaderXsmall
: e === "homeHeaderSm"
? a.homeHeaderSm
: e === "homeHeaderMd"
? a.homeHeaderMd
: e === "homeHeaderLg"
? a.homeHeaderLg
: e === "homeHeaderXl"
? a.homeHeaderXl
: e === "header"
? a.header
: e === "headerMd"
? a.headerMd
: e === "headerLg"
? a.headerLg
: e === "headerXl"
? a.headerXl
: e === "footer"
? a.footer
: e === "footerLg"
? a.footerLg
: a.default;
return i.jsxs("div", {
className: `flex items-center ${t.containerHeight} ${o ? t.gap : ""} transition-all duration-200 ease-in-out hover:scale-[1.02] cursor-pointer`,
role: "banner",
"aria-label": "CommunityRule Logo",
children: [
o &&
i.jsx("div", {
className: `font-['Bricolage_Grotesque'] ${e === "homeHeaderXsmall" || e === "homeHeaderSm" || e === "homeHeaderMd" || e === "homeHeaderLg" || e === "homeHeaderXl" ? "text-[var(--color-content-inverse-primary)]" : "text-[var(--color-content-default-primary)]"} ${t.textSize} ${t.lineHeight} font-normal tracking-[0px] transition-colors duration-200`,
"aria-label": "CommunityRule",
children: "CommunityRule",
}),
i.jsx("img", {
src: "assets/Logo.svg",
alt: "CommunityRule Logo Icon",
width: 27.05,
height: 27.05,
className: `flex-shrink-0 ${t.iconSize} transition-all duration-200 ${e === "homeHeaderXsmall" || e === "homeHeaderSm" || e === "homeHeaderMd" || e === "homeHeaderLg" || e === "homeHeaderXl" ? "filter brightness-0" : ""}`,
"aria-hidden": "true",
}),
],
});
}
p.__docgenInfo = {
description: "",
methods: [],
displayName: "Logo",
props: {
size: { defaultValue: { value: '"default"', computed: !1 }, required: !1 },
showText: { defaultValue: { value: "true", computed: !1 }, required: !1 },
},
};
export { p as L };
docs/assets/Logo.stories-CahJ_0p_.js
+476 -7
View File
File diff suppressed because one or more lines are too long
docs/assets/MenuBar-anMCqtJv.js
+21 -1
View File
@@ -1 +1,21 @@
import{j as p}from"./jsx-runtime-C_nHp4yK.js";function r({children:a,className:e="",size:s="default",...l}){const c=`flex items-center ${{xsmall:"px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-001)] rounded-[4px]",default:"px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-001)]",medium:"px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-004)]",large:"px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-012)]"}[s]} ${e}`;return p.jsx("nav",{className:c,role:"menubar","aria-label":"Main navigation menu",...l,children:a})}r.__docgenInfo={description:"",methods:[],displayName:"MenuBar",props:{className:{defaultValue:{value:'""',computed:!1},required:!1},size:{defaultValue:{value:'"default"',computed:!1},required:!1}}};export{r as M};
import { j as p } from "./jsx-runtime-C_nHp4yK.js";
function r({ children: a, className: e = "", size: s = "default", ...l }) {
const c = `flex items-center ${{ xsmall: "px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-001)] rounded-[4px]", default: "px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-001)]", medium: "px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-004)]", large: "px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-012)]" }[s]} ${e}`;
return p.jsx("nav", {
className: c,
role: "menubar",
"aria-label": "Main navigation menu",
...l,
children: a,
});
}
r.__docgenInfo = {
description: "",
methods: [],
displayName: "MenuBar",
props: {
className: { defaultValue: { value: '""', computed: !1 }, required: !1 },
size: { defaultValue: { value: '"default"', computed: !1 }, required: !1 },
},
};
export { r as M };
docs/assets/MenuBar.stories-CLlNuM-O.js
+147 -3
View File
@@ -1,4 +1,132 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{M as s}from"./MenuBar-anMCqtJv.js";import{M as n}from"./MenuBarItem-Dp8NM2fx.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const d={title:"Components/MenuBar",component:s,parameters:{layout:"centered",docs:{description:{component:"A navigation menu bar container that groups MenuBarItem components together. Provides consistent spacing and layout for navigation menus with multiple size variants."}}},argTypes:{size:{control:{type:"select"},options:["xsmall","default","medium","large"],description:"The size of the menu bar and its children"},className:{control:{type:"text"},description:"Additional CSS classes"}},tags:["autodocs"]},a={args:{size:"default"},render:t=>e.jsxs(s,{...t,children:[e.jsx(n,{size:"large",children:"Home"}),e.jsx(n,{size:"large",children:"About"}),e.jsx(n,{size:"large",children:"Contact"})]})},r={args:{},render:()=>e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"XSmall Size"}),e.jsxs(s,{size:"xsmall",children:[e.jsx(n,{size:"xsmall",children:"Home"}),e.jsx(n,{size:"xsmall",children:"About"}),e.jsx(n,{size:"xsmall",children:"Contact"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Default Size"}),e.jsxs(s,{size:"default",children:[e.jsx(n,{size:"large",children:"Home"}),e.jsx(n,{size:"large",children:"About"}),e.jsx(n,{size:"large",children:"Contact"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Medium Size"}),e.jsxs(s,{size:"medium",children:[e.jsx(n,{size:"large",children:"Home"}),e.jsx(n,{size:"large",children:"About"}),e.jsx(n,{size:"large",children:"Contact"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Large Size"}),e.jsxs(s,{size:"large",children:[e.jsx(n,{size:"large",children:"Home"}),e.jsx(n,{size:"large",children:"About"}),e.jsx(n,{size:"large",children:"Contact"})]})]})]}),parameters:{docs:{description:{story:"Different size variants of the menu bar with consistent spacing and layout."}}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { M as s } from "./MenuBar-anMCqtJv.js";
import { M as n } from "./MenuBarItem-Dp8NM2fx.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
const d = {
title: "Components/MenuBar",
component: s,
parameters: {
layout: "centered",
docs: {
description: {
component:
"A navigation menu bar container that groups MenuBarItem components together. Provides consistent spacing and layout for navigation menus with multiple size variants.",
},
},
},
argTypes: {
size: {
control: { type: "select" },
options: ["xsmall", "default", "medium", "large"],
description: "The size of the menu bar and its children",
},
className: {
control: { type: "text" },
description: "Additional CSS classes",
},
},
tags: ["autodocs"],
},
a = {
args: { size: "default" },
render: (t) =>
e.jsxs(s, {
...t,
children: [
e.jsx(n, { size: "large", children: "Home" }),
e.jsx(n, { size: "large", children: "About" }),
e.jsx(n, { size: "large", children: "Contact" }),
],
}),
},
r = {
args: {},
render: () =>
e.jsxs("div", {
className: "space-y-6",
children: [
e.jsxs("div", {
children: [
e.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "XSmall Size",
}),
e.jsxs(s, {
size: "xsmall",
children: [
e.jsx(n, { size: "xsmall", children: "Home" }),
e.jsx(n, { size: "xsmall", children: "About" }),
e.jsx(n, { size: "xsmall", children: "Contact" }),
],
}),
],
}),
e.jsxs("div", {
children: [
e.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "Default Size",
}),
e.jsxs(s, {
size: "default",
children: [
e.jsx(n, { size: "large", children: "Home" }),
e.jsx(n, { size: "large", children: "About" }),
e.jsx(n, { size: "large", children: "Contact" }),
],
}),
],
}),
e.jsxs("div", {
children: [
e.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "Medium Size",
}),
e.jsxs(s, {
size: "medium",
children: [
e.jsx(n, { size: "large", children: "Home" }),
e.jsx(n, { size: "large", children: "About" }),
e.jsx(n, { size: "large", children: "Contact" }),
],
}),
],
}),
e.jsxs("div", {
children: [
e.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "Large Size",
}),
e.jsxs(s, {
size: "large",
children: [
e.jsx(n, { size: "large", children: "Home" }),
e.jsx(n, { size: "large", children: "About" }),
e.jsx(n, { size: "large", children: "Contact" }),
],
}),
],
}),
],
}),
parameters: {
docs: {
description: {
story:
"Different size variants of the menu bar with consistent spacing and layout.",
},
},
},
};
a.parameters = {
...a.parameters,
docs: {
...a.parameters?.docs,
source: {
originalSource: `{
args: {
size: "default"
},
@@ -7,7 +135,17 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{M as s}from"./MenuBar-anMCq
<MenuBarItem size="large">About</MenuBarItem>
<MenuBarItem size="large">Contact</MenuBarItem>
</MenuBar>
}`,...a.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
}`,
...a.parameters?.docs?.source,
},
},
};
r.parameters = {
...r.parameters,
docs: {
...r.parameters?.docs,
source: {
originalSource: `{
args: {},
render: () => <div className="space-y-6">
<div>
@@ -53,4 +191,10 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{M as s}from"./MenuBar-anMCq
}
}
}
}`,...r.parameters?.docs?.source}}};const u=["Default","Sizes"];export{a as Default,r as Sizes,u as __namedExportsOrder,d as default};
}`,
...r.parameters?.docs?.source,
},
},
};
const u = ["Default", "Sizes"];
export { a as Default, r as Sizes, u as __namedExportsOrder, d as default };
docs/assets/MenuBarItem-Dp8NM2fx.js
+123 -1
View File
File diff suppressed because one or more lines are too long
docs/assets/MenuBarItem.stories-Btz38mn4.js
+258 -6
View File
@@ -1,9 +1,217 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{M as a}from"./MenuBarItem-Dp8NM2fx.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const u={title:"Components/MenuBarItem",component:a,parameters:{layout:"centered",docs:{description:{component:"A navigation menu item component with multiple variants, sizes, and states. Can render as a link or disabled span with full accessibility support. Includes focus states with keyboard navigation - use Tab key to test focus indicators."}}},argTypes:{variant:{control:{type:"select"},options:["default","home"],description:"The visual style variant of the menu item"},size:{control:{type:"select"},options:["xsmall","xsmallUseCases","homeMd","homeUseCases","large","largeUseCases","homeXlarge","xlarge"],description:"The size of the menu item"},disabled:{control:{type:"boolean"},description:"Whether the menu item is disabled"},href:{control:{type:"text"},description:"The link destination"},onClick:{action:"clicked"}},tags:["autodocs"]},n={args:{children:"Menu Item",size:"large"}},r={args:{children:"Menu Item",size:"large"},render:s=>e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{...s,variant:"default",children:"Default"}),e.jsx(a,{...s,variant:"home",children:"Home"})]})}),parameters:{docs:{description:{story:"Different visual variants of the menu item component."}}}},t={args:{children:"Menu Item",variant:"default"},render:s=>e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{...s,size:"xsmall",children:"XSmall"}),e.jsx(a,{...s,size:"large",children:"Large"}),e.jsx(a,{...s,size:"xlarge",children:"XLarge"})]})}),parameters:{docs:{description:{story:"Different sizes available for the menu item component."}}}},i={args:{children:"Menu Item",size:"large",variant:"default"},render:s=>e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{...s,children:"Normal"}),e.jsx(a,{...s,disabled:!0,children:"Disabled"})]})}),parameters:{docs:{description:{story:"Different states of the menu item component."}}}},l={args:{},render:()=>e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Default Variant"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{size:"xsmall",children:"XSmall"}),e.jsx(a,{size:"large",children:"Large"}),e.jsx(a,{size:"xlarge",children:"XLarge"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Home Variant"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{variant:"home",size:"xsmall",children:"XSmall"}),e.jsx(a,{variant:"home",size:"large",children:"Large"}),e.jsx(a,{variant:"home",size:"xlarge",children:"XLarge"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Disabled States"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{size:"large",disabled:!0,children:"Default Disabled"}),e.jsx(a,{variant:"home",size:"large",disabled:!0,children:"Home Disabled"})]})]})]}),parameters:{docs:{description:{story:"Complete overview of all menu item variants, sizes, and states."}}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { M as a } from "./MenuBarItem-Dp8NM2fx.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
const u = {
title: "Components/MenuBarItem",
component: a,
parameters: {
layout: "centered",
docs: {
description: {
component:
"A navigation menu item component with multiple variants, sizes, and states. Can render as a link or disabled span with full accessibility support. Includes focus states with keyboard navigation - use Tab key to test focus indicators.",
},
},
},
argTypes: {
variant: {
control: { type: "select" },
options: ["default", "home"],
description: "The visual style variant of the menu item",
},
size: {
control: { type: "select" },
options: [
"xsmall",
"xsmallUseCases",
"homeMd",
"homeUseCases",
"large",
"largeUseCases",
"homeXlarge",
"xlarge",
],
description: "The size of the menu item",
},
disabled: {
control: { type: "boolean" },
description: "Whether the menu item is disabled",
},
href: { control: { type: "text" }, description: "The link destination" },
onClick: { action: "clicked" },
},
tags: ["autodocs"],
},
n = { args: { children: "Menu Item", size: "large" } },
r = {
args: { children: "Menu Item", size: "large" },
render: (s) =>
e.jsx("div", {
className: "space-y-4",
children: e.jsxs("div", {
className: "space-x-4",
children: [
e.jsx(a, { ...s, variant: "default", children: "Default" }),
e.jsx(a, { ...s, variant: "home", children: "Home" }),
],
}),
}),
parameters: {
docs: {
description: {
story: "Different visual variants of the menu item component.",
},
},
},
},
t = {
args: { children: "Menu Item", variant: "default" },
render: (s) =>
e.jsx("div", {
className: "space-y-4",
children: e.jsxs("div", {
className: "space-x-4",
children: [
e.jsx(a, { ...s, size: "xsmall", children: "XSmall" }),
e.jsx(a, { ...s, size: "large", children: "Large" }),
e.jsx(a, { ...s, size: "xlarge", children: "XLarge" }),
],
}),
}),
parameters: {
docs: {
description: {
story: "Different sizes available for the menu item component.",
},
},
},
},
i = {
args: { children: "Menu Item", size: "large", variant: "default" },
render: (s) =>
e.jsx("div", {
className: "space-y-4",
children: e.jsxs("div", {
className: "space-x-4",
children: [
e.jsx(a, { ...s, children: "Normal" }),
e.jsx(a, { ...s, disabled: !0, children: "Disabled" }),
],
}),
}),
parameters: {
docs: {
description: { story: "Different states of the menu item component." },
},
},
},
l = {
args: {},
render: () =>
e.jsxs("div", {
className: "space-y-6",
children: [
e.jsxs("div", {
children: [
e.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "Default Variant",
}),
e.jsxs("div", {
className: "space-x-4",
children: [
e.jsx(a, { size: "xsmall", children: "XSmall" }),
e.jsx(a, { size: "large", children: "Large" }),
e.jsx(a, { size: "xlarge", children: "XLarge" }),
],
}),
],
}),
e.jsxs("div", {
children: [
e.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "Home Variant",
}),
e.jsxs("div", {
className: "space-x-4",
children: [
e.jsx(a, {
variant: "home",
size: "xsmall",
children: "XSmall",
}),
e.jsx(a, {
variant: "home",
size: "large",
children: "Large",
}),
e.jsx(a, {
variant: "home",
size: "xlarge",
children: "XLarge",
}),
],
}),
],
}),
e.jsxs("div", {
children: [
e.jsx("h3", {
className: "text-white font-semibold mb-3",
children: "Disabled States",
}),
e.jsxs("div", {
className: "space-x-4",
children: [
e.jsx(a, {
size: "large",
disabled: !0,
children: "Default Disabled",
}),
e.jsx(a, {
variant: "home",
size: "large",
disabled: !0,
children: "Home Disabled",
}),
],
}),
],
}),
],
}),
parameters: {
docs: {
description: {
story:
"Complete overview of all menu item variants, sizes, and states.",
},
},
},
};
n.parameters = {
...n.parameters,
docs: {
...n.parameters?.docs,
source: {
originalSource: `{
args: {
children: "Menu Item",
size: "large"
}
}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
}`,
...n.parameters?.docs?.source,
},
},
};
r.parameters = {
...r.parameters,
docs: {
...r.parameters?.docs,
source: {
originalSource: `{
args: {
children: "Menu Item",
size: "large"
@@ -25,7 +233,17 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{M as a}from"./MenuBarItem-D
}
}
}
}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
}`,
...r.parameters?.docs?.source,
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
args: {
children: "Menu Item",
variant: "default"
@@ -50,7 +268,17 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{M as a}from"./MenuBarItem-D
}
}
}
}`,...t.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
}`,
...t.parameters?.docs?.source,
},
},
};
i.parameters = {
...i.parameters,
docs: {
...i.parameters?.docs,
source: {
originalSource: `{
args: {
children: "Menu Item",
size: "large",
@@ -71,7 +299,17 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{M as a}from"./MenuBarItem-D
}
}
}
}`,...i.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
}`,
...i.parameters?.docs?.source,
},
},
};
l.parameters = {
...l.parameters,
docs: {
...l.parameters?.docs,
source: {
originalSource: `{
args: {},
render: () => <div className="space-y-6">
<div>
@@ -117,4 +355,18 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{M as a}from"./MenuBarItem-D
}
}
}
}`,...l.parameters?.docs?.source}}};const p=["Default","Variants","Sizes","States","AllVariants"];export{l as AllVariants,n as Default,t as Sizes,i as States,r as Variants,p as __namedExportsOrder,u as default};
}`,
...l.parameters?.docs?.source,
},
},
};
const p = ["Default", "Variants", "Sizes", "States", "AllVariants"];
export {
l as AllVariants,
n as Default,
t as Sizes,
i as States,
r as Variants,
p as __namedExportsOrder,
u as default,
};
docs/assets/NumberedCard-ClCynPua.js
+24 -1
View File
@@ -1 +1,24 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{S as t}from"./SectionNumber-Cptefv18.js";const r=({number:l,text:s,iconShape:o,iconColor:a})=>e.jsxs("div",{className:"bg-[var(--color-surface-inverse-primary)] rounded-[12px] p-5 shadow-lg flex flex-col gap-4 sm:p-8 sm:gap-8 sm:flex-row sm:items-center lg:p-8 lg:gap-0 lg:flex-row lg:items-stretch lg:relative lg:h-[238px]",children:[e.jsx("div",{className:"flex justify-end sm:justify-start sm:flex-shrink-0 lg:absolute lg:top-8 lg:right-8",children:e.jsx(t,{number:l})}),e.jsx("div",{className:"sm:flex-1 lg:absolute lg:bottom-8 lg:left-8 lg:right-16",children:e.jsx("p",{className:"font-bricolage-grotesque font-medium text-[24px] leading-[32px] sm:font-normal sm:leading-[24px] sm:text-[24px] lg:text-[24px] lg:leading-[24px] xl:text-[32px] xl:leading-[32px] text-[#141414]",children:s})})]});r.__docgenInfo={description:"",methods:[],displayName:"NumberedCard"};export{r as N};
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { S as t } from "./SectionNumber-Cptefv18.js";
const r = ({ number: l, text: s, iconShape: o, iconColor: a }) =>
e.jsxs("div", {
className:
"bg-[var(--color-surface-inverse-primary)] rounded-[12px] p-5 shadow-lg flex flex-col gap-4 sm:p-8 sm:gap-8 sm:flex-row sm:items-center lg:p-8 lg:gap-0 lg:flex-row lg:items-stretch lg:relative lg:h-[238px]",
children: [
e.jsx("div", {
className:
"flex justify-end sm:justify-start sm:flex-shrink-0 lg:absolute lg:top-8 lg:right-8",
children: e.jsx(t, { number: l }),
}),
e.jsx("div", {
className: "sm:flex-1 lg:absolute lg:bottom-8 lg:left-8 lg:right-16",
children: e.jsx("p", {
className:
"font-bricolage-grotesque font-medium text-[24px] leading-[32px] sm:font-normal sm:leading-[24px] sm:text-[24px] lg:text-[24px] lg:leading-[24px] xl:text-[32px] xl:leading-[32px] text-[#141414]",
children: s,
}),
}),
],
});
r.__docgenInfo = { description: "", methods: [], displayName: "NumberedCard" };
export { r as N };
docs/assets/NumberedCard.stories-B2w08pIr.js
+139 -4
View File
@@ -1,11 +1,124 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{N as o}from"./NumberedCard-ClCynPua.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./SectionNumber-Cptefv18.js";const m={title:"Components/NumberedCard",component:o,parameters:{layout:"centered",docs:{description:{component:"Individual numbered card component that displays a step in a process with a numbered icon and descriptive text. Supports responsive layouts across different breakpoints."}}},argTypes:{number:{control:{type:"number",min:1,max:9},description:"The number to display on the card"},text:{control:{type:"text"},description:"The descriptive text for this step"},iconShape:{control:{type:"select"},options:["blob","gear","star"],description:"The shape of the icon background (currently not used, uses PNG images)"},iconColor:{control:{type:"select"},options:["green","purple","orange","blue"],description:"The color theme for the icon (currently not used, uses PNG images)"}},tags:["autodocs"]},t={args:{number:1,text:"Document how your community makes decisions",iconShape:"blob",iconColor:"green"}},r={args:{number:1,text:"Example card text",iconShape:"blob",iconColor:"green"},render:s=>e.jsxs("div",{className:"space-y-4",children:[e.jsx(o,{...s,number:1,text:"First step in the process"}),e.jsx(o,{...s,number:2,text:"Second step with different content"}),e.jsx(o,{...s,number:3,text:"Third and final step of the workflow"})]}),parameters:{docs:{description:{story:"Shows all three numbered cards with different content to demonstrate the visual hierarchy."}}}},n={args:{number:1,text:"This is a much longer piece of text that demonstrates how the card handles content that spans multiple lines and requires more space to display properly",iconShape:"blob",iconColor:"green"},parameters:{docs:{description:{story:"Demonstrates how the card handles longer text content across different breakpoints."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { N as o } from "./NumberedCard-ClCynPua.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
import "./SectionNumber-Cptefv18.js";
const m = {
title: "Components/NumberedCard",
component: o,
parameters: {
layout: "centered",
docs: {
description: {
component:
"Individual numbered card component that displays a step in a process with a numbered icon and descriptive text. Supports responsive layouts across different breakpoints.",
},
},
},
argTypes: {
number: {
control: { type: "number", min: 1, max: 9 },
description: "The number to display on the card",
},
text: {
control: { type: "text" },
description: "The descriptive text for this step",
},
iconShape: {
control: { type: "select" },
options: ["blob", "gear", "star"],
description:
"The shape of the icon background (currently not used, uses PNG images)",
},
iconColor: {
control: { type: "select" },
options: ["green", "purple", "orange", "blue"],
description:
"The color theme for the icon (currently not used, uses PNG images)",
},
},
tags: ["autodocs"],
},
t = {
args: {
number: 1,
text: "Document how your community makes decisions",
iconShape: "blob",
iconColor: "green",
},
},
r = {
args: {
number: 1,
text: "Example card text",
iconShape: "blob",
iconColor: "green",
},
render: (s) =>
e.jsxs("div", {
className: "space-y-4",
children: [
e.jsx(o, { ...s, number: 1, text: "First step in the process" }),
e.jsx(o, {
...s,
number: 2,
text: "Second step with different content",
}),
e.jsx(o, {
...s,
number: 3,
text: "Third and final step of the workflow",
}),
],
}),
parameters: {
docs: {
description: {
story:
"Shows all three numbered cards with different content to demonstrate the visual hierarchy.",
},
},
},
},
n = {
args: {
number: 1,
text: "This is a much longer piece of text that demonstrates how the card handles content that spans multiple lines and requires more space to display properly",
iconShape: "blob",
iconColor: "green",
},
parameters: {
docs: {
description: {
story:
"Demonstrates how the card handles longer text content across different breakpoints.",
},
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
args: {
number: 1,
text: "Document how your community makes decisions",
iconShape: "blob",
iconColor: "green"
}
}`,...t.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
}`,
...t.parameters?.docs?.source,
},
},
};
r.parameters = {
...r.parameters,
docs: {
...r.parameters?.docs,
source: {
originalSource: `{
args: {
number: 1,
text: "Example card text",
@@ -24,7 +137,17 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{N as o}from"./NumberedCard-
}
}
}
}`,...r.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
}`,
...r.parameters?.docs?.source,
},
},
};
n.parameters = {
...n.parameters,
docs: {
...n.parameters?.docs,
source: {
originalSource: `{
args: {
number: 1,
text: "This is a much longer piece of text that demonstrates how the card handles content that spans multiple lines and requires more space to display properly",
@@ -38,4 +161,16 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{N as o}from"./NumberedCard-
}
}
}
}`,...n.parameters?.docs?.source}}};const l=["Default","AllNumbers","LongText"];export{r as AllNumbers,t as Default,n as LongText,l as __namedExportsOrder,m as default};
}`,
...n.parameters?.docs?.source,
},
},
};
const l = ["Default", "AllNumbers", "LongText"];
export {
r as AllNumbers,
t as Default,
n as LongText,
l as __namedExportsOrder,
m as default,
};
docs/assets/NumberedCards.stories-RsE3R6pO.js
+204 -3
View File
@@ -1,4 +1,184 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{N as m}from"./NumberedCard-ClCynPua.js";import{S as u}from"./SectionHeader-CadpOP1T.js";import{B as c}from"./Button-Z4hbXct5.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./SectionNumber-Cptefv18.js";const l=({title:r,subtitle:a,cards:i})=>{const p={"@context":"https://schema.org","@type":"HowTo",name:r,description:a,step:i.map((o,t)=>({"@type":"HowToStep",position:t+1,name:o.text,text:o.text}))};return e.jsxs(e.Fragment,{children:[e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(p)}}),e.jsx("section",{className:"bg-transparent py-[var(--spacing-scale-032)] px-[var(--spacing-scale-020)] sm:py-[var(--spacing-scale-048)] sm:px-[var(--spacing-scale-032)] lg:py-[var(--spacing-scale-064)] lg:px-[var(--spacing-scale-064)] xl:py-[var(--spacing-scale-076)] xl:px-[var(--spacing-scale-064)]",children:e.jsx("div",{className:"max-w-[var(--spacing-measures-max-width-lg)] mx-auto",children:e.jsxs("div",{className:"grid grid-cols-1 gap-y-[var(--spacing-scale-032)] lg:gap-y-[var(--spacing-scale-056)]",children:[e.jsx("div",{children:e.jsx(u,{title:r,subtitle:a,titleLg:"How CommunityRule helps"})}),e.jsx("div",{className:"grid grid-cols-1 gap-y-[var(--spacing-scale-024)] lg:grid-cols-3 lg:gap-[var(--spacing-scale-024)]",children:i.map((o,t)=>e.jsx(m,{number:t+1,text:o.text,iconShape:o.iconShape,iconColor:o.iconColor},t))}),e.jsxs("div",{className:"text-center sm:text-left lg:text-center",children:[e.jsx("div",{className:"block lg:hidden",children:e.jsx(c,{variant:"default",size:"large",children:"Create CommunityRule"})}),e.jsx("div",{className:"hidden lg:block",children:e.jsx(c,{variant:"outlined",size:"large",children:"See how it works"})})]})]})})})]})};l.__docgenInfo={description:"",methods:[],displayName:"NumberedCards"};const C={title:"Components/NumberedCards",component:l,parameters:{layout:"fullscreen",docs:{description:{component:"A component system for visually communicating multi-step workflows, processes, or value propositions. The component's modular design with NumberedCard and SectionNumber sub-components makes it ideal for explaining any sequential process while maintaining brand consistency and accessibility standards across the design system."}}},argTypes:{title:{control:{type:"text"},description:"The main title for the section"},subtitle:{control:{type:"text"},description:"The subtitle text below the main title"},cards:{control:{type:"object"},description:"Array of card objects with text, iconShape, and iconColor properties"}},tags:["autodocs"]},n={args:{title:"How CommunityRule works",subtitle:"Here's a quick overview of the process, from start to finish.",cards:[{text:"Document how your community makes decisions",iconShape:"blob",iconColor:"green"},{text:"Build an operating manual for a successful community",iconShape:"gear",iconColor:"purple"},{text:"Get a link to your manual for your group to review and evolve",iconShape:"star",iconColor:"orange"}]}},s={args:{title:"Our Process",subtitle:"Follow these simple steps to get started with your project.",cards:[{text:"Define your project requirements and goals",iconShape:"blob",iconColor:"green"},{text:"Collaborate with our team to create the perfect solution",iconShape:"gear",iconColor:"purple"},{text:"Launch and iterate based on user feedback",iconShape:"star",iconColor:"orange"},{text:"Scale and optimize for continued success",iconShape:"blob",iconColor:"blue"}]},parameters:{docs:{description:{story:"Example with custom content and four cards to show flexibility."}}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { N as m } from "./NumberedCard-ClCynPua.js";
import { S as u } from "./SectionHeader-CadpOP1T.js";
import { B as c } from "./Button-Z4hbXct5.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
import "./SectionNumber-Cptefv18.js";
const l = ({ title: r, subtitle: a, cards: i }) => {
const p = {
"@context": "https://schema.org",
"@type": "HowTo",
name: r,
description: a,
step: i.map((o, t) => ({
"@type": "HowToStep",
position: t + 1,
name: o.text,
text: o.text,
})),
};
return e.jsxs(e.Fragment, {
children: [
e.jsx("script", {
type: "application/ld+json",
dangerouslySetInnerHTML: { __html: JSON.stringify(p) },
}),
e.jsx("section", {
className:
"bg-transparent py-[var(--spacing-scale-032)] px-[var(--spacing-scale-020)] sm:py-[var(--spacing-scale-048)] sm:px-[var(--spacing-scale-032)] lg:py-[var(--spacing-scale-064)] lg:px-[var(--spacing-scale-064)] xl:py-[var(--spacing-scale-076)] xl:px-[var(--spacing-scale-064)]",
children: e.jsx("div", {
className: "max-w-[var(--spacing-measures-max-width-lg)] mx-auto",
children: e.jsxs("div", {
className:
"grid grid-cols-1 gap-y-[var(--spacing-scale-032)] lg:gap-y-[var(--spacing-scale-056)]",
children: [
e.jsx("div", {
children: e.jsx(u, {
title: r,
subtitle: a,
titleLg: "How CommunityRule helps",
}),
}),
e.jsx("div", {
className:
"grid grid-cols-1 gap-y-[var(--spacing-scale-024)] lg:grid-cols-3 lg:gap-[var(--spacing-scale-024)]",
children: i.map((o, t) =>
e.jsx(
m,
{
number: t + 1,
text: o.text,
iconShape: o.iconShape,
iconColor: o.iconColor,
},
t,
),
),
}),
e.jsxs("div", {
className: "text-center sm:text-left lg:text-center",
children: [
e.jsx("div", {
className: "block lg:hidden",
children: e.jsx(c, {
variant: "default",
size: "large",
children: "Create CommunityRule",
}),
}),
e.jsx("div", {
className: "hidden lg:block",
children: e.jsx(c, {
variant: "outlined",
size: "large",
children: "See how it works",
}),
}),
],
}),
],
}),
}),
}),
],
});
};
l.__docgenInfo = { description: "", methods: [], displayName: "NumberedCards" };
const C = {
title: "Components/NumberedCards",
component: l,
parameters: {
layout: "fullscreen",
docs: {
description: {
component:
"A component system for visually communicating multi-step workflows, processes, or value propositions. The component's modular design with NumberedCard and SectionNumber sub-components makes it ideal for explaining any sequential process while maintaining brand consistency and accessibility standards across the design system.",
},
},
},
argTypes: {
title: {
control: { type: "text" },
description: "The main title for the section",
},
subtitle: {
control: { type: "text" },
description: "The subtitle text below the main title",
},
cards: {
control: { type: "object" },
description:
"Array of card objects with text, iconShape, and iconColor properties",
},
},
tags: ["autodocs"],
},
n = {
args: {
title: "How CommunityRule works",
subtitle: "Here's a quick overview of the process, from start to finish.",
cards: [
{
text: "Document how your community makes decisions",
iconShape: "blob",
iconColor: "green",
},
{
text: "Build an operating manual for a successful community",
iconShape: "gear",
iconColor: "purple",
},
{
text: "Get a link to your manual for your group to review and evolve",
iconShape: "star",
iconColor: "orange",
},
],
},
},
s = {
args: {
title: "Our Process",
subtitle: "Follow these simple steps to get started with your project.",
cards: [
{
text: "Define your project requirements and goals",
iconShape: "blob",
iconColor: "green",
},
{
text: "Collaborate with our team to create the perfect solution",
iconShape: "gear",
iconColor: "purple",
},
{
text: "Launch and iterate based on user feedback",
iconShape: "star",
iconColor: "orange",
},
{
text: "Scale and optimize for continued success",
iconShape: "blob",
iconColor: "blue",
},
],
},
parameters: {
docs: {
description: {
story:
"Example with custom content and four cards to show flexibility.",
},
},
},
};
n.parameters = {
...n.parameters,
docs: {
...n.parameters?.docs,
source: {
originalSource: `{
args: {
title: "How CommunityRule works",
subtitle: "Here's a quick overview of the process, from start to finish.",
@@ -16,7 +196,17 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{N as m}from"./NumberedCard-
iconColor: "orange"
}]
}
}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
}`,
...n.parameters?.docs?.source,
},
},
};
s.parameters = {
...s.parameters,
docs: {
...s.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Our Process",
subtitle: "Follow these simple steps to get started with your project.",
@@ -45,4 +235,15 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{N as m}from"./NumberedCard-
}
}
}
}`,...s.parameters?.docs?.source}}};const v=["Default","CustomContent"];export{s as CustomContent,n as Default,v as __namedExportsOrder,C as default};
}`,
...s.parameters?.docs?.source,
},
},
};
const v = ["Default", "CustomContent"];
export {
s as CustomContent,
n as Default,
v as __namedExportsOrder,
C as default,
};
docs/assets/SectionHeader-CadpOP1T.js
+31 -1
View File
@@ -1 +1,31 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";const a=({title:l,subtitle:t,titleLg:x})=>e.jsxs("div",{className:"flex flex-col gap-1 w-full lg:flex-row lg:justify-between lg:items-start xl:gap-[var(--spacing-scale-024)]",children:[e.jsx("div",{className:"lg:w-[369px] lg:h-[120px] lg:flex lg:items-center xl:w-[452px] xl:h-[156px] xl:flex xl:items-center",children:e.jsxs("h2",{className:"font-bricolage-grotesque font-bold text-[28px] leading-[36px] sm:text-[32px] sm:leading-[40px] lg:text-[32px] lg:leading-[40px] lg:w-[369px] lg:pr-24 xl:text-[40px] xl:leading-[52px] xl:w-[452px] xl:pr-24 text-[var(--color-content-default-primary)]",children:[e.jsx("span",{className:"block lg:hidden",children:l}),e.jsx("span",{className:"hidden lg:block",children:x||l})]})}),e.jsx("div",{className:"lg:w-[928px] lg:h-[120px] lg:flex lg:items-center lg:justify-end xl:w-[763px] xl:h-[156px] xl:flex xl:items-center xl:justify-end",children:e.jsx("p",{className:"font-inter font-normal text-[18px] leading-[130%] sm:text-[18px] sm:leading-[32px] lg:text-[24px] lg:leading-[32px] xl:text-[32px] xl:leading-[40px] xl:text-right text-[#484848] sm:text-[var(--color-content-default-tertiary)] lg:text-[var(--color-content-default-tertiary)] xl:text-[var(--color-content-default-tertiary)] tracking-[0px]",children:t})})]});a.__docgenInfo={description:"",methods:[],displayName:"SectionHeader"};export{a as S};
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
const a = ({ title: l, subtitle: t, titleLg: x }) =>
e.jsxs("div", {
className:
"flex flex-col gap-1 w-full lg:flex-row lg:justify-between lg:items-start xl:gap-[var(--spacing-scale-024)]",
children: [
e.jsx("div", {
className:
"lg:w-[369px] lg:h-[120px] lg:flex lg:items-center xl:w-[452px] xl:h-[156px] xl:flex xl:items-center",
children: e.jsxs("h2", {
className:
"font-bricolage-grotesque font-bold text-[28px] leading-[36px] sm:text-[32px] sm:leading-[40px] lg:text-[32px] lg:leading-[40px] lg:w-[369px] lg:pr-24 xl:text-[40px] xl:leading-[52px] xl:w-[452px] xl:pr-24 text-[var(--color-content-default-primary)]",
children: [
e.jsx("span", { className: "block lg:hidden", children: l }),
e.jsx("span", { className: "hidden lg:block", children: x || l }),
],
}),
}),
e.jsx("div", {
className:
"lg:w-[928px] lg:h-[120px] lg:flex lg:items-center lg:justify-end xl:w-[763px] xl:h-[156px] xl:flex xl:items-center xl:justify-end",
children: e.jsx("p", {
className:
"font-inter font-normal text-[18px] leading-[130%] sm:text-[18px] sm:leading-[32px] lg:text-[24px] lg:leading-[32px] xl:text-[32px] xl:leading-[40px] xl:text-right text-[#484848] sm:text-[var(--color-content-default-tertiary)] lg:text-[var(--color-content-default-tertiary)] xl:text-[var(--color-content-default-tertiary)] tracking-[0px]",
children: t,
}),
}),
],
});
a.__docgenInfo = { description: "", methods: [], displayName: "SectionHeader" };
export { a as S };
docs/assets/SectionHeader.stories-CxSQCoM-.js
+174 -6
View File
@@ -1,10 +1,128 @@
import{S as n}from"./SectionHeader-CadpOP1T.js";import"./jsx-runtime-C_nHp4yK.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const p={title:"Components/SectionHeader",component:n,parameters:{layout:"centered",docs:{description:{component:"A section header component that displays a title and subtitle with responsive typography and layout. Supports different title text for large breakpoints and maintains consistent spacing across all screen sizes."}}},argTypes:{title:{control:{type:"text"},description:"The main title text (used for xsm and sm breakpoints)"},subtitle:{control:{type:"text"},description:"The subtitle text below the main title"},titleLg:{control:{type:"text"},description:"The title text for lg and xl breakpoints (optional, falls back to title)"}},tags:["autodocs"]},e={args:{title:"How CommunityRule works",subtitle:"Here's a quick overview of the process, from start to finish.",titleLg:"How CommunityRule helps"}},t={args:{title:"Our Mission",subtitle:"We're dedicated to helping communities thrive through better decision-making processes and transparent governance structures.",titleLg:"Building Better Communities"},parameters:{docs:{description:{story:"Example with custom content to show the flexibility of the component."}}}},s={args:{title:"Complex Process",subtitle:"This is a much longer subtitle that demonstrates how the component handles extended text content across different breakpoints and layout configurations.",titleLg:"Complex Process Simplified"},parameters:{docs:{description:{story:"Demonstrates how the component handles longer subtitle text across different breakpoints."}}}},o={args:{title:"Responsive Design",subtitle:"Test the responsive behavior by resizing your browser window or using the viewport controls in Storybook.",titleLg:"Responsive Design Test"},parameters:{docs:{description:{story:"Test the responsive behavior by resizing your browser window or using the viewport controls in Storybook."}}}},r={args:{title:"Simple Header",subtitle:"This example doesn't specify a titleLg prop, so it will use the same title text across all breakpoints."},parameters:{docs:{description:{story:"Shows the component without a titleLg prop, demonstrating the fallback behavior."}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
import { S as n } from "./SectionHeader-CadpOP1T.js";
import "./jsx-runtime-C_nHp4yK.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
const p = {
title: "Components/SectionHeader",
component: n,
parameters: {
layout: "centered",
docs: {
description: {
component:
"A section header component that displays a title and subtitle with responsive typography and layout. Supports different title text for large breakpoints and maintains consistent spacing across all screen sizes.",
},
},
},
argTypes: {
title: {
control: { type: "text" },
description: "The main title text (used for xsm and sm breakpoints)",
},
subtitle: {
control: { type: "text" },
description: "The subtitle text below the main title",
},
titleLg: {
control: { type: "text" },
description:
"The title text for lg and xl breakpoints (optional, falls back to title)",
},
},
tags: ["autodocs"],
},
e = {
args: {
title: "How CommunityRule works",
subtitle: "Here's a quick overview of the process, from start to finish.",
titleLg: "How CommunityRule helps",
},
},
t = {
args: {
title: "Our Mission",
subtitle:
"We're dedicated to helping communities thrive through better decision-making processes and transparent governance structures.",
titleLg: "Building Better Communities",
},
parameters: {
docs: {
description: {
story:
"Example with custom content to show the flexibility of the component.",
},
},
},
},
s = {
args: {
title: "Complex Process",
subtitle:
"This is a much longer subtitle that demonstrates how the component handles extended text content across different breakpoints and layout configurations.",
titleLg: "Complex Process Simplified",
},
parameters: {
docs: {
description: {
story:
"Demonstrates how the component handles longer subtitle text across different breakpoints.",
},
},
},
},
o = {
args: {
title: "Responsive Design",
subtitle:
"Test the responsive behavior by resizing your browser window or using the viewport controls in Storybook.",
titleLg: "Responsive Design Test",
},
parameters: {
docs: {
description: {
story:
"Test the responsive behavior by resizing your browser window or using the viewport controls in Storybook.",
},
},
},
},
r = {
args: {
title: "Simple Header",
subtitle:
"This example doesn't specify a titleLg prop, so it will use the same title text across all breakpoints.",
},
parameters: {
docs: {
description: {
story:
"Shows the component without a titleLg prop, demonstrating the fallback behavior.",
},
},
},
};
e.parameters = {
...e.parameters,
docs: {
...e.parameters?.docs,
source: {
originalSource: `{
args: {
title: "How CommunityRule works",
subtitle: "Here's a quick overview of the process, from start to finish.",
titleLg: "How CommunityRule helps"
}
}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
}`,
...e.parameters?.docs?.source,
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Our Mission",
subtitle: "We're dedicated to helping communities thrive through better decision-making processes and transparent governance structures.",
@@ -17,7 +135,17 @@ import{S as n}from"./SectionHeader-CadpOP1T.js";import"./jsx-runtime-C_nHp4yK.js
}
}
}
}`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
}`,
...t.parameters?.docs?.source,
},
},
};
s.parameters = {
...s.parameters,
docs: {
...s.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Complex Process",
subtitle: "This is a much longer subtitle that demonstrates how the component handles extended text content across different breakpoints and layout configurations.",
@@ -30,7 +158,17 @@ import{S as n}from"./SectionHeader-CadpOP1T.js";import"./jsx-runtime-C_nHp4yK.js
}
}
}
}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
}`,
...s.parameters?.docs?.source,
},
},
};
o.parameters = {
...o.parameters,
docs: {
...o.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Responsive Design",
subtitle: "Test the responsive behavior by resizing your browser window or using the viewport controls in Storybook.",
@@ -43,7 +181,17 @@ import{S as n}from"./SectionHeader-CadpOP1T.js";import"./jsx-runtime-C_nHp4yK.js
}
}
}
}`,...o.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
}`,
...o.parameters?.docs?.source,
},
},
};
r.parameters = {
...r.parameters,
docs: {
...r.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Simple Header",
subtitle: "This example doesn't specify a titleLg prop, so it will use the same title text across all breakpoints."
@@ -55,4 +203,24 @@ import{S as n}from"./SectionHeader-CadpOP1T.js";import"./jsx-runtime-C_nHp4yK.js
}
}
}
}`,...r.parameters?.docs?.source}}};const m=["Default","CustomContent","LongSubtitle","ResponsiveTest","WithoutTitleLg"];export{t as CustomContent,e as Default,s as LongSubtitle,o as ResponsiveTest,r as WithoutTitleLg,m as __namedExportsOrder,p as default};
}`,
...r.parameters?.docs?.source,
},
},
};
const m = [
"Default",
"CustomContent",
"LongSubtitle",
"ResponsiveTest",
"WithoutTitleLg",
];
export {
t as CustomContent,
e as Default,
s as LongSubtitle,
o as ResponsiveTest,
r as WithoutTitleLg,
m as __namedExportsOrder,
p as default,
};
docs/assets/SectionNumber-Cptefv18.js
+36 -1
View File
@@ -1 +1,36 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";const a=({number:t})=>{const s=r=>{switch(r){case 1:return"/assets/SectionNumber_1.png";case 2:return"/assets/SectionNumber_2.png";case 3:return"/assets/SectionNumber_3.png";default:return"/assets/SectionNumber_1.png"}};return e.jsxs("div",{className:"relative size-[40px] overflow-visible -rotate-[15deg]",children:[e.jsx("img",{src:s(t),alt:`Section ${t}`,className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 size-[47.37px] max-w-none"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{className:"text-[var(--font-size-body-small)] font-[var(--font-weight-bold)] text-[var(--color-content-inverse-primary)]",children:t})})]})};a.__docgenInfo={description:"",methods:[],displayName:"SectionNumber"};export{a as S};
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
const a = ({ number: t }) => {
const s = (r) => {
switch (r) {
case 1:
return "/assets/SectionNumber_1.png";
case 2:
return "/assets/SectionNumber_2.png";
case 3:
return "/assets/SectionNumber_3.png";
default:
return "/assets/SectionNumber_1.png";
}
};
return e.jsxs("div", {
className: "relative size-[40px] overflow-visible -rotate-[15deg]",
children: [
e.jsx("img", {
src: s(t),
alt: `Section ${t}`,
className:
"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 size-[47.37px] max-w-none",
}),
e.jsx("div", {
className: "absolute inset-0 flex items-center justify-center",
children: e.jsx("span", {
className:
"text-[var(--font-size-body-small)] font-[var(--font-weight-bold)] text-[var(--color-content-inverse-primary)]",
children: t,
}),
}),
],
});
};
a.__docgenInfo = { description: "", methods: [], displayName: "SectionNumber" };
export { a as S };
docs/assets/SectionNumber.stories-CTZpqrxx.js
+139 -6
View File
@@ -1,16 +1,119 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{S as r}from"./SectionNumber-Cptefv18.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const u={title:"Components/SectionNumber",component:r,parameters:{layout:"centered",docs:{description:{component:"A numbered icon component that displays a number overlaid on a PNG background image. The component uses different PNG images for numbers 1, 2, and 3, with the image extending beyond the 40px container size."}}},argTypes:{number:{control:{type:"number",min:1,max:3},description:"The number to display (1, 2, or 3)"}},tags:["autodocs"]},n={args:{number:1}},s={args:{number:2}},o={args:{number:3}},a={render:()=>e.jsxs("div",{className:"flex space-x-4",children:[e.jsx(r,{number:1}),e.jsx(r,{number:2}),e.jsx(r,{number:3})]}),parameters:{docs:{description:{story:"Shows all three numbered icons side by side to demonstrate the different PNG backgrounds."}}}},t={render:()=>e.jsx("div",{className:"bg-gray-100 p-8 rounded-lg",children:e.jsxs("div",{className:"flex space-x-4",children:[e.jsx(r,{number:1}),e.jsx(r,{number:2}),e.jsx(r,{number:3})]})}),parameters:{docs:{description:{story:"Shows the numbered icons on a background to demonstrate how the PNG images extend beyond the container."}}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { S as r } from "./SectionNumber-Cptefv18.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
const u = {
title: "Components/SectionNumber",
component: r,
parameters: {
layout: "centered",
docs: {
description: {
component:
"A numbered icon component that displays a number overlaid on a PNG background image. The component uses different PNG images for numbers 1, 2, and 3, with the image extending beyond the 40px container size.",
},
},
},
argTypes: {
number: {
control: { type: "number", min: 1, max: 3 },
description: "The number to display (1, 2, or 3)",
},
},
tags: ["autodocs"],
},
n = { args: { number: 1 } },
s = { args: { number: 2 } },
o = { args: { number: 3 } },
a = {
render: () =>
e.jsxs("div", {
className: "flex space-x-4",
children: [
e.jsx(r, { number: 1 }),
e.jsx(r, { number: 2 }),
e.jsx(r, { number: 3 }),
],
}),
parameters: {
docs: {
description: {
story:
"Shows all three numbered icons side by side to demonstrate the different PNG backgrounds.",
},
},
},
},
t = {
render: () =>
e.jsx("div", {
className: "bg-gray-100 p-8 rounded-lg",
children: e.jsxs("div", {
className: "flex space-x-4",
children: [
e.jsx(r, { number: 1 }),
e.jsx(r, { number: 2 }),
e.jsx(r, { number: 3 }),
],
}),
}),
parameters: {
docs: {
description: {
story:
"Shows the numbered icons on a background to demonstrate how the PNG images extend beyond the container.",
},
},
},
};
n.parameters = {
...n.parameters,
docs: {
...n.parameters?.docs,
source: {
originalSource: `{
args: {
number: 1
}
}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
}`,
...n.parameters?.docs?.source,
},
},
};
s.parameters = {
...s.parameters,
docs: {
...s.parameters?.docs,
source: {
originalSource: `{
args: {
number: 2
}
}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
}`,
...s.parameters?.docs?.source,
},
},
};
o.parameters = {
...o.parameters,
docs: {
...o.parameters?.docs,
source: {
originalSource: `{
args: {
number: 3
}
}`,...o.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
}`,
...o.parameters?.docs?.source,
},
},
};
a.parameters = {
...a.parameters,
docs: {
...a.parameters?.docs,
source: {
originalSource: `{
render: () => <div className="flex space-x-4">
<SectionNumber number={1} />
<SectionNumber number={2} />
@@ -23,7 +126,17 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{S as r}from"./SectionNumber
}
}
}
}`,...a.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
}`,
...a.parameters?.docs?.source,
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
render: () => <div className="bg-gray-100 p-8 rounded-lg">
<div className="flex space-x-4">
<SectionNumber number={1} />
@@ -38,4 +151,24 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{S as r}from"./SectionNumber
}
}
}
}`,...t.parameters?.docs?.source}}};const b=["NumberOne","NumberTwo","NumberThree","AllNumbers","WithBackground"];export{a as AllNumbers,n as NumberOne,o as NumberThree,s as NumberTwo,t as WithBackground,b as __namedExportsOrder,u as default};
}`,
...t.parameters?.docs?.source,
},
},
};
const b = [
"NumberOne",
"NumberTwo",
"NumberThree",
"AllNumbers",
"WithBackground",
];
export {
a as AllNumbers,
n as NumberOne,
o as NumberThree,
s as NumberTwo,
t as WithBackground,
b as __namedExportsOrder,
u as default,
};
docs/assets/axe-kJbNpjRz.js
+42433 -18
View File
File diff suppressed because one or more lines are too long
docs/assets/iframe-7VPDhVZ9.css
+2800 -1
View File
File diff suppressed because one or more lines are too long
docs/assets/iframe-D_aMTKb2.js
+74559 -300
View File
File diff suppressed because one or more lines are too long
docs/assets/index-O1jB17X4.js
+26 -1
View File
@@ -1 +1,26 @@
import{R as e}from"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function r(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{r as MDXProvider,u as useMDXComponents};
import { R as e } from "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
const o = {},
c = e.createContext(o);
function u(n) {
const t = e.useContext(c);
return e.useMemo(
function () {
return typeof n == "function" ? n(t) : { ...t, ...n };
},
[t, n],
);
}
function r(n) {
let t;
return (
n.disableParentContext
? (t =
typeof n.components == "function"
? n.components(o)
: n.components || o)
: (t = u(n.components)),
e.createElement(c.Provider, { value: t }, n.children)
);
}
export { r as MDXProvider, u as useMDXComponents };
docs/assets/jsx-runtime-C_nHp4yK.js
+3 -1
View File
@@ -1 +1,3 @@
import{b as r}from"./iframe-D_aMTKb2.js";var s=r();export{s as j};
import { b as r } from "./iframe-D_aMTKb2.js";
var s = r();
export { s as j };
docs/assets/matchers-7Z3WT2CE-CcSi9QFY.js
+1701 -12
View File
File diff suppressed because one or more lines are too long
docs/assets/preload-helper-DIZFD4sK.js
+58 -1
View File
@@ -1 +1,58 @@
const p="modulepreload",v=function(l){return"/CommunityRuleStorybook/"+l},u={},E=function(d,c,y){let i=Promise.resolve();if(c&&c.length>0){let m=function(e){return Promise.all(e.map(o=>Promise.resolve(o).then(s=>({status:"fulfilled",value:s}),s=>({status:"rejected",reason:s}))))};document.getElementsByTagName("link");const r=document.querySelector("meta[property=csp-nonce]"),t=r?.nonce||r?.getAttribute("nonce");i=m(c.map(e=>{if(e=v(e),e in u)return;u[e]=!0;const o=e.endsWith(".css"),s=o?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${e}"]${s}`))return;const n=document.createElement("link");if(n.rel=o?"stylesheet":p,o||(n.as="script"),n.crossOrigin="",n.href=e,t&&n.setAttribute("nonce",t),document.head.appendChild(n),o)return new Promise((f,h)=>{n.addEventListener("load",f),n.addEventListener("error",()=>h(new Error(`Unable to preload CSS for ${e}`)))})}))}function a(r){const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=r,window.dispatchEvent(t),!t.defaultPrevented)throw r}return i.then(r=>{for(const t of r||[])t.status==="rejected"&&a(t.reason);return d().catch(a)})};export{E as _};
const p = "modulepreload",
v = function (l) {
return "/CommunityRuleStorybook/" + l;
},
u = {},
E = function (d, c, y) {
let i = Promise.resolve();
if (c && c.length > 0) {
let m = function (e) {
return Promise.all(
e.map((o) =>
Promise.resolve(o).then(
(s) => ({ status: "fulfilled", value: s }),
(s) => ({ status: "rejected", reason: s }),
),
),
);
};
document.getElementsByTagName("link");
const r = document.querySelector("meta[property=csp-nonce]"),
t = r?.nonce || r?.getAttribute("nonce");
i = m(
c.map((e) => {
if (((e = v(e)), e in u)) return;
u[e] = !0;
const o = e.endsWith(".css"),
s = o ? '[rel="stylesheet"]' : "";
if (document.querySelector(`link[href="${e}"]${s}`)) return;
const n = document.createElement("link");
if (
((n.rel = o ? "stylesheet" : p),
o || (n.as = "script"),
(n.crossOrigin = ""),
(n.href = e),
t && n.setAttribute("nonce", t),
document.head.appendChild(n),
o)
)
return new Promise((f, h) => {
(n.addEventListener("load", f),
n.addEventListener("error", () =>
h(new Error(`Unable to preload CSS for ${e}`)),
));
});
}),
);
}
function a(r) {
const t = new Event("vite:preloadError", { cancelable: !0 });
if (((t.payload = r), window.dispatchEvent(t), !t.defaultPrevented))
throw r;
}
return i.then((r) => {
for (const t of r || []) t.status === "rejected" && a(t.reason);
return d().catch(a);
});
};
export { E as _ };
docs/assets/react-18-TXN0K6I-.js
Vendored
+11500 -11
View File
File diff suppressed because one or more lines are too long
docs/iframe.html
+627 -563
View File
File diff suppressed because it is too large Load Diff
docs/index.html
+83 -106
View File
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
@@ -6,159 +6,136 @@
<title>storybook - Storybook</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
<style>
@font-face {
font-family: 'Nunito Sans';
font-family: "Nunito Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
src: url("./sb-common-assets/nunito-sans-regular.woff2") format("woff2");
}
@font-face {
font-family: 'Nunito Sans';
font-family: "Nunito Sans";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
src: url("./sb-common-assets/nunito-sans-italic.woff2") format("woff2");
}
@font-face {
font-family: 'Nunito Sans';
font-family: "Nunito Sans";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
src: url("./sb-common-assets/nunito-sans-bold.woff2") format("woff2");
}
@font-face {
font-family: 'Nunito Sans';
font-family: "Nunito Sans";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
src: url("./sb-common-assets/nunito-sans-bold-italic.woff2")
format("woff2");
}
</style>
<link href="./sb-manager/runtime.js" rel="modulepreload" />
<link href="./sb-addons/storybook-core-server-presets-0/common-manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/chromatic-com-storybook-1/manager-bundle.js" rel="modulepreload" />
<link
href="./sb-addons/storybook-core-server-presets-0/common-manager-bundle.js"
rel="modulepreload"
/>
<link
href="./sb-addons/chromatic-com-storybook-1/manager-bundle.js"
rel="modulepreload"
/>
<link href="./sb-addons/docs-2/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/onboarding-3/manager-bundle.js" rel="modulepreload" />
<link
href="./sb-addons/onboarding-3/manager-bundle.js"
rel="modulepreload"
/>
<link href="./sb-addons/a11y-4/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/vitest-5/manager-bundle.js" rel="modulepreload" />
<style>
#storybook-root[hidden] {
display: none !important;
}
</style>
</head>
<body>
<div id="root"></div>
<script>
window['FEATURES'] = {
"argTypeTargetsV7": true,
"legacyDecoratorFileOrder": false,
"disallowImplicitActionsInRenderV8": true,
"viewport": true,
"highlight": true,
"controls": true,
"interactions": true,
"actions": true,
"backgrounds": true,
"outline": true,
"measure": true
};
window['REFS'] = {};
window['LOGLEVEL'] = "info";
window['DOCS_OPTIONS'] = {
"defaultName": "Docs"
};
window['CONFIG_TYPE'] = "PRODUCTION";
window['TAGS_OPTIONS'] = {
"dev-only": {
"excludeFromDocsStories": true
},
"docs-only": {
"excludeFromSidebar": true
},
"test-only": {
"excludeFromSidebar": true,
"excludeFromDocsStories": true
}
};
window['STORYBOOK_RENDERER'] = "react";
window['STORYBOOK_BUILDER'] = "@storybook/builder-vite";
window['STORYBOOK_FRAMEWORK'] = "@storybook/nextjs-vite";
window["FEATURES"] = {
argTypeTargetsV7: true,
legacyDecoratorFileOrder: false,
disallowImplicitActionsInRenderV8: true,
viewport: true,
highlight: true,
controls: true,
interactions: true,
actions: true,
backgrounds: true,
outline: true,
measure: true,
};
window["REFS"] = {};
window["LOGLEVEL"] = "info";
window["DOCS_OPTIONS"] = {
defaultName: "Docs",
};
window["CONFIG_TYPE"] = "PRODUCTION";
window["TAGS_OPTIONS"] = {
"dev-only": {
excludeFromDocsStories: true,
},
"docs-only": {
excludeFromSidebar: true,
},
"test-only": {
excludeFromSidebar: true,
excludeFromDocsStories: true,
},
};
window["STORYBOOK_RENDERER"] = "react";
window["STORYBOOK_BUILDER"] = "@storybook/builder-vite";
window["STORYBOOK_FRAMEWORK"] = "@storybook/nextjs-vite";
</script>
<script type="module">
import './sb-manager/globals-runtime.js';
import "./sb-manager/globals-runtime.js";
import './sb-addons/storybook-core-server-presets-0/common-manager-bundle.js';
import './sb-addons/chromatic-com-storybook-1/manager-bundle.js';
import './sb-addons/docs-2/manager-bundle.js';
import './sb-addons/onboarding-3/manager-bundle.js';
import './sb-addons/a11y-4/manager-bundle.js';
import './sb-addons/vitest-5/manager-bundle.js';
import "./sb-addons/storybook-core-server-presets-0/common-manager-bundle.js";
import './sb-manager/runtime.js';
import "./sb-addons/chromatic-com-storybook-1/manager-bundle.js";
import "./sb-addons/docs-2/manager-bundle.js";
import "./sb-addons/onboarding-3/manager-bundle.js";
import "./sb-addons/a11y-4/manager-bundle.js";
import "./sb-addons/vitest-5/manager-bundle.js";
import "./sb-manager/runtime.js";
</script>
</body>
</html>
docs/index.json
+694 -1
View File
File diff suppressed because one or more lines are too long
docs/project.json
+50 -1
View File
@@ -1 +1,50 @@
{"generatedAt":1755714532484,"userSince":1754920905774,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"metaFramework":{"name":"Next","packageName":"next","version":"15.2.4"},"testPackages":{"@chromatic-com/storybook":"4.1.0","@storybook/addon-vitest":"9.1.2","@vitest/browser":"3.2.4","@vitest/coverage-v8":"3.2.4","playwright":"1.54.2","vitest":"3.2.4"},"hasRouterPackage":true,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/nextjs-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":1,"storybookVersion":"9.1.2","language":"javascript","storybookPackages":{"@storybook/addon-styling-webpack":{"version":"2.0.0"},"@storybook/addon-viewport":{"version":"9.0.8"},"@storybook/nextjs-vite":{"version":"9.1.2"},"eslint-plugin-storybook":{"version":"9.1.2"},"storybook":{"version":"9.1.2"}},"addons":{"@chromatic-com/storybook":{"version":"4.1.0"},"@storybook/addon-docs":{"version":"9.1.2"},"@storybook/addon-onboarding":{"version":"9.1.2"},"@storybook/addon-a11y":{"version":"9.1.2"},"@storybook/addon-vitest":{"version":"9.1.2"}}}
{
"generatedAt": 1755714532484,
"userSince": 1754920905774,
"hasCustomBabel": false,
"hasCustomWebpack": false,
"hasStaticDirs": true,
"hasStorybookEslint": true,
"refCount": 0,
"metaFramework": {
"name": "Next",
"packageName": "next",
"version": "15.2.4"
},
"testPackages": {
"@chromatic-com/storybook": "4.1.0",
"@storybook/addon-vitest": "9.1.2",
"@vitest/browser": "3.2.4",
"@vitest/coverage-v8": "3.2.4",
"playwright": "1.54.2",
"vitest": "3.2.4"
},
"hasRouterPackage": true,
"packageManager": {
"type": "npm",
"agent": "npm",
"nodeLinker": "node_modules"
},
"preview": { "usesGlobals": false },
"framework": { "name": "@storybook/nextjs-vite", "options": {} },
"builder": "@storybook/builder-vite",
"renderer": "@storybook/react",
"portableStoriesFileCount": 0,
"applicationFileCount": 1,
"storybookVersion": "9.1.2",
"language": "javascript",
"storybookPackages": {
"@storybook/addon-styling-webpack": { "version": "2.0.0" },
"@storybook/addon-viewport": { "version": "9.0.8" },
"@storybook/nextjs-vite": { "version": "9.1.2" },
"eslint-plugin-storybook": { "version": "9.1.2" },
"storybook": { "version": "9.1.2" }
},
"addons": {
"@chromatic-com/storybook": { "version": "4.1.0" },
"@storybook/addon-docs": { "version": "9.1.2" },
"@storybook/addon-onboarding": { "version": "9.1.2" },
"@storybook/addon-a11y": { "version": "9.1.2" },
"@storybook/addon-vitest": { "version": "9.1.2" }
}
}
docs/sb-addons/a11y-4/manager-bundle.js
+4032 -5
View File
File diff suppressed because one or more lines are too long
docs/sb-addons/chromatic-com-storybook-1/manager-bundle.js
+26598 -44
View File
File diff suppressed because one or more lines are too long
docs/sb-addons/docs-2/manager-bundle.js
+1162 -77
View File
File diff suppressed because one or more lines are too long
docs/sb-addons/onboarding-3/manager-bundle.js
+9098 -25
View File
File diff suppressed because one or more lines are too long
docs/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js
+33457 -224
View File
File diff suppressed because one or more lines are too long
docs/sb-addons/vitest-5/manager-bundle.js
+1491 -3
View File
File diff suppressed because one or more lines are too long
docs/sb-manager/globals-module-info.js
+51 -48
View File
@@ -1,6 +1,6 @@
import ESM_COMPAT_Module from "node:module";
import { fileURLToPath as ESM_COMPAT_fileURLToPath } from 'node:url';
import { dirname as ESM_COMPAT_dirname } from 'node:path';
import { fileURLToPath as ESM_COMPAT_fileURLToPath } from "node:url";
import { dirname as ESM_COMPAT_dirname } from "node:path";
const __filename = ESM_COMPAT_fileURLToPath(import.meta.url);
const __dirname = ESM_COMPAT_dirname(__filename);
const require = ESM_COMPAT_Module.createRequire(import.meta.url);
@@ -43,7 +43,7 @@ var n = {
"useState",
"useSyncExternalStore",
"useTransition",
"version"
"version",
],
"react-dom": [
"__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED",
@@ -57,7 +57,7 @@ var n = {
"unmountComponentAtNode",
"unstable_batchedUpdates",
"unstable_renderSubtreeIntoContainer",
"version"
"version",
],
"react-dom/client": ["createRoot", "hydrateRoot"],
"@storybook/icons": [
@@ -306,7 +306,7 @@ var n = {
"ZoomIcon",
"ZoomOutIcon",
"ZoomResetIcon",
"iconList"
"iconList",
],
"storybook/manager-api": [
"ActiveTabs",
@@ -351,7 +351,7 @@ var n = {
"useSharedState",
"useStoryPrepared",
"useStorybookApi",
"useStorybookState"
"useStorybookState",
],
"storybook/theming": [
"CacheProvider",
@@ -377,7 +377,7 @@ var n = {
"themes",
"typography",
"useTheme",
"withTheme"
"withTheme",
],
"storybook/theming/create": ["create", "themes"],
"storybook/test": [
@@ -465,7 +465,7 @@ var n = {
"userEvent",
"waitFor",
"waitForElementToBeRemoved",
"within"
"within",
],
"storybook/internal/channels": [
"Channel",
@@ -473,7 +473,7 @@ var n = {
"HEARTBEAT_MAX_LATENCY",
"PostMessageTransport",
"WebsocketTransport",
"createBrowserChannel"
"createBrowserChannel",
],
"storybook/internal/client-logger": ["deprecate", "logger", "once", "pretty"],
"storybook/internal/components": [
@@ -541,7 +541,7 @@ var n = {
"interleaveSeparators",
"nameSpaceClassNames",
"resetComponents",
"withReset"
"withReset",
],
"storybook/internal/core-errors": [
"ARGTYPES_INFO_REQUEST",
@@ -600,7 +600,7 @@ var n = {
"UNHANDLED_ERRORS_WHILE_PLAYING",
"UPDATE_GLOBALS",
"UPDATE_QUERY_PARAMS",
"UPDATE_STORY_ARGS"
"UPDATE_STORY_ARGS",
],
"storybook/internal/core-events": [
"ARGTYPES_INFO_REQUEST",
@@ -659,13 +659,13 @@ var n = {
"UNHANDLED_ERRORS_WHILE_PLAYING",
"UPDATE_GLOBALS",
"UPDATE_QUERY_PARAMS",
"UPDATE_STORY_ARGS"
"UPDATE_STORY_ARGS",
],
"storybook/internal/manager-errors": [
"Category",
"ProviderDoesNotExtendBaseProviderError",
"StatusTypeIdMismatchError",
"UncaughtManagerError"
"UncaughtManagerError",
],
"storybook/internal/router": [
"BaseLocationProvider",
@@ -681,7 +681,7 @@ var n = {
"parsePath",
"queryFromLocation",
"stringifyQuery",
"useNavigate"
"useNavigate",
],
"storybook/internal/types": ["Addon_TypesEnum"],
"storybook/internal/manager-api": [
@@ -727,7 +727,7 @@ var n = {
"useSharedState",
"useStoryPrepared",
"useStorybookApi",
"useStorybookState"
"useStorybookState",
],
"storybook/internal/theming": [
"CacheProvider",
@@ -753,45 +753,48 @@ var n = {
"themes",
"typography",
"useTheme",
"withTheme"
"withTheme",
],
"storybook/internal/theming/create": ["create", "themes"]
"storybook/internal/theming/create": ["create", "themes"],
};
// src/manager/globals/globals.ts
var o = {
react: "__REACT__",
"react-dom": "__REACT_DOM__",
"react-dom/client": "__REACT_DOM_CLIENT__",
"@storybook/icons": "__STORYBOOK_ICONS__",
"storybook/manager-api": "__STORYBOOK_API__",
"storybook/test": "__STORYBOOK_TEST__",
"storybook/theming": "__STORYBOOK_THEMING__",
"storybook/theming/create": "__STORYBOOK_THEMING_CREATE__",
"storybook/internal/channels": "__STORYBOOK_CHANNELS__",
"storybook/internal/client-logger": "__STORYBOOK_CLIENT_LOGGER__",
"storybook/internal/components": "__STORYBOOK_COMPONENTS__",
"storybook/internal/core-errors": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/core-events": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__",
"storybook/internal/router": "__STORYBOOK_ROUTER__",
"storybook/internal/types": "__STORYBOOK_TYPES__",
// @deprecated TODO: delete in 9.1
"storybook/internal/manager-api": "__STORYBOOK_API__",
"storybook/internal/theming": "__STORYBOOK_THEMING__",
"storybook/internal/theming/create": "__STORYBOOK_THEMING_CREATE__"
}, r = Object.keys(o);
react: "__REACT__",
"react-dom": "__REACT_DOM__",
"react-dom/client": "__REACT_DOM_CLIENT__",
"@storybook/icons": "__STORYBOOK_ICONS__",
"storybook/manager-api": "__STORYBOOK_API__",
"storybook/test": "__STORYBOOK_TEST__",
"storybook/theming": "__STORYBOOK_THEMING__",
"storybook/theming/create": "__STORYBOOK_THEMING_CREATE__",
"storybook/internal/channels": "__STORYBOOK_CHANNELS__",
"storybook/internal/client-logger": "__STORYBOOK_CLIENT_LOGGER__",
"storybook/internal/components": "__STORYBOOK_COMPONENTS__",
"storybook/internal/core-errors": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/core-events": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/manager-errors":
"__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__",
"storybook/internal/router": "__STORYBOOK_ROUTER__",
"storybook/internal/types": "__STORYBOOK_TYPES__",
// @deprecated TODO: delete in 9.1
"storybook/internal/manager-api": "__STORYBOOK_API__",
"storybook/internal/theming": "__STORYBOOK_THEMING__",
"storybook/internal/theming/create": "__STORYBOOK_THEMING_CREATE__",
},
r = Object.keys(o);
// src/manager/globals/globals-module-info.ts
var E = r.reduce(
(t, e) => (t[e] = {
type: "esm",
varName: o[e],
namedExports: n[e],
defaultExport: !0
}, t),
{}
(t, e) => (
(t[e] = {
type: "esm",
varName: o[e],
namedExports: n[e],
defaultExport: !0,
}),
t
),
{},
);
export {
E as globalsModuleInfoMap
};
export { E as globalsModuleInfoMap };
docs/sb-manager/globals-runtime.js
+63981 -42689
View File
File diff suppressed because it is too large Load Diff
docs/sb-manager/globals.js
+26 -27
View File
@@ -1,34 +1,33 @@
import ESM_COMPAT_Module from "node:module";
import { fileURLToPath as ESM_COMPAT_fileURLToPath } from 'node:url';
import { dirname as ESM_COMPAT_dirname } from 'node:path';
import { fileURLToPath as ESM_COMPAT_fileURLToPath } from "node:url";
import { dirname as ESM_COMPAT_dirname } from "node:path";
const __filename = ESM_COMPAT_fileURLToPath(import.meta.url);
const __dirname = ESM_COMPAT_dirname(__filename);
const require = ESM_COMPAT_Module.createRequire(import.meta.url);
// src/manager/globals/globals.ts
var _ = {
react: "__REACT__",
"react-dom": "__REACT_DOM__",
"react-dom/client": "__REACT_DOM_CLIENT__",
"@storybook/icons": "__STORYBOOK_ICONS__",
"storybook/manager-api": "__STORYBOOK_API__",
"storybook/test": "__STORYBOOK_TEST__",
"storybook/theming": "__STORYBOOK_THEMING__",
"storybook/theming/create": "__STORYBOOK_THEMING_CREATE__",
"storybook/internal/channels": "__STORYBOOK_CHANNELS__",
"storybook/internal/client-logger": "__STORYBOOK_CLIENT_LOGGER__",
"storybook/internal/components": "__STORYBOOK_COMPONENTS__",
"storybook/internal/core-errors": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/core-events": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__",
"storybook/internal/router": "__STORYBOOK_ROUTER__",
"storybook/internal/types": "__STORYBOOK_TYPES__",
// @deprecated TODO: delete in 9.1
"storybook/internal/manager-api": "__STORYBOOK_API__",
"storybook/internal/theming": "__STORYBOOK_THEMING__",
"storybook/internal/theming/create": "__STORYBOOK_THEMING_CREATE__"
}, o = Object.keys(_);
export {
o as globalPackages,
_ as globalsNameReferenceMap
};
react: "__REACT__",
"react-dom": "__REACT_DOM__",
"react-dom/client": "__REACT_DOM_CLIENT__",
"@storybook/icons": "__STORYBOOK_ICONS__",
"storybook/manager-api": "__STORYBOOK_API__",
"storybook/test": "__STORYBOOK_TEST__",
"storybook/theming": "__STORYBOOK_THEMING__",
"storybook/theming/create": "__STORYBOOK_THEMING_CREATE__",
"storybook/internal/channels": "__STORYBOOK_CHANNELS__",
"storybook/internal/client-logger": "__STORYBOOK_CLIENT_LOGGER__",
"storybook/internal/components": "__STORYBOOK_COMPONENTS__",
"storybook/internal/core-errors": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/core-events": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/manager-errors":
"__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__",
"storybook/internal/router": "__STORYBOOK_ROUTER__",
"storybook/internal/types": "__STORYBOOK_TYPES__",
// @deprecated TODO: delete in 9.1
"storybook/internal/manager-api": "__STORYBOOK_API__",
"storybook/internal/theming": "__STORYBOOK_THEMING__",
"storybook/internal/theming/create": "__STORYBOOK_THEMING_CREATE__",
},
o = Object.keys(_);
export { o as globalPackages, _ as globalsNameReferenceMap };
docs/sb-manager/runtime.js
+17166 -10348
View File
File diff suppressed because it is too large Load Diff
docs/vite-inject-mocker-entry.js
+1656 -18
View File
File diff suppressed because one or more lines are too long
eslint.config.mjs
+8 -4
View File
@@ -12,9 +12,13 @@ const compat = new FlatCompat({
baseDirectory: __dirname,
});
const eslintConfig = [...compat.extends("next/core-web-vitals"), {
files: ["**/*.js", "**/*.jsx", "**/*.mjs"],
ignores: ["**/*.ts", "**/*.tsx"],
}, ...storybook.configs["flat/recommended"]];
const eslintConfig = [
...compat.extends("next/core-web-vitals"),
{
files: ["**/*.js", "**/*.jsx", "**/*.mjs"],
ignores: ["**/*.ts", "**/*.tsx"],
},
...storybook.configs["flat/recommended"],
];
export default eslintConfig;
gitea-runner.plist
+25
View File
@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>Label</key>
<string>com.gitea.act-runner</string>
<key>ProgramArguments</key>
<array>
<string>/Users/Vinod/Documents/GitHub/community-rule/act_runner</string>
<string>daemon</string>
<string>--config</string>
<string>/Users/Vinod/Documents/GitHub/community-rule/config.yaml</string>
</array>
<key>WorkingDirectory</key>
<string>/Users/Vinod/Documents/GitHub/community-rule</string>
<key>RunAtLoad</key>
<true/>
<key>KeepAlive</key>
<true/>
<key>StandardOutPath</key>
<string>/Users/Vinod/Documents/GitHub/community-rule/runner.log</string>
<key>StandardErrorPath</key>
<string>/Users/Vinod/Documents/GitHub/community-rule/runner-error.log</string>
</dict>
</plist>
lighthouserc.json
+78
View File
@@ -0,0 +1,78 @@
{
"ci": {
"collect": {
"startServerCommand": "npm run preview",
"url": ["http://localhost:3000/"],
"numberOfRuns": 3,
"settings": {
"preset": "desktop",
"throttling": {
"rttMs": 40,
"throughputKbps": 10240,
"cpuSlowdownMultiplier": 1,
"requestLatencyMs": 0,
"downloadThroughputKbps": 0,
"uploadThroughputKbps": 0
}
}
},
"assert": {
"assertions": {
"categories:performance": ["error", { "minScore": 0.9 }],
"categories:accessibility": ["warn", { "minScore": 0.95 }],
"categories:best-practices": ["warn", { "minScore": 0.9 }],
"categories:seo": ["warn", { "minScore": 0.9 }],
"first-contentful-paint": ["warn", { "maxNumericValue": 2000 }],
"largest-contentful-paint": ["warn", { "maxNumericValue": 2500 }],
"first-meaningful-paint": ["warn", { "maxNumericValue": 2000 }],
"speed-index": ["warn", { "maxNumericValue": 3000 }],
"interactive": ["warn", { "maxNumericValue": 3000 }],
"total-blocking-time": ["warn", { "maxNumericValue": 300 }],
"cumulative-layout-shift": ["warn", { "maxNumericValue": 0.1 }],
"max-potential-fid": ["warn", { "maxNumericValue": 130 }],
"server-response-time": ["warn", { "maxNumericValue": 600 }],
"render-blocking-resources": ["warn", { "maxLength": 0 }],
"unused-css-rules": ["warn", { "maxLength": 0 }],
"unused-javascript": ["warn", { "maxLength": 0 }],
"modern-image-formats": ["warn", { "maxLength": 0 }],
"uses-optimized-images": ["warn", { "maxLength": 0 }],
"uses-text-compression": ["warn", { "maxLength": 0 }],
"uses-responsive-images": ["warn", { "maxLength": 0 }],
"efficient-animated-content": ["warn", { "maxLength": 0 }],
"preload-lcp-image": ["warn", { "maxLength": 0 }],
"total-byte-weight": ["warn", { "maxNumericValue": 500000 }],
"uses-long-cache-ttl": ["warn", { "maxLength": 0 }],
"dom-size": ["warn", { "maxNumericValue": 1500 }],
"critical-request-chains": ["warn", { "maxLength": 0 }],
"user-timings": ["warn", { "maxLength": 0 }],
"bootup-time": ["warn", { "maxNumericValue": 1000 }],
"mainthread-work-breakdown": ["warn", { "maxLength": 0 }],
"font-display": ["warn", { "maxLength": 0 }],
"resource-summary": ["warn", { "maxLength": 0 }],
"third-party-summary": ["warn", { "maxLength": 0 }],
"largest-contentful-paint-element": ["warn", { "maxLength": 0 }],
"layout-shift-elements": ["warn", { "maxLength": 0 }],
"long-tasks": ["warn", { "maxLength": 0 }],
"non-composited-animations": ["warn", { "maxLength": 0 }],
"unsized-images": ["warn", { "maxLength": 0 }]
}
},
"upload": {
"target": "temporary-public-storage",
"outputDir": "./lighthouse-results"
}
},
"settings": {
"onlyCategories": ["performance", "accessibility", "best-practices", "seo"],
"skipAudits": ["uses-http2"],
"formFactor": "desktop",
"throttling": {
"rttMs": 40,
"throughputKbps": 10240,
"cpuSlowdownMultiplier": 1,
"requestLatencyMs": 0,
"downloadThroughputKbps": 0,
"uploadThroughputKbps": 0
}
}
}
package-lock.json
Generated
+10561 -856
View File
File diff suppressed because it is too large Load Diff
package.json
+47 -5
View File
@@ -9,9 +9,31 @@
"lint": "next lint",
"postinstall": "npm rebuild lightningcss",
"storybook": "storybook dev -p 6006",
"storybook:local": "cp .storybook/main.local.js .storybook/main.js && cp .storybook/preview.local.js .storybook/preview.js && storybook dev -p 6006",
"storybook:restore": "cp .storybook/main.github.js .storybook/main.js && cp .storybook/preview.github.js .storybook/preview.js",
"build-storybook": "storybook build"
"storybook:local": "storybook dev -p 6006",
"storybook:github": "STORYBOOK_BASE_PATH=true storybook dev -p 6006",
"storybook:build": "storybook build",
"storybook:build:github": "STORYBOOK_BASE_PATH=true storybook build",
"build-storybook": "storybook build",
"test": "vitest run --coverage",
"test:watch": "vitest",
"test:ui": "vitest --ui",
"test:sb": "storybook dev -p 6006 & wait-on http://localhost:6006 && test-storybook",
"e2e": "playwright test",
"e2e:ui": "playwright test --ui",
"e2e:performance": "playwright test tests/e2e/performance.spec.ts",
"lhci": "lhci autorun",
"lhci:mobile": "lhci autorun --config=.lighthouserc.json --settings.preset=mobile",
"lhci:desktop": "lhci autorun --config=.lighthouserc.json --settings.preset=desktop",
"performance:budget": "lhci autorun --budgetPath=performance-budgets.json",
"performance:monitor": "node scripts/performance-monitor.js",
"test:lhci": "node scripts/test-lhci.js",
"preview": "next build && next start -p 3000",
"e2e:serve": "start-server-and-test preview http://localhost:3000 e2e",
"seed-snapshots": "./scripts/seed-snapshots.sh",
"seed-snapshots:local": "PLAYWRIGHT_UPDATE_SNAPSHOTS=1 npx playwright test tests/e2e/visual-regression.spec.ts --project=chromium",
"visual:test": "npx playwright test tests/e2e/visual-regression.spec.ts",
"visual:update": "PLAYWRIGHT_UPDATE_SNAPSHOTS=1 npx playwright test tests/e2e/visual-regression.spec.ts",
"visual:ui": "npx playwright test tests/e2e/visual-regression.spec.ts --ui"
},
"dependencies": {
"next": "15.2.4",
@@ -19,26 +41,46 @@
"react-dom": "^19.0.0"
},
"devDependencies": {
"@chromatic-com/storybook": "^4.1.0",
"@axe-core/playwright": "^4.10.2",
"@eslint/eslintrc": "^3",
"@lhci/cli": "^0.15.1",
"@playwright/test": "^1.55.0",
"@storybook/addon-a11y": "^9.1.2",
"@storybook/addon-actions": "^9.0.8",
"@storybook/addon-docs": "^9.1.2",
"@storybook/addon-essentials": "^9.0.0-alpha.12",
"@storybook/addon-interactions": "^9.0.0-alpha.10",
"@storybook/addon-onboarding": "^9.1.2",
"@storybook/addon-styling-webpack": "^2.0.0",
"@storybook/addon-viewport": "^9.0.8",
"@storybook/addon-vitest": "^9.1.2",
"@storybook/nextjs-vite": "^9.1.2",
"@storybook/test": "^9.0.0-alpha.2",
"@storybook/test-runner": "^0.23.0",
"@svgr/webpack": "^8.1.0",
"@tailwindcss/postcss": "^4.1.11",
"@testing-library/jest-dom": "^6.8.0",
"@testing-library/react": "^16.3.0",
"@testing-library/user-event": "^14.6.1",
"@types/react": "19.1.12",
"@typescript-eslint/eslint-plugin": "^8.41.0",
"@typescript-eslint/parser": "^8.41.0",
"@vitejs/plugin-react": "^5.0.2",
"@vitest/browser": "^3.2.4",
"@vitest/coverage-v8": "^3.2.4",
"eslint": "^9",
"eslint-config-next": "15.2.0",
"eslint-plugin-storybook": "^9.1.2",
"jest-axe": "^10.0.0",
"jsdom": "^26.1.0",
"msw": "^2.10.5",
"playwright": "^1.54.2",
"postcss": "^8.5.6",
"start-server-and-test": "^2.0.13",
"storybook": "^9.1.2",
"tailwindcss": "^4.0.0",
"vitest": "^3.2.4"
"typescript": "^5.9.2",
"vitest": "^3.2.4",
"wait-on": "^8.0.4"
}
}
performance-budgets.json
+186
View File
@@ -0,0 +1,186 @@
{
"performance": {
"budgets": [
{
"path": "/*",
"timings": [
{
"metric": "first-contentful-paint",
"budget": 2000
},
{
"metric": "largest-contentful-paint",
"budget": 2500
},
{
"metric": "first-meaningful-paint",
"budget": 2000
},
{
"metric": "speed-index",
"budget": 3000
},
{
"metric": "interactive",
"budget": 3000
},
{
"metric": "total-blocking-time",
"budget": 300
},
{
"metric": "cumulative-layout-shift",
"budget": 0.1
},
{
"metric": "max-potential-fid",
"budget": 130
}
],
"resourceSizes": [
{
"resourceType": "script",
"budget": 300
},
{
"resourceType": "total",
"budget": 500
},
{
"resourceType": "image",
"budget": 100
},
{
"resourceType": "stylesheet",
"budget": 50
},
{
"resourceType": "font",
"budget": 50
}
],
"resourceCounts": [
{
"resourceType": "script",
"budget": 10
},
{
"resourceType": "total",
"budget": 50
},
{
"resourceType": "image",
"budget": 20
},
{
"resourceType": "stylesheet",
"budget": 5
},
{
"resourceType": "font",
"budget": 5
}
]
}
]
},
"timing": {
"budgets": [
{
"path": "/*",
"timings": [
{
"metric": "first-contentful-paint",
"budget": 2000
},
{
"metric": "largest-contentful-paint",
"budget": 2500
},
{
"metric": "first-meaningful-paint",
"budget": 2000
},
{
"metric": "speed-index",
"budget": 3000
},
{
"metric": "interactive",
"budget": 3000
},
{
"metric": "total-blocking-time",
"budget": 300
},
{
"metric": "cumulative-layout-shift",
"budget": 0.1
},
{
"metric": "max-potential-fid",
"budget": 130
}
]
}
]
},
"resourceSizes": {
"budgets": [
{
"path": "/*",
"resourceSizes": [
{
"resourceType": "script",
"budget": 300
},
{
"resourceType": "total",
"budget": 500
},
{
"resourceType": "image",
"budget": 100
},
{
"resourceType": "stylesheet",
"budget": 50
},
{
"resourceType": "font",
"budget": 50
}
]
}
]
},
"resourceCounts": {
"budgets": [
{
"path": "/*",
"resourceCounts": [
{
"resourceType": "script",
"budget": 10
},
{
"resourceType": "total",
"budget": 50
},
{
"resourceType": "image",
"budget": 20
},
{
"resourceType": "stylesheet",
"budget": 5
},
{
"resourceType": "font",
"budget": 5
}
]
}
]
}
}
playwright.config.ts
+81
View File
@@ -0,0 +1,81 @@
import { defineConfig, devices } from "@playwright/test";
export default defineConfig({
testDir: "tests/e2e",
timeout: 60_000,
expect: {
timeout: 10_000,
toHaveScreenshot: {
animations: "disabled",
maxDiffPixelRatio: 0.02, // 2% pixels may differ (balanced tolerance)
maxDiffPixels: 500, // Balanced absolute pixel tolerance
},
},
fullyParallel: true,
retries: process.env.CI ? 2 : 0,
reporter: [["list"], ["html", { open: "never" }]],
use: {
baseURL: process.env.BASE_URL || "http://localhost:3010",
trace: "on-first-retry",
screenshot: "only-on-failure",
video: "retain-on-failure",
// Deterministic rendering defaults to eliminate environment drift
colorScheme: "light",
viewport: { width: 1280, height: 800 },
timezoneId: "UTC", // Freeze timezone
locale: "en-US", // Freeze locale
headless: true,
},
// Only start webServer in non-CI environments
...(process.env.CI
? {}
: {
webServer: {
command: "npm run dev",
url: "http://localhost:3010",
reuseExistingServer: true,
timeout: 120_000,
},
}),
// Browser-specific snapshot path template (includes projectName for cross-browser support)
snapshotPathTemplate:
"{testDir}/{testFileName}-snapshots/{arg}-{projectName}.png",
projects: [
{
name: "chromium",
use: {
...devices["Desktop Chrome"],
// Let device preset own the DPR for stable anti-aliasing
launchOptions: {
args: [
"--force-color-profile=srgb",
"--disable-skia-runtime-opts",
"--font-render-hinting=none",
"--disable-lcd-text",
],
},
},
},
{
name: "firefox",
use: {
...devices["Desktop Firefox"],
// Let device preset own the DPR for stable anti-aliasing
},
},
{
name: "webkit",
use: {
...devices["Desktop Safari"],
// Let device preset own the DPR for stable anti-aliasing
},
},
{
name: "mobile",
use: {
...devices["iPhone 13"],
// Let device preset own the DPR for stable anti-aliasing
},
},
],
});
runner-config.yaml
+10
View File
@@ -0,0 +1,10 @@
log:
level: info
runner:
capacity: 2
runners:
- name: community-rule-runner
labels:
- "ubuntu-latest:docker://mcr.microsoft.com/playwright:v1.54.2-jammy"
runner-error.log
+16
View File
@@ -0,0 +1,16 @@
time="2025-08-29T08:17:49-06:00" level=info msg="Starting runner daemon"
time="2025-08-29T08:17:50-06:00" level=info msg="runner: community-rule-runner-1, with version: v0.2.6, with labels: [macos-latest self-hosted], declare successfully"
time="2025-08-29T08:17:50-06:00" level=info msg="task 12 repo is CommunityRule/community-rule https://github.com https://git.medlab.host"
time="2025-08-29T08:17:52-06:00" level=info msg="task 13 repo is CommunityRule/community-rule https://github.com https://git.medlab.host"
time="2025-08-29T08:17:52-06:00" level=info msg="Parallel tasks (0) below minimum, setting to 1"
time="2025-08-29T08:17:54-06:00" level=info msg="task 14 repo is CommunityRule/community-rule https://github.com https://git.medlab.host"
time="2025-08-29T08:17:54-06:00" level=info msg="Parallel tasks (0) below minimum, setting to 1"
time="2025-08-29T08:17:55-06:00" level=info msg="Parallel tasks (0) below minimum, setting to 1"
time="2025-08-29T08:17:56-06:00" level=info msg="task 15 repo is CommunityRule/community-rule https://github.com https://git.medlab.host"
time="2025-08-29T08:17:57-06:00" level=info msg="Parallel tasks (0) below minimum, setting to 1"
time="2025-08-29T08:17:58-06:00" level=info msg="task 16 repo is CommunityRule/community-rule https://github.com https://git.medlab.host"
time="2025-08-29T08:17:58-06:00" level=info msg="Parallel tasks (0) below minimum, setting to 1"
time="2025-08-29T08:17:58-06:00" level=info msg="Starting runner daemon"
time="2025-08-29T08:17:59-06:00" level=info msg="runner: community-rule-runner-1, with version: v0.2.6, with labels: [macos-latest self-hosted], declare successfully"
time="2025-08-29T08:17:59-06:00" level=info msg="task 17 repo is CommunityRule/community-rule https://github.com https://git.medlab.host"
time="2025-08-29T08:18:01-06:00" level=info msg="Parallel tasks (0) below minimum, setting to 1"
runner.log
+675
View File
@@ -0,0 +1,675 @@
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression 'success()'
[CI Pipeline/e2e (webkit)] [DEBUG] expression 'success()' evaluated to 'true'
[CI Pipeline/e2e (webkit)] ☁ git clone 'https://github.com/actions/checkout' # ref=v4
[CI Pipeline/e2e (webkit)] [DEBUG] cloning https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/e2e (webkit)] [DEBUG] Unable to pull refs/heads/v4: worktree contains unstaged changes
[CI Pipeline/e2e (webkit)] [DEBUG] Cloned https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/e2e (webkit)] [DEBUG] Checked out v4
[CI Pipeline/e2e (webkit)] [DEBUG] Read action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }} from 'Unknown'
[CI Pipeline/e2e (webkit)] ☁ git clone 'https://github.com/actions/setup-node' # ref=v4
[CI Pipeline/e2e (webkit)] [DEBUG] cloning https://github.com/actions/setup-node to /Users/Vinod/.cache/act/actions-setup-node@v4
[CI Pipeline/e2e (webkit)] [DEBUG] Unable to pull refs/heads/v4: worktree contains unstaged changes
[CI Pipeline/e2e (webkit)] [DEBUG] Cloned https://github.com/actions/setup-node to /Users/Vinod/.cache/act/actions-setup-node@v4
[CI Pipeline/e2e (webkit)] [DEBUG] Checked out v4
[CI Pipeline/e2e (webkit)] [DEBUG] Read action &{Setup Node.js environment GitHub Setup a Node.js environment by adding problem matchers and optionally downloading and adding it to the PATH. map[always-auth:{Set always-auth in npmrc. false false} architecture:{Target architecture for Node to use. Examples: x86, x64. Will use system architecture by default. false } cache:{Used to specify a package manager for caching in the default directory. Supported values: npm, yarn, pnpm. false } cache-dependency-path:{Used to specify the path to a dependency file: package-lock.json, yarn.lock, etc. Supports wildcards or a list of file names for caching multiple dependencies. false } check-latest:{Set this option if you want the action to check for the latest available version that satisfies the version spec. false false} mirror:{Used to specify an alternative mirror to downlooad Node.js binaries from false } mirror-token:{The token used as Authorization header when fetching from the mirror false } node-version:{Version Spec of the version to use. Examples: 12.x, 10.15.1, >=10.15.0. false } node-version-file:{File containing the version Spec of the version to use. Examples: package.json, .nvmrc, .node-version, .tool-versions. false } registry-url:{Optional registry to set up for auth. Will set the registry in a project level .npmrc and .yarnrc file, and set up auth to read in from env.NODE_AUTH_TOKEN. false } scope:{Optional scope for authenticating against scoped registries. Will fall back to the repository owner when using the GitHub Packages registry (https://npm.pkg.github.com/). false } token:{Used to pull node distributions from node-versions. Since there's a default, this is typically not supplied by the user. When running this action on github.com, the default value is sufficient. When running on GHES, you can pass a personal access token for github.com if you are experiencing rate limiting. false ${{ github.server_url == 'https://github.com' && github.token || '' }}}] map[cache-hit:{A boolean value to indicate if a cache was hit. } node-version:{The installed node version. }] {node20 map[] dist/setup/index.js always() dist/cache-save/index.js success() [] []} { }} from 'Unknown'
[CI Pipeline/e2e (webkit)] ☁ git clone 'https://github.com/actions/upload-artifact' # ref=v4
[CI Pipeline/e2e (webkit)] [DEBUG] cloning https://github.com/actions/upload-artifact to /Users/Vinod/.cache/act/actions-upload-artifact@v4
[CI Pipeline/e2e (webkit)] [DEBUG] Cloned https://github.com/actions/upload-artifact to /Users/Vinod/.cache/act/actions-upload-artifact@v4
[CI Pipeline/visual-regression] [DEBUG] evaluating expression 'success()'
[CI Pipeline/visual-regression] [DEBUG] expression 'success()' evaluated to 'true'
[CI Pipeline/visual-regression] ☁ git clone 'https://github.com/actions/checkout' # ref=v4
[CI Pipeline/visual-regression] [DEBUG] cloning https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/e2e (webkit)] [DEBUG] Checked out v4
[CI Pipeline/e2e (webkit)] [DEBUG] Read action &{Upload a Build Artifact GitHub Upload a build artifact that can be used by subsequent workflow steps map[compression-level:{The level of compression for Zlib to be applied to the artifact archive. The value can range from 0 to 9: - 0: No compression - 1: Best speed - 6: Default compression (same as GNU Gzip) - 9: Best compression Higher levels will result in better compression, but will take longer to complete. For large files that are not easily compressed, a value of 0 is recommended for significantly faster uploads.
false 6} if-no-files-found:{The desired behavior if no files are found using the provided path.
Available Options:
warn: Output a warning but do not fail the action
error: Fail the action with an error message
ignore: Do not output any warnings or errors, the action does not fail
false warn} include-hidden-files:{If true, hidden files will be included in the artifact. If false, hidden files will be excluded from the artifact.
false false} name:{Artifact name false artifact} overwrite:{If true, an artifact with a matching name will be deleted before a new one is uploaded. If false, the action will fail if an artifact for the given name already exists. Does not fail if the artifact does not exist.
false false} path:{A file, directory or wildcard pattern that describes what to upload true } retention-days:{Duration after which artifact will expire in days. 0 means using default retention.
Minimum 1 day. Maximum 90 days unless changed from the repository settings page.
false }] map[artifact-digest:{SHA-256 digest for the artifact that was just uploaded. Empty if the artifact upload failed.
} artifact-id:{A unique identifier for the artifact that was just uploaded. Empty if the artifact upload failed.
This ID can be used as input to other APIs to download, delete or get more information about an artifact: https://docs.github.com/en/rest/actions/artifacts
} artifact-url:{A download URL for the artifact that was just uploaded. Empty if the artifact upload failed.
This download URL only works for requests Authenticated with GitHub. Anonymous downloads will be prompted to first login. If an anonymous download URL is needed than a short time restricted URL can be generated using the download artifact API: https://docs.github.com/en/rest/actions/artifacts#download-an-artifact
This URL will be valid for as long as the artifact exists and the workflow run and repository exists. Once an artifact has expired this URL will no longer work. Common uses cases for such a download URL can be adding download links to artifacts in descriptions or comments on pull requests or issues.
}] {node20 map[] dist/upload/index.js always() always() [] []} { }} from 'Unknown'
[CI Pipeline/e2e (webkit)] 🧪 Matrix: map[browser:webkit]
[CI Pipeline/e2e (webkit)] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:0 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/checkout GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:e2e GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/f42616da4b07b25b/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/f42616da4b07b25b/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression ''
[CI Pipeline/e2e (webkit)] [DEBUG] expression '' evaluated to 'true'
[CI Pipeline/e2e (webkit)] ⭐ Run Main Checkout code
[CI Pipeline/e2e (webkit)] [DEBUG] About to run action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }}
[CI Pipeline/e2e (webkit)] [DEBUG] expression '${{ github.repository }}' rewritten to 'format('{0}', github.repository)'
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression 'format('{0}', github.repository)'
[CI Pipeline/e2e (webkit)] [DEBUG] expression 'format('{0}', github.repository)' evaluated to '%!t(string=CommunityRule/community-rule)'
[CI Pipeline/e2e (webkit)] [DEBUG] expression '${{ github.token }}' rewritten to 'format('{0}', github.token)'
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression 'format('{0}', github.token)'
[CI Pipeline/e2e (webkit)] [DEBUG] expression 'format('{0}', github.token)' evaluated to '%!t(string=***)'
[CI Pipeline/e2e (webkit)] [DEBUG] type=remote-action actionDir=/Users/Vinod/.cache/act/actions-checkout@v4 actionPath= workdir=/workspace/CommunityRule/community-rule actionCacheDir=/Users/Vinod/.cache/act actionName=actions-checkout@v4 containerActionDir=/Users/Vinod/.cache/act/f42616da4b07b25b/act/actions/actions-checkout@v4
[CI Pipeline/e2e (webkit)] [DEBUG] Removing /Users/Vinod/.cache/act/actions-checkout@v4/.gitignore before docker cp
[CI Pipeline/e2e (webkit)] [DEBUG] /Users/Vinod/.cache/act/f42616da4b07b25b/act/actions/actions-checkout@v4
[CI Pipeline/e2e (webkit)] [DEBUG] Stripping prefix:/Users/Vinod/.cache/act/actions-checkout@v4/ src:/Users/Vinod/.cache/act/actions-checkout@v4/
[CI Pipeline/e2e (webkit)] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/f42616da4b07b25b/act/actions/actions-checkout@v4/dist/index.js]
[CI Pipeline/e2e (webkit)] | Cannot find: node in PATH
[CI Pipeline/e2e (webkit)] ❌ Failure - Main Checkout code
[CI Pipeline/e2e (webkit)] Cannot find: node in PATH
[CI Pipeline/e2e (webkit)] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:1 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/setup-node GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:e2e GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/f42616da4b07b25b/hostexecutor HOME:/Users/Vinod INPUT_CACHE:npm INPUT_NODE-VERSION:20 ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/f42616da4b07b25b/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression ''
[CI Pipeline/e2e (webkit)] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/e2e (webkit)] [DEBUG] Skipping step 'Setup Node.js' due to ''
[CI Pipeline/e2e (webkit)] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:2 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:e2e GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/f42616da4b07b25b/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/f42616da4b07b25b/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression ''
[CI Pipeline/e2e (webkit)] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/e2e (webkit)] [DEBUG] Skipping step 'Install dependencies' due to ''
[CI Pipeline/e2e (webkit)] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:3 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:e2e GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/f42616da4b07b25b/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/f42616da4b07b25b/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression ''
[CI Pipeline/e2e (webkit)] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/e2e (webkit)] [DEBUG] Skipping step 'Install Playwright browsers' due to ''
[CI Pipeline/e2e (webkit)] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:4 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:e2e GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/f42616da4b07b25b/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/f42616da4b07b25b/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression ''
[CI Pipeline/e2e (webkit)] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/e2e (webkit)] [DEBUG] Skipping step 'Build application' due to ''
[CI Pipeline/e2e (webkit)] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:5 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:e2e GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/f42616da4b07b25b/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/f42616da4b07b25b/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression ''
[CI Pipeline/e2e (webkit)] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/e2e (webkit)] [DEBUG] Skipping step 'Start application' due to ''
[CI Pipeline/e2e (webkit)] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:6 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:e2e GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/f42616da4b07b25b/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/f42616da4b07b25b/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression ''
[CI Pipeline/e2e (webkit)] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/e2e (webkit)] [DEBUG] Skipping step 'Wait for application to be ready' due to ''
[CI Pipeline/e2e (webkit)] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:7 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:e2e GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/f42616da4b07b25b/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/f42616da4b07b25b/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression ''
[CI Pipeline/e2e (webkit)] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/e2e (webkit)] [DEBUG] Skipping step 'Run E2E tests' due to ''
[CI Pipeline/e2e (webkit)] [DEBUG] expression 'playwright-results-${{ matrix.browser }}' rewritten to 'format('playwright-results-{0}', matrix.browser)'
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression 'format('playwright-results-{0}', matrix.browser)'
[CI Pipeline/e2e (webkit)] [DEBUG] expression 'format('playwright-results-{0}', matrix.browser)' evaluated to '%!t(string=playwright-results-webkit)'
[CI Pipeline/e2e (webkit)] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:8 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/upload-artifact GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:e2e GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/f42616da4b07b25b/hostexecutor HOME:/Users/Vinod INPUT_NAME:playwright-results-webkit INPUT_PATH:test-results/
playwright-report/
INPUT_RETENTION-DAYS:30 ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/f42616da4b07b25b/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression 'always()'
[CI Pipeline/e2e (webkit)] [DEBUG] expression 'always()' evaluated to 'true'
[CI Pipeline/e2e (webkit)] ⭐ Run Main Upload test results
[CI Pipeline/e2e (webkit)] [DEBUG] About to run action &{Upload a Build Artifact GitHub Upload a build artifact that can be used by subsequent workflow steps map[compression-level:{The level of compression for Zlib to be applied to the artifact archive. The value can range from 0 to 9: - 0: No compression - 1: Best speed - 6: Default compression (same as GNU Gzip) - 9: Best compression Higher levels will result in better compression, but will take longer to complete. For large files that are not easily compressed, a value of 0 is recommended for significantly faster uploads.
false 6} if-no-files-found:{The desired behavior if no files are found using the provided path.
Available Options:
warn: Output a warning but do not fail the action
error: Fail the action with an error message
ignore: Do not output any warnings or errors, the action does not fail
false warn} include-hidden-files:{If true, hidden files will be included in the artifact. If false, hidden files will be excluded from the artifact.
false false} name:{Artifact name false artifact} overwrite:{If true, an artifact with a matching name will be deleted before a new one is uploaded. If false, the action will fail if an artifact for the given name already exists. Does not fail if the artifact does not exist.
false false} path:{A file, directory or wildcard pattern that describes what to upload true } retention-days:{Duration after which artifact will expire in days. 0 means using default retention.
Minimum 1 day. Maximum 90 days unless changed from the repository settings page.
false }] map[artifact-digest:{SHA-256 digest for the artifact that was just uploaded. Empty if the artifact upload failed.
} artifact-id:{A unique identifier for the artifact that was just uploaded. Empty if the artifact upload failed.
This ID can be used as input to other APIs to download, delete or get more information about an artifact: https://docs.github.com/en/rest/actions/artifacts
} artifact-url:{A download URL for the artifact that was just uploaded. Empty if the artifact upload failed.
This download URL only works for requests Authenticated with GitHub. Anonymous downloads will be prompted to first login. If an anonymous download URL is needed than a short time restricted URL can be generated using the download artifact API: https://docs.github.com/en/rest/actions/artifacts#download-an-artifact
This URL will be valid for as long as the artifact exists and the workflow run and repository exists. Once an artifact has expired this URL will no longer work. Common uses cases for such a download URL can be adding download links to artifacts in descriptions or comments on pull requests or issues.
}] {node20 map[] dist/upload/index.js always() always() [] []} { }}
[CI Pipeline/e2e (webkit)] [DEBUG] type=remote-action actionDir=/Users/Vinod/.cache/act/actions-upload-artifact@v4 actionPath= workdir=/workspace/CommunityRule/community-rule actionCacheDir=/Users/Vinod/.cache/act actionName=actions-upload-artifact@v4 containerActionDir=/Users/Vinod/.cache/act/f42616da4b07b25b/act/actions/actions-upload-artifact@v4
[CI Pipeline/e2e (webkit)] [DEBUG] Removing /Users/Vinod/.cache/act/actions-upload-artifact@v4/.gitignore before docker cp
[CI Pipeline/e2e (webkit)] [DEBUG] /Users/Vinod/.cache/act/f42616da4b07b25b/act/actions/actions-upload-artifact@v4
[CI Pipeline/e2e (webkit)] [DEBUG] Stripping prefix:/Users/Vinod/.cache/act/actions-upload-artifact@v4/ src:/Users/Vinod/.cache/act/actions-upload-artifact@v4/
[CI Pipeline/visual-regression] [DEBUG] Unable to pull refs/heads/v4: worktree contains unstaged changes
[CI Pipeline/visual-regression] [DEBUG] Cloned https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/visual-regression] [DEBUG] Checked out v4
[CI Pipeline/visual-regression] [DEBUG] Read action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }} from 'Unknown'
[CI Pipeline/visual-regression] ☁ git clone 'https://github.com/actions/setup-node' # ref=v4
[CI Pipeline/visual-regression] [DEBUG] cloning https://github.com/actions/setup-node to /Users/Vinod/.cache/act/actions-setup-node@v4
[CI Pipeline/e2e (webkit)] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/f42616da4b07b25b/act/actions/actions-upload-artifact@v4/dist/upload/index.js]
[CI Pipeline/e2e (webkit)] | Cannot find: node in PATH
[CI Pipeline/e2e (webkit)] ❌ Failure - Main Upload test results
[CI Pipeline/e2e (webkit)] Cannot find: node in PATH
[CI Pipeline/e2e (webkit)] [DEBUG] skipping post step for 'Setup Node.js'; main step was skipped
[CI Pipeline/e2e (webkit)] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:0 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/checkout GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_ENV:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/envs.txt GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:e2e GITHUB_OUTPUT:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/outputcmd.txt GITHUB_PATH:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/pathcmd.txt GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_STATE:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/statecmd.txt GITHUB_STEP_SUMMARY:/Users/Vinod/.cache/act/f42616da4b07b25b/act/workflow/SUMMARY.md GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/f42616da4b07b25b/hostexecutor HOME:/Users/Vinod INPUT_CLEAN:true INPUT_FETCH-DEPTH:1 INPUT_FETCH-TAGS:false INPUT_FILTER: INPUT_GITHUB-SERVER-URL: INPUT_LFS:false INPUT_PATH: INPUT_PERSIST-CREDENTIALS:true INPUT_REF: INPUT_REPOSITORY:CommunityRule/community-rule INPUT_SET-SAFE-DIRECTORY:true INPUT_SHOW-PROGRESS:true INPUT_SPARSE-CHECKOUT: INPUT_SPARSE-CHECKOUT-CONE-MODE:true INPUT_SSH-KEY: INPUT_SSH-KNOWN-HOSTS: INPUT_SSH-STRICT:true INPUT_SSH-USER:git INPUT_SUBMODULES:false INPUT_TOKEN:*** ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/f42616da4b07b25b/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/e2e (webkit)] [DEBUG] evaluating expression 'always()'
[CI Pipeline/e2e (webkit)] [DEBUG] expression 'always()' evaluated to 'true'
[CI Pipeline/e2e (webkit)] ⭐ Run Post Checkout code
[CI Pipeline/e2e (webkit)] [DEBUG] run post step for 'Checkout code'
[CI Pipeline/e2e (webkit)] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/f42616da4b07b25b/act/actions/actions-checkout@v4/dist/index.js]
[CI Pipeline/e2e (webkit)] | Cannot find: node in PATH
[CI Pipeline/e2e (webkit)] ❌ Failure - Post Checkout code
[CI Pipeline/e2e (webkit)] Cleaning up services for job e2e (webkit)
[CI Pipeline/e2e (webkit)] Cleaning up container for job e2e (webkit)
[CI Pipeline/e2e (webkit)] 🏁 Job failed
[CI Pipeline/visual-regression] [DEBUG] Cloned https://github.com/actions/setup-node to /Users/Vinod/.cache/act/actions-setup-node@v4
[CI Pipeline/visual-regression] [DEBUG] Checked out v4
[CI Pipeline/visual-regression] [DEBUG] Read action &{Setup Node.js environment GitHub Setup a Node.js environment by adding problem matchers and optionally downloading and adding it to the PATH. map[always-auth:{Set always-auth in npmrc. false false} architecture:{Target architecture for Node to use. Examples: x86, x64. Will use system architecture by default. false } cache:{Used to specify a package manager for caching in the default directory. Supported values: npm, yarn, pnpm. false } cache-dependency-path:{Used to specify the path to a dependency file: package-lock.json, yarn.lock, etc. Supports wildcards or a list of file names for caching multiple dependencies. false } check-latest:{Set this option if you want the action to check for the latest available version that satisfies the version spec. false false} mirror:{Used to specify an alternative mirror to downlooad Node.js binaries from false } mirror-token:{The token used as Authorization header when fetching from the mirror false } node-version:{Version Spec of the version to use. Examples: 12.x, 10.15.1, >=10.15.0. false } node-version-file:{File containing the version Spec of the version to use. Examples: package.json, .nvmrc, .node-version, .tool-versions. false } registry-url:{Optional registry to set up for auth. Will set the registry in a project level .npmrc and .yarnrc file, and set up auth to read in from env.NODE_AUTH_TOKEN. false } scope:{Optional scope for authenticating against scoped registries. Will fall back to the repository owner when using the GitHub Packages registry (https://npm.pkg.github.com/). false } token:{Used to pull node distributions from node-versions. Since there's a default, this is typically not supplied by the user. When running this action on github.com, the default value is sufficient. When running on GHES, you can pass a personal access token for github.com if you are experiencing rate limiting. false ${{ github.server_url == 'https://github.com' && github.token || '' }}}] map[cache-hit:{A boolean value to indicate if a cache was hit. } node-version:{The installed node version. }] {node20 map[] dist/setup/index.js always() dist/cache-save/index.js success() [] []} { }} from 'Unknown'
[CI Pipeline/visual-regression] ☁ git clone 'https://github.com/actions/upload-artifact' # ref=v4
[CI Pipeline/visual-regression] [DEBUG] cloning https://github.com/actions/upload-artifact to /Users/Vinod/.cache/act/actions-upload-artifact@v4
[CI Pipeline/visual-regression] [DEBUG] Unable to pull refs/heads/v4: worktree contains unstaged changes
[CI Pipeline/visual-regression] [DEBUG] Cloned https://github.com/actions/upload-artifact to /Users/Vinod/.cache/act/actions-upload-artifact@v4
[CI Pipeline/visual-regression] [DEBUG] Checked out v4
[CI Pipeline/visual-regression] [DEBUG] Read action &{Upload a Build Artifact GitHub Upload a build artifact that can be used by subsequent workflow steps map[compression-level:{The level of compression for Zlib to be applied to the artifact archive. The value can range from 0 to 9: - 0: No compression - 1: Best speed - 6: Default compression (same as GNU Gzip) - 9: Best compression Higher levels will result in better compression, but will take longer to complete. For large files that are not easily compressed, a value of 0 is recommended for significantly faster uploads.
false 6} if-no-files-found:{The desired behavior if no files are found using the provided path.
Available Options:
warn: Output a warning but do not fail the action
error: Fail the action with an error message
ignore: Do not output any warnings or errors, the action does not fail
false warn} include-hidden-files:{If true, hidden files will be included in the artifact. If false, hidden files will be excluded from the artifact.
false false} name:{Artifact name false artifact} overwrite:{If true, an artifact with a matching name will be deleted before a new one is uploaded. If false, the action will fail if an artifact for the given name already exists. Does not fail if the artifact does not exist.
false false} path:{A file, directory or wildcard pattern that describes what to upload true } retention-days:{Duration after which artifact will expire in days. 0 means using default retention.
Minimum 1 day. Maximum 90 days unless changed from the repository settings page.
false }] map[artifact-digest:{SHA-256 digest for the artifact that was just uploaded. Empty if the artifact upload failed.
} artifact-id:{A unique identifier for the artifact that was just uploaded. Empty if the artifact upload failed.
This ID can be used as input to other APIs to download, delete or get more information about an artifact: https://docs.github.com/en/rest/actions/artifacts
} artifact-url:{A download URL for the artifact that was just uploaded. Empty if the artifact upload failed.
This download URL only works for requests Authenticated with GitHub. Anonymous downloads will be prompted to first login. If an anonymous download URL is needed than a short time restricted URL can be generated using the download artifact API: https://docs.github.com/en/rest/actions/artifacts#download-an-artifact
This URL will be valid for as long as the artifact exists and the workflow run and repository exists. Once an artifact has expired this URL will no longer work. Common uses cases for such a download URL can be adding download links to artifacts in descriptions or comments on pull requests or issues.
}] {node20 map[] dist/upload/index.js always() always() [] []} { }} from 'Unknown'
[CI Pipeline/visual-regression] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:0 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/checkout GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:visual-regression GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2746df9b70b8df36/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2746df9b70b8df36/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/visual-regression] [DEBUG] evaluating expression ''
[CI Pipeline/visual-regression] [DEBUG] expression '' evaluated to 'true'
[CI Pipeline/visual-regression] ⭐ Run Main Checkout code
[CI Pipeline/visual-regression] [DEBUG] About to run action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }}
[CI Pipeline/visual-regression] [DEBUG] expression '${{ github.token }}' rewritten to 'format('{0}', github.token)'
[CI Pipeline/visual-regression] [DEBUG] evaluating expression 'format('{0}', github.token)'
[CI Pipeline/visual-regression] [DEBUG] expression 'format('{0}', github.token)' evaluated to '%!t(string=***)'
[CI Pipeline/visual-regression] [DEBUG] expression '${{ github.repository }}' rewritten to 'format('{0}', github.repository)'
[CI Pipeline/visual-regression] [DEBUG] evaluating expression 'format('{0}', github.repository)'
[CI Pipeline/visual-regression] [DEBUG] expression 'format('{0}', github.repository)' evaluated to '%!t(string=CommunityRule/community-rule)'
[CI Pipeline/visual-regression] [DEBUG] type=remote-action actionDir=/Users/Vinod/.cache/act/actions-checkout@v4 actionPath= workdir=/workspace/CommunityRule/community-rule actionCacheDir=/Users/Vinod/.cache/act actionName=actions-checkout@v4 containerActionDir=/Users/Vinod/.cache/act/2746df9b70b8df36/act/actions/actions-checkout@v4
[CI Pipeline/visual-regression] [DEBUG] Removing /Users/Vinod/.cache/act/actions-checkout@v4/.gitignore before docker cp
[CI Pipeline/visual-regression] [DEBUG] /Users/Vinod/.cache/act/2746df9b70b8df36/act/actions/actions-checkout@v4
[CI Pipeline/visual-regression] [DEBUG] Stripping prefix:/Users/Vinod/.cache/act/actions-checkout@v4/ src:/Users/Vinod/.cache/act/actions-checkout@v4/
[CI Pipeline/visual-regression] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/2746df9b70b8df36/act/actions/actions-checkout@v4/dist/index.js]
[CI Pipeline/visual-regression] | Cannot find: node in PATH
[CI Pipeline/visual-regression] ❌ Failure - Main Checkout code
[CI Pipeline/visual-regression] Cannot find: node in PATH
[CI Pipeline/visual-regression] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:1 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/setup-node GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:visual-regression GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2746df9b70b8df36/hostexecutor HOME:/Users/Vinod INPUT_CACHE:npm INPUT_NODE-VERSION:20 ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2746df9b70b8df36/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/visual-regression] [DEBUG] evaluating expression ''
[CI Pipeline/visual-regression] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/visual-regression] [DEBUG] Skipping step 'Setup Node.js' due to ''
[CI Pipeline/visual-regression] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:2 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:visual-regression GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2746df9b70b8df36/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2746df9b70b8df36/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/visual-regression] [DEBUG] evaluating expression ''
[CI Pipeline/visual-regression] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/visual-regression] [DEBUG] Skipping step 'Install dependencies' due to ''
[CI Pipeline/visual-regression] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:3 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:visual-regression GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2746df9b70b8df36/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2746df9b70b8df36/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/visual-regression] [DEBUG] evaluating expression ''
[CI Pipeline/visual-regression] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/visual-regression] [DEBUG] Skipping step 'Install Playwright browsers' due to ''
[CI Pipeline/visual-regression] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:4 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:visual-regression GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2746df9b70b8df36/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2746df9b70b8df36/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/visual-regression] [DEBUG] evaluating expression ''
[CI Pipeline/visual-regression] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/visual-regression] [DEBUG] Skipping step 'Build application' due to ''
[CI Pipeline/visual-regression] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:5 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:visual-regression GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2746df9b70b8df36/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2746df9b70b8df36/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/visual-regression] [DEBUG] evaluating expression ''
[CI Pipeline/visual-regression] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/visual-regression] [DEBUG] Skipping step 'Start application' due to ''
[CI Pipeline/visual-regression] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:6 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:visual-regression GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2746df9b70b8df36/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2746df9b70b8df36/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/visual-regression] [DEBUG] evaluating expression ''
[CI Pipeline/visual-regression] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/visual-regression] [DEBUG] Skipping step 'Wait for application to be ready' due to ''
[CI Pipeline/visual-regression] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:7 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:visual-regression GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2746df9b70b8df36/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2746df9b70b8df36/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/visual-regression] [DEBUG] evaluating expression ''
[CI Pipeline/visual-regression] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/visual-regression] [DEBUG] Skipping step 'Run visual regression tests' due to ''
[CI Pipeline/visual-regression] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:8 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/upload-artifact GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:visual-regression GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2746df9b70b8df36/hostexecutor HOME:/Users/Vinod INPUT_NAME:visual-regression-results INPUT_PATH:test-results/
tests/e2e/visual-regression.spec.ts-snapshots/
INPUT_RETENTION-DAYS:30 ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2746df9b70b8df36/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/visual-regression] [DEBUG] evaluating expression 'always()'
[CI Pipeline/visual-regression] [DEBUG] expression 'always()' evaluated to 'true'
[CI Pipeline/visual-regression] ⭐ Run Main Upload visual regression results
[CI Pipeline/visual-regression] [DEBUG] About to run action &{Upload a Build Artifact GitHub Upload a build artifact that can be used by subsequent workflow steps map[compression-level:{The level of compression for Zlib to be applied to the artifact archive. The value can range from 0 to 9: - 0: No compression - 1: Best speed - 6: Default compression (same as GNU Gzip) - 9: Best compression Higher levels will result in better compression, but will take longer to complete. For large files that are not easily compressed, a value of 0 is recommended for significantly faster uploads.
false 6} if-no-files-found:{The desired behavior if no files are found using the provided path.
Available Options:
warn: Output a warning but do not fail the action
error: Fail the action with an error message
ignore: Do not output any warnings or errors, the action does not fail
false warn} include-hidden-files:{If true, hidden files will be included in the artifact. If false, hidden files will be excluded from the artifact.
false false} name:{Artifact name false artifact} overwrite:{If true, an artifact with a matching name will be deleted before a new one is uploaded. If false, the action will fail if an artifact for the given name already exists. Does not fail if the artifact does not exist.
false false} path:{A file, directory or wildcard pattern that describes what to upload true } retention-days:{Duration after which artifact will expire in days. 0 means using default retention.
Minimum 1 day. Maximum 90 days unless changed from the repository settings page.
false }] map[artifact-digest:{SHA-256 digest for the artifact that was just uploaded. Empty if the artifact upload failed.
} artifact-id:{A unique identifier for the artifact that was just uploaded. Empty if the artifact upload failed.
This ID can be used as input to other APIs to download, delete or get more information about an artifact: https://docs.github.com/en/rest/actions/artifacts
} artifact-url:{A download URL for the artifact that was just uploaded. Empty if the artifact upload failed.
This download URL only works for requests Authenticated with GitHub. Anonymous downloads will be prompted to first login. If an anonymous download URL is needed than a short time restricted URL can be generated using the download artifact API: https://docs.github.com/en/rest/actions/artifacts#download-an-artifact
This URL will be valid for as long as the artifact exists and the workflow run and repository exists. Once an artifact has expired this URL will no longer work. Common uses cases for such a download URL can be adding download links to artifacts in descriptions or comments on pull requests or issues.
}] {node20 map[] dist/upload/index.js always() always() [] []} { }}
[CI Pipeline/visual-regression] [DEBUG] type=remote-action actionDir=/Users/Vinod/.cache/act/actions-upload-artifact@v4 actionPath= workdir=/workspace/CommunityRule/community-rule actionCacheDir=/Users/Vinod/.cache/act actionName=actions-upload-artifact@v4 containerActionDir=/Users/Vinod/.cache/act/2746df9b70b8df36/act/actions/actions-upload-artifact@v4
[CI Pipeline/visual-regression] [DEBUG] Removing /Users/Vinod/.cache/act/actions-upload-artifact@v4/.gitignore before docker cp
[CI Pipeline/visual-regression] [DEBUG] /Users/Vinod/.cache/act/2746df9b70b8df36/act/actions/actions-upload-artifact@v4
[CI Pipeline/visual-regression] [DEBUG] Stripping prefix:/Users/Vinod/.cache/act/actions-upload-artifact@v4/ src:/Users/Vinod/.cache/act/actions-upload-artifact@v4/
[CI Pipeline/performance] [DEBUG] evaluating expression 'success()'
[CI Pipeline/performance] [DEBUG] expression 'success()' evaluated to 'true'
[CI Pipeline/performance] ☁ git clone 'https://github.com/actions/checkout' # ref=v4
[CI Pipeline/performance] [DEBUG] cloning https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/visual-regression] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/2746df9b70b8df36/act/actions/actions-upload-artifact@v4/dist/upload/index.js]
[CI Pipeline/visual-regression] | Cannot find: node in PATH
[CI Pipeline/visual-regression] ❌ Failure - Main Upload visual regression results
[CI Pipeline/visual-regression] Cannot find: node in PATH
[CI Pipeline/visual-regression] [DEBUG] skipping post step for 'Setup Node.js'; main step was skipped
[CI Pipeline/visual-regression] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:0 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/checkout GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_ENV:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/envs.txt GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:visual-regression GITHUB_OUTPUT:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/outputcmd.txt GITHUB_PATH:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/pathcmd.txt GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_STATE:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/statecmd.txt GITHUB_STEP_SUMMARY:/Users/Vinod/.cache/act/2746df9b70b8df36/act/workflow/SUMMARY.md GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2746df9b70b8df36/hostexecutor HOME:/Users/Vinod INPUT_CLEAN:true INPUT_FETCH-DEPTH:1 INPUT_FETCH-TAGS:false INPUT_FILTER: INPUT_GITHUB-SERVER-URL: INPUT_LFS:false INPUT_PATH: INPUT_PERSIST-CREDENTIALS:true INPUT_REF: INPUT_REPOSITORY:CommunityRule/community-rule INPUT_SET-SAFE-DIRECTORY:true INPUT_SHOW-PROGRESS:true INPUT_SPARSE-CHECKOUT: INPUT_SPARSE-CHECKOUT-CONE-MODE:true INPUT_SSH-KEY: INPUT_SSH-KNOWN-HOSTS: INPUT_SSH-STRICT:true INPUT_SSH-USER:git INPUT_SUBMODULES:false INPUT_TOKEN:*** ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2746df9b70b8df36/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/visual-regression] [DEBUG] evaluating expression 'always()'
[CI Pipeline/visual-regression] [DEBUG] expression 'always()' evaluated to 'true'
[CI Pipeline/visual-regression] ⭐ Run Post Checkout code
[CI Pipeline/visual-regression] [DEBUG] run post step for 'Checkout code'
[CI Pipeline/visual-regression] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/2746df9b70b8df36/act/actions/actions-checkout@v4/dist/index.js]
[CI Pipeline/visual-regression] | Cannot find: node in PATH
[CI Pipeline/visual-regression] ❌ Failure - Post Checkout code
[CI Pipeline/visual-regression] Cleaning up services for job visual-regression
[CI Pipeline/visual-regression] Cleaning up container for job visual-regression
[CI Pipeline/visual-regression] 🏁 Job failed
[CI Pipeline/performance] [DEBUG] Unable to pull refs/heads/v4: worktree contains unstaged changes
[CI Pipeline/performance] [DEBUG] Cloned https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/performance] [DEBUG] Checked out v4
[CI Pipeline/performance] [DEBUG] Read action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }} from 'Unknown'
[CI Pipeline/performance] ☁ git clone 'https://github.com/actions/setup-node' # ref=v4
[CI Pipeline/performance] [DEBUG] cloning https://github.com/actions/setup-node to /Users/Vinod/.cache/act/actions-setup-node@v4
[CI Pipeline/performance] [DEBUG] Cloned https://github.com/actions/setup-node to /Users/Vinod/.cache/act/actions-setup-node@v4
[CI Pipeline/performance] [DEBUG] Checked out v4
[CI Pipeline/performance] [DEBUG] Read action &{Setup Node.js environment GitHub Setup a Node.js environment by adding problem matchers and optionally downloading and adding it to the PATH. map[always-auth:{Set always-auth in npmrc. false false} architecture:{Target architecture for Node to use. Examples: x86, x64. Will use system architecture by default. false } cache:{Used to specify a package manager for caching in the default directory. Supported values: npm, yarn, pnpm. false } cache-dependency-path:{Used to specify the path to a dependency file: package-lock.json, yarn.lock, etc. Supports wildcards or a list of file names for caching multiple dependencies. false } check-latest:{Set this option if you want the action to check for the latest available version that satisfies the version spec. false false} mirror:{Used to specify an alternative mirror to downlooad Node.js binaries from false } mirror-token:{The token used as Authorization header when fetching from the mirror false } node-version:{Version Spec of the version to use. Examples: 12.x, 10.15.1, >=10.15.0. false } node-version-file:{File containing the version Spec of the version to use. Examples: package.json, .nvmrc, .node-version, .tool-versions. false } registry-url:{Optional registry to set up for auth. Will set the registry in a project level .npmrc and .yarnrc file, and set up auth to read in from env.NODE_AUTH_TOKEN. false } scope:{Optional scope for authenticating against scoped registries. Will fall back to the repository owner when using the GitHub Packages registry (https://npm.pkg.github.com/). false } token:{Used to pull node distributions from node-versions. Since there's a default, this is typically not supplied by the user. When running this action on github.com, the default value is sufficient. When running on GHES, you can pass a personal access token for github.com if you are experiencing rate limiting. false ${{ github.server_url == 'https://github.com' && github.token || '' }}}] map[cache-hit:{A boolean value to indicate if a cache was hit. } node-version:{The installed node version. }] {node20 map[] dist/setup/index.js always() dist/cache-save/index.js success() [] []} { }} from 'Unknown'
[CI Pipeline/performance] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:0 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/checkout GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:performance GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/performance] [DEBUG] evaluating expression ''
[CI Pipeline/performance] [DEBUG] expression '' evaluated to 'true'
[CI Pipeline/performance] ⭐ Run Main Checkout code
[CI Pipeline/performance] [DEBUG] About to run action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }}
[CI Pipeline/performance] [DEBUG] expression '${{ github.repository }}' rewritten to 'format('{0}', github.repository)'
[CI Pipeline/performance] [DEBUG] evaluating expression 'format('{0}', github.repository)'
[CI Pipeline/performance] [DEBUG] expression 'format('{0}', github.repository)' evaluated to '%!t(string=CommunityRule/community-rule)'
[CI Pipeline/performance] [DEBUG] expression '${{ github.token }}' rewritten to 'format('{0}', github.token)'
[CI Pipeline/performance] [DEBUG] evaluating expression 'format('{0}', github.token)'
[CI Pipeline/performance] [DEBUG] expression 'format('{0}', github.token)' evaluated to '%!t(string=***)'
[CI Pipeline/performance] [DEBUG] type=remote-action actionDir=/Users/Vinod/.cache/act/actions-checkout@v4 actionPath= workdir=/workspace/CommunityRule/community-rule actionCacheDir=/Users/Vinod/.cache/act actionName=actions-checkout@v4 containerActionDir=/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/actions/actions-checkout@v4
[CI Pipeline/performance] [DEBUG] Removing /Users/Vinod/.cache/act/actions-checkout@v4/.gitignore before docker cp
[CI Pipeline/performance] [DEBUG] /Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/actions/actions-checkout@v4
[CI Pipeline/performance] [DEBUG] Stripping prefix:/Users/Vinod/.cache/act/actions-checkout@v4/ src:/Users/Vinod/.cache/act/actions-checkout@v4/
[CI Pipeline/performance] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/actions/actions-checkout@v4/dist/index.js]
[CI Pipeline/performance] | Cannot find: node in PATH
[CI Pipeline/performance] ❌ Failure - Main Checkout code
[CI Pipeline/performance] Cannot find: node in PATH
[CI Pipeline/performance] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:1 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/setup-node GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:performance GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/hostexecutor HOME:/Users/Vinod INPUT_CACHE:npm INPUT_NODE-VERSION:20 ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/performance] [DEBUG] evaluating expression ''
[CI Pipeline/performance] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/performance] [DEBUG] Skipping step 'Setup Node.js' due to ''
[CI Pipeline/performance] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:2 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:performance GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/performance] [DEBUG] evaluating expression ''
[CI Pipeline/performance] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/performance] [DEBUG] Skipping step 'Install dependencies' due to ''
[CI Pipeline/performance] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:3 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:performance GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/performance] [DEBUG] evaluating expression ''
[CI Pipeline/performance] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/performance] [DEBUG] Skipping step 'Build application' due to ''
[CI Pipeline/performance] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:4 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:performance GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/performance] [DEBUG] evaluating expression ''
[CI Pipeline/performance] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/performance] [DEBUG] Skipping step 'Start application' due to ''
[CI Pipeline/performance] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:5 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:performance GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/performance] [DEBUG] evaluating expression ''
[CI Pipeline/performance] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/performance] [DEBUG] Skipping step 'Wait for application to be ready' due to ''
[CI Pipeline/performance] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:6 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:performance GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/performance] [DEBUG] evaluating expression ''
[CI Pipeline/performance] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/performance] [DEBUG] Skipping step 'Run Lighthouse CI' due to ''
[CI Pipeline/performance] [DEBUG] skipping post step for 'Setup Node.js'; main step was skipped
[CI Pipeline/performance] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:0 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/checkout GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_ENV:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/envs.txt GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:performance GITHUB_OUTPUT:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/outputcmd.txt GITHUB_PATH:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/pathcmd.txt GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_STATE:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/statecmd.txt GITHUB_STEP_SUMMARY:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/workflow/SUMMARY.md GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/hostexecutor HOME:/Users/Vinod INPUT_CLEAN:true INPUT_FETCH-DEPTH:1 INPUT_FETCH-TAGS:false INPUT_FILTER: INPUT_GITHUB-SERVER-URL: INPUT_LFS:false INPUT_PATH: INPUT_PERSIST-CREDENTIALS:true INPUT_REF: INPUT_REPOSITORY:CommunityRule/community-rule INPUT_SET-SAFE-DIRECTORY:true INPUT_SHOW-PROGRESS:true INPUT_SPARSE-CHECKOUT: INPUT_SPARSE-CHECKOUT-CONE-MODE:true INPUT_SSH-KEY: INPUT_SSH-KNOWN-HOSTS: INPUT_SSH-STRICT:true INPUT_SSH-USER:git INPUT_SUBMODULES:false INPUT_TOKEN:*** ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/2f6e97e8bd8dbf97/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/performance] [DEBUG] evaluating expression 'always()'
[CI Pipeline/performance] [DEBUG] expression 'always()' evaluated to 'true'
[CI Pipeline/performance] ⭐ Run Post Checkout code
[CI Pipeline/performance] [DEBUG] run post step for 'Checkout code'
[CI Pipeline/performance] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/2f6e97e8bd8dbf97/act/actions/actions-checkout@v4/dist/index.js]
[CI Pipeline/performance] | Cannot find: node in PATH
[CI Pipeline/performance] ❌ Failure - Post Checkout code
[CI Pipeline/performance] Cleaning up services for job performance
[CI Pipeline/performance] Cleaning up container for job performance
[CI Pipeline/performance] 🏁 Job failed
[CI Pipeline/storybook] [DEBUG] evaluating expression 'success()'
[CI Pipeline/storybook] [DEBUG] expression 'success()' evaluated to 'true'
[CI Pipeline/storybook] ☁ git clone 'https://github.com/actions/checkout' # ref=v4
[CI Pipeline/storybook] [DEBUG] cloning https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/storybook] [DEBUG] Unable to pull refs/heads/v4: worktree contains unstaged changes
[CI Pipeline/storybook] [DEBUG] Cloned https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/storybook] [DEBUG] Checked out v4
[CI Pipeline/storybook] [DEBUG] Read action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }} from 'Unknown'
[CI Pipeline/storybook] ☁ git clone 'https://github.com/actions/setup-node' # ref=v4
[CI Pipeline/storybook] [DEBUG] cloning https://github.com/actions/setup-node to /Users/Vinod/.cache/act/actions-setup-node@v4
[CI Pipeline/storybook] [DEBUG] Cloned https://github.com/actions/setup-node to /Users/Vinod/.cache/act/actions-setup-node@v4
[CI Pipeline/storybook] [DEBUG] Checked out v4
[CI Pipeline/storybook] [DEBUG] Read action &{Setup Node.js environment GitHub Setup a Node.js environment by adding problem matchers and optionally downloading and adding it to the PATH. map[always-auth:{Set always-auth in npmrc. false false} architecture:{Target architecture for Node to use. Examples: x86, x64. Will use system architecture by default. false } cache:{Used to specify a package manager for caching in the default directory. Supported values: npm, yarn, pnpm. false } cache-dependency-path:{Used to specify the path to a dependency file: package-lock.json, yarn.lock, etc. Supports wildcards or a list of file names for caching multiple dependencies. false } check-latest:{Set this option if you want the action to check for the latest available version that satisfies the version spec. false false} mirror:{Used to specify an alternative mirror to downlooad Node.js binaries from false } mirror-token:{The token used as Authorization header when fetching from the mirror false } node-version:{Version Spec of the version to use. Examples: 12.x, 10.15.1, >=10.15.0. false } node-version-file:{File containing the version Spec of the version to use. Examples: package.json, .nvmrc, .node-version, .tool-versions. false } registry-url:{Optional registry to set up for auth. Will set the registry in a project level .npmrc and .yarnrc file, and set up auth to read in from env.NODE_AUTH_TOKEN. false } scope:{Optional scope for authenticating against scoped registries. Will fall back to the repository owner when using the GitHub Packages registry (https://npm.pkg.github.com/). false } token:{Used to pull node distributions from node-versions. Since there's a default, this is typically not supplied by the user. When running this action on github.com, the default value is sufficient. When running on GHES, you can pass a personal access token for github.com if you are experiencing rate limiting. false ${{ github.server_url == 'https://github.com' && github.token || '' }}}] map[cache-hit:{A boolean value to indicate if a cache was hit. } node-version:{The installed node version. }] {node20 map[] dist/setup/index.js always() dist/cache-save/index.js success() [] []} { }} from 'Unknown'
[CI Pipeline/storybook] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:0 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/checkout GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:storybook GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/storybook] [DEBUG] evaluating expression ''
[CI Pipeline/storybook] [DEBUG] expression '' evaluated to 'true'
[CI Pipeline/storybook] ⭐ Run Main Checkout code
[CI Pipeline/storybook] [DEBUG] About to run action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }}
[CI Pipeline/storybook] [DEBUG] expression '${{ github.repository }}' rewritten to 'format('{0}', github.repository)'
[CI Pipeline/storybook] [DEBUG] evaluating expression 'format('{0}', github.repository)'
[CI Pipeline/storybook] [DEBUG] expression 'format('{0}', github.repository)' evaluated to '%!t(string=CommunityRule/community-rule)'
[CI Pipeline/storybook] [DEBUG] expression '${{ github.token }}' rewritten to 'format('{0}', github.token)'
[CI Pipeline/storybook] [DEBUG] evaluating expression 'format('{0}', github.token)'
[CI Pipeline/storybook] [DEBUG] expression 'format('{0}', github.token)' evaluated to '%!t(string=***)'
[CI Pipeline/storybook] [DEBUG] type=remote-action actionDir=/Users/Vinod/.cache/act/actions-checkout@v4 actionPath= workdir=/workspace/CommunityRule/community-rule actionCacheDir=/Users/Vinod/.cache/act actionName=actions-checkout@v4 containerActionDir=/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/actions/actions-checkout@v4
[CI Pipeline/storybook] [DEBUG] Removing /Users/Vinod/.cache/act/actions-checkout@v4/.gitignore before docker cp
[CI Pipeline/storybook] [DEBUG] /Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/actions/actions-checkout@v4
[CI Pipeline/storybook] [DEBUG] Stripping prefix:/Users/Vinod/.cache/act/actions-checkout@v4/ src:/Users/Vinod/.cache/act/actions-checkout@v4/
[CI Pipeline/storybook] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/actions/actions-checkout@v4/dist/index.js]
[CI Pipeline/storybook] | Cannot find: node in PATH
[CI Pipeline/storybook] ❌ Failure - Main Checkout code
[CI Pipeline/storybook] Cannot find: node in PATH
[CI Pipeline/storybook] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:1 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/setup-node GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:storybook GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/hostexecutor HOME:/Users/Vinod INPUT_CACHE:npm INPUT_NODE-VERSION:20 ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/storybook] [DEBUG] evaluating expression ''
[CI Pipeline/storybook] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/storybook] [DEBUG] Skipping step 'Setup Node.js' due to ''
[CI Pipeline/storybook] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:2 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:storybook GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/storybook] [DEBUG] evaluating expression ''
[CI Pipeline/storybook] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/storybook] [DEBUG] Skipping step 'Install dependencies' due to ''
[CI Pipeline/storybook] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:3 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:storybook GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/storybook] [DEBUG] evaluating expression ''
[CI Pipeline/storybook] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/storybook] [DEBUG] Skipping step 'Build Storybook' due to ''
[CI Pipeline/storybook] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:4 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:storybook GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/storybook] [DEBUG] evaluating expression ''
[CI Pipeline/storybook] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/storybook] [DEBUG] Skipping step 'Run Storybook tests' due to ''
[CI Pipeline/storybook] [DEBUG] skipping post step for 'Setup Node.js'; main step was skipped
[CI Pipeline/storybook] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50511/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:0 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/checkout GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_ENV:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/envs.txt GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:storybook GITHUB_OUTPUT:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/outputcmd.txt GITHUB_PATH:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/pathcmd.txt GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_STATE:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/statecmd.txt GITHUB_STEP_SUMMARY:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/workflow/SUMMARY.md GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/hostexecutor HOME:/Users/Vinod INPUT_CLEAN:true INPUT_FETCH-DEPTH:1 INPUT_FETCH-TAGS:false INPUT_FILTER: INPUT_GITHUB-SERVER-URL: INPUT_LFS:false INPUT_PATH: INPUT_PERSIST-CREDENTIALS:true INPUT_REF: INPUT_REPOSITORY:CommunityRule/community-rule INPUT_SET-SAFE-DIRECTORY:true INPUT_SHOW-PROGRESS:true INPUT_SPARSE-CHECKOUT: INPUT_SPARSE-CHECKOUT-CONE-MODE:true INPUT_SSH-KEY: INPUT_SSH-KNOWN-HOSTS: INPUT_SSH-STRICT:true INPUT_SSH-USER:git INPUT_SUBMODULES:false INPUT_TOKEN:*** ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/eaaa7b6f837dcf49/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/storybook] [DEBUG] evaluating expression 'always()'
[CI Pipeline/storybook] [DEBUG] expression 'always()' evaluated to 'true'
[CI Pipeline/storybook] ⭐ Run Post Checkout code
[CI Pipeline/storybook] [DEBUG] run post step for 'Checkout code'
[CI Pipeline/storybook] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/eaaa7b6f837dcf49/act/actions/actions-checkout@v4/dist/index.js]
[CI Pipeline/storybook] | Cannot find: node in PATH
[CI Pipeline/storybook] ❌ Failure - Post Checkout code
[CI Pipeline/storybook] Cleaning up services for job storybook
[CI Pipeline/storybook] Cleaning up container for job storybook
[CI Pipeline/storybook] 🏁 Job failed
[CI Pipeline/lint] [DEBUG] evaluating expression 'success()'
[CI Pipeline/lint] [DEBUG] expression 'success()' evaluated to 'true'
[CI Pipeline/lint] ☁ git clone 'https://github.com/actions/checkout' # ref=v4
[CI Pipeline/lint] [DEBUG] cloning https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/lint] [DEBUG] Unable to pull refs/heads/v4: worktree contains unstaged changes
[CI Pipeline/lint] [DEBUG] Cloned https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/lint] [DEBUG] Checked out v4
[CI Pipeline/lint] [DEBUG] Read action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }} from 'Unknown'
[CI Pipeline/lint] context canceled
[CI Pipeline/lint] [DEBUG] skipping post step for 'Setup Node.js'; step was not executed
[CI Pipeline/lint] [DEBUG] skipping post step for 'Checkout code'; step was not executed
[CI Pipeline/lint] Cleaning up services for job lint
[CI Pipeline/lint] Cleaning up container for job lint
[CI Pipeline/lint] 🏁 Job succeeded
[CI Pipeline/build] [DEBUG] evaluating expression 'success()'
[CI Pipeline/build] [DEBUG] expression 'success()' evaluated to 'true'
[CI Pipeline/build] ☁ git clone 'https://github.com/actions/checkout' # ref=v4
[CI Pipeline/build] [DEBUG] cloning https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/build] [DEBUG] Cloned https://github.com/actions/checkout to /Users/Vinod/.cache/act/actions-checkout@v4
[CI Pipeline/build] [DEBUG] Checked out v4
[CI Pipeline/build] [DEBUG] Read action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }} from 'Unknown'
[CI Pipeline/build] ☁ git clone 'https://github.com/actions/setup-node' # ref=v4
[CI Pipeline/build] [DEBUG] cloning https://github.com/actions/setup-node to /Users/Vinod/.cache/act/actions-setup-node@v4
[CI Pipeline/build] [DEBUG] Cloned https://github.com/actions/setup-node to /Users/Vinod/.cache/act/actions-setup-node@v4
[CI Pipeline/build] [DEBUG] Checked out v4
[CI Pipeline/build] [DEBUG] Read action &{Setup Node.js environment GitHub Setup a Node.js environment by adding problem matchers and optionally downloading and adding it to the PATH. map[always-auth:{Set always-auth in npmrc. false false} architecture:{Target architecture for Node to use. Examples: x86, x64. Will use system architecture by default. false } cache:{Used to specify a package manager for caching in the default directory. Supported values: npm, yarn, pnpm. false } cache-dependency-path:{Used to specify the path to a dependency file: package-lock.json, yarn.lock, etc. Supports wildcards or a list of file names for caching multiple dependencies. false } check-latest:{Set this option if you want the action to check for the latest available version that satisfies the version spec. false false} mirror:{Used to specify an alternative mirror to downlooad Node.js binaries from false } mirror-token:{The token used as Authorization header when fetching from the mirror false } node-version:{Version Spec of the version to use. Examples: 12.x, 10.15.1, >=10.15.0. false } node-version-file:{File containing the version Spec of the version to use. Examples: package.json, .nvmrc, .node-version, .tool-versions. false } registry-url:{Optional registry to set up for auth. Will set the registry in a project level .npmrc and .yarnrc file, and set up auth to read in from env.NODE_AUTH_TOKEN. false } scope:{Optional scope for authenticating against scoped registries. Will fall back to the repository owner when using the GitHub Packages registry (https://npm.pkg.github.com/). false } token:{Used to pull node distributions from node-versions. Since there's a default, this is typically not supplied by the user. When running this action on github.com, the default value is sufficient. When running on GHES, you can pass a personal access token for github.com if you are experiencing rate limiting. false ${{ github.server_url == 'https://github.com' && github.token || '' }}}] map[cache-hit:{A boolean value to indicate if a cache was hit. } node-version:{The installed node version. }] {node20 map[] dist/setup/index.js always() dist/cache-save/index.js success() [] []} { }} from 'Unknown'
[CI Pipeline/build] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50541/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:0 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/checkout GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:build GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/bae0e73dbed73bd8/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/bae0e73dbed73bd8/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/build] [DEBUG] evaluating expression ''
[CI Pipeline/build] [DEBUG] expression '' evaluated to 'true'
[CI Pipeline/build] ⭐ Run Main Checkout code
[CI Pipeline/build] [DEBUG] About to run action &{Checkout Checkout a Git repository at a particular version map[clean:{Whether to execute `git clean -ffdx && git reset --hard HEAD` before fetching false true} fetch-depth:{Number of commits to fetch. 0 indicates all history for all branches and tags. false 1} fetch-tags:{Whether to fetch tags, even if fetch-depth > 0. false false} filter:{Partially clone against a given filter. Overrides sparse-checkout if set.
false } github-server-url:{The base URL for the GitHub instance that you are trying to clone from, will use environment defaults to fetch from the same instance that the workflow is running from unless specified. Example URLs are https://github.com or https://my-ghes-server.example.com false } lfs:{Whether to download Git-LFS files false false} path:{Relative path under $GITHUB_WORKSPACE to place the repository false } persist-credentials:{Whether to configure the token or SSH key with the local git config false true} ref:{The branch, tag or SHA to checkout. When checking out the repository that triggered a workflow, this defaults to the reference or SHA for that event. Otherwise, uses the default branch.
false } repository:{Repository name with owner. For example, actions/checkout false ${{ github.repository }}} set-safe-directory:{Add repository path as safe.directory for Git global config by running `git config --global --add safe.directory <path>` false true} show-progress:{Whether to show progress status output when fetching. false true} sparse-checkout:{Do a sparse checkout on given patterns. Each pattern should be separated with new lines.
false } sparse-checkout-cone-mode:{Specifies whether to use cone-mode when doing a sparse checkout.
false true} ssh-key:{SSH key used to fetch the repository. The SSH key is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the SSH key.
We recommend using a service account with the least permissions necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false } ssh-known-hosts:{Known hosts in addition to the user and global host key database. The public SSH keys for a host may be obtained using the utility `ssh-keyscan`. For example, `ssh-keyscan github.com`. The public key for github.com is always implicitly added.
false } ssh-strict:{Whether to perform strict host key checking. When true, adds the options `StrictHostKeyChecking=yes` and `CheckHostIP=no` to the SSH command line. Use the input `ssh-known-hosts` to configure additional hosts.
false true} ssh-user:{The user to use when connecting to the remote SSH host. By default 'git' is used.
false git} submodules:{Whether to checkout submodules: `true` to checkout submodules or `recursive` to recursively checkout submodules.
When the `ssh-key` input is not provided, SSH URLs beginning with `git@github.com:` are converted to HTTPS.
false false} token:{Personal access token (PAT) used to fetch the repository. The PAT is configured with the local git config, which enables your scripts to run authenticated git commands. The post-job step removes the PAT.
We recommend using a service account with the least permissions necessary. Also when generating a new PAT, select the least scopes necessary.
[Learn more about creating and using encrypted secrets](https://help.github.com/en/actions/automating-your-workflow-with-github-actions/creating-and-using-encrypted-secrets)
false ${{ github.token }}}] map[commit:{The commit SHA that was checked out } ref:{The branch, tag or SHA that was checked out }] {node20 map[] dist/index.js always() dist/index.js always() [] []} { }}
[CI Pipeline/build] [DEBUG] expression '${{ github.repository }}' rewritten to 'format('{0}', github.repository)'
[CI Pipeline/build] [DEBUG] evaluating expression 'format('{0}', github.repository)'
[CI Pipeline/build] [DEBUG] expression 'format('{0}', github.repository)' evaluated to '%!t(string=CommunityRule/community-rule)'
[CI Pipeline/build] [DEBUG] expression '${{ github.token }}' rewritten to 'format('{0}', github.token)'
[CI Pipeline/build] [DEBUG] evaluating expression 'format('{0}', github.token)'
[CI Pipeline/build] [DEBUG] expression 'format('{0}', github.token)' evaluated to '%!t(string=***)'
[CI Pipeline/build] [DEBUG] type=remote-action actionDir=/Users/Vinod/.cache/act/actions-checkout@v4 actionPath= workdir=/workspace/CommunityRule/community-rule actionCacheDir=/Users/Vinod/.cache/act actionName=actions-checkout@v4 containerActionDir=/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/actions/actions-checkout@v4
[CI Pipeline/build] [DEBUG] Removing /Users/Vinod/.cache/act/actions-checkout@v4/.gitignore before docker cp
[CI Pipeline/build] [DEBUG] /Users/Vinod/.cache/act/bae0e73dbed73bd8/act/actions/actions-checkout@v4
[CI Pipeline/build] [DEBUG] Stripping prefix:/Users/Vinod/.cache/act/actions-checkout@v4/ src:/Users/Vinod/.cache/act/actions-checkout@v4/
[CI Pipeline/build] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/bae0e73dbed73bd8/act/actions/actions-checkout@v4/dist/index.js]
[CI Pipeline/build] | Cannot find: node in PATH
[CI Pipeline/build] ❌ Failure - Main Checkout code
[CI Pipeline/build] Cannot find: node in PATH
[CI Pipeline/build] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50541/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:1 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/setup-node GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:build GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/bae0e73dbed73bd8/hostexecutor HOME:/Users/Vinod INPUT_CACHE:npm INPUT_NODE-VERSION:20 ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/bae0e73dbed73bd8/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/build] [DEBUG] evaluating expression ''
[CI Pipeline/build] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/build] [DEBUG] Skipping step 'Setup Node.js' due to ''
[CI Pipeline/build] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50541/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:2 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:build GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/bae0e73dbed73bd8/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/bae0e73dbed73bd8/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/build] [DEBUG] evaluating expression ''
[CI Pipeline/build] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/build] [DEBUG] Skipping step 'Install dependencies' due to ''
[CI Pipeline/build] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50541/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:3 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:build GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/bae0e73dbed73bd8/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/bae0e73dbed73bd8/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/build] [DEBUG] evaluating expression ''
[CI Pipeline/build] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/build] [DEBUG] Skipping step 'Build application' due to ''
[CI Pipeline/build] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50541/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:4 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF: GITHUB_ACTION_REPOSITORY: GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:build GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/bae0e73dbed73bd8/hostexecutor HOME:/Users/Vinod ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/bae0e73dbed73bd8/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/build] [DEBUG] evaluating expression ''
[CI Pipeline/build] [DEBUG] expression '' evaluated to 'false'
[CI Pipeline/build] [DEBUG] Skipping step 'Build Storybook' due to ''
[CI Pipeline/build] [DEBUG] skipping post step for 'Setup Node.js'; main step was skipped
[CI Pipeline/build] [DEBUG] setupEnv => map[ACT:true ACTIONS_CACHE_URL:http://192.168.1.3:50541/ ACTIONS_RUNTIME_TOKEN:*** ACTIONS_RUNTIME_URL:https://git.medlab.host/api/actions_pipeline/ CI:true GITEA_ACTIONS:true GITEA_ACTIONS_RUNNER_VERSION:v0.2.6 GITHUB_ACTION:0 GITHUB_ACTIONS:true GITHUB_ACTION_PATH: GITHUB_ACTION_REF:v4 GITHUB_ACTION_REPOSITORY:actions/checkout GITHUB_ACTOR:an.di GITHUB_API_URL:https://git.medlab.host/api/v1 GITHUB_BASE_REF: GITHUB_ENV:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/envs.txt GITHUB_EVENT_NAME:push GITHUB_EVENT_PATH:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/event.json GITHUB_GRAPHQL_URL: GITHUB_HEAD_REF: GITHUB_JOB:build GITHUB_OUTPUT:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/outputcmd.txt GITHUB_PATH:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/pathcmd.txt GITHUB_REF:refs/heads/adilallo/enhancement/TestingFramework GITHUB_REF_NAME:adilallo/enhancement/TestingFramework GITHUB_REF_TYPE:branch GITHUB_REPOSITORY:CommunityRule/community-rule GITHUB_REPOSITORY_OWNER:CommunityRule GITHUB_RETENTION_DAYS: GITHUB_RUN_ID:13 GITHUB_RUN_NUMBER:1 GITHUB_SERVER_URL:https://git.medlab.host GITHUB_SHA:dec2757f88b843da25faf219cb03491d3ef8cd4d GITHUB_STATE:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/statecmd.txt GITHUB_STEP_SUMMARY:/Users/Vinod/.cache/act/bae0e73dbed73bd8/act/workflow/SUMMARY.md GITHUB_TOKEN:*** GITHUB_WORKFLOW:CI Pipeline GITHUB_WORKSPACE:/Users/Vinod/.cache/act/bae0e73dbed73bd8/hostexecutor HOME:/Users/Vinod INPUT_CLEAN:true INPUT_FETCH-DEPTH:1 INPUT_FETCH-TAGS:false INPUT_FILTER: INPUT_GITHUB-SERVER-URL: INPUT_LFS:false INPUT_PATH: INPUT_PERSIST-CREDENTIALS:true INPUT_REF: INPUT_REPOSITORY:CommunityRule/community-rule INPUT_SET-SAFE-DIRECTORY:true INPUT_SHOW-PROGRESS:true INPUT_SPARSE-CHECKOUT: INPUT_SPARSE-CHECKOUT-CONE-MODE:true INPUT_SSH-KEY: INPUT_SSH-KNOWN-HOSTS: INPUT_SSH-STRICT:true INPUT_SSH-USER:git INPUT_SUBMODULES:false INPUT_TOKEN:*** ImageOS:macoslatest LOGNAME:Vinod PATH:/usr/bin:/bin:/usr/sbin:/sbin RUNNER_ARCH:amd64 RUNNER_OS:macOS RUNNER_PERFLOG:/dev/null RUNNER_TEMP:/Users/Vinod/.cache/act/bae0e73dbed73bd8/tmp RUNNER_TOOL_CACHE:/Users/Vinod/.cache/act/tool_cache RUNNER_TRACKING_ID: SHELL:/bin/bash SSH_AUTH_SOCK:/private/tmp/com.apple.launchd.TR6IO7q3CL/Listeners TMPDIR:/var/folders/zh/1tz9wdyd7zd5qr_x789vr2s00000gn/T/ USER:Vinod XPC_FLAGS:0x0 XPC_SERVICE_NAME:com.gitea.act-runner]
[CI Pipeline/build] [DEBUG] evaluating expression 'always()'
[CI Pipeline/build] [DEBUG] expression 'always()' evaluated to 'true'
[CI Pipeline/build] ⭐ Run Post Checkout code
[CI Pipeline/build] [DEBUG] run post step for 'Checkout code'
[CI Pipeline/build] [DEBUG] executing remote job container: [node /Users/Vinod/.cache/act/bae0e73dbed73bd8/act/actions/actions-checkout@v4/dist/index.js]
[CI Pipeline/build] | Cannot find: node in PATH
[CI Pipeline/build] ❌ Failure - Post Checkout code
[CI Pipeline/build] Cleaning up services for job build
[CI Pipeline/build] Cleaning up container for job build
[CI Pipeline/build] 🏁 Job failed
scripts/performance-monitor.js
+387
View File
@@ -0,0 +1,387 @@
#!/usr/bin/env node
/**
* Performance Monitoring Script
*
* This script provides comprehensive performance monitoring capabilities
* for the Community Rule application.
*/
const { spawn } = require("child_process");
const fs = require("fs");
const path = require("path");
// Performance budgets
const PERFORMANCE_BUDGETS = {
page_load_time: 3000,
first_contentful_paint: 2000,
largest_contentful_paint: 2500,
first_input_delay: 100,
dns_lookup: 100,
tcp_connection: 200,
ttfb: 600,
dom_content_loaded: 1500,
full_load: 3000,
component_render_time: 500,
interaction_time: 100,
scroll_performance: 50,
network_request_duration: 1000,
memory_usage_mb: 50,
};
// Baseline metrics for regression detection
const BASELINE_METRICS = {
page_load_time: 2000,
first_contentful_paint: 1500,
largest_contentful_paint: 2000,
first_input_delay: 50,
dns_lookup: 50,
tcp_connection: 100,
ttfb: 400,
dom_content_loaded: 1000,
full_load: 2000,
component_render_time: 300,
interaction_time: 50,
scroll_performance: 30,
network_request_duration: 500,
memory_usage_mb: 30,
};
class PerformanceMonitorScript {
constructor() {
this.metrics = new Map();
this.regressions = [];
this.warnings = [];
}
/**
* Run Lighthouse CI performance tests
*/
async runLighthouseCI() {
console.log("🚀 Running Lighthouse CI performance tests...");
return new Promise((resolve, reject) => {
const lhci = spawn("npx", ["lhci", "autorun"], {
stdio: "pipe",
shell: true,
});
let output = "";
let errorOutput = "";
lhci.stdout.on("data", (data) => {
output += data.toString();
console.log(data.toString());
});
lhci.stderr.on("data", (data) => {
errorOutput += data.toString();
console.error(data.toString());
});
lhci.on("close", (code) => {
if (code === 0) {
console.log("✅ Lighthouse CI tests completed successfully");
this.analyzeLighthouseResults(output);
resolve(output);
} else {
console.error("❌ Lighthouse CI tests failed");
reject(
new Error(`Lighthouse CI failed with code ${code}: ${errorOutput}`),
);
}
});
});
}
/**
* Run Playwright performance tests
*/
async runPlaywrightPerformanceTests() {
console.log("🎭 Running Playwright performance tests...");
return new Promise((resolve, reject) => {
const playwright = spawn(
"npx",
[
"playwright",
"test",
"tests/e2e/performance.spec.ts",
"--reporter=json",
],
{
stdio: "pipe",
shell: true,
},
);
let output = "";
let errorOutput = "";
playwright.stdout.on("data", (data) => {
output += data.toString();
});
playwright.stderr.on("data", (data) => {
errorOutput += data.toString();
});
playwright.on("close", (code) => {
if (code === 0) {
console.log("✅ Playwright performance tests completed successfully");
this.analyzePlaywrightResults(output);
resolve(output);
} else {
console.error("❌ Playwright performance tests failed");
reject(
new Error(
`Playwright tests failed with code ${code}: ${errorOutput}`,
),
);
}
});
});
}
/**
* Analyze Lighthouse CI results
*/
analyzeLighthouseResults(output) {
console.log("📊 Analyzing Lighthouse CI results...");
// Parse Lighthouse results
const lines = output.split("\n");
let currentMetric = null;
for (const line of lines) {
if (line.includes("Performance")) {
const scoreMatch = line.match(/(\d+)/);
if (scoreMatch) {
const score = parseInt(scoreMatch[1]);
this.recordMetric("lighthouse_performance_score", score);
if (score < 90) {
this.warnings.push(
`Performance score below threshold: ${score}/100`,
);
}
}
}
if (line.includes("First Contentful Paint")) {
const timeMatch = line.match(/(\d+(?:\.\d+)?)\s*ms/);
if (timeMatch) {
const time = parseFloat(timeMatch[1]);
this.recordMetric("first_contentful_paint", time);
if (time > PERFORMANCE_BUDGETS.first_contentful_paint) {
this.warnings.push(
`First Contentful Paint exceeded budget: ${time}ms`,
);
}
}
}
if (line.includes("Largest Contentful Paint")) {
const timeMatch = line.match(/(\d+(?:\.\d+)?)\s*ms/);
if (timeMatch) {
const time = parseFloat(timeMatch[1]);
this.recordMetric("largest_contentful_paint", time);
if (time > PERFORMANCE_BUDGETS.largest_contentful_paint) {
this.warnings.push(
`Largest Contentful Paint exceeded budget: ${time}ms`,
);
}
}
}
if (line.includes("Total Blocking Time")) {
const timeMatch = line.match(/(\d+(?:\.\d+)?)\s*ms/);
if (timeMatch) {
const time = parseFloat(timeMatch[1]);
this.recordMetric("total_blocking_time", time);
if (time > 300) {
this.warnings.push(
`Total Blocking Time exceeded budget: ${time}ms`,
);
}
}
}
if (line.includes("Cumulative Layout Shift")) {
const shiftMatch = line.match(/(\d+(?:\.\d+)?)/);
if (shiftMatch) {
const shift = parseFloat(shiftMatch[1]);
this.recordMetric("cumulative_layout_shift", shift);
if (shift > 0.1) {
this.warnings.push(
`Cumulative Layout Shift exceeded budget: ${shift}`,
);
}
}
}
}
}
/**
* Analyze Playwright test results
*/
analyzePlaywrightResults(output) {
console.log("📊 Analyzing Playwright test results...");
try {
const results = JSON.parse(output);
for (const result of results) {
if (result.status === "failed") {
this.warnings.push(`Test failed: ${result.title}`);
}
}
} catch (error) {
console.warn("Could not parse Playwright results as JSON");
}
}
/**
* Record a performance metric
*/
recordMetric(name, value) {
if (!this.metrics.has(name)) {
this.metrics.set(name, []);
}
this.metrics.get(name).push({
value,
timestamp: Date.now(),
});
// Check against baseline for regression detection
const baseline = BASELINE_METRICS[name];
if (baseline) {
const regressionThreshold = baseline * 1.2; // 20% regression threshold
if (value > regressionThreshold) {
this.regressions.push({
metric: name,
current: value,
baseline,
regression: (((value - baseline) / baseline) * 100).toFixed(1) + "%",
});
}
}
}
/**
* Generate performance report
*/
generateReport() {
console.log("\n📈 Performance Monitoring Report");
console.log("================================\n");
// Summary
console.log("📊 Summary:");
console.log(`- Total metrics recorded: ${this.metrics.size}`);
console.log(
`- Performance regressions detected: ${this.regressions.length}`,
);
console.log(`- Warnings: ${this.warnings.length}\n`);
// Performance regressions
if (this.regressions.length > 0) {
console.log("🚨 Performance Regressions:");
for (const regression of this.regressions) {
console.log(
` - ${regression.metric}: ${regression.current} (baseline: ${regression.baseline}, regression: ${regression.regression})`,
);
}
console.log("");
}
// Warnings
if (this.warnings.length > 0) {
console.log("⚠️ Warnings:");
for (const warning of this.warnings) {
console.log(` - ${warning}`);
}
console.log("");
}
// Metrics summary
console.log("📋 Metrics Summary:");
for (const [name, values] of this.metrics) {
const latest = values[values.length - 1];
const average =
values.reduce((sum, v) => sum + v.value, 0) / values.length;
const budget = PERFORMANCE_BUDGETS[name];
console.log(` - ${name}:`);
console.log(` Latest: ${latest.value}`);
console.log(` Average: ${average.toFixed(2)}`);
if (budget) {
const status = latest.value <= budget ? "✅" : "❌";
console.log(` Budget: ${budget} ${status}`);
}
}
// Save report to file
const report = {
timestamp: new Date().toISOString(),
summary: {
totalMetrics: this.metrics.size,
regressions: this.regressions.length,
warnings: this.warnings.length,
},
regressions: this.regressions,
warnings: this.warnings,
metrics: Object.fromEntries(this.metrics),
};
const reportPath = path.join(__dirname, "../performance-report.json");
fs.writeFileSync(reportPath, JSON.stringify(report, null, 2));
console.log(`\n📄 Report saved to: ${reportPath}`);
return report;
}
/**
* Run all performance monitoring
*/
async run() {
console.log("🔍 Starting Performance Monitoring...\n");
try {
// Run Lighthouse CI tests
await this.runLighthouseCI();
// Run Playwright performance tests
await this.runPlaywrightPerformanceTests();
// Generate and display report
const report = this.generateReport();
// Exit with appropriate code
if (this.regressions.length > 0) {
console.log("❌ Performance regressions detected!");
process.exit(1);
} else if (this.warnings.length > 0) {
console.log("⚠️ Performance warnings detected.");
process.exit(0);
} else {
console.log("✅ All performance checks passed!");
process.exit(0);
}
} catch (error) {
console.error("❌ Performance monitoring failed:", error.message);
process.exit(1);
}
}
}
// Run the performance monitor if this script is executed directly
if (require.main === module) {
const monitor = new PerformanceMonitorScript();
monitor.run();
}
module.exports = PerformanceMonitorScript;
scripts/seed-snapshots.sh
Executable
+43
View File
@@ -0,0 +1,43 @@
#!/bin/bash
# Script to seed visual regression snapshots using Playwright Docker container
# This ensures the snapshots are generated in the same environment as CI
set -e
echo "🚀 Seeding visual regression snapshots using Playwright Docker container..."
# Check if Docker is available
if ! command -v docker &> /dev/null; then
echo "❌ Docker is not installed or not available in PATH"
exit 1
fi
# Run the Playwright container and generate snapshots
docker run --rm -it \
-v "$(pwd):/work" \
-w /work \
mcr.microsoft.com/playwright:v1.54.2-jammy \
bash -c "
echo '📦 Installing dependencies...'
npm ci
echo '🎭 Installing Playwright browsers...'
npx playwright install --with-deps
echo '🔨 Building application...'
npm run build
echo '🌐 Starting preview server...'
npm run preview &
sleep 10
echo '📸 Generating snapshots...'
PLAYWRIGHT_UPDATE_SNAPSHOTS=1 npx playwright test tests/e2e/visual-regression.spec.ts --project=chromium
echo '✅ Snapshots generated successfully!'
"
echo "🎉 Snapshot seeding completed!"
echo "📁 Check the generated snapshots in: tests/e2e/visual-regression.spec.ts-snapshots/"
echo "💡 Don't forget to commit the snapshot files to your repository"
scripts/test-lhci.js
+66
View File
@@ -0,0 +1,66 @@
#!/usr/bin/env node
/**
* Simple test script to verify LHCI configuration
* This script validates the configuration without running actual tests
*/
const fs = require("fs");
const path = require("path");
console.log("🔍 Testing LHCI Configuration...\n");
// Check if .lighthouserc.json exists
const configPath = path.join(process.cwd(), ".lighthouserc.json");
if (fs.existsSync(configPath)) {
console.log("✅ .lighthouserc.json found");
try {
const config = JSON.parse(fs.readFileSync(configPath, "utf8"));
console.log("✅ Configuration is valid JSON");
if (config.ci && config.ci.collect && config.ci.assert) {
console.log("✅ Configuration has required sections (collect, assert)");
console.log(`✅ Testing ${config.ci.collect.numberOfRuns} runs`);
console.log(`✅ URL: ${config.ci.collect.url[0]}`);
} else {
console.log("❌ Configuration missing required sections");
}
} catch (error) {
console.log("❌ Configuration is not valid JSON:", error.message);
}
} else {
console.log("❌ .lighthouserc.json not found");
}
// Check if @lhci/cli is installed
try {
const { execSync } = require("child_process");
execSync("npx lhci --version", { stdio: "pipe" });
console.log("✅ @lhci/cli package is installed and working");
} catch (error) {
console.log("❌ @lhci/cli package is not working:", error.message);
}
// Check package.json scripts
const packagePath = path.join(process.cwd(), "package.json");
if (fs.existsSync(packagePath)) {
try {
const packageJson = JSON.parse(fs.readFileSync(packagePath, "utf8"));
if (packageJson.scripts && packageJson.scripts.lhci) {
console.log("✅ LHCI script found in package.json");
} else {
console.log("❌ LHCI script not found in package.json");
}
} catch (error) {
console.log("❌ Error reading package.json:", error.message);
}
}
console.log("\n🎉 LHCI Configuration Test Complete!");
console.log(
"Note: Actual LHCI tests may fail locally due to Node.js architecture issues on macOS.",
);
console.log(
"The CI environment should work correctly with the provided configuration.",
);
start-runner.sh
Executable
+35
View File
@@ -0,0 +1,35 @@
#!/bin/bash
echo "🚀 Starting Gitea Actions Runner..."
# Ensure Node.js is available in PATH
export PATH="/usr/local/bin:/opt/homebrew/bin:/usr/bin:/bin:$PATH"
# Verify Node.js is accessible
if ! command -v node >/dev/null 2>&1; then
echo "❌ Node.js not found in PATH!"
echo "Current PATH: $PATH"
exit 1
fi
echo "✅ Node.js found: $(which node) - $(node -v)"
# Check if runner is already running
if pgrep -f "act_runner daemon" > /dev/null; then
echo "⚠️ Runner is already running!"
echo "To stop it, run: ./stop-runner.sh"
exit 1
fi
# Start the runner in the background with proper PATH
PATH="/usr/local/bin:/opt/homebrew/bin:/usr/bin:/bin:$PATH" ./act_runner daemon --config config.yaml &
RUNNER_PID=$!
# Save PID to file for easy stopping
echo $RUNNER_PID > .runner.pid
echo "✅ Runner started with PID: $RUNNER_PID"
echo "📝 Logs will be written to: runner.log"
echo ""
echo "To stop the runner, run: ./stop-runner.sh"
echo "To check status, run: ./status-runner.sh"
status-runner.sh
Executable
+27
View File
@@ -0,0 +1,27 @@
#!/bin/bash
echo "📊 Gitea Actions Runner Status"
echo "=============================="
# Check if runner is running
if pgrep -f "act_runner daemon" > /dev/null; then
RUNNER_PID=$(pgrep -f "act_runner daemon")
echo "✅ Runner is RUNNING (PID: $RUNNER_PID)"
echo ""
echo "📝 Recent logs:"
if [ -f runner.log ]; then
tail -5 runner.log
else
echo "No log file found"
fi
echo ""
echo "To stop the runner: ./stop-runner.sh"
else
echo "❌ Runner is NOT RUNNING"
echo ""
echo "To start the runner: ./start-runner.sh"
fi
echo ""
echo "🔗 Gitea Actions URL:"
echo "https://git.medlab.host/CommunityRule/community-rule/actions"

Some files were not shown because too many files have changed in this diff Show More