fix: types

fictionco · Nov 26, 2024 · 4524f4b · 4524f4b
1 parent 0bd93c5
commit 4524f4b
Show file tree

Hide file tree

Showing 7 changed files with 81 additions and 63 deletions.
diff --git a/@fiction/cards/contentModal/config.ts b/@fiction/cards/contentModal/config.ts
@@ -34,36 +34,42 @@ export async function getConfig(args: { templateId: string, factory: CardFactory
           description: 'See our platform in action with our newly released demo video. Click to watch in high-definition.',
           icon: { iconId: 'play' },
           color: 'blue',
-          actions: [{
-            label: 'Watch Demo',
-            icon: { iconId: 'play' },
-            theme: 'primary',
-            href: '?_pop=https://www.youtube.com/watch?v=6bDrYTXQLu8&autoplay=1',
-          }],
+          action: {
+            buttons: [{
+              label: 'Watch Demo',
+              icon: { iconId: 'play' },
+              theme: 'primary',
+              href: '?_pop=https://www.youtube.com/watch?v=6bDrYTXQLu8&autoplay=1',
+            }],
+          },
         },
         {
           title: 'Behind The Scenes',
           description: 'Get an exclusive look at how we create and deliver value for our customers.',
           icon: { iconId: 'video' },
           color: 'violet',
-          actions: [{
-            label: 'Watch Now',
-            icon: { iconId: 'play' },
-            theme: 'violet',
-            href: '?_pop=https://vimeo.com/824804225&width=90vw',
-          }],
+          action: {
+            buttons: [{
+              label: 'Watch Now',
+              icon: { iconId: 'play' },
+              theme: 'violet',
+              href: '?_pop=https://vimeo.com/824804225&width=90vw',
+            }],
+          },
         },
         {
           title: 'Product Updates',
           description: 'Explore the latest features and improvements we\'ve added to the platform.',
           icon: { iconId: 'presentation' },
           color: 'emerald',
-          actions: [{
-            label: 'Latest Updates',
-            icon: { iconId: 'play' },
-            theme: 'emerald',
-            href: '?_pop=https://www.youtube.com/watch?v=6bDrYTXQLu8&size=large',
-          }],
+          action: {
+            buttons: [{
+              label: 'Latest Updates',
+              icon: { iconId: 'play' },
+              theme: 'emerald',
+              href: '?_pop=https://www.youtube.com/watch?v=6bDrYTXQLu8&size=large',
+            }],
+          },
         },
       ],
       style: {

diff --git a/@fiction/cards/effectShape/config.ts b/@fiction/cards/effectShape/config.ts
@@ -420,10 +420,12 @@ export async function getConfig(args: { templateId: string, factory: CardFactory
           title: 'Basic Shapes & Rotation',
           subTitle: 'Basic example showing shape positioning and continuous rotation animations. Notice the gentle circular and triangular motion.',
           layout: 'center',
-          actions: [
-            { label: 'Configure Shapes', theme: 'primary' },
-            { label: 'Watch Demo', theme: 'default' },
-          ],
+          action: {
+            buttons: [
+              { label: 'Configure Shapes', theme: 'primary' },
+              { label: 'Watch Demo', theme: 'default' },
+            ],
+          },
         },
         effects: [
           { templateId, userConfig: PRESETS.basicShapes },
@@ -437,10 +439,12 @@ export async function getConfig(args: { templateId: string, factory: CardFactory
           title: 'Interactive Shapes',
           subTitle: 'Move your cursor around to see the shapes follow. Hover over the shapes to trigger scale effects. The shapes maintain continuous rotation while following movement.',
           layout: 'center',
-          actions: [
-            { label: 'Try Interaction', theme: 'primary' },
-            { label: 'Learn More', theme: 'default' },
-          ],
+          action: {
+            buttons: [
+              { label: 'Try Interaction', theme: 'primary' },
+              { label: 'Learn More', theme: 'default' },
+            ],
+          },
         },
         effects: [
           { templateId, userConfig: PRESETS.interactive },
@@ -454,10 +458,12 @@ export async function getConfig(args: { templateId: string, factory: CardFactory
           title: 'Blend Modes & Opacity',
           subTitle: 'Demonstration of overlapping shapes with different blend modes. The circles use "overlay" and "multiply" blend modes with increased opacity for rich color mixing.',
           layout: 'center',
-          actions: [
-            { label: 'Explore Blending', theme: 'primary' },
-            { label: 'View Guide', theme: 'default' },
-          ],
+          action: {
+            buttons: [
+              { label: 'Explore Blending', theme: 'primary' },
+              { label: 'View Guide', theme: 'default' },
+            ],
+          },
         },
         effects: [
           { templateId, userConfig: PRESETS.blendingShapes },

diff --git a/@fiction/cards/textEffects/config.ts b/@fiction/cards/textEffects/config.ts
@@ -19,10 +19,12 @@ export async function getConfig(_args: { factory: CardFactory, templateId: strin
             },
             title: '[text_effect type=circle theme=blue]Transform[/text_effect] Your Content With [text_effect type=squiggle theme=orange]Dynamic[/text_effect] Effects',
             subTitle: 'Add visual interest to your text with animated underlines and highlights. Perfect for emphasizing key messages and creating engaging content.',
-            actions: [
-              { label: 'View Examples', design: 'ghost' },
-              { label: 'Try it Now', design: 'solid', theme: 'primary' },
-            ],
+            action: {
+              buttons: [
+                { label: 'View Examples', design: 'ghost' },
+                { label: 'Try it Now', design: 'solid', theme: 'primary' },
+              ],
+            },
           },
         }),
         await factory.fromTemplate<typeof featuresTemplate>({
@@ -63,7 +65,7 @@ export async function getConfig(_args: { factory: CardFactory, templateId: strin
           userConfig: {
             title: 'Ready to [text_effect type=circle theme=primary]Transform[/text_effect] Your Content?',
             subTitle: 'Start adding [text_effect type=line theme=emerald]eye-catching effects[/text_effect] to your text with simple shortcodes.',
-            actions: {
+            action: {
               buttons: [
                 {
                   label: 'Get Started',

diff --git a/@fiction/site/load.ts b/@fiction/site/load.ts
@@ -135,7 +135,7 @@ export async function loadSiteFromCard(args: { cardId: string, siteRouter: Ficti
             },
             title: tpl.settings.title,
             subTitle: tpl.settings.description,
-            actions: [],
+            action: { buttons: [] },
           },
         }),
         ...cards,

diff --git a/@fiction/themes/fiction/about/index.ts b/@fiction/themes/fiction/about/index.ts
@@ -21,7 +21,7 @@ export async function page(args: { site: Site, factory: CardFactory }) {
       title: `About`,
       splash: { format: 'url', url: spectrum },
       layout: 'justify',
-      actions: [],
+      action: { buttons: [] },
     },
   })
 
@@ -33,7 +33,7 @@ export async function page(args: { site: Site, factory: CardFactory }) {
       title: `Helping People.`,
       splash: { format: 'url' as const, url: pro },
       layout: 'left',
-      actions: [],
+      action: { buttons: [] },
     },
   })
 
@@ -45,7 +45,7 @@ export async function page(args: { site: Site, factory: CardFactory }) {
       title: `Open Source Software.`,
       splash: { format: 'url', url: girlComputer },
       layout: 'right',
-      actions: [],
+      action: { buttons: [] },
     },
   })
 

diff --git a/@fiction/themes/fiction/home/index.ts b/@fiction/themes/fiction/home/index.ts
@@ -41,19 +41,21 @@ export async function page(args: { site: Site, factory: CardFactory }) {
               },
               title: `The Personal Branding Platform`,
               subTitle: `Create your personal brand and quickly build your audience.`,
-              actions: [
-                {
-                  label: 'Create Account',
-                  href: '/app?_reload=1',
-                  theme: 'primary',
-                  icon: 'i-tabler-user-circle',
-                },
-                {
-                  label: 'Why Fiction',
-                  href: '/tour',
-                  icon: 'i-tabler-compass',
-                },
-              ],
+              action: {
+                buttons: [
+                  {
+                    label: 'Create Account',
+                    href: '/app?_reload=1',
+                    theme: 'primary',
+                    icon: 'i-tabler-user-circle',
+                  },
+                  {
+                    label: 'Why Fiction',
+                    href: '/tour',
+                    icon: 'i-tabler-compass',
+                  },
+                ],
+              },
             },
           }),
           await factory.fromTemplate<typeof marqueeTemplate>({

diff --git a/@fiction/themes/fiction/tour/index.ts b/@fiction/themes/fiction/tour/index.ts
@@ -19,15 +19,17 @@ export async function getPage(args: { factory: CardFactory }) {
               superTitle: { text: 'Welcome to Fiction', theme: 'green', icon: { class: 'i-tabler-arrow-up-right' } },
               subTitle: `Fiction is the easiest way to market yourself online.`,
               title: `Are you ready to be seen and to <span data-text-effect data-effect-type="squiggle" data-effect-theme="primary">make your impact?</span>`,
-              actions: [
-                {
-                  label: 'I Am Ready',
-                  href: '/app/login?_reload=1',
-                  theme: 'primary',
-                  design: 'solid',
-                  iconAfter: 'i-tabler-arrow-big-right-lines',
-                },
-              ],
+              action: {
+                buttons: [
+                  {
+                    label: 'I Am Ready',
+                    href: '/app/login?_reload=1',
+                    theme: 'primary',
+                    design: 'solid',
+                    iconAfter: 'i-tabler-arrow-big-right-lines',
+                  },
+                ],
+              },
             },
           }),
           await factory.fromTemplate<typeof logosTemplate>({
@@ -213,14 +215,14 @@ export async function getPage(args: { factory: CardFactory }) {
               },
               title: `Is Personal Marketing Right For You?`,
               subTitle: `Are you ready to take control of your future? They say: where there is a will, there is a way. Fiction is the way.`,
-              actions: [
+              action: { buttons: [
                 {
                   label: 'Let\'s Get Started',
                   icon: 'i-tabler-rocket',
                   href: '/auth/login?_reload=1',
                   theme: 'primary',
                 },
-              ],
+              ] },
             },
           }),
         ],