@turnipxenon/pineapple 5.3.13 → 5.3.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
return d.toLocaleDateString("en-US", { month: "short", year: "numeric" });
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
function getDurationText(start: Date | string, end
|
|
19
|
+
function getDurationText(start: Date | string, end: Date | string | undefined): string {
|
|
20
20
|
const startDate = start instanceof Date ? start : new Date(start);
|
|
21
21
|
const endDate = end ? (end instanceof Date ? end : new Date(end)) : new Date();
|
|
22
22
|
|
package/dist/yarn/Tutorial.yarn
CHANGED
|
@@ -1,141 +1,141 @@
|
|
|
1
|
-
title: TutorialSetup
|
|
2
|
-
position: 50,-152
|
|
3
|
-
---
|
|
4
|
-
Portrait: AresNeutral
|
|
5
|
-
<<declare $tutorialReturnAddress = "" as string>>
|
|
6
|
-
===
|
|
7
|
-
title: TutorialStart
|
|
8
|
-
position: 50,31
|
|
9
|
-
---
|
|
10
|
-
Portrait: AresHappy
|
|
11
|
-
<p><b>Hello!</b> If you're here, I'm assuming you want to learn more how to use <i>conversations</i>.
|
|
12
|
-
This is a <i>dialog box</i>.</p>
|
|
13
|
-
<p>Texts within <i>dialog boxes</i> are <i>scrollable</i> so please <i>scroll</i> if this text overflows.</p>
|
|
14
|
-
<p>Below are <i>choices</i> you can <i>click</i>. Please <b>click</b> them to see what the next dialogs look like.</p>
|
|
15
|
-
|
|
16
|
-
<choice Continue>Click me to proceed to the next dialog</choice>
|
|
17
|
-
<ChoiceBreak>
|
|
18
|
-
|
|
19
|
-
-> Continue
|
|
20
|
-
<<jump TutorialStart2>>
|
|
21
|
-
===
|
|
22
|
-
title: TutorialStart2
|
|
23
|
-
position: 51,244
|
|
24
|
-
---
|
|
25
|
-
Portrait: AresNeutral
|
|
26
|
-
<<unvisit TutorialChoiceA>>
|
|
27
|
-
<<unvisit TutorialChoiceB>>
|
|
28
|
-
<p>You can see that <i>choices</i> are indicated with this image <img src="/yarn/icon-chat.svg" alt="dialog-icon"/>.</p>
|
|
29
|
-
<p>Click any of the links that proceed the image <img src="/yarn/icon-chat.svg" alt="dialog-icon"/>.</p>
|
|
30
|
-
|
|
31
|
-
<choice TutorialChoiceA>Let's go to tutorial A</choice> | <choice TutorialChoiceB>Let's go to tutorial B</choice>
|
|
32
|
-
<ChoiceBreak>
|
|
33
|
-
|
|
34
|
-
-> TutorialChoiceA
|
|
35
|
-
<<jump TutorialChoiceA>>
|
|
36
|
-
-> TutorialChoiceB
|
|
37
|
-
<<jump TutorialChoiceB>>
|
|
38
|
-
===
|
|
39
|
-
title: TutorialChoiceA
|
|
40
|
-
position: 316,535
|
|
41
|
-
---
|
|
42
|
-
Portrait: AresHappy
|
|
43
|
-
<p>Click anywhere in the <i>dialog box</i> to instantly make the text appear. Sometimes, you may want to speed up the text.</p>
|
|
44
|
-
<p>This is <i>dialog</i> for choice A!</p>
|
|
45
|
-
<<if visited("TutorialChoiceB")>>
|
|
46
|
-
<choice TutorialMerge>Continue</choice>
|
|
47
|
-
<<else>>
|
|
48
|
-
<choice TutorialChoiceB>Continue</choice>
|
|
49
|
-
<<endif>>
|
|
50
|
-
<ChoiceBreak>
|
|
51
|
-
|
|
52
|
-
-> TutorialChoiceB
|
|
53
|
-
<<jump TutorialChoiceB>>
|
|
54
|
-
-> TutorialMerge
|
|
55
|
-
<<jump TutorialMerge>>
|
|
56
|
-
===
|
|
57
|
-
title: TutorialChoiceB
|
|
58
|
-
position: -191,497
|
|
59
|
-
---
|
|
60
|
-
Portrait: AresYay
|
|
61
|
-
<p>Welcome to Choice B!</p>
|
|
62
|
-
<p>Sometimes, I'll post links in the dialog. You'll see that <i>external links</i> are proceeded with this image <img src="/yarn/icon-open-in-new.svg" alt="external link icon"/>.</p>
|
|
63
|
-
<p>Clicking any of these <i>external links</i> will send you to a new tab with the link. You can <b>hover</b> on the link, and watch on the <i>bottom corner left of your browser</i> to see where the <i>external link</i> will lead you to.</p>
|
|
64
|
-
<p><a target="_blank" class="external-link" href="http://crouton.net">Check out this external link!</a></p>
|
|
65
|
-
<<if visited("TutorialChoiceA")>>
|
|
66
|
-
<choice TutorialMerge>Continue</choice>
|
|
67
|
-
<<else>>
|
|
68
|
-
<choice TutorialChoiceA>Continue</choice>
|
|
69
|
-
<<endif>>
|
|
70
|
-
<ChoiceBreak>
|
|
71
|
-
|
|
72
|
-
-> TutorialChoiceA
|
|
73
|
-
<<jump TutorialChoiceA>>
|
|
74
|
-
-> TutorialMerge
|
|
75
|
-
<<jump TutorialMerge>>
|
|
76
|
-
===
|
|
77
|
-
title: TutorialMerge
|
|
78
|
-
---
|
|
79
|
-
Portrait: AresSurprised
|
|
80
|
-
<p>Just like opportunities and <i>external links</i>, <choice Continue>choices</choice> can appear anywhere!</p>
|
|
81
|
-
<p>It can appear <choice Continue>here</choice>, <choice Continue>there</choice>, and <choice Continue>everywhere!</choice></p>
|
|
82
|
-
<ChoiceBreak>
|
|
83
|
-
|
|
84
|
-
-> Continue
|
|
85
|
-
<<jump TutorialChoicesResult>>
|
|
86
|
-
===
|
|
87
|
-
title: TutorialChoicesResult
|
|
88
|
-
---
|
|
89
|
-
Portrait: AresDisappointed
|
|
90
|
-
<p>Just like life, I've sadly given you an illusion of <i>choice</i> since all those <i>choices</i> only lead to one outcome.
|
|
91
|
-
<i>This particular dialog.</i></p>
|
|
92
|
-
<choice Continue>Anyways...</choice>
|
|
93
|
-
<ChoiceBreak>
|
|
94
|
-
|
|
95
|
-
-> Continue
|
|
96
|
-
<<jump TutorialSettings>>
|
|
97
|
-
===
|
|
98
|
-
title: TutorialSettings
|
|
99
|
-
---
|
|
100
|
-
Portrait: AresMad
|
|
101
|
-
<p>Feel free to check out the <i>Settings</i> menu by clicking the iconic <i>gear icon</i> on this dialog or on the top right of the page. You can...</p>
|
|
102
|
-
<ul>
|
|
103
|
-
<li>Keep this pesky <i>dialog box</i> away all the time!</li>
|
|
104
|
-
<li>Make the <i>portrait</i> of this ugly character disappear!</li>
|
|
105
|
-
<li>Make the <i>text speed</i> faster</li>
|
|
106
|
-
<li>Disable <i>auto scroll</i></li>
|
|
107
|
-
</ul>
|
|
108
|
-
<br>
|
|
109
|
-
<choice Continue>One last thing...</choice>
|
|
110
|
-
<ChoiceBreak>
|
|
111
|
-
|
|
112
|
-
-> Continue
|
|
113
|
-
<<jump TutorialDialogToggle>>
|
|
114
|
-
===
|
|
115
|
-
title: TutorialDialogToggle
|
|
116
|
-
---
|
|
117
|
-
Portrait: AresNeutral
|
|
118
|
-
<p>You can toggle (open or close) the dialog by clicking the <img src="/yarn/icon-chat.svg" alt="dialog-icon"/> icon at the top right,
|
|
119
|
-
or click the close button on this <i>dialog box</i>.</p>
|
|
120
|
-
<p>Try it out! You won't lose progress of our conversation.</p>
|
|
121
|
-
<choice Continue>And...</choice>
|
|
122
|
-
<ChoiceBreak>
|
|
123
|
-
|
|
124
|
-
-> Continue
|
|
125
|
-
<<jump TutorialEnd>>
|
|
126
|
-
===
|
|
127
|
-
title: TutorialEnd
|
|
128
|
-
---
|
|
129
|
-
Portrait: AresLetsGo
|
|
130
|
-
<p>And that covers everything you need to know. <b>^^</b></p>
|
|
131
|
-
<<if $tutorialReturnAddress != "">>
|
|
132
|
-
<choice Return>Return</choice> |
|
|
133
|
-
<<endif>>
|
|
134
|
-
<choice Redo>Redo tutorial</choice>
|
|
135
|
-
<ChoiceBreak>
|
|
136
|
-
|
|
137
|
-
-> Return
|
|
138
|
-
<<jump {$tutorialReturnAddress}>>
|
|
139
|
-
-> Redo
|
|
140
|
-
<<jump TutorialStart>>
|
|
141
|
-
===
|
|
1
|
+
title: TutorialSetup
|
|
2
|
+
position: 50,-152
|
|
3
|
+
---
|
|
4
|
+
Portrait: AresNeutral
|
|
5
|
+
<<declare $tutorialReturnAddress = "" as string>>
|
|
6
|
+
===
|
|
7
|
+
title: TutorialStart
|
|
8
|
+
position: 50,31
|
|
9
|
+
---
|
|
10
|
+
Portrait: AresHappy
|
|
11
|
+
<p><b>Hello!</b> If you're here, I'm assuming you want to learn more how to use <i>conversations</i>.
|
|
12
|
+
This is a <i>dialog box</i>.</p>
|
|
13
|
+
<p>Texts within <i>dialog boxes</i> are <i>scrollable</i> so please <i>scroll</i> if this text overflows.</p>
|
|
14
|
+
<p>Below are <i>choices</i> you can <i>click</i>. Please <b>click</b> them to see what the next dialogs look like.</p>
|
|
15
|
+
|
|
16
|
+
<choice Continue>Click me to proceed to the next dialog</choice>
|
|
17
|
+
<ChoiceBreak>
|
|
18
|
+
|
|
19
|
+
-> Continue
|
|
20
|
+
<<jump TutorialStart2>>
|
|
21
|
+
===
|
|
22
|
+
title: TutorialStart2
|
|
23
|
+
position: 51,244
|
|
24
|
+
---
|
|
25
|
+
Portrait: AresNeutral
|
|
26
|
+
<<unvisit TutorialChoiceA>>
|
|
27
|
+
<<unvisit TutorialChoiceB>>
|
|
28
|
+
<p>You can see that <i>choices</i> are indicated with this image <img src="/yarn/icon-chat.svg" alt="dialog-icon"/>.</p>
|
|
29
|
+
<p>Click any of the links that proceed the image <img src="/yarn/icon-chat.svg" alt="dialog-icon"/>.</p>
|
|
30
|
+
|
|
31
|
+
<choice TutorialChoiceA>Let's go to tutorial A</choice> | <choice TutorialChoiceB>Let's go to tutorial B</choice>
|
|
32
|
+
<ChoiceBreak>
|
|
33
|
+
|
|
34
|
+
-> TutorialChoiceA
|
|
35
|
+
<<jump TutorialChoiceA>>
|
|
36
|
+
-> TutorialChoiceB
|
|
37
|
+
<<jump TutorialChoiceB>>
|
|
38
|
+
===
|
|
39
|
+
title: TutorialChoiceA
|
|
40
|
+
position: 316,535
|
|
41
|
+
---
|
|
42
|
+
Portrait: AresHappy
|
|
43
|
+
<p>Click anywhere in the <i>dialog box</i> to instantly make the text appear. Sometimes, you may want to speed up the text.</p>
|
|
44
|
+
<p>This is <i>dialog</i> for choice A!</p>
|
|
45
|
+
<<if visited("TutorialChoiceB")>>
|
|
46
|
+
<choice TutorialMerge>Continue</choice>
|
|
47
|
+
<<else>>
|
|
48
|
+
<choice TutorialChoiceB>Continue</choice>
|
|
49
|
+
<<endif>>
|
|
50
|
+
<ChoiceBreak>
|
|
51
|
+
|
|
52
|
+
-> TutorialChoiceB
|
|
53
|
+
<<jump TutorialChoiceB>>
|
|
54
|
+
-> TutorialMerge
|
|
55
|
+
<<jump TutorialMerge>>
|
|
56
|
+
===
|
|
57
|
+
title: TutorialChoiceB
|
|
58
|
+
position: -191,497
|
|
59
|
+
---
|
|
60
|
+
Portrait: AresYay
|
|
61
|
+
<p>Welcome to Choice B!</p>
|
|
62
|
+
<p>Sometimes, I'll post links in the dialog. You'll see that <i>external links</i> are proceeded with this image <img src="/yarn/icon-open-in-new.svg" alt="external link icon"/>.</p>
|
|
63
|
+
<p>Clicking any of these <i>external links</i> will send you to a new tab with the link. You can <b>hover</b> on the link, and watch on the <i>bottom corner left of your browser</i> to see where the <i>external link</i> will lead you to.</p>
|
|
64
|
+
<p><a target="_blank" class="external-link" href="http://crouton.net">Check out this external link!</a></p>
|
|
65
|
+
<<if visited("TutorialChoiceA")>>
|
|
66
|
+
<choice TutorialMerge>Continue</choice>
|
|
67
|
+
<<else>>
|
|
68
|
+
<choice TutorialChoiceA>Continue</choice>
|
|
69
|
+
<<endif>>
|
|
70
|
+
<ChoiceBreak>
|
|
71
|
+
|
|
72
|
+
-> TutorialChoiceA
|
|
73
|
+
<<jump TutorialChoiceA>>
|
|
74
|
+
-> TutorialMerge
|
|
75
|
+
<<jump TutorialMerge>>
|
|
76
|
+
===
|
|
77
|
+
title: TutorialMerge
|
|
78
|
+
---
|
|
79
|
+
Portrait: AresSurprised
|
|
80
|
+
<p>Just like opportunities and <i>external links</i>, <choice Continue>choices</choice> can appear anywhere!</p>
|
|
81
|
+
<p>It can appear <choice Continue>here</choice>, <choice Continue>there</choice>, and <choice Continue>everywhere!</choice></p>
|
|
82
|
+
<ChoiceBreak>
|
|
83
|
+
|
|
84
|
+
-> Continue
|
|
85
|
+
<<jump TutorialChoicesResult>>
|
|
86
|
+
===
|
|
87
|
+
title: TutorialChoicesResult
|
|
88
|
+
---
|
|
89
|
+
Portrait: AresDisappointed
|
|
90
|
+
<p>Just like life, I've sadly given you an illusion of <i>choice</i> since all those <i>choices</i> only lead to one outcome.
|
|
91
|
+
<i>This particular dialog.</i></p>
|
|
92
|
+
<choice Continue>Anyways...</choice>
|
|
93
|
+
<ChoiceBreak>
|
|
94
|
+
|
|
95
|
+
-> Continue
|
|
96
|
+
<<jump TutorialSettings>>
|
|
97
|
+
===
|
|
98
|
+
title: TutorialSettings
|
|
99
|
+
---
|
|
100
|
+
Portrait: AresMad
|
|
101
|
+
<p>Feel free to check out the <i>Settings</i> menu by clicking the iconic <i>gear icon</i> on this dialog or on the top right of the page. You can...</p>
|
|
102
|
+
<ul>
|
|
103
|
+
<li>Keep this pesky <i>dialog box</i> away all the time!</li>
|
|
104
|
+
<li>Make the <i>portrait</i> of this ugly character disappear!</li>
|
|
105
|
+
<li>Make the <i>text speed</i> faster</li>
|
|
106
|
+
<li>Disable <i>auto scroll</i></li>
|
|
107
|
+
</ul>
|
|
108
|
+
<br>
|
|
109
|
+
<choice Continue>One last thing...</choice>
|
|
110
|
+
<ChoiceBreak>
|
|
111
|
+
|
|
112
|
+
-> Continue
|
|
113
|
+
<<jump TutorialDialogToggle>>
|
|
114
|
+
===
|
|
115
|
+
title: TutorialDialogToggle
|
|
116
|
+
---
|
|
117
|
+
Portrait: AresNeutral
|
|
118
|
+
<p>You can toggle (open or close) the dialog by clicking the <img src="/yarn/icon-chat.svg" alt="dialog-icon"/> icon at the top right,
|
|
119
|
+
or click the close button on this <i>dialog box</i>.</p>
|
|
120
|
+
<p>Try it out! You won't lose progress of our conversation.</p>
|
|
121
|
+
<choice Continue>And...</choice>
|
|
122
|
+
<ChoiceBreak>
|
|
123
|
+
|
|
124
|
+
-> Continue
|
|
125
|
+
<<jump TutorialEnd>>
|
|
126
|
+
===
|
|
127
|
+
title: TutorialEnd
|
|
128
|
+
---
|
|
129
|
+
Portrait: AresLetsGo
|
|
130
|
+
<p>And that covers everything you need to know. <b>^^</b></p>
|
|
131
|
+
<<if $tutorialReturnAddress != "">>
|
|
132
|
+
<choice Return>Return</choice> |
|
|
133
|
+
<<endif>>
|
|
134
|
+
<choice Redo>Redo tutorial</choice>
|
|
135
|
+
<ChoiceBreak>
|
|
136
|
+
|
|
137
|
+
-> Return
|
|
138
|
+
<<jump {$tutorialReturnAddress}>>
|
|
139
|
+
-> Redo
|
|
140
|
+
<<jump TutorialStart>>
|
|
141
|
+
===
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@turnipxenon/pineapple",
|
|
3
3
|
"description": "personal package for base styling for other personal projects",
|
|
4
|
-
"version": "5.3.
|
|
4
|
+
"version": "5.3.15",
|
|
5
5
|
"devDependencies": {
|
|
6
6
|
"@commitlint/cli": "^19.8.1",
|
|
7
7
|
"@commitlint/config-conventional": "^19.8.1",
|