Skip to content

Commit c168e2d

Browse files
NathanWalkerNathanWalker
committed
feat: plugins
1 parent a7b07ae commit c168e2d

26 files changed

Lines changed: 3034 additions & 19 deletions

‎.vitepress/config.ts‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,10 +36,81 @@ export default defineConfig({
3636
nav: [
3737
{ text: 'Plugins', link: '/' },
3838
{ text: 'nCharts', link: '/ncharts/' },
39+
{ text: 'All Plugins', link: '/plugins/' },
3940
{ text: 'nStudio', link: 'https://nstudio.io' },
4041
],
4142

4243
sidebar: {
44+
'/plugins/': [
45+
{
46+
text: 'Overview',
47+
items: [
48+
{ text: 'All Plugins', link: '/plugins/' },
49+
],
50+
},
51+
{
52+
text: 'UI Components',
53+
items: [
54+
{ text: 'Camera Plus', link: '/plugins/camera-plus' },
55+
{ text: 'Checkbox', link: '/plugins/checkbox' },
56+
{ text: 'CardView', link: '/plugins/cardview' },
57+
{ text: 'Carousel', link: '/plugins/carousel' },
58+
{ text: 'Blur', link: '/plugins/blur' },
59+
{ text: 'Loading Indicator', link: '/plugins/loading-indicator' },
60+
{ text: 'Fancy Alert', link: '/plugins/fancyalert' },
61+
{ text: 'Filterable Listpicker', link: '/plugins/filterable-listpicker' },
62+
{ text: 'Input Mask', link: '/plugins/input-mask' },
63+
{ text: 'ExoPlayer', link: '/plugins/exoplayer' },
64+
],
65+
},
66+
{
67+
text: 'Barcode & Scanning',
68+
items: [
69+
{ text: 'Barcode Scanner', link: '/plugins/barcodescanner' },
70+
],
71+
},
72+
{
73+
text: 'Authentication & Identity',
74+
items: [
75+
{ text: 'Auth0', link: '/plugins/auth0' },
76+
{ text: 'Onfido', link: '/plugins/onfido' },
77+
{ text: 'Persona', link: '/plugins/persona' },
78+
],
79+
},
80+
{
81+
text: 'Analytics & Monitoring',
82+
items: [
83+
{ text: 'Aptabase', link: '/plugins/aptabase' },
84+
{ text: 'Dynatrace', link: '/plugins/dynatrace' },
85+
{ text: 'Appcues', link: '/plugins/appcues' },
86+
],
87+
},
88+
{
89+
text: 'Customer Support',
90+
items: [
91+
{ text: 'Freshchat', link: '/plugins/freshchat' },
92+
{ text: 'Intercom', link: '/plugins/intercom' },
93+
],
94+
},
95+
{
96+
text: 'Financial Services',
97+
items: [
98+
{ text: 'Plaid', link: '/plugins/plaid' },
99+
],
100+
},
101+
{
102+
text: 'Web3 & Blockchain',
103+
items: [
104+
{ text: 'WalletConnect', link: '/plugins/walletconnect' },
105+
],
106+
},
107+
{
108+
text: 'Privacy & Tracking',
109+
items: [
110+
{ text: 'Tracking Transparency', link: '/plugins/tracking-transparency' },
111+
],
112+
},
113+
],
43114
'/ncharts/': [
44115
{
45116
text: 'Getting Started',

‎.vitepress/theme/PluginsHome.vue‎

Lines changed: 169 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -22,43 +22,196 @@ const plugins = [
2222
description: 'Native loading indicators with customizable appearance for iOS and Android.',
2323
icon: '⏳',
2424
gradient: 'from-emerald-500 to-teal-500',
25-
href: '/loading-indicator/',
25+
href: '/plugins/loading-indicator',
2626
featured: false,
2727
},
2828
{
2929
name: '@nstudio/nativescript-camera-plus',
3030
title: 'Camera Plus',
31-
description: 'Advanced camera features with flash, focus, and image manipulation.',
31+
description: 'Advanced camera with flash, focus, video recording, and gallery access.',
3232
icon: '📷',
3333
gradient: 'from-purple-500 to-pink-500',
34-
href: '/camera-plus/',
34+
href: '/plugins/camera-plus',
3535
featured: false,
3636
},
3737
{
3838
name: '@nstudio/nativescript-checkbox',
3939
title: 'Checkbox',
40-
description: 'Native checkbox components with full customization support.',
40+
description: 'Native checkbox and radio button components with full customization.',
4141
icon: '☑️',
4242
gradient: 'from-orange-500 to-amber-500',
43-
href: '/checkbox/',
44-
featured: false,
45-
},
46-
{
47-
name: '@nstudio/nativescript-accordion',
48-
title: 'Accordion',
49-
description: 'Expandable accordion panels with smooth animations.',
50-
icon: '📋',
51-
gradient: 'from-rose-500 to-red-500',
52-
href: '/accordion/',
43+
href: '/plugins/checkbox',
5344
featured: false,
5445
},
5546
{
5647
name: '@nstudio/nativescript-fancyalert',
5748
title: 'Fancy Alert',
58-
description: 'Beautiful, customizable alert dialogs for iOS and Android.',
49+
description: 'Beautiful, customizable alert dialogs with animations and custom buttons.',
5950
icon: '🎨',
6051
gradient: 'from-indigo-500 to-violet-500',
61-
href: '/fancyalert/',
52+
href: '/plugins/fancyalert',
53+
featured: false,
54+
},
55+
{
56+
name: '@nstudio/nativescript-barcodescanner',
57+
title: 'Barcode Scanner',
58+
description: 'Scan QR codes, barcodes, and more with native performance.',
59+
icon: '📱',
60+
gradient: 'from-slate-500 to-zinc-600',
61+
href: '/plugins/barcodescanner',
62+
featured: false,
63+
},
64+
{
65+
name: '@nstudio/nativescript-carousel',
66+
title: 'Carousel',
67+
description: 'Smooth, customizable carousel with page indicators and auto-paging.',
68+
icon: '🎠',
69+
gradient: 'from-cyan-500 to-blue-500',
70+
href: '/plugins/carousel',
71+
featured: false,
72+
},
73+
{
74+
name: '@nstudio/nativescript-cardview',
75+
title: 'CardView',
76+
description: 'Material Design CardView component with elevation and radius.',
77+
icon: '🃏',
78+
gradient: 'from-amber-500 to-yellow-500',
79+
href: '/plugins/cardview',
80+
featured: false,
81+
},
82+
{
83+
name: '@nstudio/nativescript-blur',
84+
title: 'Blur',
85+
description: 'Apply blur effects to any view for iOS and Android.',
86+
icon: '🌫️',
87+
gradient: 'from-sky-500 to-indigo-500',
88+
href: '/plugins/blur',
89+
featured: false,
90+
},
91+
{
92+
name: '@nstudio/nativescript-exoplayer',
93+
title: 'ExoPlayer',
94+
description: 'Video player using ExoPlayer on Android and AVPlayer on iOS.',
95+
icon: '🎬',
96+
gradient: 'from-red-500 to-rose-500',
97+
href: '/plugins/exoplayer',
98+
featured: false,
99+
},
100+
{
101+
name: '@nstudio/nativescript-filterable-listpicker',
102+
title: 'Filterable Listpicker',
103+
description: 'Modal listpicker with search filtering and autocomplete support.',
104+
icon: '🔍',
105+
gradient: 'from-violet-500 to-purple-500',
106+
href: '/plugins/filterable-listpicker',
107+
featured: false,
108+
},
109+
{
110+
name: '@nstudio/nativescript-input-mask',
111+
title: 'Input Mask',
112+
description: 'Format user input for phone numbers, credit cards, and more.',
113+
icon: '🎭',
114+
gradient: 'from-teal-500 to-emerald-500',
115+
href: '/plugins/input-mask',
116+
featured: false,
117+
},
118+
{
119+
name: '@nstudio/nativescript-appcues',
120+
title: 'Appcues',
121+
description: 'Integrate Appcues in-app experiences and user onboarding.',
122+
icon: '🚀',
123+
gradient: 'from-fuchsia-500 to-pink-500',
124+
href: '/plugins/appcues',
125+
featured: false,
126+
},
127+
{
128+
name: '@nstudio/nativescript-aptabase',
129+
title: 'Aptabase',
130+
description: 'Privacy-first, open source analytics for mobile apps.',
131+
icon: '📈',
132+
gradient: 'from-lime-500 to-green-500',
133+
href: '/plugins/aptabase',
134+
featured: false,
135+
},
136+
{
137+
name: '@nstudio/nativescript-auth0',
138+
title: 'Auth0',
139+
description: 'Auth0 authentication integration for NativeScript apps.',
140+
icon: '🔐',
141+
gradient: 'from-orange-600 to-red-500',
142+
href: '/plugins/auth0',
143+
featured: false,
144+
},
145+
{
146+
name: '@nstudio/nativescript-dynatrace',
147+
title: 'Dynatrace',
148+
description: 'Application performance monitoring with Dynatrace OneAgent.',
149+
icon: '📡',
150+
gradient: 'from-green-500 to-teal-500',
151+
href: '/plugins/dynatrace',
152+
featured: false,
153+
},
154+
{
155+
name: '@nstudio/nativescript-freshchat',
156+
title: 'Freshchat',
157+
description: 'In-app messaging and customer support with Freshchat SDK.',
158+
icon: '💬',
159+
gradient: 'from-blue-600 to-cyan-500',
160+
href: '/plugins/freshchat',
161+
featured: false,
162+
},
163+
{
164+
name: '@nstudio/nativescript-intercom',
165+
title: 'Intercom',
166+
description: 'Customer messaging platform integration with Intercom SDK.',
167+
icon: '📞',
168+
gradient: 'from-blue-500 to-indigo-500',
169+
href: '/plugins/intercom',
170+
featured: false,
171+
},
172+
{
173+
name: '@nstudio/nativescript-onfido',
174+
title: 'Onfido',
175+
description: 'Identity verification and document scanning with Onfido SDK.',
176+
icon: '🪪',
177+
gradient: 'from-cyan-600 to-blue-600',
178+
href: '/plugins/onfido',
179+
featured: false,
180+
},
181+
{
182+
name: '@nstudio/nativescript-persona',
183+
title: 'Persona',
184+
description: 'Identity verification and KYC flows with Persona SDK.',
185+
icon: '👤',
186+
gradient: 'from-indigo-600 to-purple-600',
187+
href: '/plugins/persona',
188+
featured: false,
189+
},
190+
{
191+
name: '@nstudio/nativescript-plaid',
192+
title: 'Plaid',
193+
description: 'Bank account linking with Plaid Link for financial apps.',
194+
icon: '🏦',
195+
gradient: 'from-slate-600 to-slate-800',
196+
href: '/plugins/plaid',
197+
featured: false,
198+
},
199+
{
200+
name: '@nstudio/nativescript-tracking-transparency',
201+
title: 'Tracking Transparency',
202+
description: 'iOS App Tracking Transparency API for iOS 14+.',
203+
icon: '🕵️',
204+
gradient: 'from-gray-500 to-slate-600',
205+
href: '/plugins/tracking-transparency',
206+
featured: false,
207+
},
208+
{
209+
name: '@nstudio/nativescript-walletconnect',
210+
title: 'WalletConnect',
211+
description: 'Connect to crypto wallets with WalletConnect protocol.',
212+
icon: '💳',
213+
gradient: 'from-blue-700 to-indigo-600',
214+
href: '/plugins/walletconnect',
62215
featured: false,
63216
},
64217
];

0 commit comments

Comments
 (0)