chore(): switch to vite

Author: fyodorio

.babelrc

@@ -9,4 +9,3 @@ node_modules
 *.log
 dist/
 yarn.lock
-package-lock.json

.gitignore

@@ -13,11 +13,10 @@
 #### [Demo](https://fyodorio.github.io/ng-hotrod/)
 
 #### Includes
-* [AngularJS](https://angularjs.org/) (1.8.2)
+* [AngularJS](https://angularjs.org/) (1.8.2) with component-based architecture
 * [Angular Material](https://material.angularjs.org/latest/)
 * [Sass](https://sass-lang.com/)
-* [Babel](https://babeljs.io/) (latest ECMAScript + DI annotation plugin)
-* [Parcel](https://parceljs.org/) (as modern zero-config Webpack alternative)
+* [Vite](https://vitejs.dev/) (as modern zero-config Webpack alternative)
 * [ESLint](https://eslint.org/)
 * [Prettier](https://prettier.io/) for code formatting
 * [hygen](https://www.hygen.io/) for code scaffolding

README.md

@@ -0,0 +1,8 @@
+export const AppComponent = {
+	bindings: {},
+	template: `
+		<navbar></navbar>
+		<page-home></page-home>
+		<md-toolbar layout="column" layout-align="center center">Copyright © 2021 fyodor.io</md-toolbar>
+	`,
+};

app/app.component.js

@@ -0,0 +1,30 @@
+import 'angular-animate';
+import 'angular-aria';
+import 'angular-messages';
+import 'angular-material';
+import ComponentsModule from './components/components';
+import ServicesModule from './services/services';
+import { AppComponent } from './app.component';
+
+const appModule = angular
+	.module('appModule', [
+		'ngAnimate',
+		'ngAria',
+		'ngMessages',
+		'ngMaterial',
+		ComponentsModule,
+		ServicesModule,
+	])
+	.config([
+		'$mdThemingProvider',
+		($mdThemingProvider) => {
+			$mdThemingProvider
+				.theme('default')
+				.primaryPalette('brown')
+				.accentPalette('amber');
+		},
+	])
+
+	.component('app', AppComponent);
+
+export default appModule;

app/app.js

@@ -1,6 +1,6 @@
 import Navbar from './navbar/navbar';
 import PageHome from './page-home/page-home';
 
-const componentsModule = angular.module('components', [Navbar, PageHome]).name;
+const ComponentsModule = angular.module('components', [Navbar, PageHome]).name;
 
-export default componentsModule;
+export default ComponentsModule;

src/app/components/components.js renamed to app/components/components.js

@@ -0,0 +1,26 @@
+import controller from './navbar.controller';
+import './navbar.scss';
+
+const navbarComponent = {
+	bindings: {},
+	template: `
+		<md-toolbar class="navbar">
+			<div class="md-toolbar-tools">
+				<div flex layout="row" layout-align="start center">
+					<img class="ng-hotrod-logo" ng-src="{{ $ctrl.ngHotrodLogo }}" alt="GitHub">
+					<h2 class="active-page-name" md-truncate>{{ $ctrl.NavigationService.currentPageTitle }}</h2>
+				</div>
+				<a 
+					class="github-link" href="https://github.com/fyodorio/ng-hotrod" 
+					layout="row" 
+					layout-align="center center">
+					<img ng-src="{{ $ctrl.githubLogo }}" alt="GitHub">
+					<div>GitHub</div>
+				</a>
+			</div>
+		</md-toolbar>
+	`,
+	controller,
+};
+
+export default navbarComponent;

app/components/navbar/navbar.component.js

@@ -0,0 +1,14 @@
+import ngHotrodLogo from '../../../assets/img/icon-ng-hotrod-light.svg';
+import githubLogo from '../../../assets/img/icon-github.png';
+
+class NavbarController {
+	constructor(NavigationService) {
+		this.NavigationService = NavigationService;
+		this.ngHotrodLogo = ngHotrodLogo;
+		this.githubLogo = githubLogo;
+	}
+}
+
+NavbarController.$inject = ['NavigationService'];
+
+export default NavbarController;