// tslint:disable:no-console import * as browserify from 'browserify'; import * as chokidar from 'chokidar'; import * as fs from 'fs'; import * as mkdirp from 'mkdirp'; import * as path from 'path'; import * as React from 'react'; import * as ReactDOM from 'react-dom/server'; import * as rimraf from 'rimraf'; import getDocJson from './get-doc-json'; const UTF8 = 'utf8'; const CWD = process.cwd(); const DOCS_DIR = path.join(CWD, 'docs/src/ts'); const EXAMPLES_DIR = path.join(DOCS_DIR, 'examples'); const SHOULD_WATCH = process.argv[2] === 'watch'; const MATCHES_EXTENSION = /\.(js|jsx|ts|tsx|json)$/; const packageJSON = JSON.parse(fs.readFileSync(path.join(CWD, 'package.json'), UTF8)); const examples = fs.readdirSync(EXAMPLES_DIR, UTF8).map((example) => { return path.join(EXAMPLES_DIR, example); }); const b = browserify( { entries: [ path.join(DOCS_DIR, 'polyfills.ts'), path.join(DOCS_DIR, 'sidebar.tsx'), path.join(DOCS_DIR, 'demo.ts'), path.join(DOCS_DIR, 'tracking.ts'), ].concat(examples), paths: ['node_modules'], debug: true, cache: {}, } ) .plugin('tsify') .transform('brfs'); b.plugin('minifyify', { map: 'bundle.map.json', output: path.join(CWD, 'docs/build/js/bundle.map.json'), }); const bundle = () => { b.bundle() .on('end', () => { console.log('Sidebar, analytics, and demo bundled.', new Date().toISOString()); }) .on('error', (error) => { console.log(error); }) .pipe(fs.createWriteStream(path.join(CWD, 'docs/build/js/bundle.js'))); }; const clearModuleCache = (modulePath: string) => { const resolvedPath = require.resolve(modulePath); delete require.cache[resolvedPath]; }; const clearAllModuleCache = () => { const modulesToClear = []; for (const key in require.cache) { if (Object.prototype.hasOwnProperty.call(require.cache, key)) { const modulePath = require.cache[key].id.toString(); if (modulePath.indexOf('node_modules') < 0 && MATCHES_EXTENSION.test(modulePath)) { modulesToClear.push(modulePath.replace(MATCHES_EXTENSION, '')); } } } for (const mod of modulesToClear) { clearModuleCache(mod); } }; const copy = (src: string, dest: string) => { fs.createReadStream(src).pipe(fs.createWriteStream(dest)); }; const clearBuildDirectory = (verbose: boolean) => { rimraf.sync(path.join(CWD, 'docs/build/')); if (verbose) { console.log('Build directory cleared.'); } }; const createBuildDirectories = (verbose: boolean) => { mkdirp.sync(path.join(CWD, 'docs/build/js/')); mkdirp.sync(path.join(CWD, 'docs/build/json/')); mkdirp.sync(path.join(CWD, 'docs/build/css/')); if (verbose) { console.log('Sub directories created.'); } }; const copyFilesToBuildDirectory = (verbose: boolean) => { copy(path.join(CWD, 'docs/src/css/styles.css'), path.join(CWD, 'docs/build/css/styles.css')); if (verbose) { console.log('Static files copied.'); } }; const createDocumentation = () => { const Document = require(path.join(DOCS_DIR, 'components/document')).default; fs.writeFile( path.join(CWD, 'docs/index.html'), `${ReactDOM.renderToStaticMarkup( )}`, (error) => { if (error) { console.error(error); } else { console.log('Docs generated.', new Date().toISOString()); } } ); }; const createDocJson = () => { const docs = getDocJson(); fs.writeFileSync(path.join(CWD, 'docs/build/json/docs.json'), JSON.stringify(docs, null, ' '), 'utf8'); console.log('Doc json created.'); }; const buildEverything = (verbose: boolean) => { clearBuildDirectory(verbose); createBuildDirectories(verbose); copyFilesToBuildDirectory(verbose); createDocJson(); createDocumentation(); bundle(); }; if (SHOULD_WATCH) { const watcher = chokidar.watch('{docs/src,src}/**/*.@(j|t)s?(x)', {ignored: /(^|[\/\\])\../}); buildEverything(true); watcher.on('change', (modulePath: string) => { console.log(`${modulePath} changed`); clearAllModuleCache(); buildEverything(false); }); } else { buildEverything(true); }