Skip to content

Commit 309effa

Browse files
TorstenDittmannTorstenDittmann
authored
Merge pull request #75 from appwrite/feat-platforms
feat: platforms wizard
2 parents aeec0f0 + 358d6d9 commit 309effa

33 files changed

+1158
-157
lines changed

‎package-lock.json‎

Lines changed: 21 additions & 21 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@
1919
},
2020
"dependencies": {
2121
"@aw-labs/appwrite-console": "^6.0.0",
22-
"@aw-labs/icons": "0.0.0-61",
23-
"@aw-labs/ui": "0.0.0-61",
22+
"@aw-labs/icons": "0.0.0-63",
23+
"@aw-labs/ui": "0.0.0-63",
2424
"echarts": "^5.4.0",
2525
"prismjs": "^1.29.0",
2626
"tippy.js": "^6.3.7",
@@ -47,7 +47,7 @@
4747
"prettier": "^2.7.1",
4848
"prettier-plugin-svelte": "^2.8.0",
4949
"sass": "^1.55.0",
50-
"svelte": "^3.51.0",
50+
"svelte": "^3.52.0",
5151
"svelte-check": "^2.9.2",
5252
"svelte-jester": "^2.3.2",
5353
"svelte-preprocess": "^4.10.7",

‎src/lib/components/code.svelte‎

Lines changed: 73 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -4,49 +4,66 @@
44
import 'prismjs/components/prism-dart';
55
import 'prismjs/components/prism-kotlin';
66
import 'prismjs/components/prism-json';
7+
import 'prismjs/components/prism-bash';
8+
import 'prismjs/components/prism-yaml';
9+
import 'prismjs/components/prism-swift';
710
import 'prismjs/plugins/autoloader/prism-autoloader';
11+
import 'prismjs/plugins/custom-class/prism-custom-class';
812
import 'prismjs/plugins/line-numbers/prism-line-numbers';
913
import 'prismjs/plugins/line-numbers/prism-line-numbers.css';
1014
import { afterUpdate } from 'svelte';
1115
import { Copy } from '.';
1216
1317
export let label: string = null;
18+
export let labelIcon: 'code' | 'android' | 'flutter' | 'apple' = null;
1419
export let code: string;
15-
export let language: 'js' | 'html' | 'dart' | 'kotlin' | 'json';
16-
export let showLineNumbers = false;
17-
export let showCopy = false;
20+
export let language: 'js' | 'html' | 'dart' | 'kotlin' | 'json' | 'sh' | 'yml' | 'swift';
21+
export let withLineNumbers = false;
22+
export let withCopy = false;
23+
24+
Prism.plugins.customClass.prefix('prism-');
1825
1926
afterUpdate(async () => {
2027
Prism.highlightAll();
2128
});
2229
</script>
2330

24-
<div class="code">
25-
<div class="controls">
31+
<section class="box u-overflow-hidden common-section">
32+
<div
33+
class="controls u-position-absolute u-inset-inline-end-8 u-inset-block-start-8 u-flex u-gap-8">
2634
{#if label}
27-
<Pill>{label}</Pill>
35+
<Pill>
36+
{#if labelIcon}
37+
<span class={`icon-${labelIcon}`} aria-hidden="true" />
38+
{/if}
39+
{label}
40+
</Pill>
2841
{/if}
29-
{#if showCopy}
42+
{#if withCopy}
3043
<Copy value={code}>
31-
<span class="icon-duplicate" aria-hidden="true" style="cursor: pointer;" />
44+
<button class="button is-small is-text is-only-icon" aria-label="copy code">
45+
<span class="icon-duplicate" aria-hidden="true" />
46+
</button>
3247
</Copy>
3348
{/if}
3449
</div>
35-
<pre class={`language-${language}`} class:line-numbers={showLineNumbers}><code
50+
51+
<pre class={`language-${language}`} class:line-numbers={withLineNumbers}><code
3652
>{code}</code></pre>
37-
</div>
53+
</section>
3854

3955
<style lang="scss" global>
4056
@import 'prismjs/themes/prism.css';
4157
42-
div.code {
43-
position: relative;
58+
.box {
59+
--p-box-background-color: var(--color-neutral-300) !important;
60+
61+
body.theme-light & {
62+
--p-box-background-color: var(--color-neutral-5) !important;
63+
}
4464
45-
div.controls {
46-
position: absolute;
47-
right: 0.5rem;
48-
top: 0.5rem;
49-
z-index: 1;
65+
.controls {
66+
z-index: 2;
5067
}
5168
}
5269
@@ -56,6 +73,10 @@
5673
color: #fcfcff;
5774
text-shadow: none;
5875
font-family: 'Source Code Pro';
76+
77+
&.line-numbers {
78+
padding-left: 2.5em;
79+
}
5980
body.theme-light & {
6081
color: #373b4d;
6182
}
@@ -77,79 +98,78 @@
7798
7899
:not(pre) > code[class*='language-'],
79100
pre[class*='language-'] {
80-
background: #1b1b28;
81-
body.theme-light & {
82-
background: #fcfcff;
83-
}
101+
background: hsl(var(--p-box-background-color));
102+
padding: 0;
103+
margin: 0;
84104
}
85-
.token {
86-
&.comment,
87-
&.prolog,
88-
&.doctype,
89-
&.cdata {
105+
.prism-token {
106+
&.prism-comment,
107+
&.prism-prolog,
108+
&.prism-doctype,
109+
&.prism-cdata {
90110
color: #868ea3;
91111
}
92112
93-
&.punctuation {
113+
&.prism-punctuation {
94114
color: #fcfcff;
95115
96116
body.theme-light & {
97117
color: #373b4d;
98118
}
99119
}
100-
&.property,
101-
&.tag,
102-
&.boolean,
103-
&.number,
104-
&.constant,
105-
&.symbol,
106-
&.deleted,
107-
&.selector,
108-
&.attr-name,
109-
&.string,
110-
&.char,
111-
&.builtin,
112-
&.inserted {
120+
&.prism-property,
121+
&.prism-tag,
122+
&.prism-boolean,
123+
&.prism-number,
124+
&.prism-constant,
125+
&.prism-symbol,
126+
&.prism-deleted,
127+
&.prism-selector,
128+
&.prism-attr-name,
129+
&.prism-string,
130+
&.prism-char,
131+
&.prism-builtin,
132+
&.prism-inserted {
113133
color: #fdc584;
114134
body.theme-light & {
115135
color: #e49545;
116136
}
117137
}
118-
&.operator,
119-
&.entity,
120-
&.url,
121-
.language-css &.string,
122-
.style &.string {
138+
&.prism-operator,
139+
&.prism-entity,
140+
&.prism-url,
141+
.language-css &.prism-string,
142+
.style &.prism-string {
123143
color: #fcfcff;
124144
background: none;
125145
body.theme-light & {
126146
color: #373b4d;
127147
}
128148
}
129149
130-
&.atrule,
131-
&.attr-value,
132-
&.keyword {
150+
&.prism-atrule,
151+
&.prism-attr-value,
152+
&.prism-keyword {
133153
color: #cbb1fc;
134154
body.theme-light & {
135155
color: #6a6af7;
136156
}
137157
}
138-
&.function {
158+
&.prism-function {
139159
color: #ffa1ce;
140160
body.theme-light & {
141161
color: #f02e7f;
142162
}
143163
}
144-
&.class-name {
164+
&.prism-class-name {
145165
color: #a1c4ff;
146166
body.theme-light & {
147167
color: #62aed2;
148168
}
149169
}
150-
&.regex,
151-
&.important,
152-
&.variable {
170+
&.prism-regex,
171+
&.prism-important,
172+
&.prism-variable {
153173
color: #a1c4ff;
154174
body.theme-light & {
155175
color: #62aed2;

‎src/lib/components/json.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@
44
export let code: string;
55
</script>
66

7-
<Code showLineNumbers showCopy language="json" {code} />
7+
<Code withLineNumbers withCopy language="json" {code} />

‎src/lib/components/step.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
{:else}
2929
<div class="bullet" class:is-current={current} />
3030
{/if}
31-
<div class="step-item-content">
31+
<div class="steps-item-content">
3232
<span class="text">{step.text}</span>
3333
{#if step?.substeps}
3434
<ul class="steps-sub">

‎src/lib/elements/forms/formList.svelte‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1-
<ul class="form-list">
1+
<script lang="ts">
2+
export let isCommonSection = false;
3+
</script>
4+
5+
<ul class="form-list" class:common-section={isCommonSection}>
26
<slot />
37
</ul>

‎src/lib/layout/footer.svelte‎

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,21 @@
22
<div class="container">
33
<ul class="inline-links is-center">
44
<li class="inline-links-item">
5-
<a class="link" href="https://github.com/appwrite/appwrite" target="_blank">
5+
<a
6+
class="link"
7+
href="https://github.com/appwrite/appwrite"
8+
target="_blank"
9+
rel="noopener noreferrer">
610
<span class="icon-github-circled" aria-hidden="true" />
711
<span class="text">GitHub</span>
812
</a>
913
</li>
1014
<li class="inline-links-item">
11-
<a class="link" href="https://appwrite.io/discord" target="_blank">
15+
<a
16+
class="link"
17+
href="https://appwrite.io/discord"
18+
target="_blank"
19+
rel="noopener noreferrer">
1220
<span class="icon-discord" aria-hidden="true" />
1321
<span class="text">Discord</span>
1422
</a>
@@ -17,12 +25,17 @@
1725
<a
1826
class="link"
1927
href="https://github.com/appwrite/appwrite/issues/new"
20-
target="_blank">
28+
target="_blank"
29+
rel="noopener noreferrer">
2130
<span class="text">Open an Issue</span>
2231
</a>
2332
</li>
2433
<li class="inline-links-item">
25-
<a class="link" href="https://appwrite.io/docs" target="_blank">
34+
<a
35+
class="link"
36+
href="https://appwrite.io/docs"
37+
target="_blank"
38+
rel="noopener noreferrer">
2639
<span class="text">Docs</span>
2740
</a>
2841
</li>

‎src/lib/layout/notification.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
class="alert-sticky"
1414
class:is-success={type === 'success'}
1515
class:is-warning={type === 'warning'}
16-
class:is-error={type === 'error'}
16+
class:is-danger={type === 'error'}
1717
class:is-info={type === 'info'}>
1818
<button class="x-button" aria-label="close alert" on:click={() => dispatch('dismiss')}>
1919
<span class="icon-x" aria-hidden="true" />

0 commit comments

Comments
 (0)