ColdBreeze/ColdBreeze-chat-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: updates

Browse Source
This commit is contained in:
Tristan Yang
2023-11-21 21:53:04 +08:00
parent abf0ced2f9
commit eb53322bbc
3 changed files with 11 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/widget_demo.html
+2 -18
View File
@@ -9,27 +9,11 @@
</head> </head>
<body class="w-sreen h-screen flex-center bg-slate-800 text-stone-50"> <body class="w-sreen h-screen flex-center bg-slate-800 text-stone-50">
<div class="w-96 flex flex-col gap-2"> demo
<div class="flex flex-col gap-1">
<h2 class="text-gray-100">S3:</h2>
<video class="w-full h-full object-cover" controls>
<source src="https://s.voce.chat/demo/how_to_install_vocechat.mp4" type="video/mp4" />
</video>
</div>
<div class="flex flex-col gap-1">
<h2 class="text-gray-100">VoceChat:</h2>
<video class="w-full h-full object-cover" controls>
<source
src="https://dev.voce.chat/api/resource/file?file_path=2022%2F12%2F29%2F6803d8ad-8857-464b-a0a3-5d0f45bc1682"
type="video/mp4"
/>
</video>
</div>
</div>
</body> </body>
<script <script
src="/widget.js" src="/widget.js"
data-auto-reg="true" data-login-token="414fe2d2edcd74c9d6433655efbf5eef29f3bb05d8bf98ee21a73edb7c2206547b22757365726964223a2268656c6f6f222c22757365726e616d65223a22776f726c64222c22657870697265645f6174223a22323032332d31312d32315431323a33373a33352e3734313636343134325a227d"
data-host-id="1" data-host-id="1"
data-theme-color="#eee" data-theme-color="#eee"
async async
src/components/LinkifyText.tsx
+3 -1
View File
@@ -8,6 +8,7 @@ import URLPreview from "./Message/URLPreview";
type Props = { type Props = {
url?: boolean; url?: boolean;
linkPreview?: boolean;
mention?: boolean; mention?: boolean;
mentionTextOnly?: boolean; mentionTextOnly?: boolean;
mentionPopOver?: boolean; mentionPopOver?: boolean;
@@ -20,6 +21,7 @@ const LinkifyText = ({
mention = true, mention = true,
mentionTextOnly = false, mentionTextOnly = false,
mentionPopOver = true, mentionPopOver = true,
linkPreview = true,
text, text,
cid cid
}: Props) => { }: Props) => {
@@ -45,7 +47,7 @@ const LinkifyText = ({
<a className="text-primary-500" target="_blank" href={link} rel="noreferrer"> <a className="text-primary-500" target="_blank" href={link} rel="noreferrer">
{content} {content}
</a> </a>
<URLPreview url={link} /> {linkPreview && <URLPreview url={link} />}
</> </>
); );
}, },
src/routes/setting/Widget.tsx
+6 -3
View File
@@ -10,6 +10,7 @@ import Button from "../../components/styled/Button";
import Input from "../../components/styled/Input"; import Input from "../../components/styled/Input";
import useCopy from "../../hooks/useCopy"; import useCopy from "../../hooks/useCopy";
import { shallowEqual } from "react-redux"; import { shallowEqual } from "react-redux";
import LinkifyText from "@/components/LinkifyText";
const Row = ({ const Row = ({
paramKey, paramKey,
@@ -30,7 +31,9 @@ const Row = ({
paramDefault paramDefault
)} )}
</td> </td>
<td className="text-sm font-light px-6 py-4 whitespace-nowrap">{remarks}</td> <td className="text-sm font-light px-6 py-4">
<LinkifyText linkPreview={false} text={remarks} mention={false} />
</td>
</tr> </tr>
); );
}; };
@@ -54,7 +57,7 @@ export default function Widget() {
<SyntaxHighlighter id="code" language="html" style={vscDarkPlus} className="rounded"> <SyntaxHighlighter id="code" language="html" style={vscDarkPlus} className="rounded">
{`<!-- ${t( {`<!-- ${t(
"code_comment" "code_comment"
)} -->\n<script \n data-host-id="${loginUid}" \n data-auto-reg="false" \n data-login-token="xxxxxxxx" \n data-theme-color="#1fe1f9" \n data-close-width="48" \n data-close-height="48" \n data-open-width="380" \n data-open-height="680" \n data-welcome="Your custom welcome text" \n src="${ )} -->\n<script \n data-host-id="${loginUid}" \n data-auto-reg="false" \n data-login-token="xxxxxxxx" \n data-theme-color="#1fe1f9" \n data-close-width="48" \n data-close-height="48" \n data-open-width="380" \n data-open-height="680" \n data-welcome="Your custom welcome text" \n src="${
location.origin location.origin
}/widget.js" \n async \n></script>`} }/widget.js" \n async \n></script>`}
</SyntaxHighlighter> </SyntaxHighlighter>
@@ -97,7 +100,7 @@ export default function Widget() {
}, },
{ {
paramKey: "login-token", paramKey: "login-token",
paramDefault: "", paramDefault: `-`,
remarks: t("param_login_token") remarks: t("param_login_token")
}, },
{ {