init project

public/react/scripts/build.js

@@ -0,0 +1,251 @@
+'use strict';
+
+// Do this as the first thing so that any code reading it knows the right env.
+process.env.BABEL_ENV = 'production';
+process.env.NODE_ENV = 'production';
+
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', err => {
+  throw err;
+});
+
+// Ensure environment variables are read.
+require('../config/env');
+
+const path = require('path');
+const chalk = require('chalk');
+const fs = require('fs-extra');
+const webpack = require('webpack');
+const config = require('../config/webpack.config.prod');
+const paths = require('../config/paths');
+const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
+const printHostingInstructions = require('react-dev-utils/printHostingInstructions');
+const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
+const printBuildError = require('react-dev-utils/printBuildError');
+
+var CombinedStream = require('combined-stream');
+var fs2 = require('fs');
+
+const measureFileSizesBeforeBuild =
+  FileSizeReporter.measureFileSizesBeforeBuild;
+const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
+const useYarn = fs.existsSync(paths.yarnLockFile);
+
+// These sizes are pretty large. We'll warn for bundles exceeding them.
+const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
+const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
+
+// Warn and crash if required files are missing
+if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
+  process.exit(1);
+}
+
+function removeExceptGitDir(dir) {
+  // readdirSync
+  const list = fs2.readdirSync(dir)
+    // if (err) return done(err);
+  var pending = list.length;
+  // if (!pending) return done(null, results);
+  list.forEach(function(file) {
+    if (file.indexOf('.git') == -1) {
+      file = path.resolve(dir, file);
+      fs.removeSync(file)
+    }
+  });
+}
+// First, read the current file sizes in build directory.
+// This lets us display how much they changed later.
+measureFileSizesBeforeBuild(paths.appBuild)
+  .then(previousFileSizes => {
+    // Remove all content but keep the directory so that
+    // if you're in it, you don't end up in Trash
+    // fs.emptyDirSync(paths.appBuild);
+    console.log('removeExceptGitDir')
+
+    removeExceptGitDir(paths.appBuild)
+
+    console.log('copyPublicFolder')
+    // Merge with the public folder
+    copyPublicFolder();
+    // Start the webpack build
+    return build(previousFileSizes);
+  })
+  .then(
+    ({ stats, previousFileSizes, warnings }) => {
+      if (warnings.length) {
+        console.log(chalk.yellow('Compiled with warnings.\n'));
+        console.log(warnings.join('\n\n'));
+        console.log(
+          '\nSearch for the ' +
+            chalk.underline(chalk.yellow('keywords')) +
+            ' to learn more about each warning.'
+        );
+        console.log(
+          'To ignore, add ' +
+            chalk.cyan('// eslint-disable-next-line') +
+            ' to the line before.\n'
+        );
+      } else {
+        console.log(chalk.green('Compiled successfully.\n'));
+      }
+
+      console.log('File sizes after gzip:\n');
+      printFileSizesAfterBuild(
+        stats,
+        previousFileSizes,
+        paths.appBuild,
+        WARN_AFTER_BUNDLE_GZIP_SIZE,
+        WARN_AFTER_CHUNK_GZIP_SIZE
+      );
+      console.log();
+
+      const appPackage = require(paths.appPackageJson);
+      const publicUrl = paths.publicUrl;
+      const publicPath = config.output.publicPath;
+      const buildFolder = path.relative(process.cwd(), paths.appBuild);
+      printHostingInstructions(
+        appPackage,
+        publicUrl,
+        publicPath,
+        buildFolder,
+        useYarn
+      );
+    },
+    err => {
+      console.log(chalk.red('Failed to compile.\n'));
+      printBuildError(err);
+      process.exit(1);
+    }
+  );
+
+// Create the production build and print the deployment instructions.
+function build(previousFileSizes) {
+  console.log('Creating an optimized production build...');
+
+  let compiler = webpack(config);
+  return new Promise((resolve, reject) => {
+    compiler.run((err, stats) => {
+      if (err) {
+        return reject(err);
+      }
+      const messages = formatWebpackMessages(stats.toJson({}, true));
+      if (messages.errors.length) {
+        // Only keep the first error. Others are often indicative
+        // of the same problem, but confuse the reader with noise.
+        if (messages.errors.length > 1) {
+          messages.errors.length = 1;
+        }
+        return reject(new Error(messages.errors.join('\n\n')));
+      }
+      if (
+        process.env.CI &&
+        (typeof process.env.CI !== 'string' ||
+          process.env.CI.toLowerCase() !== 'false') &&
+        messages.warnings.length
+      ) {
+        console.log(
+          chalk.yellow(
+            '\nTreating warnings as errors because process.env.CI = true.\n' +
+              'Most CI servers set it automatically.\n'
+          )
+        );
+        return reject(new Error(messages.warnings.join('\n\n')));
+      }
+
+      generateNewIndexJsp();
+
+      return resolve({
+        stats,
+        previousFileSizes,
+        warnings: messages.warnings,
+      });
+    });
+  });
+}
+
+function copyPublicFolder() {
+  fs.copySync(paths.appPublic, paths.appBuild, {
+    dereference: true,
+    filter: file => file !== paths.appHtml,
+  });
+}
+
+// 给build脚本增加的方法，对其生成的index.html做一些文本替换，以及cdn处理
+function generateNewIndexJsp() {
+  // var combinedStream = CombinedStream.create();
+  var filePath = paths.appBuild + '/index.html';
+  // var htmlContent = fs2.createReadStream( filePath )
+
+  // stream没有replace方法
+  // htmlContent = htmlContent.replace('/js/js_min_all.js', '/react/build/js/js_min_all.js')
+  // htmlContent = htmlContent.replace('/css/css_min_all.css', '/react/build/css/css_min_all.css')
+
+  // combinedStream.append(htmlContent);
+  // combinedStream.pipe(fs2.createWriteStream( filePath ));
+
+  var outputPath = paths.appBuild  + '/../../../public/react/build/index.html'
+  fs2.readFile(filePath, 'utf8', function (err,data) {
+    if (err) {
+      return console.log(err);
+    }
+    const newVersion = '1.1.1'
+    let cdnHost = 'https://shixun.educoder.net'
+    cdnHost = 'https://ali-cdn.educoder.net'
+    cdnHost = ''
+    
+
+    var mainRegex = /<script type="text\/javascript" src="\/react\/build\/.\/static\/js\/main.([a-zA-Z0-9]{8,}).js"><\/script>/
+    var matchResult = data.match(mainRegex)
+    var code = `
+      <script>
+         (function() {
+            var _host = '/react/build/'
+            /**/
+            if (window.location.host == 'pre-newweb.educoder.net') {
+                _host = 'https://testali-cdn.educoder.net/react/build/'
+            } else if (window.location.host == 'www.educoder.net') {
+                _host = 'https://ali-cdn.educoder.net/react/build/'
+            }
+            document.write('<script type="text/javascript" src="' + _host + 'js/js_min_all.js"><\\/script>');
+            document.write('<script type="text/javascript" src="' + _host + 'static/js/main.${matchResult[1]}.js"><\\/script>');
+         })()
+      </script>
+    `
+    var jsMinAllRegex = /<script type="text\/javascript" src="\/js\/js_min_all.js"><\/script>/
+    // <script type="text/javascript" src="/js/js_min_all.js"></script>
+    var result = data
+        .replace(jsMinAllRegex, code)
+        // .replace('/js/js_min_all.js', `${cdnHost}/react/build/js/js_min_all.js?v=${newVersion}`)
+        // .replace('/js/js_min_all_2.js', `${cdnHost}/react/build/js/js_min_all_2.js?v=${newVersion}`)
+
+        // ${cdnHost}  加了cdn后，这个文件里的字体文件加载会有跨域的报错   ../fonts/fontawesome-webfont.eot
+        // TODO tpi 评测结果关闭也使用了fontawesome
+        .replace('/css/css_min_all.css', `${cdnHost}/react/build/css/css_min_all.css?v=${newVersion}`)
+			  .replace('/css/iconfont.css', `${cdnHost}/react/build/css/iconfont.css?v=${newVersion}`)
+        .replace(/\/js\/create_kindeditor.js/g, `${cdnHost}/react/build/js/create_kindeditor.js?v=${newVersion}`)
+
+        .replace(mainRegex, '')
+        // .replace('/react/build/./static/css/main', `${cdnHost}/react/build/./static/css/main`)
+        // .replace('/react/build/./static/js/main', `${cdnHost}/react/build/./static/js/main`)
+       
+        // .replace(/https:\/\/testeduplus2.educoder.net/g, '');
+        // .replace(/http:\/\/testbdweb.educoder.net/g, '');
+
+        // .replace('/css/css_min_all.css', '/react/build/css/css_min_all.css');
+
+    fs2.writeFile(outputPath, result, 'utf8', function (err) {
+       if (err) return console.log(err);
+      //  commitAndPush();
+    });
+  });
+}
+
+function commitAndPush() {
+  var exec = require('child_process').exec;
+  function puts(error, stdout, stderr) { console.log(stdout) }
+  var options = {cwd:"./build"};
+  exec("git status && git commit -am 'b' && git push", options, puts);
+}

