@turnipxenon/pineapple 5.0.0-alpha.17 → 5.0.0-alpha.19

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.
Files changed (12) hide show
  1. package/dist/components/dialog_manager/DialogManager.d.ts.map +1 -1
  2. package/dist/components/dialog_manager/DialogManager.js +0 -2
  3. package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte +4 -4
  4. package/dist/ui/modules/projects/ThisWebpage.svelte +9 -0
  5. package/dist/ui/modules/projects/ThisWebpage.svelte.d.ts.map +1 -1
  6. package/dist/ui/modules/universal-overlay/SettingsPanel.svelte +29 -25
  7. package/dist/ui/modules/universal-overlay/SettingsPanel.svelte.d.ts.map +1 -1
  8. package/dist/ui/modules/universal-overlay/UniversalOverlay.svelte +1 -1
  9. package/dist/ui/templates/pinya-base/PinyaBase.svelte +3 -3
  10. package/dist/util/context/PineappleBaseContext.svelte +5 -0
  11. package/dist/util/context/PineappleBaseContext.svelte.d.ts.map +1 -1
  12. package/package.json +1 -1
package/dist/components/dialog_manager/DialogManager.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DialogManager.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dialog_manager/DialogManager.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAmBrE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAIpF,MAAM,MAAM,yBAAyB,GAAG,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAC;AAE3E,qBAAa,aAAc,YAAW,cAAc;IACnD,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAa;IACxD,iBAAiB,EAAE,YAAY,EAAE,CAAM;IACvC,kBAAkB,EAAE,MAAM,CAAuC;IACjE,kBAAkB,EAAE,YAAY,CAA2B;IAC3D,cAAc,0CAAgB;IAC9B,YAAY,SAAK;IACjB,iBAAiB,SAAK;IACtB,gBAAgB,UAAS;IACzB,eAAe,0CAAgB;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAa;IAC7C,YAAY,cAAuB;IACnC,oBAAoB,+CAA+B;IACnD,WAAW,0CAGR;IACH,iBAAiB,0CAGd;IACH,kBAAkB,SAAK;IACvB,eAAe,EAAE,eAAe,CAAC;IAEjC,qBAAqB,EAAE,YAAY,EAAE,CAAM;IAC3C,qBAAqB,UAAS;IAC9B,oBAAoB,EAAE,yBAAyB,EAAE,CAAM;IACvD,0BAA0B,UAAS;;IA4BnC;;;OAGG;IACH,aAAa,aASX;IAEF;;;OAGG;IACH,YAAY,GAAI,cAAc,OAAO,UAEnC;IAEF;;;;;OAKG;IACH,aAAa,GAAI,eAAe,YAAY,EAAE,UAwB5C;IAEF;;;;OAIG;IACH,0BAA0B,GAAI,UAAU,yBAAyB,UAE/D;IAEF;;;;OAIG;IACH,4BAA4B,GAAI,UAAU,yBAAyB,UAOjE;IAEF;;;;;;OAMG;IACH,eAAe,GAAI,YAAY,YAAY,GAAG,SAAS,UAWrD;IAEF,gBAAgB,aA6Cd;IAEF,kBAAkB,aAEhB;IAEF;;;;;;;;OAQG;IACH,MAAM,GAAI,WAAW,MAAM,UAsDzB;IAEF,mBAAmB,CAAC,MAAM,EAAE,OAAO;IAInC,mBAAmB;IAIb,qBAAqB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;CAQxE;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC"}
1
+ {"version":3,"file":"DialogManager.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dialog_manager/DialogManager.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAmBrE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAIpF,MAAM,MAAM,yBAAyB,GAAG,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAC;AAE3E,qBAAa,aAAc,YAAW,cAAc;IACnD,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAa;IACxD,iBAAiB,EAAE,YAAY,EAAE,CAAM;IACvC,kBAAkB,EAAE,MAAM,CAAuC;IACjE,kBAAkB,EAAE,YAAY,CAA2B;IAC3D,cAAc,0CAAgB;IAC9B,YAAY,SAAK;IACjB,iBAAiB,SAAK;IACtB,gBAAgB,UAAS;IACzB,eAAe,0CAAgB;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAa;IAC7C,YAAY,cAAuB;IACnC,oBAAoB,+CAA+B;IACnD,WAAW,0CAGR;IACH,iBAAiB,0CAGd;IACH,kBAAkB,SAAK;IACvB,eAAe,EAAE,eAAe,CAAC;IAEjC,qBAAqB,EAAE,YAAY,EAAE,CAAM;IAC3C,qBAAqB,UAAS;IAC9B,oBAAoB,EAAE,yBAAyB,EAAE,CAAM;IACvD,0BAA0B,UAAS;;IA0BnC;;;OAGG;IACH,aAAa,aASX;IAEF;;;OAGG;IACH,YAAY,GAAI,cAAc,OAAO,UAEnC;IAEF;;;;;OAKG;IACH,aAAa,GAAI,eAAe,YAAY,EAAE,UAwB5C;IAEF;;;;OAIG;IACH,0BAA0B,GAAI,UAAU,yBAAyB,UAE/D;IAEF;;;;OAIG;IACH,4BAA4B,GAAI,UAAU,yBAAyB,UAOjE;IAEF;;;;;;OAMG;IACH,eAAe,GAAI,YAAY,YAAY,GAAG,SAAS,UAWrD;IAEF,gBAAgB,aA6Cd;IAEF,kBAAkB,aAEhB;IAEF;;;;;;;;OAQG;IACH,MAAM,GAAI,WAAW,MAAM,UAsDzB;IAEF,mBAAmB,CAAC,MAAM,EAAE,OAAO;IAInC,mBAAmB;IAIb,qBAAqB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;CAQxE;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC"}
package/dist/components/dialog_manager/DialogManager.js CHANGED
@@ -248,7 +248,6 @@ export class DialogManager {
248
248
  this.hidePercent.set(0);
249
249
  this.hidePercentLinear.set(0).then(() => {
250
250
  this.currentState = DialogState.Visible;
251
- console.log('visible');
252
251
  this.currentReadableState.set(this.currentState);
253
252
  });
254
253
  }
