@turnipxenon/pineapple 5.3.9 → 5.3.10

package/dist/modules/parsnip/external-images/ParsnipImage.svelte

@@ -20,7 +20,7 @@
 			return;
 		}
 
-		if (url.includes("rabiole") || url.includes("photo-gallery")) {
+		if (url.includes("rabiole") || url.includes("photo-gallery") || url.includes("photos")) {
 			getPhotoDetails(url).then(data => {
 				if (data) {
 					details = data;
@@ -42,7 +42,7 @@
 				{#if details.tags.length}
 					<ul class="tags">
 						{#each details.tags as tag}
-							<li><a href="{galleryBase}/photos?tags={tag}" target="_blank">{tag}</a></li>
+							<li><a href="{galleryBase}/photos?tags={tag}" target="_blank" rel="external">{tag}</a></li>
 						{/each}
 					</ul>
 				{/if}
@@ -60,7 +60,7 @@
         border-radius: var(--radius-sm);
         max-height: min(50vh, 24lh);
         margin: auto;
-		    object-fit: contain;
+        object-fit: contain;
     }
 
     .parsnip-image-described {
@@ -76,6 +76,11 @@
         display: flex;
         flex-direction: column;
         gap: 0.25rem;
+
+        a::after {
+            top: -0.125lh;
+            left: 0.2em;
+        }
     }
 
     .parsnip-image-meta p {

package/dist/modules/parsnip/external-images/ParsnipImageCollection.svelte

@@ -7,7 +7,7 @@
 
 	const { url, imageList }: { url?: string, imageList?: Image[] } = $props();
 
-	const withDescription = untrack(() => url?.includes('with-description=true') ?? false);
+	const withDescription = untrack(() => url?.includes("with-description=true") ?? false);
 
 	let data = $state<{
 		photos: {
@@ -51,13 +51,13 @@
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: stretch;
-		    gap: 0.5rem 0.5lh;
+        gap: 0.5rem 0.5lh;
     }
 
     :global {
         .parsnip-image-collection > * {
-		        flex: 1 1 24rem;
-		        width: 0;
+            flex: 1 1 24rem;
+            width: 0;
         }
     }
 </style>

package/dist/modules/parsnip/external-images/externalImages.remote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"externalImages.remote.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/external-images/externalImages.remote.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;UAiBG,MAAM,EAAE;;SAMrC,CAAC;AAEH,eAAO,MAAM,sBAAsB,0DAWjC,CAAC"}
+{"version":3,"file":"externalImages.remote.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/external-images/externalImages.remote.ts"],"names":[],"mappings":"AAgCA,eAAO,MAAM,eAAe;;;UARG,MAAM,EAAE;;SAQ0B,CAAC;AAElE,eAAO,MAAM,sBAAsB,0DAcjC,CAAC"}

package/dist/modules/parsnip/external-images/externalImages.remote.js

@@ -10,15 +10,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { query } from "$app/server";
 import * as v from "valibot";
 const UrlSchema = v.pipe(v.string(), v.url());
-export const getPhotoDetails = query(UrlSchema, (url) => __awaiter(void 0, void 0, void 0, function* () {
+// todo: test this one itself
+// todo: test with a fake parsed obsidian
+const _getPhotoDetails = (url) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c, _d;
-    if (!url.includes("rabiole") && !url.includes("photos"))
+    if (!url.includes("rabiole") && !url.includes("photos") && !url.includes("photo-gallery"))
         return null;
     const apiUrl = url
-        .replace(/[?#].*$/, '')
-        .replace(/^(https?:\/\/)(rabiole|photos)\./, '$1photo-gallery.')
-        .replace('/photos/', '/api/photos/')
-        .replace(/\.(jpeg|png)$/, '');
+        .replace(/[?#].*$/, "")
+        .replace(/^(https?:\/\/)(rabiole|photos)\./, "$1photo-gallery.")
+        .replace("/photos/", "/api/photos/")
+        .replace(/\.(jpeg|png|jpg)$/, "");
     try {
         const resp = yield fetch(apiUrl);
         const data = yield resp.json();
@@ -26,25 +28,28 @@ export const getPhotoDetails = query(UrlSchema, (url) => __awaiter(void 0, void
         if (!photo)
             return null;
         return {
-            altText: (_a = photo.altText) !== null && _a !== void 0 ? _a : '',
-            description: (_b = photo.description) !== null && _b !== void 0 ? _b : '',
+            altText: (_a = photo.altText) !== null && _a !== void 0 ? _a : "",
+            description: (_b = photo.description) !== null && _b !== void 0 ? _b : "",
             tags: ((_c = photo.tags) !== null && _c !== void 0 ? _c : []),
-            createdAt: (_d = photo.createdAt) !== null && _d !== void 0 ? _d : ''
+            createdAt: (_d = photo.createdAt) !== null && _d !== void 0 ? _d : ""
         };
     }
     catch (_e) {
         return null;
     }
-}));
+});
+export const getPhotoDetails = query(UrlSchema, _getPhotoDetails);
 export const getPhotoCollectionMeta = query(UrlSchema, (url) => __awaiter(void 0, void 0, void 0, function* () {
     if (!url.includes("photo-gallery")) {
-        return '';
+        return "";
     }
+    const apiUrl = url
+        .replace("/photos/", "/api/photos/");
     try {
-        const resp = yield fetch(url);
+        const resp = yield fetch(apiUrl);
         return yield resp.json();
     }
     catch (_a) {
-        return '';
+        return "";
     }
 }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "5.3.9",
+  "version": "5.3.10",
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",