@turnipxenon/pineapple 2.4.78 → 2.4.80

package/.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /build
+build/
 /.svelte-kit
 /package
 .env
@@ -10,6 +11,7 @@ vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
 .vscode
 .idea
+.idea/
 dist
 /.vercel/
 

package/.idea/workspace.xml

@@ -4,16 +4,8 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Extract GetEntryGlobal functions">
-      <change afterPath="$PROJECT_DIR$/src/lib/components/BlogTemplate.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/docs/Workflow.md" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/components/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/index.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/components/navigation_component/PageMeta.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/navigation_component/PageMeta.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/components/overrideable_meta/OverridableMetaProps.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/overrideable_meta/OverridableMetaProps.ts" afterDir="false" />
-      <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" />
-      <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" />
-      <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" />
-      <change beforePath="$PROJECT_DIR$/vite.config.ts" beforeDir="false" afterPath="$PROJECT_DIR$/vite.config.ts" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Update default styling for blogs">
+      <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" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -62,11 +54,11 @@
         <option value="UrlShortenerForm" />
         <option value="PineappleSlideToggle" />
         <option value="PostCSS File" />
-        <option value="CSS File" />
         <option value="ChumBucket" />
         <option value="WorkExperience" />
         <option value="TypeScript File" />
         <option value="BlogTemplate" />
+        <option value="CSS File" />
       </list>
     </option>
   </component>
@@ -158,11 +150,11 @@
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\template\seaweed" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\blog_template" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\pineapple-slide-toggle" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\chip" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\combo_box" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\docs\archive" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(pineapple)" />
     </key>
     <key name="es6.move.members.recent.items">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\types\RootLayoutProps.ts" />
@@ -394,23 +386,9 @@
       <workItem from="1713067631329" duration="264000" />
       <workItem from="1714244359244" duration="372000" />
       <workItem from="1714252762932" duration="11000" />
-      <workItem from="1714365775212" duration="2167000" />
-    </task>
-    <task id="LOCAL-00153" summary="Extract EntryOrderConfig">
-      <option name="closed" value="true" />
-      <created>1712425281616</created>
-      <option name="number" value="00153" />
-      <option name="presentableId" value="LOCAL-00153" />
-      <option name="project" value="LOCAL" />
-      <updated>1712425281616</updated>
-    </task>
-    <task id="LOCAL-00154" summary="Add group swapping">
-      <option name="closed" value="true" />
-      <created>1712473732665</created>
-      <option name="number" value="00154" />
-      <option name="presentableId" value="LOCAL-00154" />
-      <option name="project" value="LOCAL" />
-      <updated>1712473732666</updated>
+      <workItem from="1714365775212" duration="2408000" />
+      <workItem from="1714368490566" duration="652000" />
+      <workItem from="1714369536254" duration="30000" />
     </task>
     <task id="LOCAL-00155" summary="Add serverSideQueryParams in SeaweedTemplate">
       <option name="closed" value="true" />
@@ -788,7 +766,23 @@
       <option name="project" value="LOCAL" />
       <updated>1713066999084</updated>
     </task>
-    <option name="localTasksCounter" value="202" />
+    <task id="LOCAL-00202" summary="Add BlogTemplate">
+      <option name="closed" value="true" />
+      <created>1714367982542</created>
+      <option name="number" value="00202" />
+      <option name="presentableId" value="LOCAL-00202" />
+      <option name="project" value="LOCAL" />
+      <updated>1714367982542</updated>
+    </task>
+    <task id="LOCAL-00203" summary="Update default styling for blogs">
+      <option name="closed" value="true" />
+      <created>1714368950945</created>
+      <option name="number" value="00203" />
+      <option name="presentableId" value="LOCAL-00203" />
+      <option name="project" value="LOCAL" />
+      <updated>1714368950945</updated>
+    </task>
+    <option name="localTasksCounter" value="204" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -846,8 +840,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Extract tailwind css utility class to local-chip" />
-    <MESSAGE value="Fix chip issue in Advanced Settings" />
     <MESSAGE value="Remove tailwind reliance on Chip" />
     <MESSAGE value="Add border for slider toggle during light mode" />
     <MESSAGE value="WIP attempt to fix slider" />
@@ -871,6 +863,8 @@
     <MESSAGE value="Fix shouldAddFunNote reactivity" />
     <MESSAGE value="Remove unused components" />
     <MESSAGE value="Extract GetEntryGlobal functions" />
-    <option name="LAST_COMMIT_MESSAGE" value="Extract GetEntryGlobal functions" />
+    <MESSAGE value="Add BlogTemplate" />
+    <MESSAGE value="Update default styling for blogs" />
+    <option name="LAST_COMMIT_MESSAGE" value="Update default styling for blogs" />
   </component>
 </project>

package/.svelte-kit/__package__/components/{BlogTemplate.svelte → blog_template/BlogTemplate.svelte}

@@ -1,4 +1,5 @@
-<script xmlns="http://www.w3.org/1999/html">import { Card } from "..";
+<script>import { Card } from "../..";
+import "./blog-template.css";
 export let pageMeta;
 </script>
 
@@ -25,7 +26,9 @@ export let pageMeta;
 				{/if}
 			</hgroup>
 
-			<slot />
+			<div class="article-content">
+				<slot />
+			</div>
 		</article>
 	</div>
 </Card>