public/react/scripts/concat.js

@@ -0,0 +1,98 @@
+var fs = require('fs');
+var uglify = require("uglify-js");
+var path = require('path');
+var concat = require('concat')    
+
+var results = [];
+var walk = function(dir, done) {
+  
+  fs.readdir(dir, function(err, list) {
+  	console.log(list)
+    if (err) return done(err);
+    var pending = list.length;
+    if (!pending) return done(null, results);
+    list.forEach(function(file) {
+      file = path.resolve(dir, file);
+      fs.stat(file, function(err, stat) {
+        if (stat && stat.isDirectory()) {
+          walk(file, function(err, res) {
+            // results = results.concat(res);
+            if (!--pending) done(null, results);
+          });
+        } else {
+          results.push(file);
+          if (!--pending) done(null, results);
+        }
+      });
+    });
+  });
+};
+
+// 需要输出文件名数组时改为true
+var jsDir = './public/js/';
+var cssDir = './public/css'
+
+// true && 
+false &&
+walk(cssDir, function() {
+	console.log('results', results.length, results)
+})
+// return;
+
+// ----------------------------------------------------------------------------- CSS 
+	var cssResults = [ 
+	
+  'D:\\Code\\trustieplus\\public\\react\\public\\css\\edu-common.css',
+  'D:\\Code\\trustieplus\\public\\react\\public\\css\\edu-public.css',
+  'D:\\Code\\trustieplus\\public\\react\\public\\css\\taskstyle.css' ,
+
+  'D:\\Code\\trustieplus\\public\\react\\public\\css\\font-awesome.css',
+  
+  'D:\\Code\\trustieplus\\public\\react\\public\\css\\editormd.min.css',
+  'D:\\Code\\trustieplus\\public\\react\\public\\css\\merge.css',
+  
+  ]
+   concat(cssResults, './public/css/css_min_all.css')
+
+return;
+
+// ----------------------------------------------------------------------------- JS
+	var _results = [ 
+
+	'D:\\Code\\trustieplus\\public\\react\\public\\js\\jquery-1.8.3.min.js',
+	'D:\\Code\\trustieplus\\public\\react\\public\\js\\editormd\\underscore.min.js',
+	'D:\\Code\\trustieplus\\public\\react\\public\\js\\editormd\\marked.min.js',
+	'D:\\Code\\trustieplus\\public\\react\\public\\js\\editormd\\prettify.min.js',
+	  'D:\\Code\\trustieplus\\public\\react\\public\\js\\editormd\\raphael.min.js',
+	  'D:\\Code\\trustieplus\\public\\react\\public\\js\\editormd\\sequence-diagram.min.js',
+	'D:\\Code\\trustieplus\\public\\react\\public\\js\\editormd\\flowchart.min.js',
+	  'D:\\Code\\trustieplus\\public\\react\\public\\js\\editormd\\jquery.flowchart.min.js',
+	  'D:\\Code\\trustieplus\\public\\react\\public\\js\\editormd\\editormd.min.js',
+
+	'D:\\Code\\trustieplus\\public\\react\\public\\js\\codemirror\\codemirror.js',
+	'D:\\Code\\trustieplus\\public\\react\\public\\js\\codemirror\\mode\\javascript.js',
+
+	'D:\\Code\\trustieplus\\public\\react\\public\\js\\diff_match_patch.js',
+	  
+	  
+	  'D:\\Code\\trustieplus\\public\\react\\public\\js\\merge.js',
+	  
+	  'D:\\Code\\trustieplus\\public\\react\\public\\js\\edu_tpi.js',
+
+	  ]
+	
+	concat(_results, './public/js/js_min_all.js')
+
+	// var uglified = uglify.minify(['./public/js/merge.js']);
+	// console.log('uglified', uglified)
+	// fs.writeFile('concat.min.js', uglified.code, function (err){
+	//   if(err) {
+	//     console.log(err);
+	//   } else {
+	//     console.log("Script generated and saved:", 'concat.min.js');
+	//   }      
+	// });
+
+
+// var uglified = uglify.minify(['file1.js', 'file2.js', 'file3.js']);
+

