eps1lon · August 12, 2021 07:43
diff --git a/areDocsConvertedToTSYet.js b/areDocsConvertedToTSYet.js
 /* eslint-disable no-console */
 /**
 * usage:
 * `node scripts/areDocsConvertedToTSYet.js > converted.md`
 * replace content of the <details /> (keep the <summary />) with
 * `converted.md`
 *
 */
 const fse = require('fs-extra');
 const glob = require('glob');
 const path = require('path');

 const workspaceRoot = path.join(__dirname, '../');
 const demosRoot = path.join(workspaceRoot, 'docs/src/pages');

 function withExtension(filename, ext) {
  const newBasename = path.basename(filename, path.extname(filename)) + ext;
  return path.join(path.dirname(filename), newBasename);
 }

 function hasTSDemo(jsDemoPath) {
  return fse.exists(withExtension(jsDemoPath, '.tsx'));
 }

 async function run() {
  const demos = glob
    .sync(path.join(demosRoot, '**/*.js'))
    .filter(filename => !filename.endsWith('.hooks.js'))
    .filter(filename => !filename.includes('getting-started/'))
    .filter(filename => !filename.includes('premium-themes/'))
    .filter(filename => !filename.includes('versions/'))
    .filter(filename => !filename.includes('material-icons/'))
    .filter(filename => !filename.includes('customization/color/'))
    .filter(filename => !filename.includes('discover-more/'))
    .filter(
      filename =>
        ![
          'ChipsPlayground.js',
          'tileData.js',
          'AnchorPlayground.js',
          'ScrollPlayground.js',
          'DensityTool.js',
          'ResponsiveFontSizesChart.js',
          'Languages.js',
          'Team.js',
          'DefaultTheme.js',
        ].some(othername => filename.endsWith(othername)),
    );

  const groupedDemos = demos.reduce((acc, demoPath) => {
    const group = path.dirname(path.relative(demosRoot, demoPath));

    if (!acc.has(group)) {
      acc.set(group, []);
    }

    acc.get(group).push(demoPath);

    return acc;
  }, new Map());

  const groupItems = await Promise.all(
    Array.from(groupedDemos).map(async groupEntry => {
      const [groupName, demoPaths] = groupEntry;
      const listItems = await Promise.all(
        demoPaths.map(async demoPath => {
          const done = await hasTSDemo(demoPath);
          if (done) {
            return null;
          }
          return `  - [ ] ${path.basename(demoPath, path.extname(demoPath))}`;
        }),
      );

      const incompleteListItems = listItems.filter(Boolean);

      if (incompleteListItems.length === 0) {
        return null;
      }

      return `- ${groupName}:\n\n${incompleteListItems.join('\n')}\n\n`;
    }),
  );

  const imcompleteGroupItems = groupItems.filter(Boolean);

  console.log(imcompleteGroupItems.join('\n'));
 }

 run().catch(err => {
  console.error(err);
  process.exit(1);
 });
diff --git a/isse.md b/isse.md
	/* eslint-disable no-console */
	/**
	* usage:
	* `node scripts/areDocsConvertedToTSYet.js > converted.md`
	* replace content of the <details /> (keep the <summary />) with
	* `converted.md`
	*
	*/
	const fse = require('fs-extra');
	const glob = require('glob');
	const path = require('path');

	const workspaceRoot = path.join(__dirname, '../');
	const demosRoot = path.join(workspaceRoot, 'docs/src/pages');

	function withExtension(filename, ext) {
	const newBasename = path.basename(filename, path.extname(filename)) + ext;
	return path.join(path.dirname(filename), newBasename);
	}

	function hasTSDemo(jsDemoPath) {
	return fse.exists(withExtension(jsDemoPath, '.tsx'));
	}

	async function run() {
	const demos = glob
	.sync(path.join(demosRoot, '*/.js'))
	.filter(filename => !filename.endsWith('.hooks.js'))
	.filter(filename => !filename.includes('getting-started/'))
	.filter(filename => !filename.includes('premium-themes/'))
	.filter(filename => !filename.includes('versions/'))
	.filter(filename => !filename.includes('material-icons/'))
	.filter(filename => !filename.includes('customization/color/'))
	.filter(filename => !filename.includes('discover-more/'))
	.filter(
	filename =>
	![
	'ChipsPlayground.js',
	'tileData.js',
	'AnchorPlayground.js',
	'ScrollPlayground.js',
	'DensityTool.js',
	'ResponsiveFontSizesChart.js',
	'Languages.js',
	'Team.js',
	'DefaultTheme.js',
	].some(othername => filename.endsWith(othername)),
	);

	const groupedDemos = demos.reduce((acc, demoPath) => {
	const group = path.dirname(path.relative(demosRoot, demoPath));

	if (!acc.has(group)) {
	acc.set(group, []);
	}

	acc.get(group).push(demoPath);

	return acc;
	}, new Map());

	const groupItems = await Promise.all(
	Array.from(groupedDemos).map(async groupEntry => {
	const [groupName, demoPaths] = groupEntry;
	const listItems = await Promise.all(
	demoPaths.map(async demoPath => {
	const done = await hasTSDemo(demoPath);
	if (done) {
	return null;
	}
	return ` - [ ] ${path.basename(demoPath, path.extname(demoPath))}`;
	}),
	);

	const incompleteListItems = listItems.filter(Boolean);

	if (incompleteListItems.length === 0) {
	return null;
	}

	return `- ${groupName}:\n\n${incompleteListItems.join('\n')}\n\n`;
	}),
	);

	const imcompleteGroupItems = groupItems.filter(Boolean);

	console.log(imcompleteGroupItems.join('\n'));
	}

	run().catch(err => {
	console.error(err);
	process.exit(1);
	});