conzo 0.0.2

package/dist/cli.js

@@ -0,0 +1,57 @@
+#!/usr/bin/env node
+import React from 'react';
+import { Box, render, Text } from 'ink';
+import meow from 'meow';
+import App from './app.js';
+import { ViewProvider } from './ViewContext.js';
+import { ApplicationsCacheProvider } from './apps/ApplicationsCacheContext.js';
+import { ConfigProvider } from './config/ConfigContext.js';
+import { parseAndValidate } from './config/parseAndValidate.js';
+import { tryCatch } from './helpers/tryCatch.js';
+meow('conzo', {
+    importMeta: import.meta,
+    flags: {
+        name: {
+            type: 'string',
+        },
+    },
+});
+const config = {
+    apps: {
+        exclude: [
+            'Alfred 5',
+            'Google Docs',
+            'Google Drive',
+            'Google Sheets',
+            'Google Slides',
+            'Kit',
+            'WireGuard',
+            'Loopback',
+            'Utilities',
+        ],
+        favorites: ['GitHub Desktop', 'Visual Studio Code'],
+    },
+    chromeProfiles: {
+        bouwepuntnl: 'Default',
+        WebinarGeek: 'Profile 1',
+        'Intercom-development': 'Profile 2',
+    },
+};
+const Error = ({ error }) => (React.createElement(Box, { flexDirection: "column" },
+    React.createElement(Text, { color: "red" },
+        "Error: ",
+        error.message),
+    React.createElement(Text, null, error.stack)));
+const getConzo = (userConfig) => () => {
+    const { value: config, error } = tryCatch(() => parseAndValidate(userConfig));
+    if (config)
+        return (React.createElement(ConfigProvider, { config: config },
+            React.createElement(ApplicationsCacheProvider, null,
+                React.createElement(ViewProvider, null,
+                    React.createElement(App, null)))));
+    return React.createElement(Error, { error: error });
+};
+const Conzo = getConzo(config);
+render(React.createElement(Conzo, null), {
+    exitOnCtrlC: true,
+});

package/dist/config/ConfigContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Config } from './types.js';
+type ConfigContextType = Config;
+declare const Config: React.Context<Config | null>;
+type Props = {
+    children: React.ReactNode;
+    config: ConfigContextType;
+};
+declare function ConfigProvider({ children, config }: Props): React.JSX.Element;
+declare function useConfig(): Config;
+export { ConfigProvider, useConfig };

package/dist/config/ConfigContext.js

@@ -0,0 +1,12 @@
+import React from 'react';
+const Config = React.createContext(null);
+function ConfigProvider({ children, config }) {
+    return React.createElement(Config.Provider, { value: config }, children);
+}
+function useConfig() {
+    const context = React.useContext(Config);
+    if (!context)
+        throw new Error('useConfig must be used within a ConfigProvider');
+    return context;
+}
+export { ConfigProvider, useConfig };

package/dist/config/ConfigNotFound.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ConfigNotFound: () => React.JSX.Element;

package/dist/config/ConfigNotFound.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Text } from 'ink';
+import { configPath } from './types.js';
+export const ConfigNotFound = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Text, { color: "red" }, "ERROR:"),
+        React.createElement(Text, null,
+            "Config file \"",
+            configPath,
+            "\" not found...")));
+};

package/dist/config/parseAndValidate.d.ts

@@ -0,0 +1,2 @@
+import { Config, UserConfig } from './types.js';
+export declare const parseAndValidate: (userConfig?: UserConfig) => Config;

package/dist/config/parseAndValidate.js

@@ -0,0 +1,18 @@
+const defaultConfig = {
+    apps: {
+        exclude: [],
+        favorites: [],
+    },
+    chromeProfiles: false,
+};
+export const parseAndValidate = (userConfig) => {
+    if (!userConfig)
+        return defaultConfig;
+    return {
+        apps: {
+            exclude: userConfig.apps?.exclude || [],
+            favorites: userConfig.apps?.favorites || [],
+        },
+        chromeProfiles: userConfig.chromeProfiles || false,
+    };
+};

package/dist/config/types.d.ts