public/react/scripts/fileContentReplace.js

@@ -0,0 +1,23 @@
+var fs2 = require('fs');
+
+function generateNewIndexJsp() {
+    
+  var filePath = './build/index.html';
+
+  var outputPath = filePath
+  fs2.readFile(filePath, 'utf8', function (err,data) {
+    if (err) {
+      return console.log(err);
+    }
+    var result = data
+        .replace('/js/create_kindeditor.js', '/react/build/js/create_kindeditor.js')
+        .replace(/https:\/\/testeduplus2.educoder.net/g, '');
+        // .replace(/http:\/\/testbdweb.educoder.net/g, '');
+
+        .replace('/css/css_min_all.css', '/react/build/css/css_min_all.css');
+
+    fs2.writeFile(outputPath, result, 'utf8', function (err) {
+       if (err) return console.log(err);
+    });
+  });
+}

public/react/scripts/readme-cdn.txt

@@ -0,0 +1,16 @@
+目前是判断域名的方式动态访问对应的cdn资源
+静态资源处理在build.js中，如下代码：
+if (window.location.host == 'pre-newweb.educoder.net') {
+    _host = 'https://testali-cdn.educoder.net/react/build/'
+} else if (window.location.host == 'www.educoder.net') {
+    _host = 'https://ali-cdn.educoder.net/react/build/'
+}
+
+只对预上线和正式版做了处理
+
+动态的chunk资源处理在public-path.js中，如下代码：
+if ( window.location.host == 'pre-newweb.educoder.net') {
+    __webpack_public_path__ = 'https://testali-cdn.educoder.net/react/build/'
+} else if ( window.location.host == 'www.educoder.net') {
+    __webpack_public_path__ = 'https://ali-cdn.educoder.net/react/build/'
+}

