wlxsp
/
test1
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Adds brand new welcome experience 

Co-authored-by: Eric Amodio <eamodio@gmail.com>
main
Keith Daulton 1 year ago
committed by Eric Amodio
parent
1df9fab380
commit
26b2ad5531
11 changed files with 1744 additions and 934 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -2
      package.json
  2. +24
    -0
      src/webviews/apps/shared/styles/normalize.scss
  3. +4
    -0
      src/webviews/apps/shared/styles/utils.scss
  4. +71
    -0
      src/webviews/apps/welcome/components/card.ts
  5. +151
    -0
      src/webviews/apps/welcome/components/gitlens-logo.ts
  6. +337
    -0
      src/webviews/apps/welcome/components/gitlens-plus-logo.ts
  7. +587
    -494
      src/webviews/apps/welcome/welcome.html
  8. +432
    -429
      src/webviews/apps/welcome/welcome.scss
  9. +87
    -2
      src/webviews/apps/welcome/welcome.ts
  10. +14
    -2
      src/webviews/welcome/protocol.ts
  11. +35
    -5
      src/webviews/welcome/welcomeWebview.ts

+ 2
- 2
package.json View File

@ -3825,7 +3825,7 @@
"gitlens.showWelcomeOnInstall": {
"type": "boolean",
"default": true,
"markdownDescription": "Specifies whether to show the Welcome (Quick Setup) experience on first install",
"markdownDescription": "Specifies whether to show the Welcome experience on first install",
"scope": "window",
"order": 10
},
@ -4744,7 +4744,7 @@
},
{
"command": "gitlens.showWelcomePage",
"title": "Welcome (Quick Setup)",
"title": "Welcome",
"category": "GitLens"
},
{

+ 24
- 0
src/webviews/apps/shared/styles/normalize.scss View File

@ -0,0 +1,24 @@
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
// avoids FOUC for elements not yet called with `define()`
:not(:defined) {
visibility: hidden;
}
[hidden] {
display: none !important;
}
html {
font-size: 62.5%;
text-size-adjust: 100%;
// -webkit-font-smoothing: antialiased;
// -moz-osx-font-smoothing: grayscale;
}

+ 4
- 0
src/webviews/apps/shared/styles/utils.scss View File

@ -0,0 +1,4 @@
@mixin focus() {
outline: 1px solid var(--vscode-focusBorder);
outline-offset: -1px;
}

+ 71
- 0
src/webviews/apps/welcome/components/card.ts View File

@ -0,0 +1,71 @@
import { css, html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { focusOutline } from '../../shared/components/styles/lit/a11y.css';
import { elementBase } from '../../shared/components/styles/lit/base.css';
@customElement('gk-card')
export class GKCard extends LitElement {
static override styles = [
elementBase,
css`
:host {
display: block;
padding: 1.6rem;
background-color: var(--gk-card-background);
border-radius: var(--gk-card-radius);
}
:host > a {
color: inherit;
text-decoration: none;
}
:host([tabindex]:not([tabindex='-1'])) {
cursor: pointer;
}
:host([tabindex]:not([tabindex='-1']):hover) {
background-color: var(--gk-card-hover-background);
}
:host([tabindex]:not([tabindex='-1']):focus) {
${focusOutline}
}
.header {
}
slot[name='header']::slotted(*) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.content {
margin-top: 0.4rem;
}
/*
slot:not([name])::slotted(:first-child) {
margin-top: 0;
}
slot:not([name])::slotted(:last-child) {
margin-bottom: 0;
} */
`,
];
@property()
href?: string;
override render() {
const main = html`
<div class="header">
<slot name="header"></slot>
</div>
<div class="content">
<slot></slot>
</div>
`;
return this.href != null ? html`<a href=${this.href}>${main}</a>` : main;
}
}

+ 151
- 0
src/webviews/apps/welcome/components/gitlens-logo.ts View File

@ -0,0 +1,151 @@
import { css, html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
@customElement('gitlens-logo')
export class GitLensLogo extends LitElement {
static override styles = [
css`
:host {
display: inline-block;
vertical-align: middle;
}
:host-context(.vscode-high-contrast-light) .letters,
:host-context(.vscode-light) .letters {
fill: var(--color-foreground);
}
svg {
vertical-align: middle;
}
`,
];
override render() {
return html`<svg
alt="GitLens"
width="159"
height="46"
viewBox="0 0 159 46"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="23" cy="23" r="23" fill="#04090D" />
<circle cx="23" cy="23" r="23" fill="url(#paint0_linear_43_72231)" />
<circle cx="23" cy="23" r="23" fill="url(#paint1_radial_43_72231)" />
<circle cx="23" cy="23" r="23" fill="url(#paint2_radial_43_72231)" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M23 45.0272C35.1653 45.0272 45.0272 35.1653 45.0272 23C45.0272 10.8347 35.1653 0.97281 23 0.97281C10.8347 0.97281 0.97281 10.8347 0.97281 23C0.97281 35.1653 10.8347 45.0272 23 45.0272ZM23 46C35.7025 46 46 35.7025 46 23C46 10.2975 35.7025 0 23 0C10.2975 0 0 10.2975 0 23C0 35.7025 10.2975 46 23 46Z"
fill="white"
style="mix-blend-mode:soft-light"
/>
<mask id="path-3-inside-1_43_72231" fill="white">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M23.7041 11.4729C23.9472 12.1964 23.9225 12.949 23.6825 13.6317C24.3067 14.1892 24.9927 14.8352 25.7364 15.5815C27.588 17.4394 28.8416 18.9594 29.656 20.0599C30.0572 19.9115 30.4909 19.8304 30.9435 19.8304C32.9992 19.8304 34.6656 21.5026 34.6656 23.5653C34.6656 25.628 32.9992 27.3002 30.9435 27.3002C28.8879 27.3002 27.2214 25.628 27.2214 23.5653C27.2214 22.6041 27.5833 21.7277 28.1778 21.0658C27.371 20.0286 26.204 18.6439 24.5714 16.9401C23.9124 16.2524 23.2877 15.641 22.7043 15.0996C22.3317 15.4388 21.881 15.7102 21.3681 15.8837C21.1476 15.9583 20.9254 16.0115 20.7039 16.0445C20.574 17.5426 20.4653 19.5952 20.4653 22.2681C20.4653 26.1145 20.6904 28.6762 20.8797 30.15C21.4 30.21 21.9245 30.3776 22.4173 30.6606C24.1985 31.6832 24.8932 33.826 23.969 35.4466C23.0449 37.0672 20.8519 37.552 19.0708 36.5294C17.2897 35.5067 16.595 33.3639 17.5191 31.7433C17.8825 31.1061 18.4421 30.6444 19.0957 30.381C18.8672 29.0854 18.6075 26.6547 18.6075 22.2997C18.6075 19.3649 18.7255 17.295 18.8723 15.8552C17.9399 15.5066 17.1791 14.7792 16.8475 13.7923C16.2443 11.9967 17.2902 10.0219 19.1835 9.38139C21.0769 8.74091 23.1009 9.6773 23.7041 11.4729Z"
/>
</mask>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M23.7041 11.4729C23.9472 12.1964 23.9225 12.949 23.6825 13.6317C24.3067 14.1892 24.9927 14.8352 25.7364 15.5815C27.588 17.4394 28.8416 18.9594 29.656 20.0599C30.0572 19.9115 30.4909 19.8304 30.9435 19.8304C32.9992 19.8304 34.6656 21.5026 34.6656 23.5653C34.6656 25.628 32.9992 27.3002 30.9435 27.3002C28.8879 27.3002 27.2214 25.628 27.2214 23.5653C27.2214 22.6041 27.5833 21.7277 28.1778 21.0658C27.371 20.0286 26.204 18.6439 24.5714 16.9401C23.9124 16.2524 23.2877 15.641 22.7043 15.0996C22.3317 15.4388 21.881 15.7102 21.3681 15.8837C21.1476 15.9583 20.9254 16.0115 20.7039 16.0445C20.574 17.5426 20.4653 19.5952 20.4653 22.2681C20.4653 26.1145 20.6904 28.6762 20.8797 30.15C21.4 30.21 21.9245 30.3776 22.4173 30.6606C24.1985 31.6832 24.8932 33.826 23.969 35.4466C23.0449 37.0672 20.8519 37.552 19.0708 36.5294C17.2897 35.5067 16.595 33.3639 17.5191 31.7433C17.8825 31.1061 18.4421 30.6444 19.0957 30.381C18.8672 29.0854 18.6075 26.6547 18.6075 22.2997C18.6075 19.3649 18.7255 17.295 18.8723 15.8552C17.9399 15.5066 17.1791 14.7792 16.8475 13.7923C16.2443 11.9967 17.2902 10.0219 19.1835 9.38139C21.0769 8.74091 23.1009 9.6773 23.7041 11.4729Z"
fill="url(#paint3_linear_43_72231)"
/>
<path
d="M23.6825 13.6317L22.7391 13.3001L22.517 13.9317L23.0164 14.3776L23.6825 13.6317ZM23.7041 11.4729L24.652 11.1544L23.7041 11.4729ZM25.7364 15.5815L25.0281 16.2874V16.2874L25.7364 15.5815ZM29.656 20.0599L28.8521 20.6547L29.2988 21.2583L30.003 20.9978L29.656 20.0599ZM28.1778 21.0658L28.9218 21.734L29.4805 21.1119L28.9671 20.4518L28.1778 21.0658ZM24.5714 16.9401L23.8494 17.632V17.632L24.5714 16.9401ZM22.7043 15.0996L23.3845 14.3666L22.7107 13.7413L22.031 14.3601L22.7043 15.0996ZM21.3681 15.8837L21.6885 16.831L21.6885 16.831L21.3681 15.8837ZM20.7039 16.0445L20.5567 15.0553L19.7758 15.1715L19.7076 15.9581L20.7039 16.0445ZM20.8797 30.15L19.8878 30.2774L19.9875 31.0538L20.7651 31.1434L20.8797 30.15ZM22.4173 30.6606L21.9194 31.5278H21.9194L22.4173 30.6606ZM23.969 35.4466L23.1004 34.9512L23.969 35.4466ZM19.0708 36.5294L19.5687 35.6621L19.0708 36.5294ZM17.5191 31.7433L18.3878 32.2387H18.3878L17.5191 31.7433ZM19.0957 30.381L19.4695 31.3085L20.2212 31.0056L20.0805 30.2074L19.0957 30.381ZM18.8723 15.8552L19.8671 15.9566L19.9454 15.1888L19.2225 14.9185L18.8723 15.8552ZM16.8475 13.7923L15.8996 14.1107L16.8475 13.7923ZM24.6259 13.9634C24.9355 13.0825 24.97 12.1009 24.652 11.1544L22.7562 11.7913C22.9243 12.2919 22.9094 12.8155 22.7391 13.3001L24.6259 13.9634ZM26.4448 14.8756C25.6877 14.116 24.9877 13.4565 24.3485 12.8858L23.0164 14.3776C23.6258 14.9218 24.2977 15.5545 25.0281 16.2874L26.4448 14.8756ZM30.4598 19.4651C29.6154 18.3239 28.3296 16.7669 26.4448 14.8756L25.0281 16.2874C26.8464 18.1119 28.0679 19.5949 28.8521 20.6547L30.4598 19.4651ZM30.9435 18.8304C30.3707 18.8304 29.8196 18.9331 29.309 19.122L30.003 20.9978C30.2948 20.8898 30.6112 20.8304 30.9435 20.8304V18.8304ZM35.6656 23.5653C35.6656 20.9535 33.5547 18.8304 30.9435 18.8304V20.8304C32.4437 20.8304 33.6656 22.0516 33.6656 23.5653H35.6656ZM30.9435 28.3002C33.5547 28.3002 35.6656 26.1771 35.6656 23.5653H33.6656C33.6656 25.079 32.4437 26.3002 30.9435 26.3002V28.3002ZM26.2214 23.5653C26.2214 26.1771 28.3323 28.3002 30.9435 28.3002V26.3002C29.4434 26.3002 28.2214 25.079 28.2214 23.5653H26.2214ZM27.4338 20.3976C26.6806 21.2362 26.2214 22.3484 26.2214 23.5653H28.2214C28.2214 22.8598 28.486 22.2192 28.9218 21.734L27.4338 20.3976ZM23.8494 17.632C25.4595 19.3123 26.6038 20.671 27.3884 21.6798L28.9671 20.4518C28.1382 19.3862 26.9486 17.9756 25.2934 16.2483L23.8494 17.632ZM22.024 15.8325C22.5932 16.3607 23.2039 16.9585 23.8494 17.632L25.2934 16.2483C24.6208 15.5464 23.9822 14.9212 23.3845 14.3666L22.024 15.8325ZM21.6885 16.831C22.3336 16.6128 22.9041 16.27 23.3775 15.839L22.031 14.3601C21.7593 14.6076 21.4283 14.8077 21.0476 14.9365L21.6885 16.831ZM20.851 17.0336C21.1313 16.9919 21.4115 16.9247 21.6885 16.831L21.0476 14.9365C20.8838 14.9919 20.7195 15.0311 20.5567 15.0553L20.851 17.0336ZM21.4653 22.2681C21.4653 19.6222 21.5729 17.5986 21.7001 16.1308L19.7076 15.9581C19.5751 17.4867 19.4653 19.5681 19.4653 22.2681H21.4653ZM21.8715 30.0227C21.6881 28.5945 21.4653 26.0756 21.4653 22.2681H19.4653C19.4653 26.1534 19.6927 28.7578 19.8878 30.2774L21.8715 30.0227ZM20.7651 31.1434C21.1508 31.1879 21.5448 31.3127 21.9194 31.5278L22.9153 29.7933C22.3041 29.4425 21.6492 29.2321 20.9942 29.1566L20.7651 31.1434ZM21.9194 31.5278C23.3025 32.3219 23.7079 33.8857 23.1004 34.9512L24.8377 35.9419C26.0784 33.7662 25.0944 31.0445 22.9153 29.7933L21.9194 31.5278ZM23.1004 34.9512C22.4943 36.0141 20.9505 36.4555 19.5687 35.6621L18.5729 37.3966C20.7533 38.6485 23.5955 38.1204 24.8377 35.9419L23.1004 34.9512ZM19.5687 35.6621C18.1856 34.868 17.7802 33.3042 18.3878 32.2387L16.6504 31.248C15.4097 33.4237 16.3938 36.1454 18.5729 37.3966L19.5687 35.6621ZM18.3878 32.2387C18.6319 31.8105 19.01 31.4937 19.4695 31.3085L18.7218 29.4535C17.8741 29.7952 17.133 30.4016 16.6504 31.248L18.3878 32.2387ZM17.6075 22.2997C17.6075 26.6892 17.8689 29.1823 18.1108 30.5546L20.0805 30.2074C19.8656 28.9885 19.6075 26.6202 19.6075 22.2997H17.6075ZM17.8775 15.7537C17.7264 17.2346 17.6075 19.3393 17.6075 22.2997H19.6075C19.6075 19.3905 19.7245 17.3553 19.8671 15.9566L17.8775 15.7537ZM15.8996 14.1107C16.3345 15.4053 17.33 16.3461 18.5221 16.7919L19.2225 14.9185C18.5498 14.667 18.0237 14.1531 17.7955 13.4738L15.8996 14.1107ZM18.8631 8.43412C16.4958 9.23492 15.1049 11.7452 15.8996 14.1107L17.7955 13.4738C17.3837 12.2482 18.0845 10.8088 19.504 10.3287L18.8631 8.43412ZM24.652 11.1544C23.8567 8.78703 21.2317 7.6329 18.8631 8.43412L19.504 10.3287C20.9222 9.84892 22.345 10.5676 22.7562 11.7913L24.652 11.1544Z"
fill="white"
style="mix-blend-mode:soft-light"
mask="url(#path-3-inside-1_43_72231)"
/>
<path
d="M71.554 18.5081C71.0032 17.4524 70.2382 16.6607 69.2591 16.1328C68.2799 15.5846 67.1477 15.3106 65.8626 15.3106C64.455 15.3106 63.2005 15.6252 62.0989 16.2546C60.9974 16.884 60.1304 17.7773 59.498 18.9345C58.8861 20.0917 58.5801 21.4317 58.5801 22.9543C58.5801 24.477 58.8861 25.8271 59.498 27.0046C60.1304 28.1618 60.9974 29.0551 62.0989 29.6845C63.2005 30.3138 64.455 30.6285 65.8626 30.6285C67.7597 30.6285 69.2999 30.1007 70.483 29.0449C71.6662 27.9892 72.3903 26.5579 72.6555 24.7511H64.6692V21.9798H76.3886C76.3886 21.9798 76.4973 22.789 76.4973 23.4052C76.4973 23.9332 76.3886 24.6901 76.3886 24.6901C76.1642 26.3346 75.5726 27.8471 74.6139 29.2277C73.6755 30.6082 72.4413 31.7147 70.9114 32.5471C69.4019 33.3592 67.7189 33.7652 65.8626 33.7652C63.8635 33.7652 62.0377 33.3084 60.3854 32.3948C58.7331 31.4609 57.4173 30.1717 56.4381 28.5272C55.4794 26.8828 55 25.0251 55 22.9543C55 20.8835 55.4794 19.0259 56.4381 17.3814C57.4173 15.7369 58.7331 14.4579 60.3854 13.5443C62.0581 12.6104 63.8839 12.1434 65.8626 12.1434C68.1269 12.1434 70.1362 12.7017 71.8906 13.8184C73.6653 14.9147 74.9505 16.4779 75.746 18.5081H71.554Z"
fill="#F7DEFF"
class="letters"
/>
<path d="M82.7053 19.7872V33.5825H79.2171V19.7872H82.7053Z" fill="#F7DEFF" class="letters" />
<path
d="M90.7428 19.6349V28.9231C90.7428 29.5525 90.8856 30.0093 91.1712 30.2935C91.4772 30.5575 91.9872 30.6894 92.7011 30.6894H94.8431V33.5825H92.0892C90.5184 33.5825 89.3149 33.217 88.4785 32.4862C87.6421 31.7553 87.2239 30.5676 87.2239 28.9231V19.6349H85.235V16.8028H87.2239V12.4049H90.7428V16.8028H94.8431V19.6349H90.7428Z"
fill="#F7DEFF"
class="letters"
/>
<path
d="M100.934 30.7808H109.505V33.5825H97.4461V12.4175H100.934V30.7808Z"
fill="#F7DEFF"
class="letters"
/>
<path
d="M125.883 24.7815C125.883 25.4109 125.842 25.9793 125.76 26.4869H112.878C112.98 27.8268 113.48 28.9028 114.378 29.7149C115.275 30.527 116.377 30.933 117.682 30.933C119.559 30.933 120.885 30.1514 121.66 28.5882H125.424C124.914 30.1311 123.986 31.4 122.639 32.3948C121.313 33.3693 119.661 33.8566 117.682 33.8566C116.071 33.8566 114.622 33.5013 113.337 32.7907C112.072 32.0598 111.073 31.0447 110.339 29.7454C109.625 28.4257 109.268 26.9031 109.268 25.1774C109.268 23.4517 109.614 21.9392 110.308 20.6399C111.022 19.3202 112.011 18.3051 113.276 17.5946C114.561 16.884 116.03 16.5287 117.682 16.5287C119.273 16.5287 120.691 16.8738 121.935 17.5641C123.18 18.2544 124.149 19.2289 124.842 20.4876C125.536 21.726 125.883 23.1573 125.883 24.7815ZM122.241 23.6852C122.221 22.4062 121.762 21.3809 120.865 20.6094C119.967 19.8379 118.855 19.4522 117.529 19.4522C116.326 19.4522 115.296 19.8379 114.439 20.6094C113.582 21.3606 113.072 22.3859 112.909 23.6852H122.241Z"
fill="#F7DEFF"
class="letters"
/>
<path
d="M136.29 16.5287C137.616 16.5287 138.799 16.8028 139.84 17.3509C140.901 17.8991 141.727 18.7112 142.318 19.7872C142.91 20.8632 143.206 22.1625 143.206 23.6852V33.5825H139.748V24.2029C139.748 22.7005 139.371 21.5535 138.616 20.7617C137.861 19.9496 136.831 19.5436 135.525 19.5436C134.22 19.5436 133.179 19.9496 132.404 20.7617C131.65 21.5535 131.272 22.7005 131.272 24.2029V33.5825H127.784V16.8028H131.272V18.7213C131.843 18.031 132.568 17.493 133.445 17.1073C134.342 16.7216 135.291 16.5287 136.29 16.5287Z"
fill="#F7DEFF"
class="letters"
/>
<path
d="M152.243 33.8566C150.917 33.8566 149.724 33.6231 148.663 33.1561C147.623 32.6689 146.797 32.0192 146.185 31.2071C145.573 30.3747 145.246 29.451 145.206 28.4359H148.816C148.877 29.1465 149.214 29.7454 149.826 30.2326C150.458 30.6996 151.244 30.933 152.182 30.933C153.161 30.933 153.916 30.7503 154.446 30.3849C154.997 29.9991 155.273 29.5119 155.273 28.9231C155.273 28.2938 154.967 27.8268 154.355 27.5223C153.763 27.2178 152.815 26.8828 151.509 26.5173C150.244 26.1722 149.214 25.8372 148.418 25.5124C147.623 25.1875 146.929 24.6901 146.338 24.0202C145.767 23.3502 145.481 22.4671 145.481 21.3707C145.481 20.4775 145.746 19.6654 146.277 18.9345C146.807 18.1833 147.562 17.5946 148.541 17.1682C149.54 16.7419 150.683 16.5287 151.968 16.5287C153.885 16.5287 155.426 17.0159 156.588 17.9904C157.772 18.9446 158.404 20.2541 158.486 21.9189H154.997C154.936 21.1677 154.63 20.5688 154.079 20.1222C153.528 19.6755 152.784 19.4522 151.846 19.4522C150.928 19.4522 150.224 19.6248 149.734 19.9699C149.245 20.315 149 20.7718 149 21.3403C149 21.7869 149.163 22.1625 149.489 22.4671C149.816 22.7716 150.214 23.0152 150.683 23.1979C151.152 23.3604 151.846 23.5735 152.764 23.8375C153.987 24.1623 154.987 24.4973 155.762 24.8424C156.558 25.1672 157.241 25.6545 157.812 26.3042C158.384 26.9538 158.679 27.8167 158.7 28.8927C158.7 29.8469 158.435 30.6996 157.904 31.4508C157.374 32.2019 156.619 32.7907 155.64 33.217C154.681 33.6434 153.549 33.8566 152.243 33.8566Z"
fill="#F7DEFF"
class="letters"
/>
<path
d="M83.4777 14.9015C83.4777 16.2735 82.3602 17.3857 80.9817 17.3857C79.6031 17.3857 78.4856 16.2735 78.4856 14.9015C78.4856 13.5295 79.6031 12.4173 80.9817 12.4173C82.3602 12.4173 83.4777 13.5295 83.4777 14.9015Z"
fill="#F7DEFF"
class="letters"
/>
<defs>
<linearGradient
id="paint0_linear_43_72231"
x1="-5.14199"
y1="15.148"
x2="35.1957"
y2="53.4671"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#F1C6FF" />
<stop offset="0.104167" stop-color="#DD74FF" />
<stop offset="0.352245" stop-color="#DD74FF" stop-opacity="0" />
<stop offset="0.62022" stop-color="#4E032E" stop-opacity="0" />
<stop offset="0.825426" stop-color="#3C17A7" />
<stop offset="1" stop-color="#3687FF" />
</linearGradient>
<radialGradient
id="paint1_radial_43_72231"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(51.1591 15.2989) rotate(138.744) scale(31.2464 31.2515)"
>
<stop stop-color="#00A3FF" />
<stop offset="1" stop-color="#00A3FF" stop-opacity="0" />
</radialGradient>
<radialGradient
id="paint2_radial_43_72231"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-2.91103 29.7569) rotate(42.9991) scale(28.6895 28.728)"
>
<stop stop-color="#00A3FF" />
<stop offset="1" stop-color="#0D1017" stop-opacity="0" />
</radialGradient>
<linearGradient
id="paint3_linear_43_72231"
x1="23.4169"
y1="14.5226"
x2="41.2576"
y2="49.9689"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop offset="1" stop-color="#B7E1FF" stop-opacity="0.58" />
</linearGradient>
</defs>
</svg>`;
}
}

+ 337
- 0
src/webviews/apps/welcome/components/gitlens-plus-logo.ts
File diff suppressed because it is too large
View File


+ 587
- 494
src/webviews/apps/welcome/welcome.html
File diff suppressed because it is too large
View File


+ 432
- 429
src/webviews/apps/welcome/welcome.scss
File diff suppressed because it is too large
View File


+ 87
- 2
src/webviews/apps/welcome/welcome.ts View File

@ -1,14 +1,99 @@
/*global*/
import './welcome.scss';
import type { Disposable } from 'vscode';
import type { State } from '../../welcome/protocol';
import { AppWithConfig } from '../shared/appWithConfigBase';
import { UpdateConfigurationCommandType } from '../../welcome/protocol';
import { App } from '../shared/appBase';
import { DOM } from '../shared/dom';
// import { Snow } from '../shared/snow';
import '../shared/components/code-icon';
import '../shared/components/button';
import './components/card';
import './components/gitlens-logo';
import './components/gitlens-plus-logo';
export class WelcomeApp extends AppWithConfig<State> {
export class WelcomeApp extends App<State> {
constructor() {
super('WelcomeApp');
}
protected override onInitialize() {
this.updateState();
}
protected override onBind(): Disposable[] {
const disposables = [
...(super.onBind?.() ?? []),
DOM.on('[data-feature]', 'change', (e, target: HTMLInputElement) => this.onFeatureToggled(e, target)),
DOM.on('[data-feature]', 'click', (e, target: HTMLElement) => this.onFeatureToggled(e, target)),
];
return disposables;
}
private onFeatureToggled(e: Event, target: HTMLElement) {
const feature = target.dataset.feature;
if (!feature) return;
if (e.type !== 'change') {
this.toggleFeatureState(feature);
return;
}
let type: keyof State['config'];
switch (feature) {
case 'blame':
type = 'currentLine';
break;
case 'codelens':
type = 'codeLens';
break;
default:
return;
}
const enabled = (target as HTMLInputElement).checked;
this.state.config[type] = enabled;
this.sendCommand(UpdateConfigurationCommandType, { type: type, value: enabled });
this.updateFeatures();
}
private updateState() {
this.updateVersion();
this.updateFeatures();
}
private updateVersion() {
const { version } = this.state;
document.getElementById('version')!.textContent = version;
}
private updateFeatures() {
const { config } = this.state;
this.setFeatureState('blame', config.currentLine ?? false);
this.setFeatureState('codelens', config.codeLens ?? false);
}
private setFeatureState(feature: string, on: boolean) {
document.body.setAttribute(`data-feature-${feature}`, on ? 'on' : 'off');
}
private toggleFeatureState(feature: string) {
const state = document.body.getAttribute(`data-feature-${feature}`);
this.setFeatureState(feature, state === 'off');
}
}
new WelcomeApp();
// requestAnimationFrame(() => new Snow());
function gitlens(code: string) {
return supercharged(code);
}
gitlens('');
function supercharged(code: string) {
return code;
}

+ 14
- 2
src/webviews/welcome/protocol.ts View File

@ -1,8 +1,20 @@
import type { Config } from '../../config';
import { IpcCommandType } from '../protocol';
export interface State {
timestamp: number;
config: Config;
version: string;
config: {
codeLens: Config['codeLens']['enabled'];
currentLine: Config['currentLine']['enabled'];
};
customSettings?: Record<string, boolean>;
}
export interface UpdateConfigurationParams {
type: 'codeLens' | 'currentLine';
value: boolean;
}
export const UpdateConfigurationCommandType = new IpcCommandType<UpdateConfigurationParams>(
'welcome/configuration/update',
);

+ 35
- 5
src/webviews/welcome/welcomeWebview.ts View File

@ -1,14 +1,44 @@
import { Disposable } from 'vscode';
import type { Container } from '../../container';
import { configuration } from '../../system/configuration';
import type { WebviewProvider } from '../webviewController';
import { WebviewProviderWithConfigBase } from '../webviewWithConfigBase';
import type { State } from './protocol';
import type { IpcMessage } from '../protocol';
import { onIpc } from '../protocol';
import type { WebviewController, WebviewProvider } from '../webviewController';
import type { State, UpdateConfigurationParams } from './protocol';
import { UpdateConfigurationCommandType } from './protocol';
export class WelcomeWebviewProvider implements WebviewProvider<State> {
private readonly _disposable: Disposable;
constructor(private readonly container: Container, private readonly host: WebviewController<State>) {
this._disposable = Disposable.from();
}
dispose() {
this._disposable.dispose();
}
export class WelcomeWebviewProvider extends WebviewProviderWithConfigBase<State> implements WebviewProvider<State> {
includeBootstrap(): State {
return {
timestamp: Date.now(),
version: this.container.version,
// Make sure to get the raw config, not from the container which has the modes mixed in
config: configuration.getAll(true),
config: {
codeLens: configuration.get('codeLens.enabled'),
currentLine: configuration.get('currentLine.enabled'),
},
};
}
onMessageReceived(e: IpcMessage) {
switch (e.method) {
case UpdateConfigurationCommandType.method:
onIpc(UpdateConfigurationCommandType, e, params => this.updateConfiguration(params));
break;
}
}
private updateConfiguration(params: UpdateConfigurationParams) {
void configuration.updateEffective(`${params.type}.enabled`, params.value);
}
}

Write Preview
Loading…
Cancel
Save