@turnipxenon/pineapple 2.1.1 → 2.3.1

package/docs/Workflow.md

@@ -0,0 +1,5 @@
+# Workflow
+
+- When making new changes, update the number in the package.json on the dependent codebase.
+- Run `npm update-pineapple` to update afterwards
+- To update all repos, run `./dev/update_all_repos.sh`

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.1.1",
+  "version": "2.3.1",
   "scripts": {
     "dev": "vite dev",
-    "build": "npm run check-requirements && vite build",
-    "package": "svelte-kit sync && svelte-package",
+    "build": "npm run check-requirements && vite build && yarn package",
+    "package": "svelte-kit sync && svelte-package && publint",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --plugin-search-dir . --check . && eslint .",
@@ -13,7 +13,9 @@
     "generate": "npx vite-node src/routes/blogs/blog_list_data_generator.ts && npx vite-node src/routes/toyay/toya_files_generator.ts && npm run generate-yarn",
     "generate-yarn": "npx vite-node src/lib/scripts/pineapple_fiber/PineappleWeaver.ts",
     "check-requirements": "npx vite-node src/lib/scripts/SetDefaultEnvironment.ts",
-    "custom-check": "npx vite-node src/lib/scripts/util/ManualCheckRun.ts"
+    "custom-check": "npx vite-node src/lib/scripts/util/ManualCheckRun.ts",
+    "preview": "vite preview",
+    "prepublishOnly": "yarn package"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.1.1",
@@ -38,7 +40,6 @@
     "typescript": "^5.1.6",
     "vite": "^5.1.5"
   },
-  "type": "module",
   "dependencies": {
     "@skeletonlabs/skeleton": "^2.9.0",
     "@skeletonlabs/tw-plugin": "^0.3.1",
@@ -50,6 +51,7 @@
     "highlight.js": "^11.8.0",
     "htmlparser2": "^9.1.0",
     "node-html-parser": "^6.1.5",
+    "publint": "^0.2.7",
     "string-width": "^7.1.0",
     "svelte": "^4.2.12",
     "ts-node": "^10.9.1"
@@ -57,8 +59,6 @@
   "resolutions": {
     "string-width": "4.2.3"
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -66,11 +66,14 @@
     }
   },
   "files": [
-    "./src",
-    "./static",
-    "./dist"
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
   ],
   "repository": "https://github.com/TurnipXenon/pineapple",
   "author": "turnipxenon <turnipxenon@gmail.com>",
-  "license": "MIT"
+  "license": "MIT",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module"
 }

package/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {}
+	}
+};

package/src/lib/index.ts

@@ -1,4 +1,5 @@
 export { default as PineappleLayoutBase } from "./components/layouts/PineappleBaseLayout.svelte";
+export { default as SeaweedTemplate } from "./template/SeaweedTemplate.svelte";
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 
 export * from "./components/dialog_manager/DialogManagerStore";

package/src/lib/template/SeaweedTemplate.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import SocialSection from "$pkg/components/SocialSection.svelte";
+
 	export let letChaos = true;
 	export let name = "Turnip";
 	export let email = "turnipxenon@gmail.com";
@@ -8,7 +10,6 @@
 	import { Accordion, AccordionItem, getModalStore, type ModalSettings } from "@skeletonlabs/skeleton";
 	import { ItchLogoHotLink } from "$pkg/consts";
 	import { page } from "$app/stores";
-	import SocialSection from "../../routes/portfolio/SocialSection.svelte";
 	import Card from "$pkg/components/Card.svelte";
 	import Chip from "$pkg/components/Chip.svelte";
 	import { onMount } from "svelte";

package/src/routes/+layout.svelte

@@ -1,19 +1,19 @@
-<script lang="ts">
-	// The ordering of these imports is critical to your app working properly
-	import "$lib/theme.postcss";
-	// If you have source.organizeImports set to true in VSCode, then it will auto change this ordering
-	// import "@skeletonlabs/skeleton/styles/all.css";
-	// Most of your app wide CSS should be put in this file
-	import "$lib/app.postcss";
-
-
-	import { initializeStores } from "@skeletonlabs/skeleton";
-	import { Modal } from "@skeletonlabs/skeleton";
-	import "$lib/styles/global.css";
-
-	initializeStores();
-</script>
-
-<Modal />
-
-<slot />
+<script lang="ts">
+	// The ordering of these imports is critical to your app working properly
+	import "$lib/theme.postcss";
+	// If you have source.organizeImports set to true in VSCode, then it will auto change this ordering
+	// import "@skeletonlabs/skeleton/styles/all.css";
+	// Most of your app wide CSS should be put in this file
+	import "$lib/app.postcss";
+
+
+	import { initializeStores } from "@skeletonlabs/skeleton";
+	import { Modal } from "@skeletonlabs/skeleton";
+	import "$lib/styles/global.css";
+
+	initializeStores();
+</script>
+
+<Modal />
+
+<slot />

package/src/routes/portfolio/+page.server.ts

