@turnipxenon/pineapple 2.4.79 → 2.5.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.
@@ -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
+
@@ -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>
@@ -4,14 +4,10 @@
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="Add BlogTemplate">
8
- <change afterPath="$PROJECT_DIR$/src/lib/components/blog_template/blog-template.css" afterDir="false" />
9
- <change beforePath="$PROJECT_DIR$/.gitignore" beforeDir="false" afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
10
- <change beforePath="$PROJECT_DIR$/src/lib/components/BlogTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/blog_template/BlogTemplate.svelte" afterDir="false" />
11
- <change beforePath="$PROJECT_DIR$/src/lib/components/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/index.ts" afterDir="false" />
12
- <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte" afterDir="false" />
7
+ <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="">
8
+ <change afterPath="$PROJECT_DIR$/src/lib/components/blog_template/BlogTemplateInner.svelte" afterDir="false" />
9
+ <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" />
13
10
  <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte" afterDir="false" />
14
- <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte" afterDir="false" />
15
11
  </list>
16
12
  <option name="SHOW_DIALOG" value="false" />
17
13
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -65,6 +61,7 @@
65
61
  <option value="TypeScript File" />
66
62
  <option value="BlogTemplate" />
67
63
  <option value="CSS File" />
64
+ <option value="BlogTemplateInner" />
68
65
  </list>
69
66
  </option>
70
67
  </component>
@@ -393,23 +390,11 @@
393
390
  <workItem from="1714244359244" duration="372000" />
394
391
  <workItem from="1714252762932" duration="11000" />
395
392
  <workItem from="1714365775212" duration="2408000" />
396
- <workItem from="1714368490566" duration="433000" />
397
- </task>
398
- <task id="LOCAL-00154" summary="Add group swapping">
399
- <option name="closed" value="true" />
400
- <created>1712473732665</created>
401
- <option name="number" value="00154" />
402
- <option name="presentableId" value="LOCAL-00154" />
403
- <option name="project" value="LOCAL" />
404
- <updated>1712473732666</updated>
405
- </task>
406
- <task id="LOCAL-00155" summary="Add serverSideQueryParams in SeaweedTemplate">
407
- <option name="closed" value="true" />
408
- <created>1712474224504</created>
409
- <option name="number" value="00155" />
410
- <option name="presentableId" value="LOCAL-00155" />
411
- <option name="project" value="LOCAL" />
412
- <updated>1712474224504</updated>
393
+ <workItem from="1714368490566" duration="652000" />
394
+ <workItem from="1714369536254" duration="132000" />
395
+ <workItem from="1714369851969" duration="201000" />
396
+ <workItem from="1714521686105" duration="268000" />
397
+ <workItem from="1714761186955" duration="1769000" />
413
398
  </task>
414
399
  <task id="LOCAL-00156" summary="Add serverSideQueryParams and extraComponent in SeaweedTemplate">
415
400
  <option name="closed" value="true" />
@@ -787,7 +772,23 @@
787
772
  <option name="project" value="LOCAL" />
788
773
  <updated>1714367982542</updated>
789
774
  </task>
790
- <option name="localTasksCounter" value="203" />
775
+ <task id="LOCAL-00203" summary="Update default styling for blogs">
776
+ <option name="closed" value="true" />
777
+ <created>1714368950945</created>
778
+ <option name="number" value="00203" />
779
+ <option name="presentableId" value="LOCAL-00203" />
780
+ <option name="project" value="LOCAL" />
781
+ <updated>1714368950945</updated>
782
+ </task>
783
+ <task id="LOCAL-00204" summary="Reduce margin bottom for default blog paragraphs">
784
+ <option name="closed" value="true" />
785
+ <created>1714369583643</created>
786
+ <option name="number" value="00204" />
787
+ <option name="presentableId" value="LOCAL-00204" />
788
+ <option name="project" value="LOCAL" />
789
+ <updated>1714369583643</updated>
790
+ </task>
791
+ <option name="localTasksCounter" value="205" />
791
792
  <servers />
792
793
  </component>
793
794
  <component name="TypeScriptGeneratedFilesManager">
@@ -845,9 +846,6 @@
845
846
  </option>
846
847
  </component>
847
848
  <component name="VcsManagerConfiguration">
848
- <MESSAGE value="Fix chip issue in Advanced Settings" />
849
- <MESSAGE value="Remove tailwind reliance on Chip" />
850
- <MESSAGE value="Add border for slider toggle during light mode" />
851
849
  <MESSAGE value="WIP attempt to fix slider" />
852
850
  <MESSAGE value="Add hideable upper controls for NavigationComponent" />
853
851
  <MESSAGE value="Add default value for allowUpperControl in NavigationComponent" />
@@ -870,6 +868,9 @@
870
868
  <MESSAGE value="Remove unused components" />
871
869
  <MESSAGE value="Extract GetEntryGlobal functions" />
872
870
  <MESSAGE value="Add BlogTemplate" />
873
- <option name="LAST_COMMIT_MESSAGE" value="Add BlogTemplate" />
871
+ <MESSAGE value="Update default styling for blogs" />
872
+ <MESSAGE value="Reduce margin bottom for default blog paragraphs" />
873
+ <MESSAGE value="Attempt for whole blog page" />
874
+ <option name="LAST_COMMIT_MESSAGE" value="Attempt for whole blog page" />
874
875
  </component>
875
876
  </project>
@@ -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(shouldEnableDialogOverlay);
10
+ let initialDialogState = false;
11
+ onMount(() => {
12
+ initialDialogState = $enableDialogueOverlay;
13
+ enableDialogueOverlay.set(false);
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>
@@ -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>;
@@ -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>
@@ -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 {};
@@ -1,7 +1,7 @@
1
- .article-content p {
2
- text-indent: 2em;
3
- }
4
-
5
- .article-content > * {
6
- margin-bottom: 1lh;
7
- }
1
+ .article-content p {
2
+ text-indent: 2em;
3
+ }
4
+
5
+ .article-content > * {
6
+ margin-bottom: 0.5lh;
7
+ }
@@ -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;
@@ -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: "pztjsu"
25
25
  };
26
26
 
27
27
  export async function get_hooks() {
@@ -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(shouldEnableDialogOverlay);
10
+ let initialDialogState = false;
11
+ onMount(() => {
12
+ initialDialogState = $enableDialogueOverlay;
13
+ enableDialogueOverlay.set(false);
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>
@@ -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>;
@@ -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>
@@ -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 {};
@@ -1,7 +1,7 @@
1
- .article-content p {
2
- text-indent: 2em;
3
- }
4
-
5
- .article-content > * {
6
- margin-bottom: 1lh;
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.79",
4
+ "version": "2.5.0",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && yarn package",
@@ -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(shouldEnableDialogOverlay);
14
+ let initialDialogState = false;
15
+
16
+ onMount(() => {
17
+ initialDialogState = $enableDialogueOverlay;
18
+ enableDialogueOverlay.set(false);
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>
@@ -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>
@@ -1,7 +1,7 @@
1
- .article-content p {
2
- text-indent: 2em;
3
- }
4
-
5
- .article-content > * {
6
- margin-bottom: 1lh;
7
- }
1
+ .article-content p {
2
+ text-indent: 2em;
3
+ }
4
+
5
+ .article-content > * {
6
+ margin-bottom: 0.5lh;
7
+ }
@@ -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>