@turnipxenon/pineapple 2.6.0 → 2.7.0

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.
@@ -4,9 +4,7 @@
4
4
  <option name="autoReloadType" value="SELECTIVE" />
5
5
  </component>
6
6
  <component name="ChangeListManager">
7
- <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Fix background disappearing in default BlogTemplates">
8
- <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" afterDir="false" />
9
- </list>
7
+ <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Update chum bucket display" />
10
8
  <option name="SHOW_DIALOG" value="false" />
11
9
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
12
10
  <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -394,23 +392,8 @@
394
392
  <workItem from="1714521686105" duration="268000" />
395
393
  <workItem from="1714761186955" duration="2937000" />
396
394
  <workItem from="1714785291683" duration="29000" />
397
- <workItem from="1717797301446" duration="56000" />
398
- </task>
399
- <task id="LOCAL-00158" summary="Remove unneeded script check in yarn build">
400
- <option name="closed" value="true" />
401
- <created>1712475823736</created>
402
- <option name="number" value="00158" />
403
- <option name="presentableId" value="LOCAL-00158" />
404
- <option name="project" value="LOCAL" />
405
- <updated>1712475823736</updated>
406
- </task>
407
- <task id="LOCAL-00159" summary="Fix yarn dependencies">
408
- <option name="closed" value="true" />
409
- <created>1712476485361</created>
410
- <option name="number" value="00159" />
411
- <option name="presentableId" value="LOCAL-00159" />
412
- <option name="project" value="LOCAL" />
413
- <updated>1712476485362</updated>
395
+ <workItem from="1717797301446" duration="328000" />
396
+ <workItem from="1717818365490" duration="1400000" />
414
397
  </task>
415
398
  <task id="LOCAL-00160" summary="Support swappable group for backwards compatibility">
416
399
  <option name="closed" value="true" />
@@ -788,7 +771,23 @@
788
771
  <option name="project" value="LOCAL" />
789
772
  <updated>1714763326650</updated>
790
773
  </task>
791
- <option name="localTasksCounter" value="207" />
774
+ <task id="LOCAL-00207" summary="Turn off chum bucket temporarily">
775
+ <option name="closed" value="true" />
776
+ <created>1717797372617</created>
777
+ <option name="number" value="00207" />
778
+ <option name="presentableId" value="LOCAL-00207" />
779
+ <option name="project" value="LOCAL" />
780
+ <updated>1717797372618</updated>
781
+ </task>
782
+ <task id="LOCAL-00208" summary="Update chum bucket display">
783
+ <option name="closed" value="true" />
784
+ <created>1717819762642</created>
785
+ <option name="number" value="00208" />
786
+ <option name="presentableId" value="LOCAL-00208" />
787
+ <option name="project" value="LOCAL" />
788
+ <updated>1717819762642</updated>
789
+ </task>
790
+ <option name="localTasksCounter" value="209" />
792
791
  <servers />
793
792
  </component>
794
793
  <component name="TypeScriptGeneratedFilesManager">
@@ -846,8 +845,6 @@
846
845
  </option>
847
846
  </component>
848
847
  <component name="VcsManagerConfiguration">
849
- <MESSAGE value="Add default value for allowUpperControl in NavigationComponent" />
850
- <MESSAGE value="Add ChumBucket" />
851
848
  <MESSAGE value="Fix align-items" />
852
849
  <MESSAGE value="Export GetLatestBlogs properly" />
853
850
  <MESSAGE value="Update description for ThisWebpage" />
@@ -871,6 +868,8 @@
871
868
  <MESSAGE value="Attempt for whole blog page" />
872
869
  <MESSAGE value="Add plain background BlogTemplates" />
873
870
  <MESSAGE value="Fix background disappearing in default BlogTemplates" />
874
- <option name="LAST_COMMIT_MESSAGE" value="Fix background disappearing in default BlogTemplates" />
871
+ <MESSAGE value="Turn off chum bucket temporarily" />
872
+ <MESSAGE value="Update chum bucket display" />
873
+ <option name="LAST_COMMIT_MESSAGE" value="Update chum bucket display" />
875
874
  </component>
