Skip to content
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

Jump to bottom

[docs] Document typescript:transpile script #19951

Merged
merged 1 commit into from
Mar 3, 2020
Merged

[docs] Document typescript:transpile script #19951

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
74 changes: 50 additions & 24 deletions docs/scripts/formattedTSDemos.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ const path = require('path');
const babel = require('@babel/core');
const prettier = require('prettier');
const typescriptToProptypes = require('typescript-to-proptypes');
const yargs = require('yargs');
const { fixBabelGeneratorIssues, fixLineEndings } = require('./helpers');

const tsConfig = typescriptToProptypes.loadConfig(path.resolve(__dirname, '../tsconfig.json'));
Expand All @@ -28,9 +29,6 @@ const babelConfig = {
configFile: false,
};

const watchMode = process.argv.some(arg => arg === '--watch');
const cacheDisabled = process.argv.some(arg => arg === '--disable-cache');

const workspaceRoot = path.join(__dirname, '../../');

const prettierConfig = prettier.resolveConfig.sync(process.cwd(), {
Expand Down Expand Up @@ -69,7 +67,7 @@ const TranspileResult = {
async function transpileFile(tsxPath, program, ignoreCache = false) {
const jsPath = tsxPath.replace('.tsx', '.js');
try {
if (!cacheDisabled && !ignoreCache && (await fse.exists(jsPath))) {
if (!ignoreCache && (await fse.exists(jsPath))) {
const [jsStat, tsxStat] = await Promise.all([fse.stat(jsPath), fse.stat(tsxPath)]);
if (jsStat.mtimeMs > tsxStat.mtimeMs) {
// JavaScript version is newer, skip transpiling
Expand Down Expand Up @@ -108,33 +106,37 @@ async function transpileFile(tsxPath, program, ignoreCache = false) {
}
}

(async () => {
async function main(argv) {
const { watch: watchMode, disableCache: cacheDisabled } = argv;

const tsxFiles = await getFiles(path.join(workspaceRoot, 'docs/src/pages'));

const program = typescriptToProptypes.createProgram(tsxFiles, tsConfig);

let successful = 0;
let failed = 0;
let skipped = 0;
(await Promise.all(tsxFiles.map(file => transpileFile(file, program)))).forEach(result => {
switch (result) {
case TranspileResult.Success: {
successful += 1;
break;
}
case TranspileResult.Failed: {
failed += 1;
break;
}
case TranspileResult.Skipped: {
skipped += 1;
break;
}
default: {
throw new Error(`No handler for ${result}`);
(await Promise.all(tsxFiles.map(file => transpileFile(file, program, cacheDisabled)))).forEach(
result => {
switch (result) {
case TranspileResult.Success: {
successful += 1;
break;
}
case TranspileResult.Failed: {
failed += 1;
break;
}
case TranspileResult.Skipped: {
skipped += 1;
break;
}
default: {
throw new Error(`No handler for ${result}`);
}
}
}
});
},
);

console.log(
[
Expand Down Expand Up @@ -164,4 +166,28 @@ async function transpileFile(tsxPath, program, ignoreCache = false) {
});

console.log('\nWatching for file changes...');
})();
}

yargs
.command({
command: '$0',
description: 'transpile typescript demos',
builder: command => {
return command
.option('watch', {
default: false,
description: 'transpiles demos as soon as they changed',
type: 'boolean',
})
.option('disable-cache', {
default: false,
description: 'transpiles all demos even if they didnt change',
type: 'boolean',
});
},
handler: main,
})
.help()
.strict(true)
.version(false)
.parse();
1 change: 1 addition & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -141,6 +141,7 @@
"vrtest": "^0.2.0",
"webpack": "^4.41.0",
"webpack-cli": "^3.3.9",
"yargs": "^15.2.0",
"yarn-deduplicate": "^2.0.0"
},
"resolutions": {
Expand Down
2 changes: 1 addition & 1 deletion yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15907,7 +15907,7 @@ yargs@^14.2.2:
y18n "^4.0.0"
yargs-parser "^15.0.0"

yargs@^15.0.1, yargs@^15.0.2:
yargs@^15.0.1, yargs@^15.0.2, yargs@^15.2.0:
version "15.2.0"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.2.0.tgz#cb9fc7f7ec429f7e9329b623f5c707a62dae506a"
integrity sha512-E+o8C37U+M7N15rBJVxr0MoInp+O7XNhMqveSGWA5uhddqs8qtkZ+uvT9FI32QML0SKidXdDONr40Xe3tDO9FA==
Expand Down