yurenchen000 · yurenchen000 · Oct 15, 2024 · Oct 24, 2024 · Oct 25, 2024 · Nov 2, 2024
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -0,0 +1,66 @@
+name: Build and Release
+# .github/workflows/release.yaml
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  releases-matrix:
+    name: ReleaseGo
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        # build and publish in parallel: linux/amd64, linux/arm64, windows/amd64, darwin/amd64, darwin/arm64
+        goos: [linux, darwin]
+        goarch: [amd64, arm64, arm]
+        exclude:
+          - goarch: arm
+            goos: darwin
+
+    steps:
+    ## 1. checkout
+    - uses: actions/checkout@v3
+
+    ## 2. build frontend
+    - name: Setup node
+      uses: actions/setup-node@v3
+      with:
+        node-version: latest
+        architecture: x64
+        check-latest: true
+        cache: npm
+        cache-dependency-path: "**/package.json"
+    - name: Build Frontend
+      run: |
+        cd client
+        npm install
+        NODE_OPTIONS=--openssl-legacy-provider npm run build
+        cp -pvr ../server-node/static ../server-go/cloud-clip/
+        find ../server-go/cloud-clip/static/ -iname '*.br' -delete
+        find ../server-go/cloud-clip/static/ -iname '*.gz' -delete
+
+    ## 3. build go binary
+    - name: Build server-go
+    # - uses: wangyoucao577/[email protected]
+      uses: wangyoucao577/[email protected]
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        # goos: linux
+        # goarch: amd64
+        build_flags: -tags embed
+        ldflags: -s -w -X main.server_version=${{github.event.release.tag_name}}
+        goversion: 1.22
+        goos: ${{ matrix.goos }}
+        goarch: ${{ matrix.goarch }}
+        project_path: ./server-go/cloud-clip
+        binary_name: cloud-clip
+        # build_command: |
+        #   make DEST=${BUILD_ARTIFACTS_FOLDER}
+
+        #  env GO111MODULE=off go build -o hello
+        #  env GO111MODULE=off go build -o world
+        # can't use multi cmd
+        # no strip cmd: use -ldflags -s -w 
+        md5sum: FALSE
+
diff --git a/client/package.json b/client/package.json
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "axios": "^1.7.7",
-    "core-js": "^3.38.1",
+    "core-js": "^3.39.0",
     "vue": "^2.7.16",
     "vue-axios": "^2.1.5",
     "vue-linkify": "^1.0.1",
@@ -24,7 +24,7 @@
     "cross-env": "^7.0.3",
     "fs-extra": "^11.2.0",
     "glob": "^11.0.0",
-    "sass": "~1.79.5",
+    "sass": "^1.81.0",
     "sass-loader": "^10.5.2",
     "typeface-roboto": "^1.1.13",
     "vue-cli-plugin-vuetify": "^2.5.8",

diff --git a/client/public/index.html b/client/public/index.html
@@ -3,10 +3,15 @@
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+        <meta name="viewport" content="width=device-width,initial-scale=1,interactive-widget=resizes-content">
+        <!-- 
         <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
+         -->
         <meta name="author" content="TransparentLC">
         <link rel="icon" type="image/svg+xml" href="<%= BASE_URL %>favicon.svg">
         <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+        <link rel="manifest" href="<%= BASE_URL %>manifest.json">
         <title>云剪贴板</title>
     </head>
     <body>

diff --git a/client/public/manifest.json b/client/public/manifest.json
@@ -0,0 +1,19 @@
+{
+    "name": "云剪贴板",
+    "description": "在局域网内互传纯文本和文件的云剪贴板，即开即用的网页版，无须安装 APP",
+    "short_name": "云剪贴板",
+    "start_url": "./",
+    "scope": ".",
+    "display": "standalone",
+    "icons": [
+        {
+            "sizes": "any",
+            "type": "image/svg+xml",
+            "src": "favicon.svg"
+        },
+        {
+            "sizes": "32x32",
+            "src": "favicon.ico"
+        }
+    ]
+}
diff --git a/client/src/App.vue b/client/src/App.vue
@@ -171,6 +171,21 @@
     </v-app>
 </template>
 
+<!-- will filter by data-v-xxx -->
+<style scoped>
+.v-navigation-drawer >>> .v-navigation-drawer__border {
+    pointer-events: none;
+}
+</style>
+
+<!-- not filter by data-v-xxx -->
+<style>
+/* global style */
+.v-snack.v-snack--bottom {
+    bottom: 30%;
+}
+</style>
+
 <script>
 import {
     mdiContentPaste,

diff --git a/client/src/components/SendFile.vue b/client/src/components/SendFile.vue
@@ -1,6 +1,8 @@
 <template>
     <div>
+        <!-- 
         <div class="headline text--primary mb-4">发送文件</div>
+         -->
         <v-card
             outlined
             class="pa-3 mb-6 d-flex flex-row align-center"
@@ -48,7 +50,7 @@
                     color="primary"
                     large
                     class="d-block mx-auto"
-                    @click="$refs.selectFile.click()"
+                    @click="focus"
                 >
                     <div title="支持拖拽和 Ctrl+V 粘贴截图">
                         选择要发送的文件<span class="d-none d-xl-inline">（支持拖拽和 Ctrl+V 粘贴截图）</span>
@@ -110,6 +112,9 @@ export default {
         },
     },
     methods: {
+        focus() {
+            this.$refs.selectFile.click();
+        },
         /**
          * @param {File[]} files
          */

diff --git a/client/src/components/SendText.vue b/client/src/components/SendText.vue
@@ -1,11 +1,19 @@
 <template>
     <div>
+        <!-- 
         <div class="headline text--primary mb-4">发送文本</div>
-        <v-textarea
+        -->
+        <!-- 
             no-resize
+            rows="6"
+            rows="3"
+        -->
+        <v-textarea
+            ref="textarea"
+            auto-grow
             outlined
             dense
-            rows="6"
+            :rows="$vuetify.breakpoint.xs ? 3 : 6"
             :counter="$root.config.text.limit"
             placeholder="请输入需要发送的文本"
             v-model="$root.send.text"
@@ -25,6 +33,9 @@
 export default {
     name: 'send-text',
     methods: {
+        focus() {
+            this.$refs.textarea.focus();
+        },
         send() {
             this.$http.post(
                 'text',

diff --git a/client/src/components/received-item/File.vue b/client/src/components/received-item/File.vue
@@ -34,7 +34,7 @@
                                     v-on="on"
                                     icon
                                     color="grey"
-                                    :href="expired ? null : `/file/${meta.cache}`"
+                                    :href="expired ? null : `file/${meta.cache}`"
                                     :download="expired ? null : meta.name"
                                 >
                                     <v-icon>{{expired ? mdiDownloadOff : mdiDownload}}</v-icon>