Skip to content

Commit e2dee3b

Browse files
[deps]: Update tailwindcss to v4 (#145)
* change SCSS -> CSS per Tailwind v4 recommendation * run Tailwind v4 upgrade util to migrate existing styles * add `postcss` dependencies per v4 install instructions * removed autoprefixer which is not required with v4 * removed unused Bootstrap styles from AppComponent (alert, alert-danger, etc) * added ShadowDom isolation to main component to avoid Splunk's own Bootstrap styling from interfering
1 parent c5b17cf commit e2dee3b

File tree

10 files changed

+635
-714
lines changed

10 files changed

+635
-714
lines changed

ui/.postcssrc.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"plugins": {
3+
"@tailwindcss/postcss": {}
4+
}
5+
}

ui/angular.json

Lines changed: 17 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,7 @@
55
"projects": {
66
"setup": {
77
"projectType": "application",
8-
"schematics": {
9-
"@schematics/angular:component": {
10-
"style": "scss"
11-
}
12-
},
8+
"schematics": { "@schematics/angular:component": { "style": "scss" } },
139
"root": "",
1410
"sourceRoot": "src",
1511
"prefix": "app",
@@ -23,20 +19,13 @@
2319
"polyfills": ["zone.js"],
2420
"tsConfig": "tsconfig.app.json",
2521
"inlineStyleLanguage": "scss",
26-
"assets": [
27-
{
28-
"glob": "**/*",
29-
"input": "public"
30-
}
31-
],
32-
"styles": ["src/styles.scss"],
22+
"assets": [{ "glob": "**/*", "input": "public" }],
23+
"styles": ["src/styles.css"],
3324
"scripts": ["node_modules/splunk-sdk/client/splunk.min.js"],
3425
"outputHashing": "none"
3526
},
3627
"configurations": {
37-
"production": {
38-
"optimization": true
39-
},
28+
"production": { "optimization": true },
4029
"development": {
4130
"optimization": false,
4231
"extractLicenses": false,
@@ -58,12 +47,8 @@
5847
"serve": {
5948
"builder": "@angular-devkit/build-angular:dev-server",
6049
"configurations": {
61-
"production": {
62-
"buildTarget": "setup:build:production"
63-
},
64-
"development": {
65-
"buildTarget": "setup:build:development"
66-
}
50+
"production": { "buildTarget": "setup:build:production" },
51+
"development": { "buildTarget": "setup:build:development" }
6752
},
6853
"defaultConfiguration": "development"
6954
},
@@ -76,46 +61,23 @@
7661
"polyfills": ["zone.js", "zone.js/testing"],
7762
"tsConfig": "tsconfig.spec.json",
7863
"inlineStyleLanguage": "scss",
79-
"assets": [
80-
{
81-
"glob": "**/*",
82-
"input": "public"
83-
}
84-
],
85-
"styles": ["src/styles.scss"],
64+
"assets": [{ "glob": "**/*", "input": "public" }],
65+
"styles": ["src/styles.css"],
8666
"scripts": []
8767
}
8868
}
8969
}
9070
}
9171
},
92-
"cli": {
93-
"analytics": false
94-
},
72+
"cli": { "analytics": false },
9573
"schematics": {
96-
"@schematics/angular:component": {
97-
"type": "component"
98-
},
99-
"@schematics/angular:directive": {
100-
"type": "directive"
101-
},
102-
"@schematics/angular:service": {
103-
"type": "service"
104-
},
105-
"@schematics/angular:guard": {
106-
"typeSeparator": "."
107-
},
108-
"@schematics/angular:interceptor": {
109-
"typeSeparator": "."
110-
},
111-
"@schematics/angular:module": {
112-
"typeSeparator": "."
113-
},
114-
"@schematics/angular:pipe": {
115-
"typeSeparator": "."
116-
},
117-
"@schematics/angular:resolver": {
118-
"typeSeparator": "."
119-
}
74+
"@schematics/angular:component": { "type": "component" },
75+
"@schematics/angular:directive": { "type": "directive" },
76+
"@schematics/angular:service": { "type": "service" },
77+
"@schematics/angular:guard": { "typeSeparator": "." },
78+
"@schematics/angular:interceptor": { "typeSeparator": "." },
79+
"@schematics/angular:module": { "typeSeparator": "." },
80+
"@schematics/angular:pipe": { "typeSeparator": "." },
81+
"@schematics/angular:resolver": { "typeSeparator": "." }
12082
}
12183
}

0 commit comments

Comments
 (0)