gulpfile.js 9.0 KB

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