feat: support self hosted (#414)

Author: imaegoo

.eslintignore

@@ -2,5 +2,5 @@
 *.json
 *.md
 LICENSE
-src/lib/marked/*
+src/client/lib/marked/*
 yarn.lock

.github/workflows/build.yml

@@ -5,9 +5,9 @@ name: Build
 
 on:
   push:
-    branches: [ main ]
+    branches: [ main, dev ]
   pull_request:
-    branches: [ main ]
+    branches: [ main, dev ]
 
 jobs:
   build:

.github/workflows/docs.yml

@@ -5,7 +5,7 @@ name: Docs
 
 on:
   release:
-    types: [created]
+    types: [released]
   workflow_dispatch:
 
 jobs:

.github/workflows/publish.yml

@@ -5,7 +5,7 @@ name: Publish
 
 on:
   release:
-    types: [created]
+    types: [published]
   workflow_dispatch:
 
 jobs:
@@ -19,12 +19,27 @@ jobs:
           registry-url: https://registry.npmjs.org/
       - run: yarn install
       - run: yarn build
-      - run: yarn publish
+      - if: "github.event.release.prerelease"
+        run: yarn publish --tag beta
         env:
           NODE_AUTH_TOKEN: ${{secrets.npm_token}}
-      - run: cd src/function/twikoo && yarn publish
+      - if: "github.event.release.prerelease"
+        run: cd src/server/function/twikoo && yarn publish --tag beta
         env:
           NODE_AUTH_TOKEN: ${{secrets.npm_token}}
-      - run: cd src/vercel && yarn publish
+      - if: "github.event.release.prerelease"
+        run: cd src/server/vercel && yarn publish --tag beta
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}
+      - if: "!github.event.release.prerelease"
+        run: yarn publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}
+      - if: "!github.event.release.prerelease"
+        run: cd src/server/function/twikoo && yarn publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}
+      - if: "!github.event.release.prerelease"
+        run: cd src/server/vercel && yarn publish
         env:
           NODE_AUTH_TOKEN: ${{secrets.npm_token}}

.gitignore

@@ -111,3 +111,7 @@ dist
 
 # VuePress temp file
 .temp
+
+# database
+db.json
+db.json.*

CHANGELOG.md

@@ -1,7 +1,7 @@
 {
   "version": "2.0",
   "envId": "{{envId}}",
-  "functionRoot": "./src/function",
+  "functionRoot": "./src/server/function",
   "functions": [
     {
       "name": "twikoo",
@@ -17,7 +17,7 @@
       "function": {
         "use": "@cloudbase/framework-plugin-function",
         "inputs": {
-          "functionRootPath": "./src/function",
+          "functionRootPath": "./src/server/function",
           "functions": [
             {
               "name": "twikoo",

README.en.md

@@ -56,7 +56,7 @@
           <div class="field">
             <label class="label">环境 ID | Environment ID: <code>envId</code></label>
             <div class="control">
-              <input class="input" id="envId" type="text" placeholder="e.g imaegoo-16fe3d" value="https://twikoo.vercel.app">
+              <input class="input" id="envId" type="text" placeholder="e.g imaegoo-16fe3d" value="http://localhost:8080">
             </div>
           </div>
           <div class="field">

README.md

@@ -13,7 +13,7 @@
 
         <!-- Twikoo -->
         <div id="twikoo"></div>
-        <component :is="'script'" src="https://cdn.staticfile.org/twikoo/1.5.11/twikoo.all.min.js" ref="twikooJs"></component>
+        <component :is="'script'" src="https://cdn.staticfile.org/twikoo/1.6.0-beta.1/twikoo.all.min.js" ref="twikooJs"></component>
       </div>
     </template>
   </ParentLayout>

cloudbaserc.json

@@ -1,7 +1,7 @@
 {
   "name": "twikoo",
-  "version": "1.5.11",
-  "description": "A simple comment system based on Tencent CloudBase (tcb).",
+  "version": "1.6.0-beta.1",
+  "description": "A simple comment system.",
   "keywords": [
     "twikoojs",
     "comment",

demo/demo.html

@@ -1,6 +1,6 @@
-import { version } from '../version'
-import { install } from './tcb'
-import { render } from '../view'
+import { version } from './version'
+import { install } from './utils/tcb'
+import { render } from './view'
 import { setLanguage, isUrl, getCommentsCountApi, getRecentCommentsApi } from './utils'
 import cloudbase from '@cloudbase/js-sdk/app'
 import '@cloudbase/js-sdk/auth'

docs/.vuepress/theme/layouts/Layout.vue

@@ -1,6 +1,6 @@
-import { version } from '../version'
-import { install } from './tcb'
-import { render } from '../view'
+import { version } from './version'
+import { install } from './utils/tcb'
+import { render } from './view'
 import { setLanguage, logger, isUrl, getCommentsCountApi, getRecentCommentsApi } from './utils'
 
 async function initTcb (options) {

docs/README.md

@@ -1,4 +1,4 @@
-import { app } from '../../view'
+import { app } from '../view'
 
 const isUrl = (s) => {
   return /^http(s)?:\/\//.test(s)

docs/en/README.md

@@ -1,4 +1,4 @@
-import { app } from '../../view'
+import { app } from '../view'
 
 const PRISM_CDN = 'https://cdn.staticfile.org/prism/1.28.0'
 let Prism

docs/en/quick-start.md

@@ -1,4 +1,4 @@
-import { marked } from '../../lib/marked/marked'
+import { marked } from '../lib/marked/marked'
 
 /**
  * https://marked.js.org/#/USING_ADVANCED.md

docs/quick-start.md

@@ -1,7 +1,7 @@
 import {
   isNotSet,
   logger
-} from '../utils'
+} from '.'
 
 const builtInOptions = [
   { key: 'envId', required: true }

package.json

@@ -0,0 +1,3 @@
+const version = '1.6.0-beta.1'
+
+export { version }

src/lib/marked/Lexer.js renamed to src/client/lib/marked/Lexer.js

@@ -87,7 +87,7 @@ export default {
   width: 1em;
   line-height: 0;
 }
-.tk-action-icon /deep/ svg {
+.tk-action-icon :deep(svg) {
   fill: #409eff;
 }
 </style>