dc
6394a7af0b
`import '@clr/icons/shapes/all-shapes'` in app.component.ts pulled every shape in the package into the initial bundle - 718 kB of SVG on the critical path before anyone has logged in. The package has no per-shape entry point: the modules are UMD bundles that register whole families (core, essential, technology, social, commerce, travel, media, chart, text-edit), so the only way to shed the unused ones is to register a curated set. `client/scripts/generate-clr-shapes.js` reads `shape="..."` out of the templates and lifts those shapes - and the aliases Clarity defines over them, such as `caret` for `angle` and `close` for `times` - out of the installed package, plus the shapes Clarity's own components draw. It writes `src/app/clr-shapes.ts`, which app.component registers with `ClrIcons.add`. Measured on a production build of this branch against release/7.23: main.js 2,951,405 -> 2,367,232 bytes (-584 kB, -19.8%) all JS 9,746,084 -> 9,161,911 bytes (-584 kB) Verified rather than assumed: the production build served statically and loaded in headless Chrome carries 8 `clr-icon` elements on the landing screen - caret, check, check-circle, circle, error, tree-view - and every one renders an `<svg>` child, so the curated registry resolves the aliases and the direction modifier (`shape="caret down"`) correctly. Karma: 896 SUCCESS. The generated file cannot go stale silently: `prebuild`, `prebuild-dev` and `prebuild-watch` regenerate it, and the script exits non-zero if a template names a shape the installed package does not carry.
166 lines
7.1 KiB
JSON
166 lines
7.1 KiB
JSON
{
|
|
"name": "data_controller-client",
|
|
"description": "DataController Client",
|
|
"angular-cli": {},
|
|
"scripts": {
|
|
"add-githook": "[ -d ../.git ] && git config core.hooksPath ./.git-hooks || true",
|
|
"audit:prod": "npm audit --omit=dev",
|
|
"prebuild": "node scripts/generate-clr-shapes.js",
|
|
"build": "node --max_old_space_size=4096 node_modules/@angular/cli/bin/ng build --configuration production",
|
|
"prebuild-dev": "node scripts/generate-clr-shapes.js",
|
|
"build-dev": "node --max_old_space_size=4096 node_modules/@angular/cli/bin/ng build --configuration development",
|
|
"prebuild-watch": "node scripts/generate-clr-shapes.js",
|
|
"build-watch": "node --max_old_space_size=4096 node_modules/@angular/cli/bin/ng build --configuration development --watch",
|
|
"check:archiver": "node scripts/check-archiver.mjs",
|
|
"compodoc:build": "compodoc -p tsconfig.doc.json --name 'Data Controller Client'",
|
|
"compodoc:build-and-serve": "compodoc -p tsconfig.doc.json -s --name 'Data Controller Client'",
|
|
"compodoc:serve": "compodoc -s --name 'Data Controller Client'",
|
|
"cy:run": "cypress run",
|
|
"cypress": "cypress open",
|
|
"deploy_sas9": "rsync -avhe ssh ./dist/* --delete ${npm_config_account}@sas.4gl.io:/opt/sas/sas9/config/Lev1/Web/WebServer/htdocs/${npm_config_account}/dc/dev",
|
|
"deploy_sasjs": "rsync -avhe ssh ./dist/* --delete root@${npm_config_account}.4gl.io:/var/www/html/dc/dev",
|
|
"deploy_viya": "rsync -avhe ssh ./dist/* --delete ${npm_config_account}@sas.4gl.io:/var/www/html/${npm_config_account}/dc/dev",
|
|
"e2e": "protractor protractor.config.js",
|
|
"generate-eula": "node ./src/eula.ts",
|
|
"license-checker": "node licenseChecker.js",
|
|
"lighthouse": "lhci autorun",
|
|
"lint": "npm run lint:fix",
|
|
"lint:check": "npx prettier --check \"{src,test}/**/*.{ts,tsx,js,jsx,html,css,sass,less,yml,md,graphql}\" \"cypress/e2e/*.cy.ts\"",
|
|
"lint:check:silent": "npx prettier --log-level silent --check \"{src,test}/**/*.{ts,tsx,js,jsx,html,css,sass,less,yml,md,graphql}\" \"cypress/e2e/*.cy.ts\"",
|
|
"lint:fix": "npx prettier --write \"{src,test}/**/*.{ts,tsx,js,jsx,html,css,sass,less,yml,md,graphql}\" \"cypress/e2e/*.cy.ts\"",
|
|
"lint:fix:silent": "npx prettier --log-level silent --write \"{src,test}/**/*.{ts,tsx,js,jsx,html,css,sass,less,yml,md,graphql}\" \"cypress/e2e/*.cy.ts\"",
|
|
"ng": "ng",
|
|
"postbuild": "rimraf dist/3rdpartylicenses.txt",
|
|
"postinstall": "node ./src/version.ts && npm run add-githook && node ./scripts/strip-clr-base64-fonts.mjs && node ./scripts/gen-hot-icons.mjs",
|
|
"prebuild": "node ./src/version.ts && npm run generate-eula && npm run license-checker",
|
|
"pree2e": "webdriver-manager update",
|
|
"prestart": "npm run generate-eula",
|
|
"sasdocs": "sasjs doc && ./sasjs/utils/deploydocs.sh",
|
|
"start": "node --max_old_space_size=4096 node_modules/@angular/cli/bin/ng serve",
|
|
"sync": "./node_modules/.bin/watch --wait=3 \"echo Account: ${npm_config_account} && npm run deploy_${npm_config_server} --account=${npm_config_account} && notify-send 'Data Controller' 'App is synced!' ; echo 'App is synced!'\" dist",
|
|
"test": "npx ng test",
|
|
"test:headless": "npx ng test --no-watch --no-progress --browsers ChromeHeadlessCI",
|
|
"test:tz-east": "TZ=Pacific/Auckland npx ng test --no-watch --no-progress --browsers ChromeHeadlessCI --include='**/va-*.spec.ts'",
|
|
"test:tz-west": "TZ=America/New_York npx ng test --no-watch --no-progress --browsers ChromeHeadlessCI --include='**/va-*.spec.ts'",
|
|
"viyabuild": "cd build; ./viyabuild.sh",
|
|
"watch": "ng test watch=true"
|
|
},
|
|
"private": true,
|
|
"dependencies": {
|
|
"@angular/animations": "20.3.34",
|
|
"@angular/cdk": "^20.2.14",
|
|
"@angular/common": "20.3.34",
|
|
"@angular/compiler": "20.3.34",
|
|
"@angular/core": "20.3.34",
|
|
"@angular/forms": "20.3.34",
|
|
"@angular/platform-browser": "20.3.34",
|
|
"@angular/platform-browser-dynamic": "20.3.34",
|
|
"@angular/router": "20.3.34",
|
|
"@cds/core": "^6.15.1",
|
|
"@clr/angular": "file:libraries/clr-angular-17.9.0.tgz",
|
|
"@clr/icons": "^13.0.2",
|
|
"@clr/ui": "file:libraries/clr-ui-17.9.0.tgz",
|
|
"@handsontable/angular-wrapper": "18.1.2",
|
|
"@sasjs/adapter": "5.1.2",
|
|
"@sasjs/utils": "4.3.1",
|
|
"@sheet/crypto": "file:libraries/sheet-crypto.tgz",
|
|
"@types/d3-graphviz": "^2.6.7",
|
|
"base64-arraybuffer": "^0.2.0",
|
|
"browserify-cipher": "^1.0.1",
|
|
"buffer": "^5.4.3",
|
|
"create-hash": "^1.2.0",
|
|
"create-hmac": "^1.1.7",
|
|
"crypto-js": "^4.2.0",
|
|
"d3-graphviz": "^5.0.2",
|
|
"exceljs": "^4.4.0",
|
|
"fs-extra": "^7.0.1",
|
|
"handsontable": "18.1.2",
|
|
"https-browserify": "1.0.0",
|
|
"hyperformula": "^2.5.0",
|
|
"iconv-lite": "^0.5.0",
|
|
"jquery-datetimepicker": "^2.5.21",
|
|
"marked": "^5.0.0",
|
|
"moment": "^2.30.1",
|
|
"ngx-clipboard": "^16.0.0",
|
|
"ngx-json-viewer": "file:libraries/ngx-json-viewer-3.2.1.tgz",
|
|
"os-browserify": "0.3.0",
|
|
"randombytes": "^2.1.0",
|
|
"rxjs": "^7.8.0",
|
|
"save-svg-as-png": "^1.4.17",
|
|
"stream-browserify": "3.0.0",
|
|
"stream-http": "3.2.0",
|
|
"tslib": "^2.3.0",
|
|
"vm": "^0.1.0",
|
|
"webpack": "^5.91.0",
|
|
"xlsx": "file:libraries/xlsx-0.20.3.tgz",
|
|
"zone.js": "~0.15.1"
|
|
},
|
|
"devDependencies": {
|
|
"@angular-devkit/build-angular": "^20.3.32",
|
|
"@angular-eslint/builder": "19.8.1",
|
|
"@angular-eslint/eslint-plugin": "19.8.1",
|
|
"@angular-eslint/eslint-plugin-template": "19.8.1",
|
|
"@angular-eslint/schematics": "19.8.1",
|
|
"@angular-eslint/template-parser": "19.8.1",
|
|
"@angular/cli": "20.3.37",
|
|
"@angular/compiler-cli": "20.3.34",
|
|
"@babel/plugin-proposal-private-methods": "^7.18.6",
|
|
"@compodoc/compodoc": "^2.0.0",
|
|
"@cypress/webpack-preprocessor": "^5.17.1",
|
|
"@lhci/cli": "^0.15.1",
|
|
"@types/core-js": "^2.5.5",
|
|
"@types/create-hash": "^1.2.6",
|
|
"@types/create-hmac": "^1.1.3",
|
|
"@types/crypto-js": "^4.2.1",
|
|
"@types/es6-shim": "^0.31.39",
|
|
"@types/jasmine": "~5.1.4",
|
|
"@types/lodash-es": "^4.17.3",
|
|
"@types/marked": "^4.3.0",
|
|
"@types/node": "12.20.50",
|
|
"@types/randombytes": "^2.0.3",
|
|
"@typescript-eslint/eslint-plugin": "8.65.0",
|
|
"@typescript-eslint/parser": "8.65.0",
|
|
"archiver": "8.0.0",
|
|
"core-js": "^2.5.4",
|
|
"cypress": "^15.19.0",
|
|
"cypress-file-upload": "^5.0.8",
|
|
"cypress-plugin-tab": "^1.0.5",
|
|
"cypress-real-events": "^1.8.1",
|
|
"es6-shim": "^0.35.5",
|
|
"eslint": "8.57.1",
|
|
"git-describe": "^4.0.4",
|
|
"jasmine-core": "~5.1.2",
|
|
"karma": "~6.4.3",
|
|
"karma-chrome-launcher": "~3.2.0",
|
|
"karma-coverage": "~2.2.1",
|
|
"karma-jasmine": "~5.1.0",
|
|
"karma-jasmine-html-reporter": "~2.1.0",
|
|
"license-checker": "25.0.1",
|
|
"lodash-es": "^4.17.21",
|
|
"mochawesome": "^7.1.3",
|
|
"mutationobserver-shim": "^0.3.3",
|
|
"prettier": "3.8.4",
|
|
"replace-in-file": "^6.3.5",
|
|
"rimraf": "3.0.2",
|
|
"ts-loader": "^9.2.8",
|
|
"ts-node": "^3.3.0",
|
|
"typescript": "~5.9.3",
|
|
"wait-on": "^9.0.10",
|
|
"watch": "^1.0.2"
|
|
},
|
|
"overrides": {
|
|
"ajv": "8.18.0",
|
|
"uuid": "11.1.1",
|
|
"lighthouse": "13.4.0",
|
|
"fast-uri": "4.2.3",
|
|
"readdir-glob": {
|
|
"brace-expansion": "5.0.12",
|
|
"minimatch": "11.0.3"
|
|
},
|
|
"exceljs": {
|
|
"archiver": "8.0.0",
|
|
"unzipper": "0.12.5"
|
|
}
|
|
}
|
|
}
|