feat: pattern generator

fezcode · fezcode · commit 7ec91593e87d · 2026-01-05T22:00:43.000+03:00
diff --git a/public/apps/apps.json b/public/apps/apps.json
@@ -399,6 +399,14 @@
     "icon": "MagicWandIcon",
     "order": 3,
     "apps": [
+      {
+        "slug": "pattern-generator",
+        "to": "/apps/pattern-generator",
+        "title": "Pattern Generator",
+        "description": "Generate seamless geometric vector patterns with 5-color palettes.",
+        "icon": "SquaresFourIcon",
+        "created_at": "2026-01-05T12:00:00+03:00"
+      },
       {
         "slug": "asset-constructor",
         "to": "/apps/asset-constructor",
diff --git a/public/logs/video/deep-house-party-dj-mahmut.txt b/public/logs/video/deep-house-party-dj-mahmut.txt
@@ -0,0 +1,15 @@
+# Deep House Party - DJ Mahmut
+
+- **Category:** Video
+- **Channel:** DJ Mahmut
+- **Date:** 2026-01-05
+- **Rating:** 5/5
+- **Link:** [YouTube - Deep House Party - DJ Mahmut](https://www.youtube.com/watch?v=w-RoEBcYCTE)
+
+## About
+
+Serdar, Bilmem Mi, Geliyorlar is **almost** perfect.
+
+## The Video
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/w-RoEBcYCTE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
diff --git a/public/logs/video/dont-tell-comedy.txt b/public/logs/video/dont-tell-comedy.txt
@@ -69,3 +69,11 @@
 ----
 
 <iframe width="560" height="315" src="https://www.youtube.com/embed/wzQqeeP1uLU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+----
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/oOCjlCPANIE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+----
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/AZjEGsoiRxo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
diff --git a/public/logs/video/video.piml b/public/logs/video/video.piml
@@ -1,4 +1,13 @@
 (logs)
+  > (item)
+    (category) Video
+    (date) 2026-01-05
+    (link) https://www.youtube.com/watch?v=w-RoEBcYCTE
+    (rating) 5
+    (slug) deep-house-party-dj-mahmut
+    (title) Deep House Party - DJ Mahmut
+    (description) Serdar, Bilmem Mi, Geliyorlar is perfect.
+
   > (item)
     (category) Video
     (date) 2026-01-04
diff --git a/src/components/AnimatedRoutes.jsx b/src/components/AnimatedRoutes.jsx
@@ -160,6 +160,7 @@ const SymbolFlowPage = lazy(() => import('../pages/apps/SymbolFlowPage'));
 const JsMasterclassPage = lazy(() => import('../pages/apps/JsMasterclassPage'));
 const FezGlyphPage = lazy(() => import('../pages/apps/FezGlyphPage'));
 const AssetConstructorPage = lazy(() => import('../pages/apps/AssetConstructorPage'));
+const PatternGeneratorPage = lazy(() => import('../pages/apps/PatternGeneratorPage'));
 const CodeblockCreatorPage = lazy(() => import('../pages/apps/CodeblockCreatorPage'));
 const AlbumCoverPage = lazy(() => import('../pages/apps/AlbumCoverPage'));
 const TweetCreatorPage = lazy(() => import('../pages/apps/TweetCreatorPage'));
@@ -1083,14 +1084,30 @@ const AnimatedRoutes = ({
           element={<Navigate to="/apps/fezglyph" replace />}
         />
         <Route
-          path="/apps::3d"
-          element={<Navigate to="/apps/model-viewer" replace />}
+          path="/apps::pat"
+          element={<Navigate to="/apps/pattern-generator" replace />}
         />
         {/* End of hardcoded redirects */}
         <Route
           path="/apps::code"
           element={<Navigate to="/apps/codeblock-creator" replace />}
         />
+        <Route
+          path="/apps/pattern-generator"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <Suspense fallback={<Loading />}>
+                <PatternGeneratorPage />
+              </Suspense>
+            </motion.div>
+          }
+        />
         <Route
           path="/apps/codeblock-creator"
           element={
diff --git a/src/pages/apps/PatternGeneratorPage.jsx b/src/pages/apps/PatternGeneratorPage.jsx