@@ -0,0 +1,14 @@
+export type UserConfig = {
+    apps?: {
+        exclude?: string[];
+        favorites?: string[];
+    };
+    chromeProfiles?: Record<string, string>;
+};
+export type Config = {
+    apps: {
+        exclude: string[];
+        favorites: string[];
+    };
+    chromeProfiles: Record<string, string> | false;
+};

package/dist/config/types.js

@@ -0,0 +1 @@
+export {};

package/dist/config/validator.d.ts

@@ -0,0 +1 @@
+export declare const isConfigFound: () => boolean;

package/dist/config/validator.js

@@ -0,0 +1,3 @@
+import fs from 'fs';
+import { configPath } from './types.js';
+export const isConfigFound = () => fs.existsSync(configPath);

package/dist/debugging/helpers.d.ts

@@ -0,0 +1 @@
+export declare const useExitRightAway: () => void;

package/dist/debugging/helpers.js

@@ -0,0 +1,9 @@
+import { useApp } from 'ink';
+import { useEffect } from 'react';
+// Helper for exiting the app right away, for debugging purposes
+export const useExitRightAway = () => {
+    const { exit } = useApp();
+    useEffect(() => {
+        exit();
+    }, []);
+};

package/dist/debugging/useDebugger.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useDebugger: () => {
+    DebugInfo: () => React.JSX.Element;
+    addDebugInfo: (info: unknown) => void;
+};

package/dist/debugging/useDebugger.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+export const useDebugger = () => {
+    const [debugInfo, setDebugInfo] = React.useState([]);
+    const DebugInfo = React.useCallback(() => (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "red" }, debugInfo.map((info, index) => (React.createElement(Box, { key: index },
+        React.createElement(Text, null, info)))))), [debugInfo]);
+    const addDebugInfo = React.useCallback((info) => {
+        setDebugInfo((prevDebugInfo) => [...prevDebugInfo, JSON.stringify(info)]);
+    }, []);
+    return { DebugInfo, addDebugInfo };
+};

package/dist/debugging/useExitAppRightAway.d.ts

@@ -0,0 +1 @@
+export declare const useExitAppRightAway: () => void;

package/dist/debugging/useExitAppRightAway.js

@@ -0,0 +1,9 @@
+import { useApp } from 'ink';
+import { useEffect } from 'react';
+// Helper for exiting the app right away, for debugging purposes, for example when debugging styling issues.
+export const useExitAppRightAway = () => {
+    const { exit } = useApp();
+    useEffect(() => {
+        exit();
+    }, []);
+};

package/dist/helpers/tryCatch.d.ts

@@ -0,0 +1,9 @@
+type Result<T> = {
+    value: T;
+    error: null;
+} | {
+    value: null;
+    error: Error;
+};
+export declare function tryCatch<T>(fn: () => T): Result<T>;
+export {};

package/dist/helpers/tryCatch.js

@@ -0,0 +1,11 @@
+export function tryCatch(fn) {
+    try {
+        return { value: fn(), error: null };
+    }
+    catch (error) {
+        return {
+            value: null,
+            error: error instanceof Error ? error : new Error(String(error)),
+        };
+    }
+}

package/dist/helpers.d.ts

@@ -0,0 +1 @@
+export declare const useExitRightAway: () => void;

package/dist/helpers.js

@@ -0,0 +1,9 @@
+import { useApp } from 'ink';
+import { useEffect } from 'react';
+// Helper for exiting the app right away, for debugging purposes
+export const useExitRightAway = () => {
+    const { exit } = useApp();
+    useEffect(() => {
+        exit();
+    }, []);
+};

package/dist/items/items.d.ts

@@ -0,0 +1,2 @@
+import { Item } from './types.js';
+export declare const getItems: (refresh?: boolean) => Promise<Item[]>;

package/dist/items/items.js

