Lift off (#2)

* Lift off

* Ignition for index.md and other fixes

* build-home command

.eslintrc.json

@@ -8,13 +8,9 @@
       "files": [
         "*.ts"
       ],
-      "parserOptions": {
-        "project": [
-          "tsconfig.json"
-        ],
-        "createDefaultProgram": true
-      },
       "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
         "plugin:@angular-eslint/recommended",
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
@@ -28,20 +24,20 @@
             ]
           }
         ],
-        "@angular-eslint/component-selector": [
+        "@angular-eslint/directive-selector": [
           "error",
           {
-            "type": "element",
+            "type": "attribute",
             "prefix": "app",
-            "style": "kebab-case"
+            "style": "camelCase"
           }
         ],
-        "@angular-eslint/directive-selector": [
+        "@angular-eslint/component-selector": [
           "error",
           {
-            "type": "attribute",
+            "type": "element",
             "prefix": "app",
-            "style": "camelCase"
+            "style": "kebab-case"
           }
         ],
         "quotes": [
@@ -78,17 +74,22 @@
         ],
         "no-duplicate-imports": [
           "error"
-        ]
+        ],
+        "@typescript-eslint/ban-types": "off"
       }
     },
     {
       "files": [
         "*.html"
       ],
       "extends": [
-        "plugin:@angular-eslint/template/recommended"
+        "plugin:@angular-eslint/template/recommended",
+        "plugin:@angular-eslint/template/accessibility"
       ],
-      "rules": {}
+      "rules": {
+        "@angular-eslint/template/click-events-have-key-events": "off",
+        "@angular-eslint/template/interactive-supports-focus": "off"
+      }
     }
   ]
 }

.gitignore

@@ -67,3 +67,9 @@ testem.log
 .DS_Store
 Thumbs.db
 envs/env.ts
+
+.nx/cache
+.nx/workspace-data
+
+home-dist
+home-src

README.md

