artalk 2.4.4 → 2.5.0

package/scripts/build-i18n.mjs

@@ -1,46 +0,0 @@
-import fs from 'fs'
-import path from 'path'
-import { build } from 'vite'
-import { fileURLToPath } from 'url'
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-const i18nPath = path.join(__dirname, '../src/i18n/')
-const outDir = path.resolve(__dirname, '../dist/i18n')
-
-// empty outDir before build
-fs.rmSync(outDir, { recursive: true, force: true })
-
-const libraries = []
-
-fs.readdirSync(i18nPath).forEach(f => {
-  if (['index.ts'].includes(f)) return
-
-  const filename = path.join(i18nPath, f)
-  const lang = path.parse(filename).name
-  const content = fs.readFileSync(filename);
-
-  // only compile the external locale
-  if (!content.toString().includes('defineLocaleExternal')) return
-
-  libraries.push({
-    entry: filename,
-    name: lang,
-    fileName: (format) => ((format == "umd") ? `${lang}.js` : `${lang}.${format}.js`),
-  })
-})
-
-libraries.forEach(async (lib) => {
-  await build({
-    build: {
-      target: 'es2015',
-      outDir: outDir,
-      minify: 'terser',
-      emptyOutDir: false,
-      lib: {
-        ...lib,
-        formats: ['umd'],
-      },
-    },
-    configFile: false, // prevent load any vite config file
-  })
-})

package/src/lib/checker/admin-checker.ts

@@ -1,36 +0,0 @@
-import * as Utils from '../utils'
-import { Checker } from '.'
-
-const AdminChecker: Checker = {
-  inputType: 'password',
-
-  request(that, ctx, inputVal) {
-    const data = {
-      name: that.ctx.user.data.nick,
-      email: that.ctx.user.data.email,
-      password: inputVal
-    }
-
-    return (async () => {
-      const resp = await that.ctx.getApi().user.login(data.name, data.email, data.password)
-      return resp.token
-    })()
-  },
-
-  body(that, ctx) {
-    return Utils.createElement(`<span>${that.ctx.$t('adminCheck')}</span>`)
-  },
-
-  onSuccess(that, ctx, userToken, inputVal, formEl) {
-    that.ctx.user.update({
-      isAdmin: true,
-      token: userToken
-    })
-    that.ctx.trigger('user-changed', that.ctx.user.data)
-    that.ctx.listReload()
-  },
-
-  onError(that, ctx, err, inputVal, formEl) {}
-}
-
-export default AdminChecker

package/src/lib/checker/captcha-checker.ts

@@ -1,84 +0,0 @@
-import * as Utils from '../utils'
-import * as Ui from '../ui'
-import { Checker } from '.'
-
-const CaptchaChecker: Checker = {
-  request(that, ctx, inputVal) {
-    return that.ctx.getApi().captcha.captchaCheck(inputVal)
-  },
-
-  body(that, ctx) {
-    // Iframe 验证方式
-    if (that.captchaConf.iframe) {
-      const $iframeWrap = Utils.createElement(`<div class="atk-checker-iframe-wrap"></div>`)
-      const $iframe = Utils.createElement<HTMLIFrameElement>(`<iframe class="atk-fade-in"></iframe>`)
-      $iframe.style.display = 'none'
-      Ui.showLoading($iframeWrap, { transparentBg: true })
-      $iframe.src = `${that.ctx.conf.server}/api/captcha/get?t=${+new Date()}`
-      $iframe.onload = () => {
-        $iframe.style.display = ''
-        Ui.hideLoading($iframeWrap)
-      }
-      $iframeWrap.append($iframe)
-
-      const $closeBtn = Utils.createElement(`<div class="atk-close-btn"><i class="atk-icon atk-icon-close"></i></div>`)
-      $iframeWrap.append($closeBtn)
-
-      ctx.hideInteractInput()
-
-      // 轮询状态
-      let stop = false // 打断
-      const sleep = (ms: number) => new Promise((resolve) => { window.setTimeout(() => { resolve(null) }, ms) })
-      ;(async function queryStatus() {
-        await sleep(1000)
-        if (stop) return
-        let isPass = false
-        try {
-          const resp = await that.ctx.getApi().captcha.captchaStatus()
-          isPass = resp.is_pass
-        } catch { isPass = false }
-        if (isPass) {
-          ctx.triggerSuccess()
-        } else {
-          queryStatus()
-        }
-      })()
-
-      $closeBtn.onclick = () => {
-        stop = true
-        ctx.cancel()
-      }
-
-      return $iframeWrap
-    }
-
-    // 图片验证方式
-    const elem = Utils.createElement(
-      `<span><img class="atk-captcha-img" src="${that.captchaConf.imgData || ''}">${that.ctx.$t('captchaCheck')}</span>`
-    );
-
-    // 刷新验证码
-    elem.querySelector<HTMLElement>('.atk-captcha-img')!.onclick = () => {
-      const imgEl = elem.querySelector('.atk-captcha-img')
-      that.ctx.getApi().captcha.captchaGet()
-        .then((imgData) => {
-          imgEl!.setAttribute('src', imgData)
-        })
-        .catch((err) => {
-          console.error('Failed to get captcha image ', err)
-        })
-    }
-    return elem
-  },
-
-  onSuccess(that, ctx, data, inputVal, formEl) {
-    that.captchaConf.val = inputVal
-  },
-
-  onError(that, ctx, err, inputVal, formEl) {
-    formEl.querySelector<HTMLElement>('.atk-captcha-img')!.click() // 刷新验证码
-    formEl.querySelector<HTMLInputElement>('input[type="text"]')!.value = '' // 清空输入框输入
-  }
-}
-
-export default CaptchaChecker

