A few small fixes

Author: m0ngr31

README.md

@@ -1,4 +1,4 @@
-Current version: **0.1.3**
+Current version: **0.1.5**
 
 # About
 This allows you to fetch EPG data for linear streaming services such as Peacock and ABC, and transforms them so you can use them with [chrome-capture-for-channels](https://github.com/fancybits/chrome-capture-for-channels).

index.tsx

@@ -29,6 +29,11 @@ import {Script} from './views/Script';
 
 import {version} from './package.json';
 
+const PROVIDER_MAP = {
+  ABC: abcHandler,
+  Peacock: peacockHandler,
+} as const;
+
 const notFound = (c: Context<BlankEnv, '', BlankInput>) => c.text('404 not found', 404, {});
 
 const shutDown = () => process.exit(0);
@@ -116,6 +121,10 @@ app.put('/provider/toggle/:provider', async c => {
 
   await miscDbHandler.setCanUseNetwork(provider.toLowerCase(), enabled);
 
+  if (enabled) {
+    await PROVIDER_MAP[provider].getSchedule();
+  }
+
   const regex = new RegExp(provider, 'i');
   const providerChannels = await db.channels.find<IChannel>({from: {$regex: regex}});
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "cc-epg",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "",
   "scripts": {
     "start": "ts-node index.tsx",

package.json

@@ -1,5 +1,5 @@
-import { db } from "./database";
-import { IMisc } from "./shared-interfaces";
+import {db} from './database';
+import {IMisc} from './shared-interfaces';
 
 export const CC_PREFIX = 'http://localhost:5589';
 
@@ -24,9 +24,9 @@ class MiscDB {
     const networkObj = await db.misc.findOne<IMisc>({key: network});
 
     if (!networkObj) {
-      await db.misc.insert({key: network, value: true});
+      await db.misc.insert({key: network, value: false});
 
-      return true;
+      return false;
     }
 
     return networkObj.value as boolean;

services/misc-db.ts

@@ -22,13 +22,15 @@ export const Provider: FC<IProviderProps> = ({name, channels, enabled}) => {
                 name="provider-enabled"
                 type="checkbox"
                 role="switch"
+                id={`${name}-toggle`}
                 checked={enabled ? true : false}
                 data-enabled={enabled ? 'true' : 'false'}
               />
               Enabled
             </label>
           </fieldset>
         </div>
+        <div aria-busy="true" id={`${name}-loading`} class="hide-loading" />
         {enabled && (
           <table class="striped">
             <thead>
@@ -65,6 +67,19 @@ export const Provider: FC<IProviderProps> = ({name, channels, enabled}) => {
           </table>
         )}
       </section>
+      <script
+        dangerouslySetInnerHTML={{
+          __html: `
+            var toggle = document.getElementById('${name}-toggle');
+
+            if (toggle) {
+              toggle.addEventListener('htmx:beforeRequest', function() {
+                document.querySelector('#${name}-loading').classList.remove('hide-loading');
+              });
+            }
+          `,
+        }}
+      />
       <hr />
     </div>
   );

views/Provider.tsx

@@ -12,5 +12,9 @@ export const Style: FC = () => (
       align-items: stretch;
       padding-right: 1rem;
     }
+    .hide-loading {
+      display: none;
+      height: 0;
+    }
   `}</style>
 );