update

.husky/pre-commit

@@ -0,0 +1 @@
+pnpm test

.stylelintcache

@@ -0,0 +1 @@
+[["1","2","3"],{"key":"4","value":"5"},{"key":"6","value":"7"},{"key":"8","value":"9"},"/Users/y/Workspace/ds.pages.yoshino-s.xyz/app/pages/Exception/ErrorPage.module.css",{"size":890,"mtime":1754644590804,"data":"10"},"/Users/y/Workspace/ds.pages.yoshino-s.xyz/app/main.css",{"size":526,"mtime":1752488689137,"data":"11"},"/Users/y/Workspace/ds.pages.yoshino-s.xyz/app/component/Hits/Hits.module.css",{"size":573,"mtime":1754644590795,"data":"12"},{"hashOfConfig":"13"},{"hashOfConfig":"13"},{"hashOfConfig":"13"},"1evb2tp"]

.stylelintrc.json

@@ -0,0 +1,28 @@
+{
+  "extends": ["stylelint-config-standard-scss"],
+  "rules": {
+    "custom-property-pattern": null,
+    "selector-class-pattern": null,
+    "scss/no-duplicate-mixins": null,
+    "declaration-empty-line-before": null,
+    "declaration-block-no-redundant-longhand-properties": null,
+    "alpha-value-notation": null,
+    "custom-property-empty-line-before": null,
+    "property-no-vendor-prefix": null,
+    "color-function-notation": null,
+    "length-zero-no-unit": null,
+    "selector-not-notation": null,
+    "no-descending-specificity": null,
+    "comment-empty-line-before": null,
+    "scss/at-mixin-pattern": null,
+    "scss/at-rule-no-unknown": null,
+    "value-keyword-case": null,
+    "media-feature-range-notation": null,
+    "selector-pseudo-class-no-unknown": [
+      true,
+      {
+        "ignorePseudoClasses": ["global"]
+      }
+    ]
+  }
+}

app/component/Hits/Hits.module.css

@@ -1,29 +1,32 @@
-.img-wrapper{
+.img-wrapper {
-  column-count: 1;
-  column-gap: 10px;
-
-  @media screen and (min-width: 500px) {
-    column-count: 2;
-  }
-  @media screen and (min-width: 720px) {
-    column-count: 3;
-  }
-  @media screen and (min-width: 1100px) {
-    column-count: 5;
-  }
-  
-  counter-reset: count;
-  margin: 0 auto;
-  
-  @media (max-width: $mantine-breakpoint-md) {
-    column-count: 2;
-  }
-  @media (max-width: $mantine-breakpoint-sm) {
     column-count: 1;
-  }
+    column-gap: 10px;
 
-  &>div{
+    @media screen and (min-width: 500px) {
-    position: relative;
+        column-count: 2;
-    margin-bottom: 10px;
+    }
-  }
+
+    @media screen and (min-width: 720px) {
+        column-count: 3;
+    }
+
+    @media screen and (min-width: 1100px) {
+        column-count: 5;
+    }
+
+    counter-reset: count;
+    margin: 0 auto;
+
+    @media (max-width: $mantine-breakpoint-md) {
+        column-count: 2;
+    }
+
+    @media (max-width: $mantine-breakpoint-sm) {
+        column-count: 1;
+    }
+
+    & > div {
+        position: relative;
+        margin-bottom: 10px;
+    }
 }

app/pages/Exception/ErrorPage.module.css

@@ -1,40 +1,38 @@
 .root {
-  padding-top: rem(80px);
+    padding-top: rem(80px);
-  padding-bottom: rem(120px);
+    padding-bottom: rem(120px);
-  background-color: var(--mantine-color-blue-filled);
+    background-color: var(--mantine-color-blue-filled);
 }
 
 .label {
-  text-align: center;
+    text-align: center;
-  font-weight: 900;
+    font-weight: 900;
-  font-size: rem(220px);
+    font-size: rem(220px);
-  line-height: 1;
+    line-height: 1;
-  margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
+    margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
-  color: var(--mantine-color-blue-3);
+    color: var(--mantine-color-blue-3);
 
-  @media (max-width: $mantine-breakpoint-sm) {
+    @media (max-width: $mantine-breakpoint-sm) {
-    font-size: rem(120px);
+        font-size: rem(120px);
-  }
+    }
 }
 
 .title {
-  font-family:
+    font-family: "Greycliff CF", var(--mantine-font-family);
-    Greycliff CF,
+    text-align: center;
-    var(--mantine-font-family);
+    font-weight: 900;
-  text-align: center;
+    font-size: rem(38px);
-  font-weight: 900;
+    color: var(--mantine-color-white);
-  font-size: rem(38px);
-  color: var(--mantine-color-white);
 
-  @media (max-width: $mantine-breakpoint-sm) {
+    @media (max-width: $mantine-breakpoint-sm) {
-    font-size: rem(32px);
+        font-size: rem(32px);
-  }
+    }
 }
 
 .description {
-  max-width: rem(540px);
+    max-width: rem(540px);
-  margin: auto;
+    margin: auto;
-  margin-top: var(--mantine-spacing-xl);
+    margin-top: var(--mantine-spacing-xl);
-  margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
+    margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
-  color: var(--mantine-color-blue-1);
+    color: var(--mantine-color-blue-1);
 }

app/pages/Settings.page.tsx

@@ -56,7 +56,7 @@ export default function SettingsPage() {
     try {
       new URL(v.s3Url, location.origin);
       form.clearFieldError("s3Url");
-    } catch (e) {
+    } catch {
       form.setFieldError("s3Url", "Invalid Minio URL");
     }
 
@@ -69,7 +69,7 @@ export default function SettingsPage() {
       setMeilisearchVersion(version.pkgVersion);
       form.clearFieldError("meilisearchUrl");
       form.clearFieldError("meilisearchToken");
-    } catch (e) {
+    } catch {
       form.setFieldError("meilisearchUrl", "Invalid Meilisearch URL");
       form.setFieldError("meilisearchToken", "Invalid Meilisearch Token");
     }