package/src/style/_variables.less

@@ -1,3 +0,0 @@
-@font-size: 14px;
-@line-height: 1.6em;
-@block-radius: 6px;

package/test/ArtalkCount.html

@@ -1,16 +0,0 @@
-<script src="../dist/Artalk.js"></script>
-
-<div class="pv" data-page-key="https://artalk.js.org/">0</div>
-<div class="pv" data-page-key="https://artalk.js.org/guide/intro.html">0</div>
-
-<div class="count" data-page-key="https://artalk.js.org/">0</div>
-<div class="count" data-page-key="https://artalk.js.org/guide/intro.html">0</div>
-
-<script>
-  var artalk = Artalk.LoadCountWidget({
-    server: 'http://localhost:23366',
-    site: 'ArtalkDocs',
-    pvEl: '.pv',
-    countEl: ".count",
-  });
-</script>

package/test/ArtalkI18n.html

@@ -1,16 +0,0 @@
-<link rel="stylesheet" href="../dist/Artalk.css">
-<script src="../dist/Artalk.js"></script>
-<script src="../dist/i18n/zh-TW.js"></script>
-
-<div id="comments"></div>
-
-<script>
-  var artalk = new Artalk({
-    el: '#comments',
-    pageKey: 'https://artalk.js.org/',
-    pageTitle: 'Artalk Home',
-    server: 'http://localhost:23366',
-    site: 'ArtalkDocs',
-    locale: 'auto',
-  });
-</script>

package/test/ArtalkLite.html

@@ -1,15 +0,0 @@
-<!-- <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> -->
-<link rel="stylesheet" href="../dist/ArtalkLite.css">
-<script src="../dist/ArtalkLite.js"></script>
-
-<div id="comments"></div>
-
-<script>
-  var artalk = new Artalk({
-    el: '#comments',
-    pageKey: 'https://artalk.js.org/',
-    pageTitle: 'Artalk Home',
-    server: 'http://localhost:23366',
-    site: 'ArtalkDocs',
-  });
-</script>

package/test/CSRF.html

@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>CSRF Test</title>
-
-  <!-- 解除注释来测试当 referer 为空时的行为 -->
-  <!-- <meta name="referrer" content="never"> -->
-</head>
-<body>
-
-  <form action="http://localhost:23366/api/add" method="post">
-    <input type="text" name="name" value="admin">
-    <input type="text" name="email" value="test@example.com">
-    <input type="text" name="link" value="">
-    <input type="text" name="content" value="CSRF Success">
-    <input type="text" name="rid" value="0">
-    <input type="text" name="page_key" value="https://artalk.js.org/">
-    <input type="text" name="site_name" value="ArtalkDocs">
-    <button type="submit">Fire!</button>
-  </form>
-
-</body>
-</html>

package/tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "outDir": "dist",
-    "paths": {
-      "~/*": ["./*"],
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["./src", "./types"]
-}

package/vite-base.config.ts

@@ -1,21 +0,0 @@
-import { defineConfig } from 'vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
-import { resolve } from 'path'
-import dts from 'vite-plugin-dts'
-
-export default defineConfig({
-  css: {
-    preprocessorOptions: {
-      less: {
-         additionalData: `@import "./src/style/_variables.less";@import "./src/style/_extend.less";`
-     },
-    },
-  },
-  resolve: {
-    alias: {
-      '@': resolve(__dirname, 'src'),
-      '~': resolve(__dirname),
-    }
-  },
-  plugins: [tsconfigPaths(), dts()],
-})

package/vite-demo.config.ts

@@ -1,12 +0,0 @@
-import { defineConfig } from 'vite'
-import { resolve } from 'path'
-import baseConf from './vite-base.config'
-
-export default defineConfig({
-  build: {
-    target: 'esnext',
-    outDir: resolve(__dirname, "deploy"),
-    rollupOptions: {}
-  },
-  ...baseConf
-})

package/vite-lite.config.ts

@@ -1,22 +0,0 @@
-import fullVersionConf from './vite.config'
-import * as Utils from './src/lib/utils'
-
-export default Utils.mergeDeep(fullVersionConf, {
-  build: {
-    lib: {
-      fileName: (format) => ((format == "umd") ? 'ArtalkLite.js' : `ArtalkLite.${format}.js`),
-    },
-    rollupOptions: {
-      external: ['marked'],
-      output: {
-        globals: {
-          marked: 'marked',
-        },
-        assetFileNames: (assetInfo) => (/\.css$/.test(assetInfo.name) ? "ArtalkLite.css" : "[name].[ext]")
-      }
-   }
-  },
-  define: {
-    ARTALK_LITE: true,
-  },
-})

package/vite.config.ts

@@ -1,27 +0,0 @@
-import { defineConfig } from 'vite'
-import { resolve } from 'path'
-import baseConf from './vite-base.config'
-import * as Utils from './src/lib/utils'
-
-export default Utils.mergeDeep(baseConf, defineConfig({
-  build: {
-    target: 'es2015',
-    outDir: resolve(__dirname, "dist"),
-    minify: 'terser',
-    emptyOutDir: false,
-    lib: {
-      entry: resolve(__dirname, 'src/main.ts'),
-      name: 'Artalk',
-      fileName: (format) => ((format == "umd") ? 'Artalk.js' : `Artalk.${format}.js`),
-      formats: ["es", "umd", "iife"]
-    },
-    rollupOptions: {
-      output: {
-        assetFileNames: (assetInfo) => (/\.css$/.test(assetInfo.name || '') ? "Artalk.css" : "[name].[ext]"),
-      }
-    }
-  },
-  define: {
-    ARTALK_LITE: false,
-  },
-}))