New Assets Build Tool (Assets Manager)

.github/workflows/assets_validation.yml

@@ -35,7 +35,7 @@ jobs:
 
         if ($changes)
         {
-            Write-Output 'Please make sure to build the assets properly before pushing, see https://docs.orchardcore.net/en/latest/guides/gulp-pipeline/.'
+            Write-Output 'Please make sure to build the assets properly before pushing, see https://docs.orchardcore.net/en/latest/guides/assets-manager/.'
             Write-Output 'The following files changed:'
             Write-Output $changes
             Write-Output 'You can also download the attached artifact to see the changes.'

.prettierrc

@@ -1,6 +1,6 @@
 {
   "trailingComma": "all",
-  "tabWidth": 2,
+  "tabWidth": 4,
   "semi": true,
   "printWidth": 180
 }

.scripts/assets-manager/package.json

@@ -22,27 +22,27 @@
     "@parcel/transformer-sass": "2.13.3",
     "@parcel/transformer-vue": "2.13.3",
     "@parcel/utils": "2.13.3",
-    "@swc/core": "1.10.4",
+    "@swc/core": "1.10.16",
     "@vitejs/plugin-vue": "^5.2.1",
     "chalk": "^5.2.0",
     "chokidar": "^4.0.3",
     "concurrently": "9.1.2",
-    "fs-extra": "^11.2.0",
-    "glob": "^11.0.0",
+    "fs-extra": "^11.3.0",
+    "glob": "^11.0.1",
     "json5": "^2.2.3",
     "lightningcss": "1.29.1",
     "lodash": "^4.17.21",
     "minimist": "^1.2.8",
     "parcel": "2.13.3",
     "parcel-config-vue2": "^0.1.3",
     "parcel-transformer-vue2": "^0.1.7",
-    "postcss": "8.4.49",
+    "postcss": "8.5.2",
     "postcss-rtlcss": "5.6.0",
-    "sass": "^1.83.1",
-    "vite": "^6.0.11",
+    "sass": "^1.84.0",
+    "vite": "^6.1.0",
     "vue": "^3.5.13",
     "vue-hot-reload-api": "^2.3.4",
-    "webpack": "^5.97.1",
+    "webpack": "^5.98.0",
     "webpack-dev-server": "^5.2.0"
   },
   "eslintConfig": {

OrchardCore.sln

@@ -534,6 +534,24 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "OrchardCore.UrlRewriting.Co
 EndProject
 Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "OrchardCore.Roles.Abstractions", "src\OrchardCore\OrchardCore.Roles.Abstractions\OrchardCore.Roles.Abstractions.csproj", "{F5E7DCC3-12C2-4363-9702-639561A8101C}"
 EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Assets Manager", "Assets Manager", "{55E466FD-7931-4816-9E3F-D7544E37E9FE}"
+	ProjectSection(SolutionItems) = preProject
+		.scripts\assets-manager\.gitignore = .scripts\assets-manager\.gitignore
+		.scripts\assets-manager\.parcelrc = .scripts\assets-manager\.parcelrc
+		.scripts\assets-manager\assetGroups.mjs = .scripts\assets-manager\assetGroups.mjs
+		.scripts\assets-manager\build.mjs = .scripts\assets-manager\build.mjs
+		.scripts\assets-manager\clean.mjs = .scripts\assets-manager\clean.mjs
+		.scripts\assets-manager\config.mjs = .scripts\assets-manager\config.mjs
+		.scripts\assets-manager\copy.mjs = .scripts\assets-manager\copy.mjs
+		.scripts\assets-manager\min.mjs = .scripts\assets-manager\min.mjs
+		.scripts\assets-manager\package.json = .scripts\assets-manager\package.json
+		.scripts\assets-manager\parcel.mjs = .scripts\assets-manager\parcel.mjs
+		.scripts\assets-manager\README.md = .scripts\assets-manager\README.md
+		.scripts\assets-manager\sass.mjs = .scripts\assets-manager\sass.mjs
+		.scripts\assets-manager\vite.mjs = .scripts\assets-manager\vite.mjs
+		.scripts\assets-manager\webpack.mjs = .scripts\assets-manager\webpack.mjs
+	EndProjectSection
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -1658,6 +1676,7 @@ Global
 		{675C8A76-C64F-47EC-B4F5-06D4F2D9662A} = {F23AC6C2-DE44-4699-999D-3C478EF3D691}
 		{7B18DD99-A7BB-4297-8679-D87289758756} = {F23AC6C2-DE44-4699-999D-3C478EF3D691}
 		{F5E7DCC3-12C2-4363-9702-639561A8101C} = {F23AC6C2-DE44-4699-999D-3C478EF3D691}
+		{55E466FD-7931-4816-9E3F-D7544E37E9FE} = {68F6113F-2F08-4412-B5E7-41B7164A0C7F}
 	EndGlobalSection
 	GlobalSection(ExtensibilityGlobals) = postSolution
 		SolutionGuid = {46A1D25A-78D1-4476-9CBF-25B75E296341}

eslint.config.mjs

@@ -0,0 +1,15 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginVue from "eslint-plugin-vue";
+
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  {files: ["**/*.{js,mjs,cjs,ts,vue}"]},
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...pluginVue.configs["flat/essential"],
+  {files: ["**/*.vue"], languageOptions: {parserOptions: {parser: tseslint.parser}}},
+];

mkdocs.yml

@@ -152,6 +152,7 @@ nav:
       - Microsoft Entra ID (Azure AD) integration: guides/microsoft-entra-id-integration/README.md
       - Create a Liquid Widget: guides/create-liquid-widget/README.md
       - Query Content Items Based on Taxonomy: guides/query-content-items-based-on-taxonomy/README.md
+      - Assets manager: guides/assets-manager/README.md
       - Gulp pipeline: guides/gulp-pipeline/README.md
   - Key Topics:
       - Manage your Content: topics/content-management/README.md

package.json

@@ -13,7 +13,8 @@
     "watch": "assets-manager watch",
     "dry-run": "assets-manager dry-run",
     "clean": "assets-manager clean",
-    "lint": "eslint ."
+    "lint": "eslint .",
+    "check": "vue-tsc --noEmit"
   },
   "workspaces": [
     ".scripts/assets-manager",
@@ -25,13 +26,17 @@
     "@babel/core": "^7.22.11",
     "@babel/preset-env": "^7.22.10",
     "@babel/preset-flow": "7.22.5",
+    "@eslint/js": "^9.20.0",
     "@orchardcore/assets-manager": "workspace:^",
     "@popperjs/core": "2.11.8",
     "all-contributors-cli": "^6.26.1",
     "bootstrap": "5.3.3",
     "child_process": "^1.0.2",
     "es6-promise": "4.2.8",
-    "glob": "^10.3.12",
+    "eslint": "^9.20.1",
+    "eslint-plugin-vue": "^9.32.0",
+    "glob": "^11.0.1",
+    "globals": "^15.15.0",
     "graceful-fs": "4.2.11",
     "gulp": "^4.0.2",
     "gulp-babel": "8.0.0",
@@ -54,10 +59,12 @@
     "merge-stream": "2.0.0",
     "npm-run-all": "^4.1.5",
     "path-posix": "1.0.0",
-    "postcss": "8.4.28",
+    "postcss": "8.5.2",
     "postcss-rtl": "^2.0.0",
-    "rtlcss": "4.1.0",
+    "rtlcss": "4.3.0",
     "source-map": "^0.7.4",
-    "typescript": "^5.2.2"
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.24.0",
+    "vue-tsc": "^2.2.0"
   }
 }