876
875
  </project>
@@ -1,10 +1,14 @@
1
1
  <script>import Card from "../../components/Card.svelte";
2
2
  import {} from "../..";
3
3
  import { onMount } from "svelte";
4
+ let hasTriedGettingChumBucket = false;
4
5
  let pageMetaList = [];
5
6
  const loadPageMeta = async () => {
6
7
  fetch("/api/get-latest-blogs").then((resp) => resp.json()).then((json) => {
7
8
  pageMetaList = json;
9
+ hasTriedGettingChumBucket = true;
10
+ }).catch((_) => {
11
+ hasTriedGettingChumBucket = true;
8
12
  });
9
13
  };
10
14
  onMount(() => {
@@ -25,19 +29,30 @@ onMount(() => {
25
29
  {/if}
26
30
 
27
31
  <div class="chum-bucket-grid">
28
- {#each pageMetaList as pageMeta}
29
- <div class="chum-bucket-item">
30
- {#if pageMeta.imageUrl}
31
- <img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
32
- class="chum-bucket-image"
33
- alt={pageMeta.imageAlt}>
34
- {/if}
35
- <div>
36
- <h3><a href={`https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a></h3>
37
- <p>{pageMeta.description}</p>
32
+ {#if hasTriedGettingChumBucket}
33
+ {#each pageMetaList as pageMeta}
34
+ <div class="chum-bucket-item">
35
+ {#if pageMeta.imageUrl}
36
+ <img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
37
+ class="chum-bucket-image"
38
+ alt={pageMeta.imageAlt}>
39
+ {/if}
40
+ <div>
41
+ <h3><a href={`https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a></h3>
42
+ <p>Published: {pageMeta.datePublished}
43
+ {#if pageMeta.lastUpdated}
44
+ | Last updated: {pageMeta.lastUpdated}
45
+ {/if}
46
+ </p>
47
+ <p>{pageMeta.description}</p>
48
+ </div>
38
49
  </div>
39
- </div>
40
- {/each}
50
+ {/each}
51
+ {:else}
52
+ {#each { length: 10 } as _}
53
+ <div class="placeholder" />
54
+ {/each}
55
+ {/if}
41
56
  </div>
42
57
  </div>
43
58
  </Card>
@@ -201,7 +201,7 @@ $:
201
201
  {/each}
202
202
  {/if}
203
203
 
204
- <!--<ChumBucket></ChumBucket>-->
204
+ <ChumBucket></ChumBucket>
205
205
 
206
206
  {#if (!letChaos)}
207
207
  <div aria-hidden="true" style="height: 3lh" />
@@ -21,7 +21,7 @@ export const options = {
21
21
  app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
22
22
  error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
23
23
  },
24
- version_hash: "1osvtww"
24
+ version_hash: "r53u0o"
25
25
  };
26
26
 
27
27
  export async function get_hooks() {
@@ -1,10 +1,14 @@
1
1
  <script>import Card from "../../components/Card.svelte";
2
2
  import {} from "../..";
3
3
  import { onMount } from "svelte";
4
+ let hasTriedGettingChumBucket = false;
4
5
  let pageMetaList = [];
5
6
  const loadPageMeta = async () => {
6
7
  fetch("/api/get-latest-blogs").then((resp) => resp.json()).then((json) => {
7
8
  pageMetaList = json;
9
+ hasTriedGettingChumBucket = true;
10
+ }).catch((_) => {
11
+ hasTriedGettingChumBucket = true;
8
12
  });
9
13
  };
10
14
  onMount(() => {
@@ -25,19 +29,30 @@ onMount(() => {
25
29
  {/if}
26
30
 
27
31
  <div class="chum-bucket-grid">
28
- {#each pageMetaList as pageMeta}
29
- <div class="chum-bucket-item">
30
- {#if pageMeta.imageUrl}
31
- <img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
32
- class="chum-bucket-image"
33
- alt={pageMeta.imageAlt}>
34
- {/if}
35
- <div>
36
- <h3><a href={`https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a></h3>
37
- <p>{pageMeta.description}</p>
32
+ {#if hasTriedGettingChumBucket}
33
+ {#each pageMetaList as pageMeta}
34
+ <div class="chum-bucket-item">
35
+ {#if pageMeta.imageUrl}
36
+ <img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
37
+ class="chum-bucket-image"
38
+ alt={pageMeta.imageAlt}>
39
+ {/if}
40
+ <div>
41
+ <h3><a href={`https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a></h3>
42
+ <p>Published: {pageMeta.datePublished}
43
+ {#if pageMeta.lastUpdated}
44
+ | Last updated: {pageMeta.lastUpdated}
45
+ {/if}
46
+ </p>
47
+ <p>{pageMeta.description}</p>
48
+ </div>
38
49
  </div>
39
- </div>
40
- {/each}
50
+ {/each}
51
+ {:else}
52
+ {#each { length: 10 } as _}
53
+ <div class="placeholder" />
54
+ {/each}
55
+ {/if}
41
56
  </div>
42
57
  </div>
43
58
  </Card>
@@ -201,7 +201,7 @@ $:
201
201
  {/each}
202
202
  {/if}
203
203
 
204
- <!--<ChumBucket></ChumBucket>-->
204
+ <ChumBucket></ChumBucket>
205
205
 
206
206
  {#if (!letChaos)}
207
207
  <div aria-hidden="true" style="height: 3lh" />
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": "2.6.0",
4
+ "version": "2.7.0",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && yarn package",
@@ -3,10 +3,14 @@
3
3
  import { type PageMeta } from "$pkg";
4
4
  import { onMount } from "svelte";
5
5
 
6
+ let hasTriedGettingChumBucket = false;
6
7
  let pageMetaList: PageMeta[] = [];
7
8
  const loadPageMeta = async () => {
8
9
  fetch("/api/get-latest-blogs").then(resp => resp.json()).then(json => {
9
10
  pageMetaList = json as PageMeta[];
11
+ hasTriedGettingChumBucket = true;
12
+ }).catch(_ => {
13
+ hasTriedGettingChumBucket = true;
10
14
  });
11
15
  };
12
16
 
@@ -28,19 +32,30 @@
28
32
  {/if}
29
33
 
30
34
  <div class="chum-bucket-grid">
31
- {#each pageMetaList as pageMeta}
32
- <div class="chum-bucket-item">
33
- {#if pageMeta.imageUrl}
34
- <img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
35
- class="chum-bucket-image"
36
- alt={pageMeta.imageAlt}>
37
- {/if}
38
- <div>
39
- <h3><a href={`https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a></h3>
40
- <p>{pageMeta.description}</p>
35
+ {#if hasTriedGettingChumBucket}
36
+ {#each pageMetaList as pageMeta}
37
+ <div class="chum-bucket-item">
38
+ {#if pageMeta.imageUrl}
39
+ <img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
40
+ class="chum-bucket-image"
41
+ alt={pageMeta.imageAlt}>
42
+ {/if}
43
+ <div>
44
+ <h3><a href={`https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a></h3>
45
+ <p>Published: {pageMeta.datePublished}
46
+ {#if pageMeta.lastUpdated}
47
+ | Last updated: {pageMeta.lastUpdated}
48
+ {/if}
49
+ </p>
50
+ <p>{pageMeta.description}</p>
51
+ </div>
41
52
  </div>
42
- </div>
43
- {/each}
53
+ {/each}
54
+ {:else}
55
+ {#each { length: 10 } as _}
56
+ <div class="placeholder" />
57
+ {/each}
58
+ {/if}
44
59
  </div>
45
60
  </div>
46
61
  </Card>
@@ -263,7 +263,7 @@
263
263
  {/each}
264
264
  {/if}
265
265
 
266
- <!--<ChumBucket></ChumBucket>-->
266
+ <ChumBucket></ChumBucket>
267
267
 
268
268
  {#if (!letChaos)}
269
269
  <div aria-hidden="true" style="height: 3lh" />