grimmory/frontend/Justfile at develop · CLOUDPIXEL-LAB/grimmory · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
set shell := ["bash", "-eu", "-o", "pipefail", "-c"]

yarn := "env YARN_ENABLE_GLOBAL_CACHE=0 YARN_CACHE_FOLDER=../.yarn/cache corepack yarn"

# Show the frontend recipes available in this directory.
help:
    @just --list

# Install or update frontend dependencies for local development.
install:
    {{ yarn }} install

# Install the frontend dependencies exactly as CI does.
install-ci:
    {{ yarn }} install --immutable

# Run the Angular development server.
dev:
    {{ yarn }} dev

# Run the Angular development server with the default `start` script.
start:
    {{ yarn }} start

# Build the production frontend bundle.
build:
    CI=1 NG_CLI_ANALYTICS=false {{ yarn }} build:prod

# Build the frontend continuously in development mode.
watch:
    {{ yarn }} watch

# Run the frontend test suite.
test:
    {{ yarn }} test

# Run the frontend tests with a coverage report.
coverage:
    {{ yarn }} coverage

# Summarize the latest frontend coverage report by global and feature buckets.
coverage-summary:
    {{ yarn }} coverage:summary

# Install the Chromium browser used by the frontend Playwright suite.
e2e-install:
    {{ yarn }} e2e:install

# Run the frontend Playwright suite.
e2e:
    {{ yarn }} e2e

# Run a single frontend Playwright spec file.
e2e-file spec:
    {{ yarn }} e2e {{ spec }}

# List the tests contained in a single frontend Playwright spec file.
e2e-list spec:
    {{ yarn }} e2e {{ spec }} --list

# Start the Angular dev server for Playwright against a fixed host and port.
e2e-dev host='127.0.0.1' port='4301':
    {{ yarn }} ng serve --host {{ host }} --port {{ port }} --configuration development --watch=false

# Run the frontend linter.
lint:
    {{ yarn }} lint:eslint

# Run the frontend stylesheet linter.
stylelint:
    {{ yarn }} lint:styles

# Run the frontend stylesheet linter with autofix enabled.
stylelint-fix:
    {{ yarn }} lint:styles:fix

# Run the frontend TypeScript typechecker without emitting build output.
typecheck:
    {{ yarn }} typecheck

# Check the installed dependency tree.
deps:
    {{ yarn }} info -R --name-only

# Run a local dependency audit without forcing a CI-specific severity threshold.
audit:
    {{ yarn }} npm audit

# Run the stricter dependency audit used in CI.
audit-ci:
    {{ yarn }} npm audit --severity critical

# Run the standard local frontend verification pass.
check: deps typecheck lint stylelint build test

# Run the frontend CI-style verification sequence from a clean install.
ci-check: install-ci audit-ci deps typecheck lint stylelint build test