0660e4031d
* Use web-component-analyzer to generate the JSON format for VSCode for HTMLCustomData https://github.com/microsoft/vscode-custom-data https://github.com/runem/web-component-analyzer#vscode * Adds in the suggested path 'src/**/*.element.ts' * Runs npm run script for webcomponent analayzer tool Note its before npm run build:libs as this run runs the script move-libs.js ready for packaging * move-libs util script updated to copy over the two JSON files from wca cli tool * Copied file from wrong location as they are being generated and put at the root of the main project * Adds customElements prop to package.json from this spec https://github.com/webcomponents/custom-elements-manifest#referencing-manifests-from-npm-packages
59 lines
2.1 KiB
JavaScript
59 lines
2.1 KiB
JavaScript
// Load all .d.ts files from the dist/libs folder
|
|
// and replace all imports from @umbraco-cms/backoffice with relative imports
|
|
// Example: import { Foo } from '@umbraco-cms/backoffice/element' -> import { Foo } from './element'
|
|
// This is needed because the d.ts files are not in the same folder as the source files
|
|
// and the absolute paths are not valid when the d.ts files are copied to the dist folder
|
|
// This is only used when building the d.ts files
|
|
//
|
|
// Usage: node utils/transform-dts.js
|
|
//
|
|
// Note: This script is not used in the build process, it is only used to transform the d.ts files
|
|
// when the d.ts files are copied to the dist folder
|
|
|
|
// Note: Updated to help copy the two JSON files generated from webcomponant analyzer tool
|
|
// One is specific to VSCode HTMLCutomData for intellisense and the other is a more broad format used in storybook etc
|
|
|
|
import { readdirSync, readFileSync, writeFileSync, cpSync, mkdirSync } from 'fs';
|
|
|
|
const rootDir = './';
|
|
const srcDir = './libs';
|
|
const inputDir = './dist/libs';
|
|
const outputDir = '../Umbraco.Cms.StaticAssets/wwwroot/umbraco/backoffice/libs';
|
|
|
|
// Copy package files
|
|
cpSync(`${srcDir}/package.json`, `${inputDir}/package.json`, { recursive: true });
|
|
cpSync(`${srcDir}/README.md`, `${inputDir}/README.md`, { recursive: true });
|
|
cpSync(`${rootDir}/custom-elements.json`, `${inputDir}/custom-elements.json`, { recursive: true });
|
|
cpSync(`${rootDir}/vscode-html-custom-data.json`, `${inputDir}/vscode-html-custom-data.json`, { recursive: true });
|
|
|
|
const libs = readdirSync(inputDir);
|
|
|
|
// Create output folder
|
|
try {
|
|
mkdirSync(outputDir, { recursive: true });
|
|
} catch {
|
|
// Ignore
|
|
}
|
|
|
|
// Transform all .d.ts files and copy all other files to the output folder
|
|
libs.forEach(lib => {
|
|
|
|
console.log(`Transforming ${lib}`);
|
|
|
|
const dtsFile = `${inputDir}/${lib}`;
|
|
|
|
let code = readFileSync(dtsFile, 'utf8');
|
|
|
|
// Replace all absolute imports with relative imports
|
|
if (lib.endsWith('.d.ts')) {
|
|
code = code.replace(/from '(@umbraco-cms\/backoffice\/[^']+)'/g, (match, p1) => {
|
|
return `from './${p1.split('/').pop()}'`;
|
|
});
|
|
}
|
|
|
|
writeFileSync(dtsFile, code, 'utf8');
|
|
|
|
cpSync(dtsFile, `${outputDir}/${lib}`, { recursive: true });
|
|
|
|
});
|