@turnipxenon/pineapple 2.4.80 → 2.5.1

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 (20) hide show
  1. package/.idea/shelf/Attempt_for_whole_blog_page/shelved.patch +164 -0
  2. package/.idea/shelf/Attempt_for_whole_blog_page.xml +4 -0
  3. package/.idea/workspace.xml +28 -24
  4. package/.svelte-kit/__package__/components/blog_template/BlogTemplate.svelte +40 -41
  5. package/.svelte-kit/__package__/components/blog_template/BlogTemplate.svelte.d.ts +2 -0
  6. package/.svelte-kit/__package__/components/blog_template/BlogTemplateInner.svelte +38 -0
  7. package/.svelte-kit/__package__/components/blog_template/BlogTemplateInner.svelte.d.ts +19 -0
  8. package/.svelte-kit/__package__/components/blog_template/blog-template.css +7 -7
  9. package/.svelte-kit/ambient.d.ts +0 -4
  10. package/.svelte-kit/generated/server/internal.js +1 -1
  11. package/dist/components/blog_template/BlogTemplate.svelte +40 -41
  12. package/dist/components/blog_template/BlogTemplate.svelte.d.ts +2 -0
  13. package/dist/components/blog_template/BlogTemplateInner.svelte +38 -0
  14. package/dist/components/blog_template/BlogTemplateInner.svelte.d.ts +19 -0
  15. package/dist/components/blog_template/blog-template.css +7 -7
  16. package/package.json +1 -1
  17. package/src/lib/components/blog_template/BlogTemplate.svelte +49 -46
  18. package/src/lib/components/blog_template/BlogTemplateInner.svelte +41 -0
  19. package/src/lib/components/blog_template/blog-template.css +7 -7
  20. package/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte +6 -1
