From 727d2134fee1383c7bf4ac4c646638132cb2b5eb Mon Sep 17 00:00:00 2001 From: ErwanDecoster Date: Tue, 5 Aug 2025 16:56:32 +0200 Subject: [PATCH 01/10] feat: update Quick Start section with new components for starters and sandboxes --- .vitepress/theme/style.css | 38 +++ src/components/ActionButton.vue | 45 ++++ src/components/QuickStartCard.vue | 64 +++++ src/components/QuickStartGrid.vue | 5 + src/components/StatusBadge.vue | 40 +++ src/components/ui/Button.vue | 2 +- src/overview/quick-start.md | 398 +++++++----------------------- 7 files changed, 283 insertions(+), 309 deletions(-) create mode 100644 src/components/ActionButton.vue create mode 100644 src/components/QuickStartCard.vue create mode 100644 src/components/QuickStartGrid.vue create mode 100644 src/components/StatusBadge.vue diff --git a/.vitepress/theme/style.css b/.vitepress/theme/style.css index 6e41c14..6a05e87 100644 --- a/.vitepress/theme/style.css +++ b/.vitepress/theme/style.css @@ -45,6 +45,39 @@ * in custom container, badges, etc. * -------------------------------------------------------------------------- */ +@theme { + --color-primary: var(--vp-c-brand-2); + --color-primary2: var(--vp-c-brand-1); + + --color-soft-bg: var(--vp-c-bg-soft); + --color-border: var(--vp-c-border); + --color-bg: var(--vp-c-bg); + + --color-text1: var(--vp-c-text-1); + --color-text2: var(--vp-c-text-2); + --color-text3: var(--vp-c-text-3); + + --color-success-1: var(--vp-c-green-1); + --color-success-2: var(--vp-c-green-2); + --color-success-3: var(--vp-c-green-3); + --color-success-soft: var(--vp-c-green-soft); + + --color-important-1: var(--vp-c-purple-1); + --color-important-2: var(--vp-c-purple-2); + --color-important-3: var(--vp-c-purple-3); + --color-important-soft: var(--vp-c-purple-soft); + + --color-warning-1: var(--vp-c-yellow-1); + --color-warning-2: var(--vp-c-yellow-2); + --color-warning-3: var(--vp-c-yellow-3); + --color-warning-soft: var(--vp-c-yellow-soft); + + --color-danger-1: var(--vp-c-red-1); + --color-danger-2: var(--vp-c-red-2); + --color-danger-3: var(--vp-c-red-3); + --color-danger-soft: var(--vp-c-red-soft); +} + :root { --vp-c-default-1: var(--vp-c-gray-1); --vp-c-default-2: var(--vp-c-gray-2); @@ -66,6 +99,11 @@ --vp-c-warning-3: var(--vp-c-yellow-3); --vp-c-warning-soft: var(--vp-c-yellow-soft); + --vp-c-important-1: var(--vp-c-purple-1); + --vp-c-important-2: var(--vp-c-purple-2); + --vp-c-important-3: var(--vp-c-purple-3); + --vp-c-important-soft: var(--vp-c-purple-soft); + --vp-c-danger-1: var(--vp-c-red-1); --vp-c-danger-2: var(--vp-c-red-2); --vp-c-danger-3: var(--vp-c-red-3); diff --git a/src/components/ActionButton.vue b/src/components/ActionButton.vue new file mode 100644 index 0000000..02c7f1b --- /dev/null +++ b/src/components/ActionButton.vue @@ -0,0 +1,45 @@ + + + diff --git a/src/components/QuickStartCard.vue b/src/components/QuickStartCard.vue new file mode 100644 index 0000000..03a5950 --- /dev/null +++ b/src/components/QuickStartCard.vue @@ -0,0 +1,64 @@ + + + diff --git a/src/components/QuickStartGrid.vue b/src/components/QuickStartGrid.vue new file mode 100644 index 0000000..5936099 --- /dev/null +++ b/src/components/QuickStartGrid.vue @@ -0,0 +1,5 @@ + diff --git a/src/components/StatusBadge.vue b/src/components/StatusBadge.vue new file mode 100644 index 0000000..90077a3 --- /dev/null +++ b/src/components/StatusBadge.vue @@ -0,0 +1,40 @@ + + + diff --git a/src/components/ui/Button.vue b/src/components/ui/Button.vue index f3808d6..fb8f777 100644 --- a/src/components/ui/Button.vue +++ b/src/components/ui/Button.vue @@ -2,7 +2,7 @@ diff --git a/src/overview/quick-start.md b/src/overview/quick-start.md index 70b3391..e7ed2b7 100644 --- a/src/overview/quick-start.md +++ b/src/overview/quick-start.md @@ -9,175 +9,100 @@ features. Bootstrap your project with our framework-specific templates and start building privacy-first applications. -
-
-
- -
-
-

Next.js Starter

-

Full-featured Next.js template with iExec integration, TypeScript support, and example implementations.

-
- - Available -
-
-
- - - Get Started - -
-
- -
-
- -
-
-

React Starter

-

React application template with hooks, components, and utilities for seamless iExec integration.

-
- - Coming Soon -
-
-
- -
-
- -
-
- -
-
-

Vue.js Starter

-

Vue 3 Composition API template with TypeScript and optimized build configuration for iExec apps.

-
- - Coming Soon -
-
-
- -
-
-
+ + + + + + + ## Interactive Sandboxes Explore and experiment with iExec features directly in your browser. Perfect for learning and prototyping. -
- -
-
- -
-
-

DataProtector Core

-

Essential data protection features including encryption, access control, and secure storage.

-
- - Interactive -
-
-
- - - Open Sandbox - -
-
- -
-
- -
-
-

DataProtector Sharing

-

Advanced data sharing capabilities with granular permissions and monetization features.

-
- - Interactive -
-
-
- - - Open Sandbox - -
-
- -
-
- -
-
-

Web3 Telegram

-

Privacy-preserving Telegram messaging integration with user consent management.

-
- - Interactive -
-
-
- - - Open Sandbox - -
-
- -
-
- -
-
-

Web3 Mail

-

Secure email communication for Web3 users without revealing personal email addresses.

-
- - Interactive -
-
-
- - - Open Sandbox - -
-
- -
-
- -
-
-

Oracle Factory

-

Create and deploy custom oracles for bringing off-chain data into your Web3 applications.

-
- - Interactive -
-
-
- - - Open Sandbox - -
-
-
+ + + + + + + + + + + ## Next Steps @@ -189,150 +114,7 @@ After exploring our starters and sandboxes: 3. **Build**: Integrate the features you need into your application 4. **Deploy**: Use our deployment guides for production-ready applications - - From b1d84c744718e99646702c294c8d6951f1e2a4eb Mon Sep 17 00:00:00 2001 From: ErwanDecoster Date: Wed, 6 Aug 2025 10:31:07 +0200 Subject: [PATCH 02/10] feat: refactor Button and add secondary style --- src/components/ui/Button.vue | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/src/components/ui/Button.vue b/src/components/ui/Button.vue index fb8f777..5d1597f 100644 --- a/src/components/ui/Button.vue +++ b/src/components/ui/Button.vue @@ -2,7 +2,7 @@ @@ -10,10 +10,28 @@ From 4f4ebdbfa4eddd872f952b1a9148eaf65548014c Mon Sep 17 00:00:00 2001 From: ErwanDecoster Date: Wed, 6 Aug 2025 10:32:19 +0200 Subject: [PATCH 03/10] feat: add Badge component and remove StatusBadge component --- src/components/Badge.vue | 58 ++++++++++++++++++++++++++++++++++ src/components/StatusBadge.vue | 40 ----------------------- 2 files changed, 58 insertions(+), 40 deletions(-) create mode 100644 src/components/Badge.vue delete mode 100644 src/components/StatusBadge.vue diff --git a/src/components/Badge.vue b/src/components/Badge.vue new file mode 100644 index 0000000..246d903 --- /dev/null +++ b/src/components/Badge.vue @@ -0,0 +1,58 @@ + + + diff --git a/src/components/StatusBadge.vue b/src/components/StatusBadge.vue deleted file mode 100644 index 90077a3..0000000 --- a/src/components/StatusBadge.vue +++ /dev/null @@ -1,40 +0,0 @@ - - - From 8a9afa4e004323c5de6833d9e98fb30b2dc95045 Mon Sep 17 00:00:00 2001 From: ErwanDecoster Date: Wed, 6 Aug 2025 10:33:55 +0200 Subject: [PATCH 04/10] refactor: use-case components, using tailwind and fix some style issue --- src/components/QuickStartCard.vue | 37 ++++- src/components/UseCaseCard.vue | 72 ++++++++++ src/overview/use-cases.md | 217 ++++-------------------------- 3 files changed, 129 insertions(+), 197 deletions(-) create mode 100644 src/components/UseCaseCard.vue diff --git a/src/components/QuickStartCard.vue b/src/components/QuickStartCard.vue index 03a5950..de00ded 100644 --- a/src/components/QuickStartCard.vue +++ b/src/components/QuickStartCard.vue @@ -11,7 +11,11 @@

{{ title }}

- +
@@ -42,7 +46,8 @@ diff --git a/src/components/UseCaseCard.vue b/src/components/UseCaseCard.vue new file mode 100644 index 0000000..a44a60c --- /dev/null +++ b/src/components/UseCaseCard.vue @@ -0,0 +1,72 @@ + + + diff --git a/src/overview/use-cases.md b/src/overview/use-cases.md index f6f13f4..a0f1ebe 100644 --- a/src/overview/use-cases.md +++ b/src/overview/use-cases.md @@ -4,201 +4,30 @@ Explore our demo applications showcasing iExec's privacy-preserving technologies in action. Each use case demonstrates real-world applications of confidential computing and decentralized data protection. -
-
-
- - Content Creator Demo Screenshot - -
-
-

Content Creator

-

- A comprehensive demo showcasing iExec's DataProtector Sharing module. Experience privacy-first data sharing where content creators can securely share their work while maintaining full control over access permissions and monetization. -

-
- DataProtector - Privacy-First - Content Sharing - Monetization -
-
- - - Try Live Demo - - - - View Code - -
-
-
- -
-
- - Web3Messaging Demo Screenshot - -
-
-

Web3Messaging

-

- Secure communication platform for Web3 users enabling privacy-preserving messaging through Web3Mail and Web3Telegram. Users maintain control over their data while enabling targeted communication and monetizing their engagement. -

-
- Web3Mail - Web3Telegram - User Consent - Monetization -
-
- - - Try Live Demo - - - - View Code - -
-
-
+
+ + +
- - From 41fc4724d9904c25e5e3c93ac48870aafc8ce886 Mon Sep 17 00:00:00 2001 From: ErwanDecoster Date: Wed, 6 Aug 2025 10:40:03 +0200 Subject: [PATCH 05/10] feat: update Quick Start section to include disabled buttons for upcoming starters --- src/overview/quick-start.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/overview/quick-start.md b/src/overview/quick-start.md index e7ed2b7..4deabe5 100644 --- a/src/overview/quick-start.md +++ b/src/overview/quick-start.md @@ -29,6 +29,7 @@ privacy-first applications. statusLabel="Coming Soon" buttonLabel="Coming Soon" buttonIcon="mdi:github" + buttonDisabled /> From 5ac4fd4b66f913a08c76b7075a731af13b2ff592 Mon Sep 17 00:00:00 2001 From: ErwanDecoster Date: Wed, 6 Aug 2025 10:58:21 +0200 Subject: [PATCH 06/10] feat: rename QuickStart components to CardGrid and ProjectCard --- .../{QuickStartGrid.vue => CardGrid.vue} | 0 .../{QuickStartCard.vue => ProjectCard.vue} | 33 +++++++++++++++++-- src/overview/quick-start.md | 28 ++++++++-------- 3 files changed, 45 insertions(+), 16 deletions(-) rename src/components/{QuickStartGrid.vue => CardGrid.vue} (100%) rename src/components/{QuickStartCard.vue => ProjectCard.vue} (73%) diff --git a/src/components/QuickStartGrid.vue b/src/components/CardGrid.vue similarity index 100% rename from src/components/QuickStartGrid.vue rename to src/components/CardGrid.vue diff --git a/src/components/QuickStartCard.vue b/src/components/ProjectCard.vue similarity index 73% rename from src/components/QuickStartCard.vue rename to src/components/ProjectCard.vue index de00ded..40c98bd 100644 --- a/src/components/QuickStartCard.vue +++ b/src/components/ProjectCard.vue @@ -31,11 +31,38 @@
+
+ + +