@@ -1,44 +1,44 @@
-import type {PageLoad} from './$types';
-import * as htmlparser2 from "htmlparser2";
-import {DomUtils} from "htmlparser2";
-
-export const prerender = true;
-
-export interface ItchMeta {
-    title: string; // title
-    thumbnailLink: string; // meta content name=twitter:image
-    description: string; // class: user_profile formatted
-}
-
-export interface PageData {
-    itchMeta?: ItchMeta;
-}
-
-// todo: save for webscraping for dynamic content during compile time
-export const load: PageLoad = async (): Promise<PageData> => {
-    return {};
-    // return fetch("https://turnipxenon.itch.io/", {}).then(r => {
-    //     return r.text().then(htmlString => {
-    //         const dom = htmlparser2.parseDocument(htmlString);
-    //         const imageChild = DomUtils.findOne(el => {
-    //             return DomUtils.getAttributeValue(el, "name") === "twitter:image";
-    //         }, dom.childNodes);
-    //         const titleChild = DomUtils.findOne(el => {
-    //             return el.tagName === "title";
-    //         }, dom.childNodes);
-    //         return {
-    //             itchMeta: {
-    //                 title: titleChild ? DomUtils.textContent(titleChild) : "",
-    //                 thumbnailLink: imageChild !== null ? DomUtils.getAttributeValue(imageChild, "content")! : "",
-    //                 description: "",
-    //             }
-    //         };
-    //     }).catch(e => {
-    //         console.error(e);
-    //         return {};
-    //     });
-    // }).catch(e => {
-    //     console.error(e);
-    //     return {};
-    // });
-};
+import type {PageLoad} from './$types';
+import * as htmlparser2 from "htmlparser2";
+import {DomUtils} from "htmlparser2";
+
+export const prerender = true;
+
+export interface ItchMeta {
+    title: string; // title
+    thumbnailLink: string; // meta content name=twitter:image
+    description: string; // class: user_profile formatted
+}
+
+export interface PageData {
+    itchMeta?: ItchMeta;
+}
+
+// todo: save for webscraping for dynamic content during compile time
+export const load: PageLoad = async (): Promise<PageData> => {
+    return {};
+    // return fetch("https://turnipxenon.itch.io/", {}).then(r => {
+    //     return r.text().then(htmlString => {
+    //         const dom = htmlparser2.parseDocument(htmlString);
+    //         const imageChild = DomUtils.findOne(el => {
+    //             return DomUtils.getAttributeValue(el, "name") === "twitter:image";
+    //         }, dom.childNodes);
+    //         const titleChild = DomUtils.findOne(el => {
+    //             return el.tagName === "title";
+    //         }, dom.childNodes);
+    //         return {
+    //             itchMeta: {
+    //                 title: titleChild ? DomUtils.textContent(titleChild) : "",
+    //                 thumbnailLink: imageChild !== null ? DomUtils.getAttributeValue(imageChild, "content")! : "",
+    //                 description: "",
+    //             }
+    //         };
+    //     }).catch(e => {
+    //         console.error(e);
+    //         return {};
+    //     });
+    // }).catch(e => {
+    //     console.error(e);
+    //     return {};
+    // });
+};

package/src/routes/portfolio/.gitignore

@@ -0,0 +1 @@
+actual/

package/svelte.config.js

@@ -0,0 +1,25 @@
+// warning: you might to change away from adapter-vercel if you plan to use anything outside of vercel
+// there's an auto-adapter which can replace the import below
+// import adapter from "@sveltejs/adapter-auto";
+import adapter from '@sveltejs/adapter-auto';
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+import path from "path";
+
+/** @type {import("@sveltejs/kit").Config} */
+const config = {
+	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
+	// for more information about preprocessors
+	preprocess: vitePreprocess(),
+
+	kit: {
+		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
+		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
+		adapter: adapter(),
+		alias: {
+			$pkg: path.resolve("./src/lib")
+		}
+	}
+};
+
+export default config;

package/tailwind.config.ts

@@ -0,0 +1,29 @@
+import { join } from 'path';
+import type { Config } from 'tailwindcss';
+
+// 1. Import the Skeleton plugin
+import { skeleton } from '@skeletonlabs/tw-plugin';
+
+const config = {
+	// 2. Opt for dark mode to be handled via the class method
+	darkMode: 'class',
+	content: [
+		'./src/**/*.{html,js,svelte,ts}',
+		// 3. Append the path to the Skeleton package
+		join(require.resolve(
+				'@skeletonlabs/skeleton'),
+			'../**/*.{html,js,svelte,ts}'
+		)
+	],
+	theme: {
+		extend: {},
+	},
+	plugins: [
+		require("@tailwindcss/forms"),
+		require("@tailwindcss/typography"),
+		// 4. Append the Skeleton plugin (after other plugins)
+		skeleton
+	]
+} satisfies Config;
+
+export default config;

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true
+  },
+  // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+  //
+  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+  // from the referenced tsconfig.json - TypeScript does not merge them in
+  "include": [
+    "src/**/*",
+    "src/node_modules",
+    ".svelte-kit/ambient.d.ts"
+  ]
+}

