Merge pull request #58 from rhinestonewtf/feat/omniaccount-structure

feat: add omniaccount

components/banners/OmniAccount1.tsx

@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import { useTheme } from 'next-themes'
+import { useEffect, useState } from 'react'
+
+export const OmniAccount1 = ({
+  width,
+  height,
+}: {
+  width: number
+  height: number
+}) => {
+  const [src, setSrc] = useState<string>(
+    'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+  )
+  const { resolvedTheme } = useTheme()
+
+  useEffect(() => {
+    switch (resolvedTheme) {
+      case 'light':
+        setSrc('/banners/omniaccount_1_light.png')
+        break
+      case 'dark':
+        setSrc('/banners/omniaccount_1_dark.png')
+        break
+    }
+  }, [resolvedTheme])
+
+  return <Image src={src} width={width} height={height} alt="Omni Account" />
+}

components/banners/OmniAccount2.tsx

@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import { useTheme } from 'next-themes'
+import { useEffect, useState } from 'react'
+
+export const OmniAccount2 = ({
+  width,
+  height,
+}: {
+  width: number
+  height: number
+}) => {
+  const [src, setSrc] = useState<string>(
+    'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+  )
+  const { resolvedTheme } = useTheme()
+
+  useEffect(() => {
+    switch (resolvedTheme) {
+      case 'light':
+        setSrc('/banners/omniaccount_2_light.png')
+        break
+      case 'dark':
+        setSrc('/banners/omniaccount_2_dark.png')
+        break
+    }
+  }, [resolvedTheme])
+
+  return <Image src={src} width={width} height={height} alt="Omni Account" />
+}

components/banners/OmniAccount3.tsx

@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import { useTheme } from 'next-themes'
+import { useEffect, useState } from 'react'
+
+export const OmniAccount3 = ({
+  width,
+  height,
+}: {
+  width: number
+  height: number
+}) => {
+  const [src, setSrc] = useState<string>(
+    'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+  )
+  const { resolvedTheme } = useTheme()
+
+  useEffect(() => {
+    switch (resolvedTheme) {
+      case 'light':
+        setSrc('/banners/omniaccount_3_light.png')
+        break
+      case 'dark':
+        setSrc('/banners/omniaccount_3_dark.png')
+        break
+    }
+  }, [resolvedTheme])
+
+  return <Image src={src} width={width} height={height} alt="Omni Account" />
+}

components/banners/OmniAccount4.tsx

@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import { useTheme } from 'next-themes'
+import { useEffect, useState } from 'react'
+
+export const OmniAccount4 = ({
+  width,
+  height,
+}: {
+  width: number
+  height: number
+}) => {
+  const [src, setSrc] = useState<string>(
+    'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+  )
+  const { resolvedTheme } = useTheme()
+
+  useEffect(() => {
+    switch (resolvedTheme) {
+      case 'light':
+        setSrc('/banners/omniaccount_4_light.png')
+        break
+      case 'dark':
+        setSrc('/banners/omniaccount_4_dark.png')
+        break
+    }
+  }, [resolvedTheme])
+
+  return <Image src={src} width={width} height={height} alt="Omni Account" />
+}

components/banners/OmniAccount5.tsx

@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import { useTheme } from 'next-themes'
+import { useEffect, useState } from 'react'
+
+export const OmniAccount5 = ({
+  width,
+  height,
+}: {
+  width: number
+  height: number
+}) => {
+  const [src, setSrc] = useState<string>(
+    'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+  )
+  const { resolvedTheme } = useTheme()
+
+  useEffect(() => {
+    switch (resolvedTheme) {
+      case 'light':
+        setSrc('/banners/omniaccount_5_light.png')
+        break
+      case 'dark':
+        setSrc('/banners/omniaccount_5_dark.png')
+        break
+    }
+  }, [resolvedTheme])
+
+  return <Image src={src} width={width} height={height} alt="Omni Account" />
+}

components/banners/OmniAccount6.tsx

@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import { useTheme } from 'next-themes'
+import { useEffect, useState } from 'react'
+
+export const OmniAccount6 = ({
+  width,
+  height,
+}: {
+  width: number
+  height: number
+}) => {
+  const [src, setSrc] = useState<string>(
+    'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+  )
+  const { resolvedTheme } = useTheme()
+
+  useEffect(() => {
+    switch (resolvedTheme) {
+      case 'light':
+        setSrc('/banners/omniaccount_6_light.png')
+        break
+      case 'dark':
+        setSrc('/banners/omniaccount_6_dark.png')
+        break
+    }
+  }, [resolvedTheme])
+
+  return <Image src={src} width={width} height={height} alt="Omni Account" />
+}

components/banners/OmniAccount7.tsx

@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import { useTheme } from 'next-themes'
+import { useEffect, useState } from 'react'
+
+export const OmniAccount7 = ({
+  width,
+  height,
+}: {
+  width: number
+  height: number
+}) => {
+  const [src, setSrc] = useState<string>(
+    'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+  )
+  const { resolvedTheme } = useTheme()
+
+  useEffect(() => {
+    switch (resolvedTheme) {
+      case 'light':
+        setSrc('/banners/omniaccount_7_light.png')
+        break
+      case 'dark':
+        setSrc('/banners/omniaccount_7_dark.png')
+        break
+    }
+  }, [resolvedTheme])
+
+  return <Image src={src} width={width} height={height} alt="Omni Account" />
+}

components/banners/OmniAccount8.tsx

@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import { useTheme } from 'next-themes'
+import { useEffect, useState } from 'react'
+
+export const OmniAccount8 = ({
+  width,
+  height,
+}: {
+  width: number
+  height: number
+}) => {
+  const [src, setSrc] = useState<string>(
+    'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+  )
+  const { resolvedTheme } = useTheme()
+
+  useEffect(() => {
+    switch (resolvedTheme) {
+      case 'light':
+        setSrc('/banners/omniaccount_8_light.png')
+        break
+      case 'dark':
+        setSrc('/banners/omniaccount_8_dark.png')
+        break
+    }
+  }, [resolvedTheme])
+
+  return <Image src={src} width={width} height={height} alt="Omni Account" />
+}

components/banners/index.ts

@@ -2,3 +2,11 @@ export { ModuleKitBanner } from './ModuleKitBanner'
 export { ModuleSDKBanner } from './ModuleSDKBanner'
 export { ProtocolBanner } from './ProtocolBanner'
 export { CoreModulesBanner } from './CoreModulesBanner'
+export { OmniAccount1 } from './OmniAccount1'
+export { OmniAccount2 } from './OmniAccount2'
+export { OmniAccount3 } from './OmniAccount3'
+export { OmniAccount4 } from './OmniAccount4'
+export { OmniAccount5 } from './OmniAccount5'
+export { OmniAccount6 } from './OmniAccount6'
+export { OmniAccount7 } from './OmniAccount7'
+export { OmniAccount8 } from './OmniAccount8'

components/icons/OmniAccountIcon.tsx

@@ -0,0 +1,31 @@
+import Image from 'next/image'
+import { useTheme } from 'next-themes'
+import { useEffect, useState } from 'react'
+
+export const OmniAccountIcon = ({
+  width,
+  height,
+}: {
+  width: number
+  height: number
+}) => {
+  const [src, setSrc] = useState<string>(
+    'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+  )
+  const { resolvedTheme } = useTheme()
+
+  useEffect(() => {
+    switch (resolvedTheme) {
+      case 'light':
+        setSrc('/icons/omniaccount_light.png')
+        break
+      case 'dark':
+        setSrc('/icons/omniaccount_dark.png')
+        break
+    }
+  }, [resolvedTheme])
+
+  return (
+    <Image src={src} width={width} height={height} alt="Omni Account Icon" />
+  )
+}

components/icons/index.ts

@@ -7,3 +7,4 @@ export { ExecutorsIcon } from './ExecutorsIcon'
 export { HooksIcon } from './HooksIcon'
 export { FallbacksIcon } from './FallbacksIcon'
 export { LogoIcon } from './LogoIcon'
+export { OmniAccountIcon } from './OmniAccountIcon'

next.config.js

@@ -9,4 +9,13 @@ module.exports = {
   images: {
     unoptimized: true,
   },
+  async redirects() {
+    return [
+      {
+        source: '/',
+        destination: '/omni-account',
+        permanent: false,
+      },
+    ]
+  },
 }

pages/_meta.json

@@ -1,42 +1,15 @@
 {
-  "index": {
-    "display": "hidden",
-    "theme": {
-      "breadcrumb": false,
-      "footer": true,
-      "sidebar": false,
-      "toc": false,
-      "pagination": false
-    }
-  },
   "overview": {
     "title": "Overview",
     "type": "page"
   },
-  "module-sdk": { "title": "ModuleSDK", "type": "page" },
-  "modulekit": { "title": "ModuleKit", "type": "page" },
-  "solidity": {
-    "title": "Helpers",
-    "type": "menu",
-    "items": {
-      "erc4337-data-libs": {
-        "title": "ERC4337 Data Libs",
-        "href": "/erc4337-data-libs"
-      },
-      "checknsignatures": {
-        "title": "CheckNSignatures",
-        "href": "/checknsignatures"
-      },
-      "erc4337-validation": {
-        "title": "ERC4337 Validation",
-        "href": "/erc4337-validation"
-      },
-      "sandbox": {
-        "title": "ModuleSandbox",
-        "href": "/sandbox"
-      }
-    }
+  "omni-account": {
+    "title": "Omni Account",
+    "type": "page"
   },
+  "module-sdk": { "title": "SDK", "type": "page" },
+  "build-modules": { "title": "Build Modules", "type": "page" },
+  "modulekit": { "title": "ModuleKit", "type": "page", "display": "hidden" },
   "erc4337-data-libs": {
     "title": "ERC4337 Data Libs",
     "type": "page",
@@ -53,24 +26,6 @@
     "display": "hidden"
   },
   "sandbox": { "title": "ModuleSandbox", "type": "page", "display": "hidden" },
-  "infrastructure": {
-    "title": "Infrastructure",
-    "type": "menu",
-    "items": {
-      "registry": {
-        "title": "Module Registry",
-        "href": "/module-registry"
-      },
-      "safe7579": {
-        "title": "Safe7579",
-        "href": "/safe7579"
-      },
-      "orchestrator": {
-        "title": "Orchestrator",
-        "href": "/orchestrator"
-      }
-    }
-  },
   "module-registry": {
     "title": "Module Registry",
     "type": "page",
@@ -80,10 +35,5 @@
     "title": "Safe7579",
     "type": "page",
     "display": "hidden"
-  },
-  "orchestrator": {
-    "title": "Orchestrator",
-    "type": "page",
-    "display": "hidden"
   }
 }