@@ -0,0 +1,42 @@
+import childProcess from 'child_process';
+import { RefreshApps as RefreshApps } from '../apps/RefreshApps.js';
+// Fetch installed apps using the `ls` command
+const getApps = () => {
+    return new Promise((resolve, reject) => {
+        const ls = childProcess.spawn('ls', ['/Applications']);
+        const items = [];
+        ls.stdout.on('data', (data) => {
+            const apps = data
+                .toString()
+                .split('\n')
+                .map((app) => app.replace('.app', '').trim())
+                .filter((app) => app !== '');
+            items.push(...apps.map((app) => ({
+                name: app,
+                key: app,
+                type: 'app',
+                isFavorite: false,
+            })));
+        });
+        ls.on('close', () => resolve(items));
+        ls.on('error', (error) => reject(error));
+    });
+};
+// Synchronous function to fetch wizard items
+const getWizardItems = () => [
+    {
+        name: 'Refresh apps',
+        type: 'wizard',
+        component: RefreshApps,
+    },
+];
+// Main function to get items, with caching support for apps only
+export const getItems = (() => {
+    let cachedApps = null;
+    return async (refresh = false) => {
+        if (!cachedApps || refresh)
+            cachedApps = await getApps();
+        const wizardItems = getWizardItems();
+        return [...cachedApps, ...wizardItems];
+    };
+})();

package/dist/items/my-items.EXAMPLE.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/items/my-items.EXAMPLE.js

@@ -0,0 +1 @@
+export {};

package/dist/items/my-items.d.ts

@@ -0,0 +1,6 @@
+import { AppItem, CommandItem, WizardItem } from './types.js';
+export declare const apps: string[];
+export declare const excludeApps: string[];
+export declare const appItems: AppItem[];
+export declare const wizardItems: WizardItem[];
+export declare const commandItems: CommandItem[];

package/dist/items/my-items.js

@@ -0,0 +1,62 @@
+import { GoogleChrome, openChrome } from '../GoogleChrome.js';
+import { Webinars } from '../Webinars.js';
+import { YouTube } from '../YouTube.js';
+//TODO This list should be populated on application start
+export const apps = [
+    'Discord',
+    'Firefox',
+    'Google Chrome',
+    'GitHub Desktop',
+    'OBS',
+    'Rectangle',
+    'Safari',
+    'Slack',
+    'Spotify',
+    'Visual Studio Code',
+];
+export const excludeApps = [
+    // Add app names to exclude from displaying in this app.
+    // This is not very useful yet, but will be as soon as the app list is populated on application start.
+    'Safari',
+];
+export const appItems = apps
+    .filter((app) => !excludeApps.includes(app))
+    .map((app) => ({
+    name: app,
+    key: app,
+    type: 'app',
+}));
+export const wizardItems = [
+    {
+        name: 'Google Chrome',
+        type: 'wizard',
+        component: GoogleChrome,
+    },
+    {
+        name: 'YouTube',
+        type: 'wizard',
+        component: YouTube,
+    },
+    {
+        name: 'Webinars',
+        type: 'wizard',
+        component: Webinars,
+    },
+];
+export const commandItems = [
+    {
+        name: 'BookStack',
+        type: 'command',
+        command: () => openChrome('WebinarGeek', 'https://bookstack.webinargeek.com'),
+    },
+    {
+        name: 'Nmbrs',
+        type: 'command',
+        command: () => openChrome('WebinarGeek', 'https://syfers.nmbrs.nl'),
+    },
+    {
+        name: 'Passbolt',
+        type: 'command',
+        command: () => openChrome('WebinarGeek', 'https://passbolt.webinargeek.com'),
+    },
+];

package/dist/items/types.d.ts

@@ -0,0 +1,14 @@
+export type ItemType = 'app' | 'command' | 'wizard';
+export type BaseItem<T extends ItemType> = {
+    name: string;
+    type: T;
+    isFavorite?: boolean;
+};
+export type AppItem = BaseItem<'app'>;
+export type CommandItem = BaseItem<'command'> & {
+    command: () => void;
+};
+export type WizardItem = BaseItem<'wizard'> & {
+    component: React.ComponentType;
+};
+export type Item = AppItem | CommandItem | WizardItem;

package/dist/items/types.js

@@ -0,0 +1 @@
+export {};

package/dist/items.d.ts