package/.svelte-kit/__package__/components/{BlogTemplate.svelte.d.ts → blog_template/BlogTemplate.svelte.d.ts}

@@ -1,5 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { type SimplePageMeta } from "..";
+import { type SimplePageMeta } from "../..";
+import "./blog-template.css";
 declare const __propDef: {
     props: {
         pageMeta: SimplePageMeta;

package/.svelte-kit/__package__/components/blog_template/blog-template.css

@@ -0,0 +1,7 @@
+.article-content p {
+    text-indent: 2em;
+}
+
+.article-content > * {
+    margin-bottom: 0.5lh;
+}

package/.svelte-kit/__package__/components/index.d.ts

@@ -4,4 +4,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
-export { default as BlogTemplate } from "./BlogTemplate.svelte";
+export { default as BlogTemplate } from "./blog_template/BlogTemplate.svelte";

package/.svelte-kit/__package__/components/index.js

@@ -5,4 +5,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
-export { default as BlogTemplate } from "./BlogTemplate.svelte";
+export { default as BlogTemplate } from "./blog_template/BlogTemplate.svelte";

package/.svelte-kit/generated/server/internal.js

@@ -21,7 +21,7 @@ export const options = {
 		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",
 		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"
 	},
-	version_hash: "1dmipqv"
+	version_hash: "1a7ldx1"
 };
 
 export async function get_hooks() {

package/dist/components/{BlogTemplate.svelte → blog_template/BlogTemplate.svelte}

@@ -1,4 +1,5 @@
-<script xmlns="http://www.w3.org/1999/html">import { Card } from "..";
+<script>import { Card } from "../..";
+import "./blog-template.css";
 export let pageMeta;
 </script>
 
@@ -25,7 +26,9 @@ export let pageMeta;
 				{/if}
 			</hgroup>
 
-			<slot />
+			<div class="article-content">
+				<slot />
+			</div>
 		</article>
 	</div>
 </Card>

package/dist/components/{BlogTemplate.svelte.d.ts → blog_template/BlogTemplate.svelte.d.ts}

@@ -1,5 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { type SimplePageMeta } from "..";
+import { type SimplePageMeta } from "../..";
+import "./blog-template.css";
 declare const __propDef: {
     props: {
         pageMeta: SimplePageMeta;

package/dist/components/blog_template/blog-template.css

@@ -0,0 +1,7 @@
+.article-content p {
+    text-indent: 2em;
+}
+
+.article-content > * {
+    margin-bottom: 0.5lh;
+}

package/dist/components/index.d.ts

@@ -4,4 +4,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
-export { default as BlogTemplate } from "./BlogTemplate.svelte";
+export { default as BlogTemplate } from "./blog_template/BlogTemplate.svelte";

package/dist/components/index.js

@@ -5,4 +5,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
-export { default as BlogTemplate } from "./BlogTemplate.svelte";
+export { default as BlogTemplate } from "./blog_template/BlogTemplate.svelte";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.4.78",
+  "version": "2.4.80",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",

package/src/lib/components/{BlogTemplate.svelte → blog_template/BlogTemplate.svelte}

@@ -1,5 +1,6 @@
-<script lang="ts" xmlns="http://www.w3.org/1999/html">
+<script lang="ts">
 	import { Card, type SimplePageMeta } from "$pkg";
+	import "./blog-template.css";
 
 	// grab page meta from the adjacent meta.json
 	export let pageMeta: SimplePageMeta;
@@ -28,7 +29,9 @@
 				{/if}
 			</hgroup>
 
-			<slot />
+			<div class="article-content">
+				<slot />
+			</div>
 		</article>
 	</div>
 </Card>

package/src/lib/components/blog_template/blog-template.css

@@ -0,0 +1,7 @@
+.article-content p {
+    text-indent: 2em;
+}
+
+.article-content > * {
+    margin-bottom: 0.5lh;
+}

package/src/lib/components/index.ts

@@ -6,4 +6,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
-export { default as BlogTemplate } from "./BlogTemplate.svelte";
+export { default as BlogTemplate } from "./blog_template/BlogTemplate.svelte";

package/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte

@@ -1,9 +1,11 @@
 <script lang="ts">
 	import pageMeta from "./meta.json";
 	import { page } from "$app/stores";
-	import BlogTemplate from "$pkg/components/BlogTemplate.svelte";
+	import BlogTemplate from "$pkg/components/blog_template/BlogTemplate.svelte";
 </script>
 
 <BlogTemplate pageMeta={pageMeta}>
 	<p>{$page.url}</p>
+	<p>Testing paragraph</p>
+	<p>Another one</p>
 </BlogTemplate>

package/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import pageMeta from "./meta.json";
 	import { page } from "$app/stores";
-	import BlogTemplate from "$pkg/components/BlogTemplate.svelte";
+	import BlogTemplate from "$pkg/components/blog_template/BlogTemplate.svelte";
 </script>
 
 <BlogTemplate pageMeta={pageMeta}>

package/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import pageMeta from "./meta.json";
 	import { page } from "$app/stores";
-	import BlogTemplate from "$pkg/components/BlogTemplate.svelte";
+	import BlogTemplate from "$pkg/components/blog_template/BlogTemplate.svelte";
 </script>
 
 <BlogTemplate pageMeta={pageMeta}>