package/.idea/shelf/Attempt_for_whole_blog_page/shelved.patch ADDED
@@ -0,0 +1,164 @@
1
+ Index: src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte
2
+ IDEA additional info:
3
+ Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
4
+ <+><script lang=\"ts\">\n\timport pageMeta from \"./meta.json\";\n\timport { page } from \"$app/stores\";\n\timport BlogTemplate from \"$pkg/components/blog_template/BlogTemplate.svelte\";\n</script>\n\n<BlogTemplate pageMeta={pageMeta}>\n\t<p>{$page.url}</p>\n</BlogTemplate>\n
5
+ Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
6
+ <+>UTF-8
7
+ ===================================================================
8
+ diff --git a/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte b/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte
9
+ --- a/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte (revision c7975fa3143e901c95cde177c2adf81f83e6b154)
10
+ +++ b/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte (date 1714762255835)
11
+ @@ -4,6 +4,11 @@
12
+ import BlogTemplate from "$pkg/components/blog_template/BlogTemplate.svelte";
13
+ </script>
14
+
15
+ -<BlogTemplate pageMeta={pageMeta}>
16
+ +<BlogTemplate pageMeta={pageMeta} shouldFillWholePage={true}>
17
+ <p>{$page.url}</p>
18
+ + <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
19
+ + <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
20
+ + <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
21
+ + <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
22
+ + <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
23
+ </BlogTemplate>
24
+ Index: src/lib/components/blog_template/BlogTemplate.svelte
25
+ IDEA additional info:
26
+ Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
27
+ <+><script lang=\"ts\">\n\timport { Card, type SimplePageMeta } from \"$pkg\";\n\timport \"./blog-template.css\";\n\n\t// grab page meta from the adjacent meta.json\n\texport let pageMeta: SimplePageMeta;\n</script>\n\n<Card>\n\t<div slot=\"content\" class=\"default-card\">\n\t\t<article>\n\t\t\t<hgroup>\n\t\t\t\t{#if pageMeta.title}\n\t\t\t\t\t<h1>{pageMeta.title}</h1>\n\t\t\t\t{/if}\n\t\t\t\t{#if pageMeta.datePublished}\n\t\t\t\t\t<p>Published: {pageMeta.datePublished}</p>\n\t\t\t\t{/if}\n\t\t\t\t{#if pageMeta.lastUpdated}\n\t\t\t\t\t<p>Last updated: {pageMeta.lastUpdated}</p>\n\t\t\t\t{/if}\n\t\t\t\t{#if pageMeta.tags.length > 0}\n\t\t\t\t\t<section id=\"article-tags\">\n\t\t\t\t\t\tTags:\n\t\t\t\t\t\t{#each pageMeta.tags as tag}\n\t\t\t\t\t\t\t<span class=\"badge variant-filled\">{tag}</span>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t</section>\n\t\t\t\t{/if}\n\t\t\t</hgroup>\n\n\t\t\t<div class=\"article-content\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t</article>\n\t</div>\n</Card>\n\n<style>\n hgroup {\n margin-bottom: 1lh;\n }\n\n .badge {\n margin-inline-end: 0.5em;\n }\n</style>
28
+ Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
29
+ <+>UTF-8
30
+ ===================================================================
31
+ diff --git a/src/lib/components/blog_template/BlogTemplate.svelte b/src/lib/components/blog_template/BlogTemplate.svelte
32
+ --- a/src/lib/components/blog_template/BlogTemplate.svelte (revision c7975fa3143e901c95cde177c2adf81f83e6b154)
33
+ +++ b/src/lib/components/blog_template/BlogTemplate.svelte (date 1714762288282)
34
+ @@ -1,40 +1,88 @@
35
+ <script lang="ts">
36
+ - import { Card, type SimplePageMeta } from "$pkg";
37
+ + import { Card, enableDialogueOverlay, type SimplePageMeta } from "$pkg";
38
+ import "./blog-template.css";
39
+ + import { enableBackground } from "$pkg/store";
40
+ + import { onDestroy, onMount } from "svelte";
41
+
42
+ // grab page meta from the adjacent meta.json
43
+ export let pageMeta: SimplePageMeta;
44
+ + export let shouldFillWholePage = false;
45
+ + export let shouldEnableDialogOverlay = false;
46
+ +
47
+ + enableBackground.set(false);
48
+ + let initialDialogState = false;
49
+ +
50
+ + onMount(() => {
51
+ + initialDialogState = $enableDialogueOverlay;
52
+ + enableDialogueOverlay.set(false);
53
+ + });
54
+ +
55
+ + onDestroy(() => {
56
+ + enableBackground.set(true);
57
+ + enableDialogueOverlay.set(initialDialogState);
58
+ + });
59
+ +
60
+ </script>
61
+
62
+ -<Card>
63
+ - <div slot="content" class="default-card">
64
+ - <article>
65
+ - <hgroup>
66
+ - {#if pageMeta.title}
67
+ - <h1>{pageMeta.title}</h1>
68
+ - {/if}
69
+ - {#if pageMeta.datePublished}
70
+ - <p>Published: {pageMeta.datePublished}</p>
71
+ - {/if}
72
+ - {#if pageMeta.lastUpdated}
73
+ - <p>Last updated: {pageMeta.lastUpdated}</p>
74
+ - {/if}
75
+ - {#if pageMeta.tags.length > 0}
76
+ - <section id="article-tags">
77
+ - Tags:
78
+ - {#each pageMeta.tags as tag}
79
+ - <span class="badge variant-filled">{tag}</span>
80
+ - {/each}
81
+ - </section>
82
+ - {/if}
83
+ - </hgroup>
84
+ +{#if shouldFillWholePage}
85
+ + <div class="whole-page">
86
+ + <article>
87
+ + <hgroup>
88
+ + {#if pageMeta.title}
89
+ + <h1>{pageMeta.title}</h1>
90
+ + {/if}
91
+ + {#if pageMeta.datePublished}
92
+ + <p>Published: {pageMeta.datePublished}</p>
93
+ + {/if}
94
+ + {#if pageMeta.lastUpdated}
95
+ + <p>Last updated: {pageMeta.lastUpdated}</p>
96
+ + {/if}
97
+ + {#if pageMeta.tags.length > 0}
98
+ + <section id="article-tags">
99
+ + Tags:
100
+ + {#each pageMeta.tags as tag}
101
+ + <span class="badge variant-filled">{tag}</span>
102
+ + {/each}
103
+ + </section>
104
+ + {/if}
105
+ + </hgroup>
106
+ +
107
+ + <div class="article-content">
108
+ + <slot />
109
+ + </div>
110
+ + </article>
111
+ + </div>
112
+ +{:else}
113
+ + <Card>
114
+ + <div slot="content" class="default-card">
115
+ + <article>
116
+ + <hgroup>
117
+ + {#if pageMeta.title}
118
+ + <h1>{pageMeta.title}</h1>
119
+ + {/if}
120
+ + {#if pageMeta.datePublished}
121
+ + <p>Published: {pageMeta.datePublished}</p>
122
+ + {/if}
123
+ + {#if pageMeta.lastUpdated}
124
+ + <p>Last updated: {pageMeta.lastUpdated}</p>
125
+ + {/if}
126
+ + {#if pageMeta.tags.length > 0}
127
+ + <section id="article-tags">
128
+ + Tags:
129
+ + {#each pageMeta.tags as tag}
130
+ + <span class="badge variant-filled">{tag}</span>
131
+ + {/each}
132
+ + </section>
133
+ + {/if}
134
+ + </hgroup>
135
+
136
+ - <div class="article-content">
137
+ - <slot />
138
+ - </div>
139
+ - </article>
140
+ - </div>
141
+ -</Card>
142
+ + <div class="article-content">
143
+ + <slot />
144
+ + </div>
145
+ + </article>
146
+ + </div>
147
+ + </Card>
148
+ +{/if}
149
+
150
+ <style>
151
+ hgroup {
152
+ @@ -44,4 +92,11 @@
153
+ .badge {
154
+ margin-inline-end: 0.5em;
155
+ }
156
+ +
157
+ + .whole-page {
158
+ + align-self: flex-start;
159
+ + justify-self: flex-start;
160
+ + height: 100%;
161
+ + width: 100%;
162
+ + }
163
+ </style>
164
+
package/.idea/shelf/Attempt_for_whole_blog_page.xml ADDED
@@ -0,0 +1,4 @@
1
+ <changelist name="Attempt_for_whole_blog_page" date="1714762341925" recycled="false">
2
+ <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/Attempt_for_whole_blog_page/shelved.patch" />
3
+ <option name="DESCRIPTION" value="Attempt for whole blog page" />
4
+ </changelist>
package/.idea/workspace.xml CHANGED
@@ -4,8 +4,8 @@
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="Update default styling for blogs">
8
- <change beforePath="$PROJECT_DIR$/src/lib/components/blog_template/blog-template.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/blog_template/blog-template.css" afterDir="false" />
7
+ <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Add plain background BlogTemplates">
8
+ <change beforePath="$PROJECT_DIR$/src/lib/components/blog_template/BlogTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/blog_template/BlogTemplate.svelte" afterDir="false" />
9
9
  </list>
10
10
  <option name="SHOW_DIALOG" value="false" />
11
11
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -59,6 +59,7 @@
59
59
  <option value="TypeScript File" />
60
60
  <option value="BlogTemplate" />
61
61
  <option value="CSS File" />
62
+ <option value="BlogTemplateInner" />
62
63
  </list>
63
64
  </option>
64
65
  </component>
@@ -388,23 +389,10 @@
388
389
  <workItem from="1714252762932" duration="11000" />
389
390
  <workItem from="1714365775212" duration="2408000" />
390
391
  <workItem from="1714368490566" duration="652000" />
391
- <workItem from="1714369536254" duration="30000" />
392
- </task>
393
- <task id="LOCAL-00155" summary="Add serverSideQueryParams in SeaweedTemplate">
394
- <option name="closed" value="true" />
395
- <created>1712474224504</created>
396
- <option name="number" value="00155" />
397
- <option name="presentableId" value="LOCAL-00155" />
398
- <option name="project" value="LOCAL" />
399
- <updated>1712474224504</updated>
400
- </task>
401
- <task id="LOCAL-00156" summary="Add serverSideQueryParams and extraComponent in SeaweedTemplate">
402
- <option name="closed" value="true" />
403
- <created>1712474458161</created>
404
- <option name="number" value="00156" />
405
- <option name="presentableId" value="LOCAL-00156" />
406
- <option name="project" value="LOCAL" />
407
- <updated>1712474458161</updated>
392
+ <workItem from="1714369536254" duration="132000" />
393
+ <workItem from="1714369851969" duration="201000" />
394
+ <workItem from="1714521686105" duration="268000" />
395
+ <workItem from="1714761186955" duration="2060000" />
408
396
  </task>
409
397
  <task id="LOCAL-00157" summary="Fix removeProxyWrapperOnString">
410
398
  <option name="closed" value="true" />
@@ -782,7 +770,23 @@
782
770
  <option name="project" value="LOCAL" />
783
771
  <updated>1714368950945</updated>
784
772
  </task>
785
- <option name="localTasksCounter" value="204" />
773
+ <task id="LOCAL-00204" summary="Reduce margin bottom for default blog paragraphs">
774
+ <option name="closed" value="true" />
775
+ <created>1714369583643</created>
776
+ <option name="number" value="00204" />
777
+ <option name="presentableId" value="LOCAL-00204" />
778
+ <option name="project" value="LOCAL" />
779
+ <updated>1714369583643</updated>
780
+ </task>
781
+ <task id="LOCAL-00205" summary="Add plain background BlogTemplates">
782
+ <option name="closed" value="true" />
783
+ <created>1714763027973</created>
784
+ <option name="number" value="00205" />
785
+ <option name="presentableId" value="LOCAL-00205" />
786
+ <option name="project" value="LOCAL" />
787
+ <updated>1714763027973</updated>
788
+ </task>
789
+ <option name="localTasksCounter" value="206" />
786
790
  <servers />
787
791
  </component>
788
792
  <component name="TypeScriptGeneratedFilesManager">
@@ -840,9 +844,6 @@
840
844
  </option>
841
845
  </component>
842
846
  <component name="VcsManagerConfiguration">
843
- <MESSAGE value="Remove tailwind reliance on Chip" />
844
- <MESSAGE value="Add border for slider toggle during light mode" />
845
- <MESSAGE value="WIP attempt to fix slider" />
846
847
  <MESSAGE value="Add hideable upper controls for NavigationComponent" />
847
848
  <MESSAGE value="Add default value for allowUpperControl in NavigationComponent" />
848
849
  <MESSAGE value="Add ChumBucket" />
@@ -865,6 +866,9 @@
865
866
  <MESSAGE value="Extract GetEntryGlobal functions" />
866
867
  <MESSAGE value="Add BlogTemplate" />
867
868
  <MESSAGE value="Update default styling for blogs" />
868
- <option name="LAST_COMMIT_MESSAGE" value="Update default styling for blogs" />
869
+ <MESSAGE value="Reduce margin bottom for default blog paragraphs" />
870
+ <MESSAGE value="Attempt for whole blog page" />
871
+ <MESSAGE value="Add plain background BlogTemplates" />
872
+ <option name="LAST_COMMIT_MESSAGE" value="Add plain background BlogTemplates" />
869
873
  </component>
870
874
  </project>
package/.svelte-kit/__package__/components/blog_template/BlogTemplate.svelte CHANGED
@@ -1,44 +1,43 @@
1
- <script>import { Card } from "../..";
1
+ <script>import { Card, enableDialogueOverlay } from "../..";
2
2
  import "./blog-template.css";
3
+ import { enableBackground } from "../../store";
4
+ import { onDestroy, onMount } from "svelte";
5
+ import BlogTemplateInner from "./BlogTemplateInner.svelte";
3
6
  export let pageMeta;
4
- </script>
5
-
6
- <Card>
7
- <div slot="content" class="default-card">
8
- <article>
9
- <hgroup>
10
- {#if pageMeta.title}
11
- <h1>{pageMeta.title}</h1>
12
- {/if}
13
- {#if pageMeta.datePublished}
14
- <p>Published: {pageMeta.datePublished}</p>
15
- {/if}
16
- {#if pageMeta.lastUpdated}
17
- <p>Last updated: {pageMeta.lastUpdated}</p>
18
- {/if}
19
- {#if pageMeta.tags.length > 0}
20
- <section id="article-tags">
21
- Tags:
22
- {#each pageMeta.tags as tag}
23
- <span class="badge variant-filled">{tag}</span>
24
- {/each}
25
- </section>
26
- {/if}
27
- </hgroup>
28
-
29
- <div class="article-content">
30
- <slot />
31
- </div>
32
- </article>
33
- </div>
34
- </Card>
35
-
36
- <style>
37
- hgroup {
38
- margin-bottom: 1lh;
39
- }
40
-
41
- .badge {
42
- margin-inline-end: 0.5em;
43
- }
7
+ export let shouldFillWholePage = false;
8
+ export let shouldEnableDialogOverlay = false;
9
+ enableBackground.set(!shouldFillWholePage);
10
+ let initialDialogState = false;
11
+ onMount(() => {
12
+ initialDialogState = $enableDialogueOverlay;
13
+ enableDialogueOverlay.set(shouldEnableDialogOverlay);
14
+ });
15
+ onDestroy(() => {
16
+ enableBackground.set(true);
17
+ enableDialogueOverlay.set(initialDialogState);
18
+ });
19
+ </script>
20
+
21
+ {#if shouldFillWholePage}
22
+ <div class="whole-page">
23
+ <BlogTemplateInner pageMeta={pageMeta}>
24
+ <slot />
25
+ </BlogTemplateInner>
26
+ </div>
27
+ {:else}
28
+ <Card>
29
+ <div slot="content" class="default-card">
30
+ <BlogTemplateInner pageMeta={pageMeta}>
31
+ <slot />
32
+ </BlogTemplateInner>
33
+ </div>
34
+ </Card>
35
+ {/if}
36
+
37
+ <style>
38
+ .whole-page {
39
+ height: 100%;
40
+ width: 100%;
41
+ max-width: var(--default-card-max-width);
42
+ }
44
43
  </style>
package/.svelte-kit/__package__/components/blog_template/BlogTemplate.svelte.d.ts CHANGED
@@ -4,6 +4,8 @@ import "./blog-template.css";
4
4
  declare const __propDef: {
5
5
  props: {
6
6
  pageMeta: SimplePageMeta;
7
+ shouldFillWholePage?: boolean | undefined;
8
+ shouldEnableDialogOverlay?: boolean | undefined;
7
9
  };
8
10
  events: {
9
11
  [evt: string]: CustomEvent<any>;
package/.svelte-kit/__package__/components/blog_template/BlogTemplateInner.svelte ADDED
@@ -0,0 +1,38 @@
1
+ <script>export let pageMeta;
2
+ </script>
3
+
4
+ <article>
5
+ <hgroup>
6
+ {#if pageMeta.title}
7
+ <h1>{pageMeta.title}</h1>
8
+ {/if}
9
+ {#if pageMeta.datePublished}
10
+ <p>Published: {pageMeta.datePublished}</p>
11
+ {/if}
12
+ {#if pageMeta.lastUpdated}
13
+ <p>Last updated: {pageMeta.lastUpdated}</p>
14
+ {/if}
15
+ {#if pageMeta.tags.length > 0}
16
+ <section id="article-tags">
17
+ Tags:
18
+ {#each pageMeta.tags as tag}
19
+ <span class="badge variant-filled">{tag}</span>
20
+ {/each}
21
+ </section>
22
+ {/if}
23
+ </hgroup>
24
+
25
+ <div class="article-content">
26
+ <slot />
27
+ </div>
28
+ </article>
29
+
30
+ <style>
31
+ hgroup {
32
+ margin-bottom: 1lh;
33
+ }
34
+
35
+ .badge {
36
+ margin-inline-end: 0.5em;
37
+ }
38
+ </style>
package/.svelte-kit/__package__/components/blog_template/BlogTemplateInner.svelte.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import type { SimplePageMeta } from "../..";
3
+ declare const __propDef: {
4
+ props: {
5
+ pageMeta: SimplePageMeta;
6
+ };
7
+ events: {
8
+ [evt: string]: CustomEvent<any>;
9
+ };
10
+ slots: {
11
+ default: {};
12
+ };
13
+ };
14
+ export type BlogTemplateInnerProps = typeof __propDef.props;
15
+ export type BlogTemplateInnerEvents = typeof __propDef.events;
16
+ export type BlogTemplateInnerSlots = typeof __propDef.slots;
17
+ export default class BlogTemplateInner extends SvelteComponent<BlogTemplateInnerProps, BlogTemplateInnerEvents, BlogTemplateInnerSlots> {
18
+ }
19
+ export {};
package/.svelte-kit/__package__/components/blog_template/blog-template.css CHANGED
@@ -1,7 +1,7 @@
1
- .article-content p {
2
- text-indent: 2em;
3
- }
4
-
5
- .article-content > * {
6
- margin-bottom: 0.5lh;
7
- }
1
+ .article-content p {
2
+ text-indent: 2em;
3
+ }
4
+
5
+ .article-content > * {
6
+ margin-bottom: 0.5lh;
7
+ }
package/.svelte-kit/ambient.d.ts CHANGED
@@ -37,8 +37,6 @@ declare module '$env/static/private' {
37
37
  export const COMSPEC: string;
38
38
  export const DriverData: string;
39
39
  export const EXEPATH: string;
40
- export const FPS_BROWSER_APP_PROFILE_STRING: string;
41
- export const FPS_BROWSER_USER_PROFILE_STRING: string;
42
40
  export const GIT_XL_PATH: string;
43
41
  export const GoLand: string;
44
42
  export const GOPATH: string;
@@ -227,8 +225,6 @@ declare module '$env/dynamic/private' {
227
225
  COMSPEC: string;
228
226
  DriverData: string;
229
227
  EXEPATH: string;
230
- FPS_BROWSER_APP_PROFILE_STRING: string;
231
- FPS_BROWSER_USER_PROFILE_STRING: string;
232
228
  GIT_XL_PATH: string;
233
229
  GoLand: string;
234
230
  GOPATH: string;
package/.svelte-kit/generated/server/internal.js CHANGED
@@ -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: "1a7ldx1"
24
+ version_hash: "1ucpk8o"
25
25
  };
26
26
 
27
27
  export async function get_hooks() {
package/dist/components/blog_template/BlogTemplate.svelte CHANGED
@@ -1,44 +1,43 @@
1
- <script>import { Card } from "../..";
1
+ <script>import { Card, enableDialogueOverlay } from "../..";
2
2
  import "./blog-template.css";
3
+ import { enableBackground } from "../../store";
4
+ import { onDestroy, onMount } from "svelte";
5
+ import BlogTemplateInner from "./BlogTemplateInner.svelte";
3
6
  export let pageMeta;
4
- </script>
5
-
6
- <Card>
7
- <div slot="content" class="default-card">
8
- <article>
9
- <hgroup>
10
- {#if pageMeta.title}
11
- <h1>{pageMeta.title}</h1>
12
- {/if}
13
- {#if pageMeta.datePublished}
14
- <p>Published: {pageMeta.datePublished}</p>
15
- {/if}
16
- {#if pageMeta.lastUpdated}
17
- <p>Last updated: {pageMeta.lastUpdated}</p>
18
- {/if}
19
- {#if pageMeta.tags.length > 0}
20
- <section id="article-tags">
21
- Tags:
22
- {#each pageMeta.tags as tag}
23
- <span class="badge variant-filled">{tag}</span>
24
- {/each}
25
- </section>
26
- {/if}
27
- </hgroup>
28
-
29
- <div class="article-content">
30
- <slot />
31
- </div>
32
- </article>
33
- </div>
34
- </Card>
35
-
36
- <style>
37
- hgroup {
38
- margin-bottom: 1lh;
39
- }
40
-
41
- .badge {
42
- margin-inline-end: 0.5em;
43
- }
7
+ export let shouldFillWholePage = false;
8
+ export let shouldEnableDialogOverlay = false;
9
+ enableBackground.set(!shouldFillWholePage);
10
+ let initialDialogState = false;
11
+ onMount(() => {
12
+ initialDialogState = $enableDialogueOverlay;
13
+ enableDialogueOverlay.set(shouldEnableDialogOverlay);
14
+ });
15
+ onDestroy(() => {
16
+ enableBackground.set(true);
17
+ enableDialogueOverlay.set(initialDialogState);
18
+ });
19
+ </script>
20
+
21
+ {#if shouldFillWholePage}
22
+ <div class="whole-page">
23
+ <BlogTemplateInner pageMeta={pageMeta}>
24
+ <slot />
25
+ </BlogTemplateInner>
26
+ </div>
27
+ {:else}
28
+ <Card>
29
+ <div slot="content" class="default-card">
30
+ <BlogTemplateInner pageMeta={pageMeta}>
31
+ <slot />
32
+ </BlogTemplateInner>
33
+ </div>
34
+ </Card>
35
+ {/if}
36
+
37
+ <style>
38
+ .whole-page {
39
+ height: 100%;
40
+ width: 100%;
41
+ max-width: var(--default-card-max-width);
42
+ }
44
43
  </style>
package/dist/components/blog_template/BlogTemplate.svelte.d.ts CHANGED
@@ -4,6 +4,8 @@ import "./blog-template.css";
4
4
  declare const __propDef: {
5
5
  props: {
6
6
  pageMeta: SimplePageMeta;
7
+ shouldFillWholePage?: boolean | undefined;
8
+ shouldEnableDialogOverlay?: boolean | undefined;
7
9
  };
8
10
  events: {
9
11
  [evt: string]: CustomEvent<any>;
package/dist/components/blog_template/BlogTemplateInner.svelte ADDED
@@ -0,0 +1,38 @@
1
+ <script>export let pageMeta;
2
+ </script>
3
+
4
+ <article>
5
+ <hgroup>
6
+ {#if pageMeta.title}
7
+ <h1>{pageMeta.title}</h1>
8
+ {/if}
9
+ {#if pageMeta.datePublished}
10
+ <p>Published: {pageMeta.datePublished}</p>
11
+ {/if}
12
+ {#if pageMeta.lastUpdated}
13
+ <p>Last updated: {pageMeta.lastUpdated}</p>
14
+ {/if}
15
+ {#if pageMeta.tags.length > 0}
16
+ <section id="article-tags">
17
+ Tags:
18
+ {#each pageMeta.tags as tag}
19
+ <span class="badge variant-filled">{tag}</span>
20
+ {/each}
21
+ </section>
22
+ {/if}
23
+ </hgroup>
24
+
25
+ <div class="article-content">
26
+ <slot />
27
+ </div>
28
+ </article>
29
+
30
+ <style>
31
+ hgroup {
32
+ margin-bottom: 1lh;
33
+ }
34
+
35
+ .badge {
36
+ margin-inline-end: 0.5em;
37
+ }
38
+ </style>
package/dist/components/blog_template/BlogTemplateInner.svelte.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import type { SimplePageMeta } from "../..";
3
+ declare const __propDef: {
4
+ props: {
5
+ pageMeta: SimplePageMeta;
6
+ };
7
+ events: {
8
+ [evt: string]: CustomEvent<any>;
9
+ };
10
+ slots: {
11
+ default: {};
12
+ };
13
+ };
14
+ export type BlogTemplateInnerProps = typeof __propDef.props;
15
+ export type BlogTemplateInnerEvents = typeof __propDef.events;
16
+ export type BlogTemplateInnerSlots = typeof __propDef.slots;
17
+ export default class BlogTemplateInner extends SvelteComponent<BlogTemplateInnerProps, BlogTemplateInnerEvents, BlogTemplateInnerSlots> {
18
+ }
19
+ export {};
package/dist/components/blog_template/blog-template.css CHANGED
@@ -1,7 +1,7 @@
1
- .article-content p {
2
- text-indent: 2em;
3
- }
4
-
5
- .article-content > * {
6
- margin-bottom: 0.5lh;
7
- }
1
+ .article-content p {
2
+ text-indent: 2em;
3
+ }
4
+
5
+ .article-content > * {
6
+ margin-bottom: 0.5lh;
7
+ }
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.4.80",
4
+ "version": "2.5.1",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && yarn package",
package/src/lib/components/blog_template/BlogTemplate.svelte CHANGED
@@ -1,47 +1,50 @@
1
- <script lang="ts">
2
- import { Card, type SimplePageMeta } from "$pkg";
3
- import "./blog-template.css";
4
-
5
- // grab page meta from the adjacent meta.json
6
- export let pageMeta: SimplePageMeta;
7
- </script>
8
-
9
- <Card>
10
- <div slot="content" class="default-card">
11
- <article>
12
- <hgroup>
13
- {#if pageMeta.title}
14
- <h1>{pageMeta.title}</h1>
15
- {/if}
16
- {#if pageMeta.datePublished}
17
- <p>Published: {pageMeta.datePublished}</p>
18
- {/if}
19
- {#if pageMeta.lastUpdated}
20
- <p>Last updated: {pageMeta.lastUpdated}</p>
21
- {/if}
22
- {#if pageMeta.tags.length > 0}
23
- <section id="article-tags">
24
- Tags:
25
- {#each pageMeta.tags as tag}
26
- <span class="badge variant-filled">{tag}</span>
27
- {/each}
28
- </section>
29
- {/if}
30
- </hgroup>
31
-
32
- <div class="article-content">
33
- <slot />
34
- </div>
35
- </article>
36
- </div>
37
- </Card>
38
-
39
- <style>
40
- hgroup {
41
- margin-bottom: 1lh;
42
- }
43
-
44
- .badge {
45
- margin-inline-end: 0.5em;
46
- }
1
+ <script lang="ts">
2
+ import { Card, enableDialogueOverlay, type SimplePageMeta } from "$pkg";
3
+ import "./blog-template.css";
4
+ import { enableBackground } from "$pkg/store";
5
+ import { onDestroy, onMount } from "svelte";
6
+ import BlogTemplateInner from "$pkg/components/blog_template/BlogTemplateInner.svelte";
7
+
8
+ // grab page meta from the adjacent meta.json
9
+ export let pageMeta: SimplePageMeta;
10
+ export let shouldFillWholePage = false;
11
+ export let shouldEnableDialogOverlay = false;
12
+
13
+ enableBackground.set(!shouldFillWholePage);
14
+ let initialDialogState = false;
15
+
16
+ onMount(() => {
17
+ initialDialogState = $enableDialogueOverlay;
18
+ enableDialogueOverlay.set(shouldEnableDialogOverlay);
19
+ });
20
+
21
+ onDestroy(() => {
22
+ enableBackground.set(true);
23
+ enableDialogueOverlay.set(initialDialogState);
24
+ });
25
+
26
+ </script>
27
+
28
+ {#if shouldFillWholePage}
29
+ <div class="whole-page">
30
+ <BlogTemplateInner pageMeta={pageMeta}>
31
+ <slot />
32
+ </BlogTemplateInner>
33
+ </div>
34
+ {:else}
35
+ <Card>
36
+ <div slot="content" class="default-card">
37
+ <BlogTemplateInner pageMeta={pageMeta}>
38
+ <slot />
39
+ </BlogTemplateInner>
40
+ </div>
41
+ </Card>
42
+ {/if}
43
+
44
+ <style>
45
+ .whole-page {
46
+ height: 100%;
47
+ width: 100%;
48
+ max-width: var(--default-card-max-width);
49
+ }
47
50
  </style>
package/src/lib/components/blog_template/BlogTemplateInner.svelte ADDED
@@ -0,0 +1,41 @@
1
+ <script lang="ts">
2
+ import type { SimplePageMeta } from "$pkg";
3
+
4
+ export let pageMeta: SimplePageMeta;
5
+ </script>
6
+
7
+ <article>
8
+ <hgroup>
9
+ {#if pageMeta.title}
10
+ <h1>{pageMeta.title}</h1>
11
+ {/if}
12
+ {#if pageMeta.datePublished}
13
+ <p>Published: {pageMeta.datePublished}</p>
14
+ {/if}
15
+ {#if pageMeta.lastUpdated}
16
+ <p>Last updated: {pageMeta.lastUpdated}</p>
17
+ {/if}
18
+ {#if pageMeta.tags.length > 0}
19
+ <section id="article-tags">
20
+ Tags:
21
+ {#each pageMeta.tags as tag}
22
+ <span class="badge variant-filled">{tag}</span>
23
+ {/each}
24
+ </section>
25
+ {/if}
26
+ </hgroup>
27
+
28
+ <div class="article-content">
29
+ <slot />
30
+ </div>
31
+ </article>
32
+
33
+ <style>
34
+ hgroup {
35
+ margin-bottom: 1lh;
36
+ }
37
+
38
+ .badge {
39
+ margin-inline-end: 0.5em;
40
+ }
41
+ </style>
package/src/lib/components/blog_template/blog-template.css CHANGED
@@ -1,7 +1,7 @@
1
- .article-content p {
2
- text-indent: 2em;
3
- }
4
-
5
- .article-content > * {
6
- margin-bottom: 0.5lh;
7
- }
1
+ .article-content p {
2
+ text-indent: 2em;
3
+ }
4
+
5
+ .article-content > * {
6
+ margin-bottom: 0.5lh;
7
+ }
package/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte CHANGED
@@ -4,6 +4,11 @@
4
4
  import BlogTemplate from "$pkg/components/blog_template/BlogTemplate.svelte";
5
5
  </script>
6
6
 
7
- <BlogTemplate pageMeta={pageMeta}>
7
+ <BlogTemplate pageMeta={pageMeta} shouldFillWholePage={true}>
8
8
  <p>{$page.url}</p>
9
+ <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
10
+ <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
11
+ <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
12
+ <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
13
+ <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
9
14
  </BlogTemplate>