@@ -0,0 +1,15 @@
+type ItemType = 'app' | 'command' | 'wizard';
+type BaseItem<T extends ItemType> = {
+    name: string;
+    type: T;
+};
+type AppItem = BaseItem<'app'>;
+type CommandItem = BaseItem<'command'> & {
+    command: () => void;
+};
+export type WizardItem = BaseItem<'wizard'> & {
+    component: React.ComponentType;
+};
+export type Item = AppItem | CommandItem | WizardItem;
+export declare const items: Item[];
+export {};

package/dist/items.js

@@ -0,0 +1,94 @@
+import { bookstack } from './bookstack.js';
+import { GoogleChrome } from './GoogleChrome.js';
+import { nmbrs } from './nmbrs.js';
+import { passbolt } from './passbolt.js';
+import { Webinars } from './Webinars.js';
+import { YouTube } from './YouTube.js';
+const apps = [
+    'Alfred 5',
+    'BrowserStackLocal',
+    'Discord',
+    'DisplayLink Manager',
+    'DuckDuckGo',
+    'Firefox',
+    'Google Chrome',
+    'GitHub Desktop',
+    'Google Docs',
+    'Google Drive',
+    'Google Sheets',
+    'Google Slides',
+    'Hammerspoon',
+    'HTTPie',
+    'Hyperkey',
+    'Kit',
+    'Loopback',
+    'OBS',
+    'Rectangle',
+    'Safari',
+    'ScreenFlow',
+    'Shortcat',
+    'Signal',
+    'Slack',
+    'Spotify',
+    'Utilities',
+    'Visual Studio Code',
+    'VLC',
+    'WhatsApp',
+    'WireGuard',
+    'Yubico Authenticator',
+    'YubiKey Manager',
+];
+const excludeApps = [
+    'Alfred 5',
+    'Google Chrome',
+    'Google Docs',
+    'Google Drive',
+    'Google Sheets',
+    'Google Slides',
+    'Kit',
+    'WireGuard',
+    'Loopback',
+    'Utilities',
+];
+const appItems = apps
+    .filter((app) => !excludeApps.includes(app))
+    .map((app) => ({
+    name: app,
+    key: app,
+    type: 'app',
+}));
+const wizardItems = [
+    {
+        name: 'Google Chrome',
+        type: 'wizard',
+        component: GoogleChrome,
+    },
+    {
+        name: 'YouTube',
+        type: 'wizard',
+        component: YouTube,
+    },
+    {
+        name: 'Webinars',
+        type: 'wizard',
+        component: Webinars,
+    },
+];
+const commandItems = [
+    {
+        name: 'BookStack',
+        type: 'command',
+        command: bookstack,
+    },
+    {
+        name: 'Nmbrs',
+        type: 'command',
+        command: nmbrs,
+    },
+    {
+        name: 'Passbolt',
+        type: 'command',
+        command: passbolt,
+    },
+];
+export const items = [...appItems, ...wizardItems, ...commandItems].sort((a, b) => a.name.localeCompare(b.name));

package/dist/nmbrs.d.ts

@@ -0,0 +1 @@
+export declare const nmbrs: () => void;

package/dist/nmbrs.js

@@ -0,0 +1,4 @@
+import { openChrome } from './GoogleChrome.js';
+export const nmbrs = () => {
+    openChrome('WebinarGeek', 'https://syfers.nmbrs.nl');
+};

package/dist/passbolt.d.ts

@@ -0,0 +1 @@
+export declare const passbolt: () => void;

package/dist/passbolt.js

@@ -0,0 +1,4 @@
+import { openChrome } from './GoogleChrome.js';
+export const passbolt = () => {
+    openChrome('WebinarGeek', 'https://passbolt.webinargeek.com');
+};

package/dist/private/my-apps.d.ts

@@ -0,0 +1 @@
+export declare const apps: string[];

package/dist/private/my-apps.js