public/react/scripts/start.js

@@ -0,0 +1,114 @@
+'use strict';
+
+// Do this as the first thing so that any code reading it knows the right env.
+process.env.BABEL_ENV = 'development';
+process.env.NODE_ENV = 'development';
+
+
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', err => {
+  throw err;
+});
+
+// Ensure environment variables are read.
+require('../config/env');
+
+const fs = require('fs');
+const chalk = require('chalk');
+const webpack = require('webpack');
+const WebpackDevServer = require('webpack-dev-server');
+const clearConsole = require('react-dev-utils/clearConsole');
+const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+const {
+  choosePort,
+  createCompiler,
+  prepareProxy,
+  prepareUrls,
+} = require('react-dev-utils/WebpackDevServerUtils');
+const openBrowser = require('react-dev-utils/openBrowser');
+const paths = require('../config/paths');
+const config = require('../config/webpack.config.dev');
+const createDevServerConfig = require('../config/webpackDevServer.config');
+
+const useYarn = fs.existsSync(paths.yarnLockFile);
+const isInteractive = process.stdout.isTTY;
+
+const portSetting = require(paths.appPackageJson).port
+if ( portSetting ) {
+  process.env.port = portSetting
+}
+
+// Warn and crash if required files are missing
+if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
+  process.exit(1);
+}
+
+// Tools like Cloud9 rely on this.
+const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3007;
+const HOST = process.env.HOST || '0.0.0.0';
+
+if (process.env.HOST) {
+  console.log(
+    chalk.cyan(
+      `Attempting to bind to HOST environment variable: ${chalk.yellow(
+        chalk.bold(process.env.HOST)
+      )}`
+    )
+  );
+  console.log(
+    `If this was unintentional, check that you haven't mistakenly set it in your shell.`
+  );
+  console.log(`Learn more here: ${chalk.yellow('http://bit.ly/2mwWSwH')}`);
+  console.log();
+}
+
+// We attempt to use the default port but if it is busy, we offer the user to
+// run on a different port. `choosePort()` Promise resolves to the next free port.
+choosePort(HOST, DEFAULT_PORT)
+  .then(port => {
+    if (port == null) {
+      // We have not found a port.
+      return;
+    }
+    const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
+    const appName = require(paths.appPackageJson).name;
+    const urls = prepareUrls(protocol, HOST, port);
+    // Create a webpack compiler that is configured with custom messages.
+    const compiler = createCompiler(webpack, config, appName, urls, useYarn);
+    // Load proxy config
+    const proxySetting = require(paths.appPackageJson).proxy;
+    console.log('-------------------------proxySetting:', proxySetting)
+    const proxyConfig = prepareProxy(proxySetting, paths.appPublic);
+    // Serve webpack assets generated by the compiler over a web sever.
+    const serverConfig = createDevServerConfig(
+      proxyConfig,
+      urls.lanUrlForConfig
+    );
+    const devServer = new WebpackDevServer(compiler, serverConfig);
+    // Launch WebpackDevServer.
+    devServer.listen(port, HOST, err => {
+      if (err) {
+        return console.log(err);
+      }
+      if (isInteractive) {
+        clearConsole();
+      }
+      console.log(chalk.cyan('Starting the development server...\n'));
+      openBrowser(urls.localUrlForBrowser);
+    });
+
+    ['SIGINT', 'SIGTERM'].forEach(function(sig) {
+      process.on(sig, function() {
+        devServer.close();
+        process.exit();
+      });
+    });
+  })
+  .catch(err => {
+    if (err && err.message) {
+      console.log(err.message);
+    }
+    process.exit(1);
+  });

public/react/scripts/test.js

@@ -0,0 +1,27 @@
+'use strict';
+
+// Do this as the first thing so that any code reading it knows the right env.
+process.env.BABEL_ENV = 'test';
+process.env.NODE_ENV = 'test';
+process.env.PUBLIC_URL = '';
+
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', err => {
+  throw err;
+});
+
+// Ensure environment variables are read.
+require('../config/env');
+
+const jest = require('jest');
+const argv = process.argv.slice(2);
+
+// Watch unless on CI or in coverage mode
+if (!process.env.CI && argv.indexOf('--coverage') < 0) {
+  argv.push('--watch');
+}
+
+
+jest.run(argv);