Skip to content

Commit 98bafc5

Browse files
ritz078ritz078
committed
Update Node.js version, add biome configuration, and refactor Angular example files
- Upgraded Node.js version from 20.9.0 to 22.0.0 in the main and Angular example projects. - Introduced a new biome.json configuration file to manage file formatting and ignore patterns. - Refactored various Angular example files for consistent formatting and improved readability. - Updated README.md with additional resources for TypeScript and Angular compiler options. - Minor adjustments in test files for consistency in formatting and structure.
1 parent c2f53f0 commit 98bafc5

17 files changed

+837
-740
lines changed

‎.tool-versions

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
nodejs 20.9.0
1+
nodejs 22.0.0

‎biome.json

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
3+
"files": {
4+
"ignore": ["examples/angular/.angular/cache/*"]
5+
},
6+
"formatter": {
7+
"indentStyle": "space",
8+
"indentWidth": 2
9+
}
10+
}

‎examples/angular/.tool-versions

-1
This file was deleted.

‎examples/angular/README.md

+4
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,10 @@ npm start
3535

3636
The example will now be running at `http://localhost:4200`
3737

38+
To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html.
39+
40+
To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options.
41+
3842
## Troubleshooting
3943

4044
If you encounter any issues running Nutrient Web SDK in an Angular application, please check our dedicated [Troubleshooting guide](https://www.nutrient.io/guides/web/current/troubleshooting/common-issues) to see if there is already a solution.

‎examples/angular/angular.json

+88-88
Original file line numberDiff line numberDiff line change
@@ -1,90 +1,90 @@
11
{
2-
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3-
"version": 1,
4-
"newProjectRoot": "projects",
5-
"projects": {
6-
"pspdfkit-web-example-angular": {
7-
"projectType": "application",
8-
"schematics": {},
9-
"root": "",
10-
"sourceRoot": "src",
11-
"prefix": "app",
12-
"architect": {
13-
"build": {
14-
"builder": "@angular-devkit/build-angular:application",
15-
"options": {
16-
"outputPath": "dist/pspdfkit-web-example-angular",
17-
"index": "src/index.html",
18-
"browser": "src/main.ts",
19-
"polyfills": ["zone.js"],
20-
"tsConfig": "tsconfig.app.json",
21-
"assets": [
22-
"src/favicon.ico",
23-
"src/assets",
24-
{
25-
"glob": "**/*",
26-
"input": "./node_modules/pspdfkit/dist/pspdfkit-lib/",
27-
"output": "./assets/pspdfkit-lib/"
28-
}
29-
],
30-
"styles": ["src/styles.css"],
31-
"scripts": []
32-
},
33-
"configurations": {
34-
"production": {
35-
"budgets": [
36-
{
37-
"type": "initial",
38-
"maximumWarning": "500kB",
39-
"maximumError": "10MB"
40-
},
41-
{
42-
"type": "anyComponentStyle",
43-
"maximumWarning": "2kB",
44-
"maximumError": "4kB"
45-
}
46-
],
47-
"outputHashing": "all"
48-
},
49-
"development": {
50-
"optimization": false,
51-
"extractLicenses": false,
52-
"sourceMap": true
53-
}
54-
},
55-
"defaultConfiguration": "production"
56-
},
57-
"serve": {
58-
"builder": "@angular-devkit/build-angular:dev-server",
59-
"configurations": {
60-
"production": {
61-
"buildTarget": "pspdfkit-web-example-angular:build:production"
62-
},
63-
"development": {
64-
"buildTarget": "pspdfkit-web-example-angular:build:development"
65-
}
66-
},
67-
"defaultConfiguration": "development"
68-
},
69-
"extract-i18n": {
70-
"builder": "@angular-devkit/build-angular:extract-i18n"
71-
},
72-
"test": {
73-
"builder": "@angular-devkit/build-angular:karma",
74-
"options": {
75-
"polyfills": ["zone.js", "zone.js/testing"],
76-
"tsConfig": "tsconfig.spec.json",
77-
"assets": [
78-
{
79-
"glob": "**/*",
80-
"input": "public"
81-
}
82-
],
83-
"styles": ["src/styles.css"],
84-
"scripts": []
85-
}
86-
}
87-
}
88-
}
89-
}
2+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3+
"version": 1,
4+
"newProjectRoot": "projects",
5+
"projects": {
6+
"pspdfkit-web-example-angular": {
7+
"projectType": "application",
8+
"schematics": {},
9+
"root": "",
10+
"sourceRoot": "src",
11+
"prefix": "app",
12+
"architect": {
13+
"build": {
14+
"builder": "@angular-devkit/build-angular:application",
15+
"options": {
16+
"outputPath": "dist/pspdfkit-web-example-angular",
17+
"index": "src/index.html",
18+
"browser": "src/main.ts",
19+
"polyfills": ["zone.js"],
20+
"tsConfig": "tsconfig.app.json",
21+
"assets": [
22+
"src/favicon.ico",
23+
"src/assets",
24+
{
25+
"glob": "**/*",
26+
"input": "./node_modules/pspdfkit/dist/pspdfkit-lib/",
27+
"output": "./assets/pspdfkit-lib/"
28+
}
29+
],
30+
"styles": ["src/styles.css"],
31+
"scripts": []
32+
},
33+
"configurations": {
34+
"production": {
35+
"budgets": [
36+
{
37+
"type": "initial",
38+
"maximumWarning": "500kB",
39+
"maximumError": "10MB"
40+
},
41+
{
42+
"type": "anyComponentStyle",
43+
"maximumWarning": "2kB",
44+
"maximumError": "4kB"
45+
}
46+
],
47+
"outputHashing": "all"
48+
},
49+
"development": {
50+
"optimization": false,
51+
"extractLicenses": false,
52+
"sourceMap": true
53+
}
54+
},
55+
"defaultConfiguration": "production"
56+
},
57+
"serve": {
58+
"builder": "@angular-devkit/build-angular:dev-server",
59+
"configurations": {
60+
"production": {
61+
"buildTarget": "pspdfkit-web-example-angular:build:production"
62+
},
63+
"development": {
64+
"buildTarget": "pspdfkit-web-example-angular:build:development"
65+
}
66+
},
67+
"defaultConfiguration": "development"
68+
},
69+
"extract-i18n": {
70+
"builder": "@angular-devkit/build-angular:extract-i18n"
71+
},
72+
"test": {
73+
"builder": "@angular-devkit/build-angular:karma",
74+
"options": {
75+
"polyfills": ["zone.js", "zone.js/testing"],
76+
"tsConfig": "tsconfig.spec.json",
77+
"assets": [
78+
{
79+
"glob": "**/*",
80+
"input": "public"
81+
}
82+
],
83+
"styles": ["src/styles.css"],
84+
"scripts": []
85+
}
86+
}
87+
}
88+
}
89+
}
9090
}

‎examples/angular/package.json

+38-38
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,40 @@
11
{
2-
"name": "my-app",
3-
"version": "0.0.0",
4-
"scripts": {
5-
"ng": "ng",
6-
"start": "ng serve",
7-
"build": "ng build",
8-
"watch": "ng build --watch --configuration development",
9-
"test": "ng test"
10-
},
11-
"private": true,
12-
"dependencies": {
13-
"@angular/animations": "^18.2.0",
14-
"@angular/common": "^18.2.0",
15-
"@angular/compiler": "^18.2.0",
16-
"@angular/core": "^18.2.0",
17-
"@angular/forms": "^18.2.0",
18-
"@angular/platform-browser": "^18.2.0",
19-
"@angular/platform-browser-dynamic": "^18.2.0",
20-
"@angular/router": "^18.2.0",
21-
"pspdfkit": "2024.8.1",
22-
"rxjs": "~7.8.0",
23-
"tslib": "^2.3.0",
24-
"zone.js": "~0.14.10"
25-
},
26-
"devDependencies": {
27-
"@angular-devkit/build-angular": "^18.2.7",
28-
"@angular/cli": "^18.2.7",
29-
"@angular/compiler-cli": "^18.2.0",
30-
"@types/jasmine": "~5.1.0",
31-
"express": "^4.21.2",
32-
"jasmine-core": "~5.2.0",
33-
"karma": "~6.4.0",
34-
"karma-chrome-launcher": "~3.2.0",
35-
"karma-coverage": "~2.2.0",
36-
"karma-jasmine": "~5.1.0",
37-
"karma-jasmine-html-reporter": "~2.1.0",
38-
"typescript": "~5.5.2"
39-
}
2+
"name": "my-app",
3+
"version": "0.0.0",
4+
"scripts": {
5+
"ng": "ng",
6+
"start": "ng serve",
7+
"build": "ng build",
8+
"watch": "ng build --watch --configuration development",
9+
"test": "ng test"
10+
},
11+
"private": true,
12+
"dependencies": {
13+
"@angular/animations": "^18.2.0",
14+
"@angular/common": "^18.2.0",
15+
"@angular/compiler": "^18.2.0",
16+
"@angular/core": "^18.2.0",
17+
"@angular/forms": "^18.2.0",
18+
"@angular/platform-browser": "^18.2.0",
19+
"@angular/platform-browser-dynamic": "^18.2.0",
20+
"@angular/router": "^18.2.0",
21+
"pspdfkit": "2024.8.1",
22+
"rxjs": "~7.8.0",
23+
"tslib": "^2.3.0",
24+
"zone.js": "~0.14.10"
25+
},
26+
"devDependencies": {
27+
"@angular-devkit/build-angular": "^18.2.7",
28+
"@angular/cli": "^18.2.7",
29+
"@angular/compiler-cli": "^18.2.0",
30+
"@types/jasmine": "~5.1.0",
31+
"express": "^4.21.2",
32+
"jasmine-core": "~5.2.0",
33+
"karma": "~6.4.0",
34+
"karma-chrome-launcher": "~3.2.0",
35+
"karma-coverage": "~2.2.0",
36+
"karma-jasmine": "~5.1.0",
37+
"karma-jasmine-html-reporter": "~2.1.0",
38+
"typescript": "~5.5.2"
39+
}
4040
}

‎examples/angular/src/app/app.component.css

+21-21
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,35 @@
11
:host {
2-
height: 100%;
2+
height: 100%;
33
}
44

55
.app {
6-
position: fixed;
7-
width: 100%;
8-
height: 100%;
9-
top: 0;
10-
right: 0;
11-
bottom: 0;
12-
left: 0;
6+
position: fixed;
7+
width: 100%;
8+
height: 100%;
9+
top: 0;
10+
right: 0;
11+
bottom: 0;
12+
left: 0;
1313
}
1414

1515
.toolbar {
16-
position: relative;
17-
display: flex;
18-
align-items: center;
19-
height: 64px;
20-
width: 100%;
21-
padding: 0 24px;
22-
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
23-
font-family: sans-serif;
24-
font-size: 20px;
25-
font-weight: 500;
26-
color: rgba(0, 0, 0, 0.8);
16+
position: relative;
17+
display: flex;
18+
align-items: center;
19+
height: 64px;
20+
width: 100%;
21+
padding: 0 24px;
22+
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
23+
font-family: sans-serif;
24+
font-size: 20px;
25+
font-weight: 500;
26+
color: rgba(0, 0, 0, 0.8);
2727
}
2828

2929
.logo {
30-
margin-right: 20px;
30+
margin-right: 20px;
3131
}
3232

3333
#pspdfkit-container {
34-
height: calc(100% - 64px);
34+
height: calc(100% - 64px);
3535
}

0 commit comments

Comments
 (0)