@@ -256,7 +255,6 @@ export class DialogManager {
256
255
  this.hidePercent.set(100);
257
256
  this.hidePercentLinear.set(100).then(() => {
258
257
  this.currentState = DialogState.Invisible;
259
- console.log('invisible');
260
258
  this.currentReadableState.set(this.currentState);
261
259
  });
262
260
  this.setDialogTree([{ textContent: "" }]);
package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte CHANGED
@@ -28,7 +28,7 @@
28
28
  inputValue: function() {
29
29
  return props.data.find((o) => o.value === value)?.label ?? "---";
30
30
  },
31
- onValueChange: onValueChangeBase ?? onValueChangeBaseImpl
31
+ onValueChange: onValueChangeBase ?? onValueChangeBaseImpl,
32
32
  });
33
33
 
34
34
  const filtered = $derived.by(() => {
@@ -46,11 +46,11 @@ Melt-based Combobox
46
46
  When migrating from Skeleton to Melt, change the value is no longer an array T[] but it's now T | undefined
47
47
  -->
48
48
 
49
- <div class={`pinya-combobox-wrapper ${props.class}`}>
49
+ <div class={`pinya-combobox-wrapper ${props.class}`} {...props}>
50
50
  <label {...combobox.label}>{props.label}</label>
51
51
  <div class="pinya-combobox-control">
52
- <input {...combobox.input} />
53
- <button class="size-[3rem]" {...combobox.trigger}>
52
+ <input {...combobox.input} disabled={props.disabled} />
53
+ <button class="size-[3rem]" {...combobox.trigger} disabled={props.disabled}>
54
54
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="opacity: 0.5" class="size-[2rem] m-auto">
55
55
  <path d="m6 9 6 6 6-6"></path>
56
56
  </svg>
package/dist/ui/modules/projects/ThisWebpage.svelte CHANGED
@@ -3,6 +3,7 @@
3
3
  <script module lang="ts">
4
4
  import GithubIcon from "../../../assets/icons/github-mark.svg";
5
5
  import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
6
+ import LinkIcon from "../../../assets/icons/link-icon.svg";
6
7
  import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
7
8
  import { default as FourPartCard } from "../../components/FourPartCard.svelte";
8
9
  import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
@@ -62,6 +63,14 @@
62
63
  onclick={() => window.open("https://github.com/TurnipXenon/pineapple")}>
63
64
  <ImageIcon src={GithubIcon} class="long-btn-image" alt="github icon" />
64
65
  </PinyaButton>
66
+ <PinyaButton
67
+ data-nosnippet
68
+ buttonVariant={ButtonVariant.SmallIcon}
69
+ title="https://pineapple.turnipxenon.com/documentation"
70
+ onclick={() => window.open("https://pineapple.turnipxenon.com/documentation")}>
71
+ <ImageIcon src={LinkIcon} aria-hidden />
72
+ <span>pineapple.turnipxenon.com</span>
73
+ </PinyaButton>
65
74
  </section>
66
75
  </FourPartCard>
67
76
  {/snippet}
package/dist/ui/modules/projects/ThisWebpage.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThisWebpage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/ThisWebpage.svelte.ts"],"names":[],"mappings":"AAKC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAMnG,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CA4ChG,CAAC;AAE7B,QAAA,MAAM,GAAG,iBAAiB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;AAS3B,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,WAAW;;kBAA+E,CAAC;AAC/E,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ThisWebpage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/ThisWebpage.svelte.ts"],"names":[],"mappings":"AAMC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAMnG,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CAgDhG,CAAC;AAE7B,QAAA,MAAM,GAAG,iBAAiB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;AAS3B,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,WAAW;;kBAA+E,CAAC;AAC/E,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}
package/dist/ui/modules/universal-overlay/SettingsPanel.svelte CHANGED
@@ -13,11 +13,11 @@ TODO: delete GeneralSettingsModal.svelte
13
13
  import PineappleSwitch from "../../elements/PineappleSwitch.svelte";
14
14
 
15
15
  import LanguagePicker from "../modals/general-settings/LanguagePicker.svelte";
16
+ import { appState } from "../../templates/index";
16
17
  import {
17
18
  getEnableDialogPreferenceContext,
18
19
  getEnablePortraitContext
19
20
  } from "../../../util/context/pineappleBaseContextDefinitions.svelte";
20
- import type { LocalStore } from "../../../util/localStore.svelte";
21
21
  import { setMode, userPrefersMode } from "mode-watcher";
22
22
 
23
23
  interface ToggleItem {
@@ -94,26 +94,30 @@ TODO: delete GeneralSettingsModal.svelte
94
94
  </div>
95
95
  </fieldset>
96
96
 
97
- <LanguagePicker />
98
-
99
- <div class="switch-default">
100
- <PineappleSwitch
101
- name="conversation-preference"
102
- bind:checked={enableDialogPreference.value}>
103
- </PineappleSwitch>
104
- <label for="conversation-preference">
105
- Conversation preference: {enableDialogPreference.value ? "Always on" : "Always off"}
106
- </label>
107
- </div>
108
- <div class="switch-default">
109
- <PineappleSwitch
110
- name="portrait-preference"
111
- bind:checked={enablePortraitContext.value}>
112
- </PineappleSwitch>
113
- <label for="portrait-preference">
114
- Show conversation portrait: {enablePortraitContext.value ? "Always on" : "Always off"}
115
- </label>
116
- </div>
97
+ {#if appState.isLanguagePickerAvailable}
98
+ <LanguagePicker />
99
+ {/if}
100
+
101
+ {#if appState.allowDialog}
102
+ <div class="switch-default">
103
+ <PineappleSwitch
104
+ name="conversation-preference"
105
+ bind:checked={enableDialogPreference.value}>
106
+ </PineappleSwitch>
107
+ <label for="conversation-preference">
108
+ Conversation preference: {enableDialogPreference.value ? "Always on" : "Always off"}
109
+ </label>
110
+ </div>
111
+ <div class="switch-default">
112
+ <PineappleSwitch
113
+ name="portrait-preference"
114
+ bind:checked={enablePortraitContext.value}>
115
+ </PineappleSwitch>
116
+ <label for="portrait-preference">
117
+ Show conversation portrait: {enablePortraitContext.value ? "Always on" : "Always off"}
118
+ </label>
119
+ </div>
120
+ {/if}
117
121
  </div>
118
122
 
119
123
  <style>
@@ -150,7 +154,7 @@ TODO: delete GeneralSettingsModal.svelte
150
154
 
151
155
  #field-flex {
152
156
  display: flex;
153
- flex-wrap: wrap;
157
+ flex-wrap: wrap;
154
158
  gap: 1rem;
155
159
  padding: 0.25lh 1rem;
156
160
  }
@@ -171,8 +175,8 @@ TODO: delete GeneralSettingsModal.svelte
171
175
  }
172
176
 
173
177
  .switch-default {
174
- display: flex;
175
- justify-items: center;
176
- gap: 1em;
178
+ display: flex;
179
+ justify-items: center;
180
+ gap: 1em;
177
181
  }
178
182
  </style>
package/dist/ui/modules/universal-overlay/SettingsPanel.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SettingsPanel.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/universal-overlay/SettingsPanel.svelte.ts"],"names":[],"mappings":"AAqHA;;;;GAIG;AACH,QAAA,MAAM,aAAa,2DAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"SettingsPanel.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/universal-overlay/SettingsPanel.svelte.ts"],"names":[],"mappings":"AAyHA;;;;GAIG;AACH,QAAA,MAAM,aAAa,2DAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
package/dist/ui/modules/universal-overlay/UniversalOverlay.svelte CHANGED
@@ -66,7 +66,7 @@ See panels:
66
66
  </div>
67
67
  <div id="main-dialog-box-container">
68
68
  <PinyaCard id="dialog-name">
69
- <div class="fake-h1">Turnip {isHidden} {hidePercent}</div>
69
+ <div class="fake-h1">Turnip</div>
70
70
  </PinyaCard>
71
71
  <!-- todo: implement this properly later -->
72
72
  <!--<div id="dialog-scroll-indicator"></div>-->
package/dist/ui/templates/pinya-base/PinyaBase.svelte CHANGED
@@ -31,9 +31,9 @@
31
31
  // https://github.com/sveltejs/kit/issues/1540#issuecomment-2029016082
32
32
  const meta: PinyaHead = ({
33
33
  rootUrl: "http://localhost:5173",
34
- title: "Welcome to my portfolio",
35
- ogTitle: "Turnip time!",
36
- ogDescription: "Welcome to Turnip's test portfolio",
34
+ title: "Pineapple",
35
+ ogTitle: "Pineapple",
36
+ ogDescription: "Pineapple is my personal UI component library",
37
37
  ogImage: [WebThumbnailImage],
38
38
  ...(page.data?.meta ?? []) // override
39
39
  });
package/dist/util/context/PineappleBaseContext.svelte CHANGED
@@ -47,6 +47,11 @@
47
47
  return;
48
48
  }
49
49
 
50
+ if (appState.enableDialogOnByDefault === false) {
51
+ enableDialog.value = false;
52
+ return;
53
+ }
54
+
50
55
  if (ignoreOverlaySet.value) {
51
56
  ignoreOverlaySet.value = false;
52
57
  // force initial value?
package/dist/util/context/PineappleBaseContext.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PineappleBaseContext.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/PineappleBaseContext.svelte.ts"],"names":[],"mappings":"AA4EA,QAAA,MAAM,oBAAoB;cAxD8B,GAAG;UAwDO,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"PineappleBaseContext.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/PineappleBaseContext.svelte.ts"],"names":[],"mappings":"AAiFA,QAAA,MAAM,oBAAoB;cA7D8B,GAAG;UA6DO,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
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.0.0-alpha.17",
4
+ "version": "5.0.0-alpha.19",
5
5
  "devDependencies": {
6
6
  "@commitlint/cli": "^19.8.1",
7
7
  "@commitlint/config-conventional": "^19.8.1",