Networking category to @nativescript/core and added the docs for the Color, Connectivity, and HTTP modules as its subcategories.

.vitepress/config.js

@@ -68,13 +68,18 @@ module.exports = {
 
 		nav: [
 			{
-				text: 'Docs',
+				text: 'Guides',
 				link: '/introduction',
 				activeMatch: '^/(?!plugins)',
 			},
+			{
+				text: 'Components',
+				link: '/components/index',
+				activeMatch: '^/components',
+			},
 			{
 				text: 'API',
-				link: '/api-reference',
+				link: 'https://docs.nativescript.org/api-reference',
 				activeMatch: '^/api-reference',
 				target: '_blank',
 			},
@@ -102,7 +107,7 @@ module.exports = {
 		sidebar: {
 			'/best-practices/': getBestPracticeSidebar(),
 			'/plugins/': getPluginsSidebar(),
-
+			'/components/': getComponentsSidebar(),
 			// fallback
 			'/': getSidebar(),
 		},
@@ -490,6 +495,8 @@ function getSidebar() {
 			text: 'Basics',
 			children: [
 				{ text: 'Introduction', link: '/introduction' },
+				{ text: 'Application Architecture', link: '/application-architecture' },
+				{ text: 'Project Structure', link: '/project-structure' },
 				{
 					text: 'Environment Setup',
 					link: '/environment-setup',
@@ -509,38 +516,116 @@ function getSidebar() {
 			],
 		},
 		{
-			text: 'Running & Building',
+			text: 'Development Workflow',
 			children: [
 				{
-					text: 'Webpack',
-					link: '/webpack',
+					text: 'CLI Basics',
+					link: '/development-workflow/cli-basics',
+				},
+				{
+					text: 'Debugging',
+					link: '/development-workflow/debugging',
+				},
+				{
+					text: 'Running on Virtual Device',
+					link: '/development-workflow/running-on-virtual-device',
+				},
+				{
+					text: 'Running on Physical Device',
+					link: '/development-workflow/running-on-physical-device',
+				},
+				/*{
+					text: 'HMR',
+					link: '/development-workflow/hmr'
+				},*/
+				{
+					text: 'Testing',
+					link: '/development-workflow/testing',
+				},
+				{
+					text: 'Using Packages',
+					link: '/development-workflow/using-packages',
+				},
+				{
+					text: 'Updating',
+					link: '/development-workflow/updating',
+				},
+				{
+					text: 'Choosing an Editor',
+					link: '/development-workflow/choosing-an-editor',
 				},
 			],
 		},
 		{
-			text: 'UI & Styling',
+			text: 'App_Resources',
 			children: [
 				{
-					text: 'App_Resources',
+					text: 'Understanding App_Resources',
 					link: '/app-resources',
 				},
-				{
-					text: 'UI & Styling',
-					link: '/ui-and-styling',
-				},
-				{ text: 'Interaction', link: '/interaction' },
 			],
 		},
 		{
-			text: 'Networking',
+			text: '@nativescript/core',
+			children: [
+				{ text: 'Application', link: '/nativescript-core/application' },
+				{
+					text: 'ApplicationSettings',
+					link: '/nativescript-core/application-settings',
+				},
+				{ text: 'Color', link: '/nativescript-core/color' },
+				{ text: 'Connectivity', link: '/nativescript-core/connectivity' },
+				//{ text: 'Virtual Array', link: '/nativescript-core/virtual-array' },
+				{ text: 'FileSystem', link: '/nativescript-core/file-system' },
+				{ text: 'Fps Meter', link: '/nativescript-core/fps-meter' },
+				{ text: 'Http', link: '/nativescript-core/http' },
+				{ text: 'ImageSource', link: '/nativescript-core/image-source' },
+				{ text: 'Observable', link: '/nativescript-core/observable' },
+				{
+					text: 'Observable Array',
+					link: '/nativescript-core/observable-array',
+				},
+				{ text: 'Platform', link: '/nativescript-core/platform' },
+				{ text: 'Trace', link: '/nativescript-core/trace' },
+				{ text: 'Utils', link: '/nativescript-core/utils' },
+				{ text: 'Xml Parser', link: '/nativescript-core/xml-parser' },
+			],
+		},
+		{
+			text: '@nativescript/webpack',
 			children: [
-				{ text: 'Http', link: '/http' },
 				{
-					text: 'Connectivity',
-					link: '/connectivity',
+					text: 'Overview',
+					link: 'webpack/overview',
+				},
+				{
+					text: 'Flags & their usage',
+					link: 'webpack/flags-and-their-usage',
+				},
+
+				{
+					text: 'Using .env files',
+					link: 'webpack/using-dot-env-files',
+				},
+				{
+					text: 'Global "magic" variables',
+					link: 'webpack/global-magic-variables',
+				},
+				{
+					text: 'Examples of configurations',
+					link: 'webpack/examples-of-configurations',
+				},
+				{
+					text: 'Plugin API',
+					link: 'webpack/plugin-api',
+				},
+				{
+					text: 'Webpack API',
+					link: 'webpack/api',
 				},
 			],
 		},
+
 		// {
 		// 	text: 'Performance',
 		// 	children: [{ text: 'Webpack/Bundle Optimizations', link: '/performance' }],
@@ -559,11 +644,40 @@ function getSidebar() {
 			],
 		},
 		{
-			text: 'Advanced Concepts',
+			text: 'Architecture Concepts',
 			children: [
 				{
-					text: 'Advanced Concepts',
+					text: 'Data Binding',
+					link: '/architecture-concepts/data-binding',
+				},
+				{
+					text: 'Adding Objective C/Swift Code',
+					link: '/architecture-concepts/adding-objectivec-swift-code',
+				},
+				{ text: 'Navigation', link: '/architecture-concepts/navigation' },
+				{
+					text: 'Marshalling',
+					link: '/architecture-concepts/marshalling',
+				},
+				{
+					text: 'Metadata',
+					link: '/architecture-concepts/metadata',
+				},
+				{
+					text: 'Memory Management',
+					link: '/architecture-concepts/memory-management',
+				},
+				{
+					text: 'Custom Application and Activity',
+					link: '/architecture-concepts/custom-application-and-activity',
+				},
+				/*{
+					text: 'Layout Process',
 					link: '/advanced-concepts',
+				},*/
+				{
+					text: 'Property System',
+					link: '/architecture-concepts/property-system',
 				},
 			],
 		},
@@ -651,3 +765,117 @@ function getBestPracticeSidebar() {
 		},
 	]
 }
+
+function getComponentsSidebar() {
+	return [
+		{
+			text: 'Components',
+			children: [
+				{
+					text: 'Styling',
+					link: '/components/styling',
+				},
+				{
+					text: 'Interaction',
+					link: '/components/interaction',
+				},
+				{
+					text: 'ActionBar',
+					link: '/components/actionbar',
+				},
+				{
+					text: 'ActivityIndicator',
+					link: '/components/activityindicator',
+				},
+				{
+					text: 'Button',
+					link: '/components/button',
+				},
+				{
+					text: 'DatePicker',
+					link: '/components/datepicker',
+				},
+				{
+					text: 'Frame',
+					link: '/components/frame',
+				},
+				{
+					text: 'HtmlView',
+					link: '/components/htmlview',
+				},
+				{
+					text: 'Image',
+					link: '/components/image',
+				},
+				{
+					text: 'Label',
+					link: '/components/label',
+				},
+				{
+					text: 'ListPicker',
+					link: '/components/listpicker',
+				},
+				{
+					text: 'ListView',
+					link: '/components/listview',
+				},
+				{
+					text: 'Page',
+					link: '/components/page',
+				},
+				{
+					text: 'Placeholder',
+					link: '/components/placeholder',
+				},
+				{
+					text: 'Progress',
+					link: '/components/progress',
+				},
+				{
+					text: 'Repeator',
+					link: '/components/repeator',
+				},
+				{
+					text: 'ScrollView',
+					link: '/components/scrollview',
+				},
+				{
+					text: 'SearchBar',
+					link: '/components/searchbar',
+				},
+				{
+					text: 'SegmentedBar',
+					link: '/components/segmentedbar',
+				},
+				{
+					text: 'Slider',
+					link: '/components/slider',
+				},
+				{
+					text: 'Switch',
+					link: '/components/switch',
+				},
+				{
+					text: 'TabView',
+					link: '/components/tabview',
+				},
+				{
+					text: 'TextField',
+					link: '/components/textfield',
+				},
+				{
+					text: 'TextView',
+					link: '/components/textview',
+				},
+				{
+					text: 'TimePicker',
+					link: '/components/timepicker',
+				},
+				{
+					text: 'WebView',
+					link: '/components/webview',
+				},
+			],
+		},
+	]
+}

.vitepress/theme/nativescript-theme/index.js

@@ -689,7 +689,6 @@ function H(e, t, n, r, o, i, a, c, u) {
 				g && (f.__E = f.__ = null),
 				(f.__e = !1)
 		} else t.__e = M(n.__e, t, n, r, o, i, a, u)
-
 		;(l = s.diffed) && l(t)
 	} catch (e) {
 		s.__e(e, t, n)
@@ -8988,7 +8987,6 @@ var script = defineComponent({
 		})
 		watch(currentTab, function (next, prev) {
 			var _tabContainer$value, _tabContainer$value2
-
 			;(_tabContainer$value = tabContainer.value) === null ||
 			_tabContainer$value === void 0
 				? void 0

README.md

@@ -6,13 +6,13 @@ npm i
 npm start
 ```
 
-
 ## Important Note about Plugin Docs
 
 Plugins docs are automatically synced every night via cron job with various plugin workspace repos, for example:
-* https://github.com/NativeScript/firebase
-* https://github.com/NativeScript/plugins
-* https://github.com/NativeScript/payments
+
+- https://github.com/NativeScript/firebase
+- https://github.com/NativeScript/plugins
+- https://github.com/NativeScript/payments
 
 Each plugin workspace can manage it's own README's for documentation and this main central docs will keep itself in sync with them every night.
 If you are wanting to modify any plugin documentation, you can do via their plugin workspaces as listed above.