fix: make it all work again

Testausserveri · Nov 6, 2024 · 9737937 · 9737937
1 parent 23f9798
commit 9737937
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 6 deletions.
diff --git a/app/syslog/[slug]/page.tsx b/app/syslog/[slug]/page.tsx
@@ -160,7 +160,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
                 {hasSpline && !isMobile ? 
                     <PostFeatured3D 
                     // @ts-ignore
-                    splineURL={postDetails.feature_spline}
+                    splineURL={postDetails.splineUrl}
                     // @ts-ignore
                     placeholderBlurDataURL={postDetails.splineImagePlaceholderUrl} 
                     // @ts-ignore

diff --git a/components/PostFeatured3D/PostFeatured3D.module.scss b/components/PostFeatured3D/PostFeatured3D.module.scss
@@ -21,7 +21,7 @@
 .splineWrapper {
   flex: 1;
   position: relative;
-  height: 100%;
+  height: 350px;
   filter: blur(0px);
 
   transition-property: filter;

diff --git a/next-env.d.ts b/next-env.d.ts
@@ -3,4 +3,4 @@
 /// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
diff --git a/next.config.js b/next.config.js
@@ -42,7 +42,7 @@ const config = {
     })
     const prefix = config.assetPrefix ?? config.basePath ?? '';
     config.module.rules.push({
-      test: /\.mp4$/,
+      test: /\.(mp4|splinecode)$/,
       use: [{
         loader: 'file-loader',
         options: {

diff --git a/posts/kybervarusmieshaku/post.mdx b/posts/kybervarusmieshaku/post.mdx
@@ -3,7 +3,7 @@ title: Palvelus kybervarusmiehenä? Haku saapumiseriin 2/25 ja 1/26 auki!
 category: Kyber
 feature_image: kyber2.png
 feature_spline_image: kyber-spline.jpg
-feature_spline: https://prod.spline.design/zFVjCtO2eGUcDLk7/scene.splinecode
+feature_spline: scene.splinecode
 excerpt: Kybervarusmiespalvelus tunnetaan syystäkin hieman salamyhkäisenä palvelustehtävänä. Seula sisäänpääsyyn on tiukka, mutta palvelustehtävä on palkitseva.
 authors: 
 - ts:61d8846356a221b65bfae359

diff --git a/posts/kybervarusmieshaku/scene.splinecode b/posts/kybervarusmieshaku/scene.splinecode
diff --git a/utils/posts.ts b/utils/posts.ts
@@ -29,18 +29,22 @@ async function getPostDetails(fileName: string) {
 
     let splineImageUrl = null;
     let splineImagePlaceholderUrl = null;
+    let splineUrl = null;
     if (serialized.frontmatter.feature_spline_image) {
         const splineImage = require('../posts/' + slug + '/' + serialized.frontmatter.feature_spline_image).default; 
         splineImageUrl = splineImage.src;
         splineImagePlaceholderUrl = splineImage.blurDataURL;
+
+        const spline = require('../posts/' + slug + '/' + serialized.frontmatter.feature_spline).default; 
+        splineUrl = spline;   
     }
 
     const authorsResolved = await Promise.all((serialized.frontmatter.authors as string[]).map(async (id) => ({
         name: id.startsWith('ts:') ? await api.getMemberDisplayName((id || "").replace('ts:', '')) : id,
         _id: id || ""
     })));
 
-    return {...serialized.frontmatter, slug, readingTime, imagePlaceholder, imageUrl, splineImageUrl, splineImagePlaceholderUrl, authorsResolved } as PostDetails;
+    return {...serialized.frontmatter, slug, readingTime, imagePlaceholder, imageUrl, splineImageUrl, splineImagePlaceholderUrl, splineUrl, authorsResolved } as PostDetails;
 }
 
 /**

diff --git a/utils/types.ts b/utils/types.ts
@@ -125,4 +125,5 @@ export type PostDetails = {
   feature_spline?: string;
   splineImagePlaceholderUrl?: string | null;
   splineImageUrl?: string | null;
+  splineUrl?: string | null;
 };