@@ -0,0 +1,45 @@
+# Amerpire Music
+
+Start downloading your favorite songs now and fill it up with your music vibe.
+
+![](music-1.jpg)
+![](music-2.jpg)
+![](music-3.jpg)
+![](music-4.jpg)
+
+## ![](features.svg) Features
+
+A music player app that lets you download and play your favorite songs.
+
+- Dark, easy-to-use.
+- Search same as YouTube and download.
+- Create Playlists.
+- Play your songs anywhere, anytime.
+- Control your playing song from notification bar, even on lockscreen.
+- More features with regular update.
+- No registration, email, or phone number.
+
+## ![](installation.svg) Installation
+
+  You can download and install the APK [here](https://). Android app coming soon.
+
+## ![](source-codes.svg) Source codes
+
+All source codes are available at [amerpire](https://github.com/amerpire)
+
+## ![](contact-us.svg) Contact us
+
+Email us at [hello@amerpire.com](mailto:hello@amerpire.com) and share your experience or feedback.
+
+## ![](built-with.svg) Built with
+
+Here's a list of cool things made Amerpire Music possible.
+
+- [Angular](https://angular.io/)
+- [Ionic](https://ionicframework.com/)
+- [Capacitor](https://capacitorjs.com/)
+- [JetBrains](https://www.jetbrains.com/)
+
+## ![](about.svg) About
+
+Made with 💖 by [Amerpire](https://amerpire.com) © 2024-present.

android/app/build.gradle

@@ -1,10 +1,10 @@
 apply plugin: 'com.android.application'
 
 android {
-    namespace "yt.music.player"
+    namespace "com.amerpire.music"
     compileSdkVersion rootProject.ext.compileSdkVersion
     defaultConfig {
-        applicationId "yt.music.player"
+        applicationId "com.amerpire.music"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1

android/app/capacitor.build.gradle

@@ -15,6 +15,7 @@ dependencies {
     implementation project(':capacitor-keyboard')
     implementation project(':capacitor-preferences')
     implementation project(':capacitor-status-bar')
+    implementation project(':jofr-capacitor-media-session')
 
 }
 

android/app/src/main/AndroidManifest.xml

@@ -8,12 +8,12 @@
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
         <activity
-            android:name=".MainActivity"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
-            android:exported="true"
+            android:name=".MainActivity"
             android:label="@string/title_activity_main"
+            android:theme="@style/AppTheme.NoActionBarLaunch"
             android:launchMode="singleTask"
-            android:theme="@style/AppTheme.NoActionBarLaunch">
+            android:exported="true">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
                 <category android:name="android.intent.category.LAUNCHER" />
@@ -30,7 +30,6 @@
     </application>
 
     <!-- Permissions -->
+
     <uses-permission android:name="android.permission.INTERNET" />
-    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
-    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
 </manifest>

android/app/src/main/java/yt/music/player/MainActivity.java → android/app/src/main/java/com/amerpire/music/MainActivity.java

@@ -1,4 +1,4 @@
-package yt.music.player;
+package com.amerpire.music;
 
 import com.getcapacitor.BridgeActivity;
 

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -1,18 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-  <background>
-    <inset
-      android:drawable="@mipmap/ic_launcher_background"
-      android:inset="16.7%" />
-  </background>
-  <foreground>
-    <inset
-      android:drawable="@mipmap/ic_launcher_foreground"
-      android:inset="16.7%" />
-  </foreground>
-  <monochrome>
-    <inset
-      android:drawable="@mipmap/ic_launcher_foreground"
-      android:inset="16.7%" />
-  </monochrome>
-</adaptive-icon>
+    <background>
+        <inset android:drawable="@mipmap/ic_launcher_background" android:inset="16.7%" />
+    </background>
+    <foreground>
+        <inset android:drawable="@mipmap/ic_launcher_foreground" android:inset="16.7%" />
+    </foreground>
+</adaptive-icon>

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -1,18 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-  <background>
-    <inset
-      android:drawable="@mipmap/ic_launcher_background"
-      android:inset="16.7%" />
-  </background>
-  <foreground>
-    <inset
-      android:drawable="@mipmap/ic_launcher_foreground"
-      android:inset="16.7%" />
-  </foreground>
-  <monochrome>
-    <inset
-      android:drawable="@mipmap/ic_launcher_foreground"
-      android:inset="16.7%" />
-  </monochrome>
-</adaptive-icon>
+    <background>
+        <inset android:drawable="@mipmap/ic_launcher_background" android:inset="16.7%" />
+    </background>
+    <foreground>
+        <inset android:drawable="@mipmap/ic_launcher_foreground" android:inset="16.7%" />
+    </foreground>
+</adaptive-icon>

android/app/src/main/res/values/strings.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='utf-8'?>
 <resources>
-    <string name="app_name">YT Music</string>
-    <string name="title_activity_main">YT Music</string>
-    <string name="package_name">yt.music.player</string>
-    <string name="custom_url_scheme">yt.music.player</string>
+    <string name="app_name">Amerpire Music</string>
+    <string name="title_activity_main">Amerpire Music</string>
+    <string name="package_name">com.amerpire.music</string>
+    <string name="custom_url_scheme">com.amerpire.music</string>
 </resources>

android/app/src/main/res/values/styles.xml

@@ -19,4 +19,4 @@
     <style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
         <item name="android:background">@drawable/splash</item>
     </style>
-</resources>
+</resources>

android/capacitor.settings.gradle

@@ -19,3 +19,6 @@ project(':capacitor-preferences').projectDir = new File('../node_modules/@capaci
 
 include ':capacitor-status-bar'
 project(':capacitor-status-bar').projectDir = new File('../node_modules/@capacitor/status-bar/android')
+
+include ':jofr-capacitor-media-session'
+project(':jofr-capacitor-media-session').projectDir = new File('../node_modules/@jofr/capacitor-media-session/android')

angular.json

@@ -74,7 +74,7 @@
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.production.ts"
+                  "with": "src/environments/environment.local.ts"
                 }
               ]
             }
@@ -141,6 +141,7 @@
   },
   "cli": {
     "schematicCollections": [
+      "@angular-eslint/schematics",
       "@ionic/angular-toolkit"
     ]
   },
@@ -150,12 +151,6 @@
     },
     "@ionic/angular-toolkit:page": {
       "styleext": "scss"
-    },
-    "@angular-eslint/schematics:application": {
-      "setParserOptionsProject": true
-    },
-    "@angular-eslint/schematics:library": {
-      "setParserOptionsProject": true
     }
   }
 }

bin/build.js

@@ -0,0 +1,61 @@
+const { join } = require("path");
+const fse = require("fs-extra");
+const { exec } = require("child_process");
+const htmlmin = require("htmlmin");
+const fs = require("fs");
+
+const root = process.cwd();
+const dist = join(root, "home-dist");
+const src = join(root, "home-src");
+const assets = join(root, join("src", "assets", "home"));
+
+const deleteDist = () => {
+  console.log("> deleteDist");
+  if (fse.pathExistsSync(dist)) {
+    fse.removeSync(dist);
+  }
+
+  if (fse.pathExistsSync(src)) {
+    fse.removeSync(src);
+  }
+};
+
+const copyAssets = () => {
+  console.log("> copyAssets");
+  fse.copySync(assets, dist);
+};
+
+const compileMD = (callback) => {
+  console.log("> compileMD");
+  exec("index-md", (error, stdout, stderr) => {
+    if (error || stderr) {
+      console.log("Failed to execute index-md");
+    }
+    if (error) {
+      console.log(error.message);
+      return;
+    }
+    if (stderr) {
+      console.log(stderr);
+      return;
+    }
+    console.log(stdout);
+    callback?.();
+  });
+};
+
+const minifyHTML = () => {
+  console.log("> minifyHTML");
+  const html = join(dist, "index.html");
+  fs.writeFileSync(html, htmlmin(fs.readFileSync(join(dist, "index.html"), { encoding: "utf-8" })));
+};
+
+const copyMD = () => {
+  fse.copySync('README.md', join(src, 'index.md'));
+};
+
+
+deleteDist();
+copyAssets();
+copyMD();
+compileMD(minifyHTML);

capacitor.config.ts

@@ -2,8 +2,8 @@ import { CapacitorConfig } from '@capacitor/cli';
 import { env } from './envs/env';
 
 const config: CapacitorConfig = {
-  appId: 'yt.music.player',
-  appName: 'YT Music',
+  appId: 'com.amerpire.music',
+  appName: 'Amerpire Music',
   webDir: 'www',
   ...env,
 };