I'm currently attempting to utilize the SyntaxHighlighter v4 plugin, but I'm facing issues with the build process!
While following the guidelines provided here, an error popped up:
$ ./node_modules/gulp/bin/gulp.js setup-project
[10:12:20] Requiring external module babel-register
[10:12:20] Using gulpfile C:\git\syntaxhighlighter\gulpfile.babel.js
[10:12:20] Starting 'setup-project:clone-repos'...
[10:12:20] 'setup-project:clone-repos' errored after 1.96 ms
[10:12:20] TypeError: loadReposFromCache(...).error is not a function
at loadRepos (C:/git/syntaxhighlighter/build/setup-project.js:39:48)
at Gulp.<anonymous> (C:/git/syntaxhighlighter/build/setup-project.js:48:5)
at module.exports (C:\git\syntaxhighlighter\node_modules\orchestrator\lib\runTask.js:34:7)
at Gulp.Orchestrator._runTask (C:\git\syntaxhighlighter\node_modules\orchestrator\index.js:273:3)
at Gulp.Orchestrator._runStep (C:\git\syntaxhighlighter\node_modules\orchestrator\index.js:214:10)
at Gulp.Orchestrator.start (C:\git\syntaxhighlighter\node_modules\orchestrator\index.js:134:8)
at C:\git\syntaxhighlighter\node_modules\gulp\bin\gulp.js:129:20
at _combinedTickCallback (internal/process/next_tick.js:67:7)
at process._tickCallback (internal/process/next_tick.js:98:9)
at Module.runMain (module.js:606:11)
(node:2532) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: ENOENT: no such file or directory, open 'C:\git\syntaxhighlighter\.projects-cache.json'
It appears that the github repository files are not being imported to the /repos/ directory. Is there a manual way to do this? Or perhaps an alternative method to successfully build and use it? Maybe even locate the built files similar to v3?
Below is the problematic function in build/setup-project.js
gulp.task('setup-project:clone-repos', 'Clones all repositories from
SyntaxHighlighter GitHub organization', () =>
loadRepos()
.then(R.filter(repo => !fs.existsSync(pathToRepo(repo))))
.then(R.filter(repo => repo.name !== 'syntaxhighlighter'))
.then(R.map(R.curry(cloneRepo)))
.then(Promise.all)
);
Following along backwards we find:
const loadReposFromCache = () => fs.readFile.promise(REPOS_CACHE, 'utf8').then(JSON.parse);
const loadRepos = () => loadReposFromCache().error(loadReposFromGitHub).then(R.map(R.pick(['clone_url', 'name'])));
function loadReposFromGitHub() {
const request = require('request');
const opts = {
url: 'https://api.github.com/orgs/syntaxhighlighter/repos?per_page=300',
json: true,
headers: { 'User-Agent': 'node.js' },
};
return new Promise((resolve, reject) =>
request(opts, (err, response) => {
if (err) return reject(err);
const json = response.body;
fs.writeFile(REPOS_CACHE, JSON.stringify(json, null, 2));
resolve(json);
})
);
}