Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Sender support speech #154

Merged
merged 4 commits into from
Oct 15, 2024
Merged

feat: Sender support speech #154

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
afce2f5
feat: init speech hooks
zombieJ Oct 12, 2024
671626f
chore: icon support
zombieJ Oct 14, 2024
2086063
chore: support speech
zombieJ Oct 15, 2024
391486f
chore: support speech
zombieJ Oct 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion components/sender/StopLoading.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const StopLoadingIcon = memo((props: { className?: string }) => {
xmlnsXlink="http://www.w3.org/1999/xlink"
className={className}
>
<title>Stop Loading Icon</title>
<title>Stop Loading</title>
<rect fill="currentColor" height="250" rx="24" ry="24" width="250" x="375" y="375" />

<circle
Expand Down
157 changes: 122 additions & 35 deletions components/sender/__tests__/__snapshots__/demo-extend.test.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,26 +2,26 @@

exports[`renders components/sender/demo/actions.tsx extend context correctly 1`] = `
<div
class="ant-app css-var-rb"
class="ant-app css-var-rd"
>
<div
class="ant-sender css-var-rb"
class="ant-sender css-var-rd"
>
<textarea
class="ant-input ant-input-borderless css-var-rb ant-input-css-var ant-sender-input"
class="ant-input ant-input-borderless css-var-rd ant-input-css-var ant-sender-input"
style="overflow-y: hidden; resize: none;"
/>
<div
class="ant-sender-actions-list"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small css-var-rb"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small css-var-rd"
>
<div
class="ant-space-item"
>
<span
class="ant-typography ant-typography-secondary css-var-rb"
class="ant-typography ant-typography-secondary css-var-rd"
>
<small>
\`Shift + Enter\` to submit
Expand All @@ -32,7 +32,7 @@ exports[`renders components/sender/demo/actions.tsx extend context correctly 1`]
class="ant-space-item"
>
<button
class="ant-btn css-var-rb ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only ant-sender-actions-btn ant-sender-actions-btn-disabled"
class="ant-btn css-var-rd ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only ant-sender-actions-btn ant-sender-actions-btn-disabled"
type="button"
>
<span
Expand Down Expand Up @@ -67,7 +67,7 @@ exports[`renders components/sender/demo/actions.tsx extend context correctly 1`]
class="ant-space-item"
>
<button
class="ant-btn css-var-rb ant-btn-circle ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn"
class="ant-btn css-var-rd ant-btn-circle ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn"
type="button"
>
<span
Expand Down Expand Up @@ -106,16 +106,16 @@ exports[`renders components/sender/demo/actions.tsx extend context correctly 2`]

exports[`renders components/sender/demo/basic.tsx extend context correctly 1`] = `
<div
class="ant-app css-var-r9"
class="ant-app css-var-rb"
>
<div
class="ant-flex css-var-r9 ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
class="ant-flex css-var-rb ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
>
<div
class="ant-sender css-var-r9"
class="ant-sender css-var-rb"
>
<textarea
class="ant-input ant-input-borderless css-var-r9 ant-input-css-var ant-sender-input"
class="ant-input ant-input-borderless css-var-rb ant-input-css-var ant-sender-input"
style="overflow-y: hidden; resize: none;"
>
Hello? this is X!
Expand All @@ -124,10 +124,10 @@ exports[`renders components/sender/demo/basic.tsx extend context correctly 1`] =
class="ant-sender-actions-list"
>
<div
class="ant-sender-actions-list-presets ant-flex css-var-r9"
class="ant-sender-actions-list-presets ant-flex css-var-rb"
>
<button
class="ant-btn css-var-r9 ant-btn-circle ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn"
class="ant-btn css-var-rb ant-btn-circle ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn"
type="button"
>
<span
Expand Down Expand Up @@ -158,10 +158,10 @@ exports[`renders components/sender/demo/basic.tsx extend context correctly 1`] =
</div>
</div>
<div
class="ant-sender css-var-r9"
class="ant-sender css-var-rb"
>
<textarea
class="ant-input ant-input-borderless css-var-r9 ant-input-css-var ant-sender-input"
class="ant-input ant-input-borderless css-var-rb ant-input-css-var ant-sender-input"
readonly=""
style="overflow-y: hidden; resize: none;"
>
Expand All @@ -171,10 +171,10 @@ exports[`renders components/sender/demo/basic.tsx extend context correctly 1`] =
class="ant-sender-actions-list"
>
<div
class="ant-sender-actions-list-presets ant-flex css-var-r9"
class="ant-sender-actions-list-presets ant-flex css-var-rb"
>
<button
class="ant-btn css-var-r9 ant-btn-circle ant-btn-text ant-btn-color-primary ant-btn-variant-text ant-sender-actions-btn ant-sender-actions-btn-loading-button"
class="ant-btn css-var-rb ant-btn-circle ant-btn-text ant-btn-color-primary ant-btn-variant-text ant-sender-actions-btn ant-sender-actions-btn-loading-button"
type="button"
>
<svg
Expand All @@ -185,7 +185,7 @@ exports[`renders components/sender/demo/basic.tsx extend context correctly 1`] =
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<title>
Stop Loading Icon
Stop Loading
</title>
<rect
fill="currentColor"
Expand Down Expand Up @@ -229,10 +229,10 @@ exports[`renders components/sender/demo/basic.tsx extend context correctly 1`] =
</div>
</div>
<div
class="ant-sender css-var-r9 ant-sender-disabled"
class="ant-sender css-var-rb ant-sender-disabled"
>
<textarea
class="ant-input ant-input-borderless css-var-r9 ant-input-css-var ant-sender-input ant-input-disabled"
class="ant-input ant-input-borderless css-var-rb ant-input-css-var ant-sender-input ant-input-disabled"
disabled=""
style="overflow-y: hidden; resize: none;"
>
Expand All @@ -242,10 +242,10 @@ exports[`renders components/sender/demo/basic.tsx extend context correctly 1`] =
class="ant-sender-actions-list"
>
<div
class="ant-sender-actions-list-presets ant-flex css-var-r9"
class="ant-sender-actions-list-presets ant-flex css-var-rb"
>
<button
class="ant-btn css-var-r9 ant-btn-circle ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn ant-sender-actions-btn-disabled"
class="ant-btn css-var-rb ant-btn-circle ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn ant-sender-actions-btn-disabled"
type="button"
>
<span
Expand Down Expand Up @@ -283,16 +283,16 @@ exports[`renders components/sender/demo/basic.tsx extend context correctly 2`] =

exports[`renders components/sender/demo/send-style.tsx extend context correctly 1`] = `
<div
class="ant-app css-var-r3"
class="ant-app css-var-r5"
>
<div
class="ant-flex css-var-r3 ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
class="ant-flex css-var-r5 ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
>
<div
class="ant-sender css-var-r3"
class="ant-sender css-var-r5"
>
<textarea
class="ant-input ant-input-borderless css-var-r3 ant-input-css-var ant-sender-input"
class="ant-input ant-input-borderless css-var-r5 ant-input-css-var ant-sender-input"
placeholder="Change button border radius"
style="overflow-y: hidden; resize: none;"
>
Expand All @@ -302,7 +302,7 @@ exports[`renders components/sender/demo/send-style.tsx extend context correctly
class="ant-sender-actions-list"
>
<button
class="ant-btn css-var-r3 ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn"
class="ant-btn css-var-r5 ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn"
style="border-radius: 12px;"
type="button"
>
Expand Down Expand Up @@ -331,7 +331,7 @@ exports[`renders components/sender/demo/send-style.tsx extend context correctly
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast css-var-r3 ant-tooltip-placement-top"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast css-var-r5 ant-tooltip-placement-top"
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; right: auto; bottom: auto; box-sizing: border-box;"
>
<div
Expand All @@ -352,10 +352,10 @@ exports[`renders components/sender/demo/send-style.tsx extend context correctly
</div>
</div>
<div
class="ant-sender css-var-r3"
class="ant-sender css-var-r5"
>
<textarea
class="ant-input ant-input-borderless css-var-r3 ant-input-css-var ant-sender-input"
class="ant-input ant-input-borderless css-var-r5 ant-input-css-var ant-sender-input"
placeholder="Change button icon"
style="overflow-y: hidden; resize: none;"
>
Expand All @@ -365,7 +365,7 @@ exports[`renders components/sender/demo/send-style.tsx extend context correctly
class="ant-sender-actions-list"
>
<button
class="ant-btn css-var-r3 ant-btn-primary ant-btn-color-primary ant-btn-variant-text ant-btn-icon-only ant-sender-actions-btn"
class="ant-btn css-var-r5 ant-btn-primary ant-btn-color-primary ant-btn-variant-text ant-btn-icon-only ant-sender-actions-btn"
type="button"
>
<span
Expand Down Expand Up @@ -396,7 +396,7 @@ exports[`renders components/sender/demo/send-style.tsx extend context correctly
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast css-var-r3 ant-tooltip-placement-top"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast css-var-r5 ant-tooltip-placement-top"
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; right: auto; bottom: auto; box-sizing: border-box;"
>
<div
Expand All @@ -417,10 +417,10 @@ exports[`renders components/sender/demo/send-style.tsx extend context correctly
</div>
</div>
<div
class="ant-sender css-var-r3"
class="ant-sender css-var-r5"
>
<textarea
class="ant-input ant-input-borderless css-var-r3 ant-input-css-var ant-sender-input"
class="ant-input ant-input-borderless css-var-r5 ant-input-css-var ant-sender-input"
placeholder="Loading not change button"
style="overflow-y: hidden; resize: none;"
>
Expand All @@ -430,7 +430,7 @@ exports[`renders components/sender/demo/send-style.tsx extend context correctly
class="ant-sender-actions-list"
>
<button
class="ant-btn css-var-r3 ant-btn-circle ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn"
class="ant-btn css-var-r5 ant-btn-circle ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn"
type="button"
>
<span
Expand Down Expand Up @@ -465,6 +465,93 @@ exports[`renders components/sender/demo/send-style.tsx extend context correctly

exports[`renders components/sender/demo/send-style.tsx extend context correctly 2`] = `[]`;

exports[`renders components/sender/demo/speech.tsx extend context correctly 1`] = `
<div
class="ant-app css-var-r3"
>
<div
class="ant-sender css-var-r3"
>
<textarea
class="ant-input ant-input-borderless css-var-r3 ant-input-css-var ant-sender-input"
style="overflow-y: hidden; resize: none;"
/>
<div
class="ant-sender-actions-list"
>
<div
class="ant-sender-actions-list-presets ant-flex css-var-r3"
>
<button
class="ant-btn css-var-r3 ant-btn-text ant-btn-color-primary ant-btn-variant-text ant-btn-icon-only ant-sender-actions-btn ant-sender-actions-btn-disabled"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="audio-muted"
class="anticon anticon-audio-muted"
role="img"
>
<svg
aria-hidden="true"
data-icon="audio-muted"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<defs>
<style />
</defs>
<path
d="M682 455V311l-76 76v68c-.1 50.7-42 92.1-94 92a95.8 95.8 0 01-52-15l-54 55c29.1 22.4 65.9 36 106 36 93.8 0 170-75.1 170-168z"
/>
<path
d="M833 446h-60c-4.4 0-8 3.6-8 8 0 140.3-113.7 254-254 254-63 0-120.7-23-165-61l-54 54a334.01 334.01 0 00179 81v102H326c-13.9 0-24.9 14.3-25 32v36c.1 4.4 2.9 8 6 8h408c3.2 0 6-3.6 6-8v-36c0-17.7-11-32-25-32H547V782c165.3-17.9 294-157.9 294-328 0-4.4-3.6-8-8-8zm13.1-377.7l-43.5-41.9a8 8 0 00-11.2.1l-129 129C634.3 101.2 577 64 511 64c-93.9 0-170 75.3-170 168v224c0 6.7.4 13.3 1.2 19.8l-68 68A252.33 252.33 0 01258 454c-.2-4.4-3.8-8-8-8h-60c-4.4 0-8 3.6-8 8 0 53 12.5 103 34.6 147.4l-137 137a8.03 8.03 0 000 11.3l42.7 42.7c3.1 3.1 8.2 3.1 11.3 0L846.2 79.8l.1-.1c3.1-3.2 3-8.3-.2-11.4zM417 401V232c0-50.6 41.9-92 94-92 46 0 84.1 32.3 92.3 74.7L417 401z"
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn css-var-r3 ant-btn-circle ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-sender-actions-btn ant-sender-actions-btn-disabled"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="arrow-up"
class="anticon anticon-arrow-up"
role="img"
>
<svg
aria-hidden="true"
data-icon="arrow-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
/>
</svg>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
`;

exports[`renders components/sender/demo/speech.tsx extend context correctly 2`] = `[]`;

exports[`renders components/sender/demo/submitType.tsx extend context correctly 1`] = `
<div
class="ant-app css-var-r1"
Expand Down
Loading
Loading