Update build process and add new features

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: 2 people

.babelrc

@@ -91,7 +91,11 @@ app.use(netjet({
 }))
 
 // We do need this in any environment that is not Now/Zeit
-app.use(serveStatic(path.join(__dirname, '/public')))
+app.use(express.static(path.join(__dirname, 'public')))
+app.use('/dist', express.static(path.join(__dirname, 'public/dist')))
+
+// Add this line to serve node_modules/brace/theme directly
+app.use('/theme-github.js', express.static(path.join(__dirname, 'node_modules/brace/theme/github.js')))
 
 // Setup local variables to be available in the views.
 app.locals.title = config.title || 'Dillinger.'

app.js

@@ -1,15 +1,25 @@
 'use strict'
 const rc = require('rc')
+
 const defaultConfig = {
   title: 'Online Markdown Editor - Dillinger, the Last Markdown Editor ever.',
   description: `Dillinger is an online cloud based HTML5 filled
   Markdown Editor. Sync with Dropbox, Github, Google Drive or OneDrive.
   Convert HTML to Markdown. 100% Open Source!`,
   googleWebmasterMeta: 'DAyGOgtsg8rJpq9VVktKzDkQ1UhXm1FYl8SD47hPkjA',
   keywords: 'Markdown, Dillinger, Editor, ACE, Github, Open Source, Node.js',
-  author: 'Joe McCann and Martin Broder'
+  author: 'Joe McCann and Martin Broder',
+  // Add default database configuration
+  development: {
+    port: process.env.PORT || 8080,
+    db: {
+      mongodb: process.env.MONGODB_URI || 'mongodb://localhost:27017/dillinger',
+      redis: process.env.REDIS_URL || 'redis://localhost:6379'
+    }
+  }
 }
 