package/vite.config.ts

@@ -0,0 +1,6 @@
+import { sveltekit } from "@sveltejs/kit/vite";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+	plugins: [sveltekit()]
+});

package/vite.config.ts.timestamp-1709797261217-7fe7973433269.mjs

@@ -0,0 +1,10 @@
+// vite.config.ts
+import { sveltekit } from "file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/@sveltejs/kit/src/exports/vite/index.js";
+import { defineConfig } from "file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/vite/dist/node/index.js";
+var vite_config_default = defineConfig({
+  plugins: [sveltekit()]
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxQdW1wa2luXFxcXFByb2plY3RzXFxcXFdlYlxcXFxwaW5lYXBwbGVcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfZmlsZW5hbWUgPSBcIkM6XFxcXFVzZXJzXFxcXFB1bXBraW5cXFxcUHJvamVjdHNcXFxcV2ViXFxcXHBpbmVhcHBsZVxcXFx2aXRlLmNvbmZpZy50c1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vQzovVXNlcnMvUHVtcGtpbi9Qcm9qZWN0cy9XZWIvcGluZWFwcGxlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgc3ZlbHRla2l0IH0gZnJvbSBcIkBzdmVsdGVqcy9raXQvdml0ZVwiO1xuaW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcblxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcblx0cGx1Z2luczogW3N2ZWx0ZWtpdCgpXVxufSk7XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQW1ULFNBQVMsaUJBQWlCO0FBQzdVLFNBQVMsb0JBQW9CO0FBRTdCLElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQzNCLFNBQVMsQ0FBQyxVQUFVLENBQUM7QUFDdEIsQ0FBQzsiLAogICJuYW1lcyI6IFtdCn0K

package/vite.config.ts.timestamp-1709801575567-e7eed430338b.mjs

@@ -0,0 +1,10 @@
+// vite.config.ts
+import { sveltekit } from "file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/@sveltejs/kit/src/exports/vite/index.js";
+import { defineConfig } from "file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/vite/dist/node/index.js";
+var vite_config_default = defineConfig({
+  plugins: [sveltekit()]
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxQdW1wa2luXFxcXFByb2plY3RzXFxcXFdlYlxcXFxwaW5lYXBwbGVcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfZmlsZW5hbWUgPSBcIkM6XFxcXFVzZXJzXFxcXFB1bXBraW5cXFxcUHJvamVjdHNcXFxcV2ViXFxcXHBpbmVhcHBsZVxcXFx2aXRlLmNvbmZpZy50c1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vQzovVXNlcnMvUHVtcGtpbi9Qcm9qZWN0cy9XZWIvcGluZWFwcGxlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgc3ZlbHRla2l0IH0gZnJvbSBcIkBzdmVsdGVqcy9raXQvdml0ZVwiO1xuaW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcblxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcblx0cGx1Z2luczogW3N2ZWx0ZWtpdCgpXVxufSk7XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQW1ULFNBQVMsaUJBQWlCO0FBQzdVLFNBQVMsb0JBQW9CO0FBRTdCLElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQzNCLFNBQVMsQ0FBQyxVQUFVLENBQUM7QUFDdEIsQ0FBQzsiLAogICJuYW1lcyI6IFtdCn0K

package/vite.config.ts.timestamp-1710003919548-e3e0deafd6ef6.mjs

@@ -0,0 +1,10 @@
+// vite.config.ts
+import { sveltekit } from "file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/@sveltejs/kit/src/exports/vite/index.js";
+import { defineConfig } from "file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/vite/dist/node/index.js";
+var vite_config_default = defineConfig({
+  plugins: [sveltekit()]
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxQdW1wa2luXFxcXFByb2plY3RzXFxcXFdlYlxcXFxwaW5lYXBwbGVcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfZmlsZW5hbWUgPSBcIkM6XFxcXFVzZXJzXFxcXFB1bXBraW5cXFxcUHJvamVjdHNcXFxcV2ViXFxcXHBpbmVhcHBsZVxcXFx2aXRlLmNvbmZpZy50c1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vQzovVXNlcnMvUHVtcGtpbi9Qcm9qZWN0cy9XZWIvcGluZWFwcGxlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgc3ZlbHRla2l0IH0gZnJvbSBcIkBzdmVsdGVqcy9raXQvdml0ZVwiO1xuaW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcblxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcblx0cGx1Z2luczogW3N2ZWx0ZWtpdCgpXVxufSk7XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQW1ULFNBQVMsaUJBQWlCO0FBQzdVLFNBQVMsb0JBQW9CO0FBRTdCLElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQzNCLFNBQVMsQ0FBQyxVQUFVLENBQUM7QUFDdEIsQ0FBQzsiLAogICJuYW1lcyI6IFtdCn0K