gulpfile.js 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. const fs = require('fs')
  2. const utils = require('util')
  3. const cp = require('child_process')
  4. const exec = utils.promisify(cp.exec)
  5. const path = require('path')
  6. const gulp = require('gulp')
  7. const del = require('del')
  8. const ip = require('ip')
  9. const replace = require('gulp-replace')
  10. const outputPath = path.join(__dirname, 'static')
  11. const resourcesPath = path.join(__dirname, 'resources')
  12. const publicStaticPath = path.join(__dirname, 'public/static')
  13. const sourcePath = path.join(__dirname, 'src/main/frontend')
  14. const resourceFilePath = path.join(resourcesPath, '**')
  15. const outputFilePath = path.join(outputPath, '**')
  16. const css = {
  17. watchCSS () {
  18. return cp.spawn(`yarn css:watch`, {
  19. shell: true,
  20. stdio: 'inherit',
  21. })
  22. },
  23. watchCapacitorNewCSS () {
  24. return cp.spawn(`yarn css:capacitor-new-watch`, {
  25. shell: true,
  26. stdio: 'inherit',
  27. })
  28. },
  29. buildCSS (...params) {
  30. return gulp.series(
  31. () => exec(`yarn css:build`, {}),
  32. css._optimizeCSSForRelease,
  33. )(...params)
  34. },
  35. _optimizeCSSForRelease () {
  36. return gulp.src(path.join(outputPath, 'css', 'style.css')).
  37. pipe(gulp.dest(path.join(outputPath, 'css')))
  38. },
  39. }
  40. const common = {
  41. clean () {
  42. return del(
  43. ['./static/**/*', '!./static/yarn.lock', '!./static/node_modules'])
  44. },
  45. syncResourceFile () {
  46. return gulp.src(resourceFilePath).pipe(gulp.dest(outputPath))
  47. },
  48. // NOTE: All assets from node_modules are copied to the output directory
  49. syncAssetFiles (...params) {
  50. return gulp.series(
  51. () => gulp.src([
  52. './node_modules/@excalidraw/excalidraw/dist/excalidraw-assets/**',
  53. '!**/*/i18n-*.js',
  54. ]).pipe(gulp.dest(path.join(outputPath, 'js', 'excalidraw-assets'))),
  55. () => gulp.src([
  56. 'node_modules/katex/dist/katex.min.js',
  57. 'node_modules/katex/dist/contrib/mhchem.min.js',
  58. 'node_modules/html2canvas/dist/html2canvas.min.js',
  59. 'node_modules/interactjs/dist/interact.min.js',
  60. 'node_modules/photoswipe/dist/umd/*.js',
  61. 'node_modules/shepherd.js/dist/js/shepherd.min.js',
  62. 'node_modules/marked/marked.min.js',
  63. 'node_modules/@highlightjs/cdn-assets/highlight.min.js',
  64. 'node_modules/@isomorphic-git/lightning-fs/dist/lightning-fs.min.js',
  65. 'packages/amplify/dist/amplify.js',
  66. 'packages/ui/dist/ui.js',
  67. 'node_modules/@logseq/sqlite-wasm/sqlite-wasm/jswasm/sqlite3.wasm',
  68. 'node_modules/react/umd/react.production.min.js',
  69. 'node_modules/react/umd/react.development.js',
  70. 'node_modules/react-dom/umd/react-dom.production.min.js',
  71. 'node_modules/react-dom/umd/react-dom.development.js',
  72. 'node_modules/prop-types/prop-types.min.js',
  73. 'node_modules/dompurify/dist/purify.js',
  74. ]).pipe(gulp.dest(path.join(outputPath, 'js'))),
  75. () => gulp.src([
  76. 'node_modules/@tabler/icons-react/dist/umd/tabler-icons-react.min.js',
  77. ]).
  78. pipe(replace('"@tabler/icons-react"]={},a.react,',
  79. '"tablerIcons"]={},a.React,')).
  80. pipe(gulp.dest(path.join(outputPath, 'js'))),
  81. () => gulp.src([
  82. 'node_modules/@glidejs/glide/dist/glide.min.js',
  83. 'node_modules/@glidejs/glide/dist/css/glide.core.min.css',
  84. 'node_modules/@glidejs/glide/dist/css/glide.theme.min.css',
  85. ]).pipe(gulp.dest(path.join(outputPath, 'js', 'glide'))),
  86. () => gulp.src([
  87. 'node_modules/pdfjs-dist/build/pdf.js',
  88. 'node_modules/pdfjs-dist/build/pdf.worker.js',
  89. 'node_modules/pdfjs-dist/web/pdf_viewer.js',
  90. ]).pipe(gulp.dest(path.join(outputPath, 'js', 'pdfjs'))),
  91. () => gulp.src([
  92. 'node_modules/pdfjs-dist/cmaps/*.*',
  93. ]).pipe(gulp.dest(path.join(outputPath, 'js', 'pdfjs', 'cmaps'))),
  94. () => gulp.src([
  95. 'node_modules/inter-ui/inter.css',
  96. ]).pipe(gulp.dest(path.join(outputPath, 'css'))),
  97. () => gulp.src('node_modules/inter-ui/Inter (web)/*.*').
  98. pipe(gulp.dest(path.join(outputPath, 'css', 'Inter (web)'))),
  99. () => gulp.src([
  100. 'node_modules/@tabler/icons-webfont/fonts/**',
  101. 'node_modules/katex/dist/fonts/*.woff2',
  102. ]).pipe(gulp.dest(path.join(outputPath, 'css', 'fonts'))),
  103. () => gulp.src([
  104. 'node_modules/marked/marked.min.js',
  105. 'node_modules/@highlightjs/cdn-assets/highlight.min.js',
  106. 'node_modules/@ionic/core/dist/ionic/**',
  107. 'node_modules/react/umd/react.production.min.js',
  108. 'node_modules/react/umd/react.development.js',
  109. 'node_modules/react-dom/umd/react-dom.production.min.js',
  110. 'node_modules/react-dom/umd/react-dom.development.js',
  111. 'node_modules/prop-types/prop-types.min.js',
  112. 'node_modules/interactjs/dist/interact.min.js',
  113. 'packages/amplify/dist/amplify.js',
  114. 'packages/ui/dist/ui.js',
  115. ]).pipe(gulp.dest(path.join(outputPath, 'capacitor', 'js'))),
  116. () => gulp.src([
  117. 'node_modules/@logseq/sqlite-wasm/sqlite-wasm/jswasm/sqlite3.wasm',
  118. ]).pipe(gulp.dest(path.join(outputPath, 'capacitor')))
  119. )(...params)
  120. },
  121. keepSyncResourceFile () {
  122. return gulp.watch(resourceFilePath, { ignoreInitial: true },
  123. common.syncResourceFile)
  124. },
  125. syncAllStatic () {
  126. return gulp.src([
  127. outputFilePath,
  128. '!' + path.join(outputPath, 'node_modules/**'),
  129. ]).pipe(gulp.dest(publicStaticPath))
  130. },
  131. syncJS_CSSinRt () {
  132. return gulp.src([
  133. path.join(outputPath, 'js/**'),
  134. path.join(outputPath, 'css/**'),
  135. ], { base: outputPath }).pipe(gulp.dest(publicStaticPath))
  136. },
  137. keepSyncStaticInRt () {
  138. return gulp.watch([
  139. path.join(outputPath, 'js/**'),
  140. path.join(outputPath, 'css/**'),
  141. ], { ignoreInitial: true }, common.syncJS_CSSinRt)
  142. },
  143. async runCapWithLocalDevServerEntry (cb) {
  144. const mode = process.env.PLATFORM || 'ios'
  145. const LOGSEQ_APP_SERVER_URL = `http://localhost:3002`
  146. if (typeof global.fetch === 'function') {
  147. try {
  148. await fetch(LOGSEQ_APP_SERVER_URL)
  149. } catch (e) {
  150. return cb(new Error(
  151. `/* ❌ Please check if the service is ON. (${LOGSEQ_APP_SERVER_URL}) ❌ */`))
  152. }
  153. }
  154. console.log(`------ Cap ${mode.toUpperCase()} -----`)
  155. console.log(`Dev serve at: ${LOGSEQ_APP_SERVER_URL}`)
  156. console.log(`--------------------------------------`)
  157. cp.execSync(`npx cap sync ${mode}`, {
  158. stdio: 'inherit',
  159. env: Object.assign(process.env, {
  160. LOGSEQ_APP_SERVER_URL,
  161. }),
  162. })
  163. cp.execSync(`rm -rf ios/App/App/public/static/out`, {
  164. stdio: 'inherit',
  165. })
  166. cp.execSync(`npx cap run ${mode}`, {
  167. stdio: 'inherit',
  168. env: Object.assign(process.env, {
  169. LOGSEQ_APP_SERVER_URL,
  170. }),
  171. })
  172. cb()
  173. },
  174. switchReactDevelopmentMode (cb) {
  175. const reactFrom = path.join(outputPath, 'js', 'react.development.js')
  176. const reactTo = path.join(outputPath, 'js', 'react.production.min.js')
  177. cp.execSync(`mv ${reactFrom} ${reactTo}`, { stdio: 'inherit' })
  178. const reactDomFrom = path.join(outputPath, 'js', 'react-dom.development.js')
  179. const reactDomTo = path.join(outputPath, 'js',
  180. 'react-dom.production.min.js')
  181. cp.execSync(`mv ${reactDomFrom} ${reactDomTo}`, { stdio: 'inherit' })
  182. cb()
  183. },
  184. }
  185. exports.electron = () => {
  186. if (!fs.existsSync(path.join(outputPath, 'node_modules'))) {
  187. cp.execSync('yarn', {
  188. cwd: outputPath,
  189. stdio: 'inherit',
  190. })
  191. }
  192. cp.execSync('yarn electron:dev', {
  193. cwd: outputPath,
  194. stdio: 'inherit',
  195. })
  196. }
  197. exports.electronMaker = async () => {
  198. cp.execSync('yarn cljs:release-electron', {
  199. stdio: 'inherit',
  200. })
  201. const pkgPath = path.join(outputPath, 'package.json')
  202. const pkg = require(pkgPath)
  203. const version = fs.readFileSync(
  204. path.join(__dirname, 'src/main/frontend/version.cljs')).
  205. toString().
  206. match(/[0-9.]{3,}/)[0]
  207. if (!version) {
  208. throw new Error('release version error in src/**/*/version.cljs')
  209. }
  210. pkg.version = version
  211. fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2))
  212. if (!fs.existsSync(path.join(outputPath, 'node_modules'))) {
  213. cp.execSync('yarn', {
  214. cwd: outputPath,
  215. stdio: 'inherit',
  216. })
  217. }
  218. cp.execSync('yarn electron:make', {
  219. cwd: outputPath,
  220. stdio: 'inherit',
  221. })
  222. }
  223. exports.cap = common.runCapWithLocalDevServerEntry
  224. exports.clean = common.clean
  225. exports.watch = gulp.series(common.syncResourceFile,
  226. common.syncAssetFiles, common.syncAllStatic,
  227. common.switchReactDevelopmentMode,
  228. gulp.parallel(common.keepSyncResourceFile, css.watchCSS))
  229. exports.capacitorNewWatch = gulp.series(common.syncResourceFile,
  230. common.syncAssetFiles, common.syncAllStatic,
  231. gulp.parallel(common.keepSyncResourceFile, css.watchCapacitorNewCSS))
  232. exports.build = gulp.series(common.clean, common.syncResourceFile,
  233. common.syncAssetFiles, css.buildCSS)