-module.exports = function () {
+// Export a function that returns the configuration
+module.exports = function() {
   return rc('dillinger', defaultConfig)
 }

config.js

@@ -1,13 +1,24 @@
-
 'use strict'
 
+const gulp = require('gulp')
 const fs = require('fs')
+const path = require('path')
 const argv = require('yargs').argv
 const onlyScripts = require('./util/scriptFilter')
-const tasks = fs.readdirSync('./gulp/tasks/').filter(onlyScripts)
 
 global.isProduction = !!(argv.production || argv.prod)
 
-tasks.forEach(function (task) {
-  require('./tasks/' + task)
+// Load all tasks
+const tasks = fs.readdirSync('./gulp/tasks/')
+  .filter(filename => filename.match(/\.js$/))
+  .map(filename => path.parse(filename).name)
+
+tasks.forEach(task => {
+  const taskModule = require('./tasks/' + task)
+  if (typeof taskModule === 'function') {
+    gulp.task(task, taskModule)
+  }
 })
+
+// Export the tasks
+module.exports = tasks

gulp/index.js

@@ -1,18 +1,26 @@
-
 'use strict'
 
 const gulp = require('gulp')
 
-const sequence = require('run-sequence')
-
-const devTasks = ['webpack:dev', 'sass']
+// Define build task function
+function buildTask(cb) {
+  // Check if we're in production mode
+  const isProduction = global.isProduction
 
-const buildTasks = ['webpack:build', 'sass']
+  // Define the sequence of tasks
+  const buildTasks = gulp.series(
+    'clean',
+    gulp.parallel(
+      'sass',
+      isProduction ? 'webpack:build' : 'webpack:dev'
+    )
+  )
 
-if (global.isProduction) {
-  gulp.task('build', function () {
-    return sequence(buildTasks)
-  })
-} else {
-  gulp.task('build', devTasks)
+  // Run the build sequence
+  return buildTasks(cb)
 }
+
+// Register build task
+gulp.task('build', buildTask)
+
+module.exports = buildTask

gulp/tasks/build.js

@@ -0,0 +1,13 @@
+'use strict'
+
+const gulp = require('gulp')
+const rimraf = require('gulp-rimraf')
+
+function cleanTask() {
+  return gulp.src(['./public/dist/*'], { read: false })
+    .pipe(rimraf({ force: true }))
+}
+
+gulp.task('clean', cleanTask)
+
+module.exports = cleanTask 

gulp/tasks/clean.js

@@ -1,20 +1,35 @@
-
 'use strict'
 
+const gulp = require('gulp')
 const critical = require('critical')
 
-const gulp = require('gulp')
+function criticalTask(cb) {
+  // Skip critical CSS generation in development
+  if (!global.isProduction) {
+    return cb()
+  }
 
-gulp.task('critical', function () {
-  const dest = './public'
+  const dest = './public/dist'
 
-  return critical.generateInline({
-    base: dest,
-    src: 'index.html',
-    styleTarget: 'app.css',
-    htmlTarget: 'index.html',
-    width: 320,
-    height: 480,
-    minify: true
+  return critical.generate({
+    base: './public/',  // Changed base directory
+    src: 'views/index.ejs',  // Changed to look for the EJS template
+    css: ['css/app.css'],  // Updated CSS path
+    target: {
+      css: 'dist/critical.css',
+      html: 'dist/index.html'
+    },
+    width: 1300,
+    height: 900,
+    minify: true,
+    ignore: ['@font-face', /url\(/]  // Ignore font-face and url references
+  }).catch(err => {
+    console.error('Critical CSS error:', err)
+    // Don't fail the build on critical CSS error
+    cb()
   })
-})
+}
+
+gulp.task('critical', criticalTask)
+
+module.exports = criticalTask

gulp/tasks/critical.js

@@ -1,6 +1,13 @@
-
 'use strict'
 
 const gulp = require('gulp')
 
-gulp.task('default', ['build'])
+// Update to Gulp 4 task syntax
+function defaultTask(cb) {
+  // Add your default task logic here
+  cb()
+}
+
+gulp.task('default', defaultTask)
+
+module.exports = defaultTask

gulp/tasks/default.js

@@ -0,0 +1,16 @@
+'use strict'
+
+const gulp = require('gulp')
+const rev = require('gulp-rev')
+
+function revTask() {
+  return gulp.src(['public/dist/**/*.{css,js}'])
+    .pipe(rev())
+    .pipe(gulp.dest('public/dist'))
+    .pipe(rev.manifest())
+    .pipe(gulp.dest('public/dist'))
+}
+
+gulp.task('rev', revTask)
+
+module.exports = revTask 

gulp/tasks/rev.js

@@ -1,34 +1,25 @@
 'use strict'
 
 const gulp = require('gulp')
-
-const sass = require('gulp-sass')
-
+const sass = require('gulp-sass')(require('sass'))
 const autoprefixer = require('gulp-autoprefixer')
-
 const cmq = require('gulp-group-css-media-queries')
-
 const csso = require('gulp-csso')
-
 const size = require('gulp-size')
-
 const gulpif = require('gulp-if')
-
 const handleErrors = require('../util/handleErrors')
-
 const browserSync = require('browser-sync')
 
-gulp.task('sass', function () {
+function sassTask() {
   const dest = './public/css'
 
   console.log('app sass build')
 
   gulp.src('./public/scss/app.{scss,sass}')
     .pipe(sass({
       precision: 7,
-      outputStyle: 'nested'
-    }))
-    .on('error', handleErrors)
+      outputStyle: 'expanded'
+    }).on('error', sass.logError))
     .pipe(autoprefixer())
     .pipe(gulpif(global.isProduction, cmq({
       log: true
@@ -38,16 +29,15 @@ gulp.task('sass', function () {
     .pipe(browserSync.reload({
       stream: true
     }))
-    .pipe(size())
+    .pipe(size({ showFiles: true }))
 
   console.log('export sass build')
 
   return gulp.src('./public/scss/export.{scss,sass}')
     .pipe(sass({
       precision: 7,
-      outputStyle: 'nested'
-    }))
-    .on('error', handleErrors)
+      outputStyle: 'expanded'
+    }).on('error', sass.logError))
     .pipe(autoprefixer())
     .pipe(gulpif(global.isProduction, cmq({
       log: true
@@ -57,5 +47,9 @@ gulp.task('sass', function () {
     .pipe(browserSync.reload({
       stream: true
     }))
-    .pipe(size())
-})
+    .pipe(size({ showFiles: true }))
+}
+
+gulp.task('sass', sassTask)
+
+module.exports = sassTask