Skip to content

V16: Build Backoffice externals with Vite #19716

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
leekelleher merged 12 commits into from
Jul 14, 2025
Merged

V16: Build Backoffice externals with Vite #19716

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
7207d23
chore: revamps openid package to organise files in a 'src' folder
iOvergaard Jul 11, 2025
5a3e713
feat: adds all externals as npm workspaces with a vite build
iOvergaard Jul 11, 2025
33810e8
feat: copies the correct uui assets
iOvergaard Jul 11, 2025
4c8e470
feat: copies the backoffice static assets
iOvergaard Jul 11, 2025
9732032
feat: creates the correct module for openid
iOvergaard Jul 11, 2025
5e6214b
feat: copies the correct monaco-editor assets
iOvergaard Jul 11, 2025
0d0f7c0
feat: moves monaco-editor into its package
iOvergaard Jul 11, 2025
bb413c4
feat: moves dependencies to relevant external modules
iOvergaard Jul 11, 2025
926ed2d
feat: gets rid of rollup
iOvergaard Jul 11, 2025
c3eafa8
build: uses tiny-glob instead of glob (one less dependency)
iOvergaard Jul 11, 2025
25a04ab
feat: copies all css assets to dist-cms/css first, minifies them, the…
iOvergaard Jul 11, 2025
b44a7c8
build: removes old static assets from vite static build
iOvergaard Jul 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions src/Umbraco.Web.UI.Client/devops/build/copy-to-cms.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,24 @@
import { cpSync, rmSync } from 'fs';
import { execSync } from 'child_process';

const srcDir = './dist-cms';
const outputDir = '../Umbraco.Cms.StaticAssets/wwwroot/umbraco/backoffice';

// Copy assets
console.log('--- Copying assets ---');
cpSync('./src/assets', `${srcDir}/assets`, { recursive: true });
console.log('--- Copying assets done ---');

// Copy SRC CSS
console.log('--- Copying src CSS ---');
cpSync('./src/css', `${srcDir}/css`, { recursive: true });
console.log('--- Copying src CSS done ---');

// Minify CSS
console.log('--- Minifying CSS ---');
execSync('npx postcss dist-cms/css/**/*.css --replace --use cssnano --verbose', { stdio: 'inherit' });
console.log('--- Minifying CSS done ---');

rmSync(outputDir, { recursive: true, force: true });
cpSync(srcDir, outputDir, { recursive: true });

Expand Down
4 changes: 2 additions & 2 deletions src/Umbraco.Web.UI.Client/devops/package/validate-exports.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { globSync } from 'glob';
import glob from 'tiny-glob';
import { packageJsonExports } from './meta.js';

const validateExports = async () => {
Expand All @@ -7,7 +7,7 @@ const validateExports = async () => {
// Iterate over the exports in package.json
for (const [key, value] of Object.entries(packageJsonExports || {})) {
if (value) {
const jsFiles = await globSync(value);
const jsFiles = await glob(value, { filesOnly: true });

// Log an error if the export from the package.json does not exist in the build output
if (jsFiles.length === 0) {
Expand Down
Loading
Loading