@@ -0,0 +1,35 @@
+//TODO This list should be populated on application start
+export const apps = [
+    'Alfred 5',
+    'BrowserStackLocal',
+    'Discord',
+    'DisplayLink Manager',
+    'DuckDuckGo',
+    'Firefox',
+    'Google Chrome',
+    'GitHub Desktop',
+    'Google Docs',
+    'Google Drive',
+    'Google Sheets',
+    'Google Slides',
+    'Hammerspoon',
+    'HTTPie',
+    'Hyperkey',
+    'Kit',
+    'Loopback',
+    'OBS',
+    'Rectangle',
+    'Safari',
+    'ScreenFlow',
+    'Shortcat',
+    'Signal',
+    'Slack',
+    'Spotify',
+    'Utilities',
+    'Visual Studio Code',
+    'VLC',
+    'WhatsApp',
+    'WireGuard',
+    'Yubico Authenticator',
+    'YubiKey Manager',
+];

package/dist/private/my-chrome-profiles.EXAMPLE.d.ts

@@ -0,0 +1,4 @@
+export declare const googleChromeProfiles: {
+    readonly mygoogleaccount: "Default";
+    readonly anothergoogleaccount: "Profile 1";
+};

package/dist/private/my-chrome-profiles.EXAMPLE.js

@@ -0,0 +1,12 @@
+// Instructions:
+// 1. Copy this file to src/private/my-chrome-profiles.ts
+// 2. In the folder `/Users/bouwe/Library/Application Support/Google/Chrome`,
+//    you will find the profile folders, which are named `Default`, `Profile 1`, `Profile 2`, etc.
+// 3. To determine which folder is which profile, checkout the profile pictures in these folders.
+// 4. Replace the values with your own Google Chrome profiles.
+// My Google Chrome profiles so that I can open Chrome with the desired profile.
+export const googleChromeProfiles = {
+    mygoogleaccount: 'Default',
+    anothergoogleaccount: 'Profile 1',
+    //etc.
+};

package/dist/private/my-chrome-profiles.d.ts

@@ -0,0 +1,4 @@
+export declare const googleChromeProfiles: {
+    readonly WebinarGeek: "Default";
+    readonly bouwepuntnl: "Profile 1";
+};

package/dist/private/my-chrome-profiles.js

@@ -0,0 +1,5 @@
+// My Google Chrome profiles so that I can open Chrome with the desired profile.
+export const googleChromeProfiles = {
+    WebinarGeek: 'Default',
+    bouwepuntnl: 'Profile 1',
+};

package/dist/private/my-items.EXAMPLE.d.ts

@@ -0,0 +1,6 @@
+import { AppItem, CommandItem, WizardItem } from '../items/types.js';
+export declare const apps: string[];
+export declare const excludeApps: string[];
+export declare const appItems: AppItem[];
+export declare const wizardItems: WizardItem[];
+export declare const commandItems: CommandItem[];

package/dist/private/my-items.EXAMPLE.js

@@ -0,0 +1,47 @@
+import { GoogleChrome, openChrome } from '../GoogleChrome.js';
+import { YouTube } from '../YouTube.js';
+//TODO This list should be populated on application start
+export const apps = [
+    'Discord',
+    'Firefox',
+    'Google Chrome',
+    'GitHub Desktop',
+    'OBS',
+    'Rectangle',
+    'Safari',
+    'Slack',
+    'Spotify',
+    'Visual Studio Code',
+    //etc.
+];
+export const excludeApps = [
+    // Add app names to exclude from displaying in this app.
+    // This is not very useful yet, but will be as soon as the app list is populated on application start.
+    'Safari',
+];
+export const appItems = apps
+    .filter((app) => !excludeApps.includes(app))
+    .map((app) => ({
+    name: app,
+    key: app,
+    type: 'app',
+}));
+export const wizardItems = [
+    {
+        name: 'Google Chrome',
+        type: 'wizard',
+        component: GoogleChrome,
+    },
+    {
+        name: 'YouTube',
+        type: 'wizard',
+        component: YouTube,
+    },
+];
+export const commandItems = [
+    {
+        name: 'Some website',
+        type: 'command',
+        command: () => openChrome('WebinarGeek', 'https://some-website.com'),
+    },
+];

package/dist/private/my-items.d.ts

@@ -0,0 +1,5 @@
+import { AppItem, CommandItem, WizardItem } from '../items/types.js';
+export declare const excludeApps: string[];
+export declare const appItems: AppItem[];
+export declare const wizardItems: WizardItem[];
+export declare const commandItems: CommandItem[];