remove solid-js

Author: nemanjam

astro.config.ts

@@ -1,6 +1,5 @@
 import mdx from '@astrojs/mdx';
 import react from '@astrojs/react';
-import solid from '@astrojs/solid-js';
 import tailwind from '@astrojs/tailwind';
 import icon from 'astro-icon';
 import { defineConfig } from 'astro/config';
@@ -29,13 +28,7 @@ export default defineConfig({
   integrations: [
     expressiveCodeIntegration(),
     sitemapIntegration(),
-    solid({
-      include: ['src/**'],
-      exclude: ['**/*react*/**'],
-    }),
-    react({
-      include: ['**/*react*/**'],
-    }),
+    react(),
     // applyBaseStyles: false prevents double loading of tailwind
     tailwind({
       applyBaseStyles: false,

src/components/BackToTop.tsx renamed to docs/working-notes/pa-old-code/temp/BackToTop.tsx

@@ -405,5 +405,7 @@ replace solid with react and jsx config
 giscus, share add text, transitions, shorter commit info footer
 write content for home and about
 write readme and credits
+search with fuse.js astro-paper
+fix lint, types, format
 ```
 

src/components/Snackbar.tsx renamed to docs/working-notes/pa-old-code/temp/Snackbar.tsx

@@ -27,7 +27,6 @@
     "@astrojs/mdx": "^3.1.2",
     "@astrojs/react": "^3.6.0",
     "@astrojs/sitemap": "^3.1.6",
-    "@astrojs/solid-js": "^4.4.0",
     "@astrojs/tailwind": "^5.1.0",
     "@fontsource-variable/inter": "^5.0.19",
     "@tailwindcss/typography": "^0.5.13",
@@ -46,11 +45,9 @@
     "nanostores": "^0.10.3",
     "object-treeify": "^4.0.1",
     "react": "^18.3.1",
-    "react-component-benchmark": "^2.0.0",
     "react-dom": "^18.3.1",
     "reading-time": "^1.5.0",
     "sharp": "0.32.6",
-    "solid-js": "^1.8.18",
     "tailwind-clip-path": "^1.0.0",
     "tailwind-merge": "^2.4.0",
     "zod": "^3.23.4"

docs/working-notes/todo3.md

@@ -1,12 +1,11 @@
 ---
 import { Icon } from 'astro-icon/components';
 
-import { getLatestCommitInfo } from '@/libs/git';
-
-import { BackToTop } from '@/components/BackToTop';
+// import { BackToTop } from '@/components/BackToTop';
 import Link from '@/components/Link.astro';
 import { ROUTES } from '@/constants/routes';
 import { CONFIG } from '@/config';
+import { getLatestCommitInfo } from '@/libs/git';
 import { trimHttpProtocol } from '@/utils/strings';
 
 const { SITE_URL, AUTHOR_LINKEDIN, AUTHOR_GITHUB } = CONFIG;
@@ -80,5 +79,5 @@ const { time, hash, message } = getLatestCommitInfo();
       </ul>
     </div>
   </div>
-  <BackToTop client:only="solid-js" />
+  {/* <BackToTop client:only="solid-js" /> */}
 </footer>

package.json

@@ -24,27 +24,27 @@ const shouldDisplay = [category, publishDate, updatedDate, readingTime].some(Boo
   shouldDisplay && (
     <p aria-label="Post meta" class={cn('b-p text-captions flex flex-row flex-wrap items-center gap-2', className)}>
         {publishDate && (      
-            <Icon name="mdi:access-time" />
-            <time itemprop="datePublished" datetime={formatDateIso(publishDate)}>
-              {formatDate(publishDate)}
-            </time>        
+          <Icon name="mdi:access-time" />
+          <time itemprop="datePublished" datetime={formatDateIso(publishDate)}>
+            {formatDate(publishDate)}
+          </time>        
         )}
         {category && (  
           <span>·</span>     
-            <Icon name={getCategoryProps(category).icon} />
-            <Link href={`${ROUTES.CATEGORIES}${category}`}>{category}</Link>       
+          <Icon name={getCategoryProps(category).icon} />
+          <Link href={`${ROUTES.CATEGORIES}${category}`}>{category}</Link>       
         )}
         {readingTime && (    
           <span>·</span>     
-            <Icon name="mdi:book-open-blank-variant-outline" />
-            <span>{`${Math.round(readingTime)} minutes`}</span>     
+          <Icon name="mdi:book-open-blank-variant-outline" />
+          <span>{`${Math.round(readingTime)} minutes`}</span>     
         )}
         {updatedDate && (    
-            <span>·</span>     
-            <Icon name="mdi:edit-outline" />
-            <time itemprop="dateUpdated" datetime={formatDateIso(updatedDate)}>
-              {formatDate(updatedDate)}
-            </time>         
+          <span>·</span>     
+          <Icon name="mdi:edit-outline" />
+          <time itemprop="dateUpdated" datetime={formatDateIso(updatedDate)}>
+            {formatDate(updatedDate)}
+          </time>         
         )}
     </p>
   )

src/components/Footer.astro

@@ -2,7 +2,7 @@
 import BaseHead from '@/components/BaseHead.astro';
 import Footer from '@/components/Footer.astro';
 import Header from '@/components/Header.astro';
-import { Snackbar } from '@/components/Snackbar';
+// import { Snackbar } from '@/components/Snackbar';
 import ThemeScript from '@/components/ThemeScript.astro';
 
 import type { BaseHeadProps } from '@/components/BaseHead.astro';
@@ -18,7 +18,7 @@ const { metadata } = Astro.props as BaseProps;
     <Header />
     <slot />
     <Footer />
-    <Snackbar client:idle />
+    {/* <Snackbar client:idle /> */}
     <ThemeScript />
   </body>
 </html>

src/components/PostMeta.astro

@@ -31,6 +31,7 @@ export const getPages = async () => {
       // pages/design/index.mdx -> pages/design.png
       pagePath = pagePath.replace(/\/index$/g, '');
 
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       return [pagePath, (page as any).frontmatter];
     })
   );

src/layouts/Base.astro

@@ -1,2 +1,3 @@
-export const filterUndefined = <T extends Record<string, any>>(obj: T): T =>
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const filterUndefined11 = <T extends Record<string, any>>(obj: T): T =>
   Object.fromEntries(Object.entries(obj).filter(([_key, value]) => value !== undefined)) as T;