@sleeperhq/mini-core 0.0.2

package/.github/pull_request_template.md

@@ -0,0 +1,8 @@
+### Description
+
+
+### How To Test
+
+1. 
+
+### Screenshots/Video

package/README.md

@@ -0,0 +1,9 @@
+# Sleeper-Mini Core
+
+![Sleeper](https://user-images.githubusercontent.com/61988202/223927288-c54734de-39f9-40c5-bb24-d1b193c9c374.png)
+
+## Description
+
+This package contains built in sleeper UI components and dev server functionality for creating mini apps.
+
+Please see the main repo at [sleeper-mini](https://github.com/blitzstudios/sleeper-mini) for more information.

package/bin/build_mini.js

@@ -0,0 +1,189 @@
+#!/usr/bin/env node
+
+const { spawn } = require('child_process');
+const os = require('os');
+const path = require('path');
+const readLine = require('readline');
+const fs = require('fs');
+
+const isWindows = os.platform() === 'win32';
+
+const getCommands = (projectName) => {
+  // Pathing
+  const distPath = path.join('dist', projectName);
+  const zipFilePath = `${distPath}.zip`;
+  const assetsDestPath = {
+    ios: path.join(distPath, 'ios'),
+    android: path.join(distPath, 'android'),
+  };
+  const bundleOutputPath = {
+    ios: path.join(assetsDestPath["ios"], 'index.bundle'),
+    android: path.join(assetsDestPath["android"], 'index.bundle'),
+  };
+  const sourcemapOutputPath = {
+    ios: path.join(assetsDestPath["ios"], 'index.bundle.map'),
+    android: path.join(assetsDestPath["android"], 'index.bundle.map'),
+  };
+  const reactNativeCliPath = path.join('node_modules', 'react-native', 'cli.js');
+  
+  // Commands
+  const removeDir = (isWindows ? 'rmdir /s /q ' : 'rm -rf ');
+  // TODO (Windows): double check this zip command.
+  const zip = isWindows ?
+    `powershell Compress-Archive -Path "${distPath}" -DestinationPath "${zipFilePath}"` :
+    `cd dist && zip -r "${projectName}.zip" * && cd -`;
+  const cleanIndex = `${removeDir} "${bundleOutputPath["ios"]}" "${bundleOutputPath["android"]}" "${sourcemapOutputPath["ios"]}" "${sourcemapOutputPath["android"]}"`;
+  const cleanAll = `${removeDir} dist node_modules`;
+  const cleanBuild = `${removeDir} "${distPath}" "${assetsDestPath["ios"]}" "${assetsDestPath["android"]}"`;
+  const install = `yarn install`;
+
+  const getBundleCommand = (platform) => {
+    return `node "${reactNativeCliPath}" webpack-bundle \
+    --entry-file ./node_modules/@sleeperhq/mini-core/start.tsx \
+    --platform ${platform} \
+    --dev false \
+    --reset-cache \
+    --bundle-output "${bundleOutputPath[platform]}" \
+    --sourcemap-output "${sourcemapOutputPath[platform]}" \
+    --minify true \
+    --assets-dest "${assetsDestPath[platform]}" \
+    --webpackConfig ./node_modules/@sleeperhq/mini-core/webpack.config.js`;
+  };
+  
+  // Exposed
+  return {
+    bundleIOS: getBundleCommand('ios'),
+    bundleAndroid: getBundleCommand('android'),
+    zip,
+    cleanIndex,
+    cleanAll,
+    cleanBuild,
+    zipFilePath,
+    install,
+  }
+}
+
+const spawnProcess = (command, errorMessage) => {
+  return new Promise((resolve) => {
+    const child = isWindows
+      ? spawn('cmd.exe', ['/c', command])
+      : spawn(command, { env: process.env, shell: process.env.SHELL || true });
+
+    child.stdout.on('data', (data) => {
+      process.stdout.write(data); // output the data to the console
+    });
+
+    child.stderr.on('data', (data) => {
+      process.stderr.write(data); // output the error to the console
+    });
+
+    child.on('close', (code) => {
+      if (code !== 0) {
+        printError(errorMessage || `command exited with non-zero code: ${code}`);
+        process.exit(1);
+      }
+      resolve();
+    });
+  });
+};
+
+const printError = (error) => {
+  console.error("\n\033[91m" + error + "\033[0m");
+};
+
+const printInfo = (message) => {
+  console.log("\n\033[96m" + message + "\033[0m");
+};
+
+const printComplete = (message) => {
+  console.log("\033[92m" + message + "\033[0m");
+};
+
+const getInput = (message, fallback) => {
+  const interface = readLine.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+  
+  return new Promise((resolve) => {
+    interface.question("\n\033[96m[current: " + fallback + "]\033[0m " + message, (name) => {
+      const result = name.trim();
+      if (!result) {
+        resolve(fallback);
+      } else {
+        resolve(name.trim());
+      }
+      interface.close();
+    });
+  });
+};
+
+const getProjectName = () => {
+  const appJsonPath = 'app.json';
+  const appJson = JSON.parse(fs.readFileSync(appJsonPath));
+  return appJson.name;
+}
+
+const setProjectName = (name) => {
+  const podfilePath = path.join('ios', 'Podfile');
+  const podfileString = fs.readFileSync(podfilePath).toString();
+  const newPodfileString = podfileString.replace(/target '.*'/, `target '${name}'`);
+  fs.writeFileSync(podfilePath, newPodfileString);
+}
+
+const validateProjectName = (name) => {
+  const regex = /^[a-zA-Z0-9_]+$/;
+  return regex.test(name);
+}
+
+const main = async () => {
+  // Enter project name.
+  const fallback = getProjectName();
+  const projectName = await getInput("Enter project name (return to skip): ", fallback);
+  if (!validateProjectName(projectName)) {
+    printError("Invalid project name. Only alphanumeric characters and underscores are allowed.");
+    process.exit(1);
+  }
+  
+  if (projectName !== fallback) {
+    await spawnProcess(`yarn react-native-rename "${projectName}" --skipAllGitChecks`, "rename command exited with non-zero code");
+    setProjectName(projectName);
+  }
+
+  const commands = getCommands(projectName);
+
+  const shouldClean = await getInput("Clean and rebuild project? (y/n): ", 'y');
+  if (shouldClean === 'y') {
+    // Clean build folders
+    await spawnProcess(commands.cleanAll, "clean command exited with non-zero code");
+  
+    // Run yarn
+    await spawnProcess(commands.install, "install command exited with non-zero code");
+  }
+
+  // Build iOS
+  printInfo("Building iOS...");
+  await spawnProcess(commands.bundleIOS, "webpack-bundle ios command exited with non-zero code");
+  printComplete("iOS build complete.");
+
+  // Build Android
+  printInfo("Building Android...");
+  await spawnProcess(commands.bundleAndroid, "webpack-bundle android command exited with non-zero code");
+  printComplete("Android build complete.");
+
+  // Copy the app.json file to the dist folder
+  fs.copyFileSync('app.json', path.join('dist', projectName, 'app.json'));
+
+  // Create Zip Archive
+  printInfo("Creating zip archive...");
+  await spawnProcess(commands.cleanIndex, "clean index command exited with non-zero code");
+  await spawnProcess(commands.zip, "zip command exited with non-zero code");
+  printComplete(`Zip archive created successfully at ${commands.zipFilePath}`);
+
+  // Clean build folders
+  await spawnProcess(commands.cleanBuild, "clean build command exited with non-zero code");
+
+  process.exit(0);
+};
+
+main();

package/bin/preload_packages.js

@@ -0,0 +1,58 @@
+#!/usr/bin/env node
+
+const os = require('os');
+const path = require('path');
+const fs = require('fs');
+
+const printError = (error) => {
+  console.error("\n\033[91m" + error + "\033[0m");
+};
+
+const printInfo = (message) => {
+  console.log("\n\033[96m" + message + "\033[0m");
+};
+
+const printComplete = (message) => {
+  console.log("\033[92m" + message + "\033[0m");
+};
+
+const main = async () => {
+  // Load the package.json
+  const packageJsonPath = path.join('package.json');
+  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath));
+
+  // Get the dependencies
+  const dependencies = packageJson.dependencies;
+
+  // Remove packages that cause conflicts
+  delete dependencies['@babel/runtime'];
+  delete dependencies['@babel/plugin-transform-runtime'];
+  delete dependencies['regenerator-runtime'];
+
+  // Write a ./package_list.js file that imports all dependencies
+  const packageListPath = path.join('package_list.js');
+  const packageList = Object.keys(dependencies).map(
+    (packageName) => `import '${packageName}';`
+  ).join('\n');
+
+  let output = 
+  `/*
+  This file is automatically generated when you
+  add a package to your package.json and run yarn.
+  Please do not edit manually.
+*/
+
+${packageList}
+`;
+
+  fs.writeFileSync(packageListPath, output);
+
+  // Write a ./mini_packages.json file that shows all available packages in sleeper.
+  const source = 'node_modules/@sleeperhq/mini-core/mini_packages.json';
+  const destination = 'mini_packages.json';
+  fs.copyFile(source, destination, () => {});
+
+  process.exit(0);
+};
+
+main();

package/declarations/avatar/index.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { League, Player, User } from "@sleeperhq/mini-core/declarations/types/shared/graphql.d";
+export interface AvatarProps {
+    user: User;
+    width?: number;
+}
+export declare const Avatar: React.MemoExoticComponent<(props: AvatarProps) => React.JSX.Element>;
+export interface AvatarPlayerProps {
+    player: Player;
+    width?: number;
+}
+export declare const AvatarPlayer: React.MemoExoticComponent<(props: AvatarPlayerProps) => React.JSX.Element>;
+export interface AvatarTeamProps {
+    team: string;
+    sport: string;
+    width?: number;
+}
+export declare const AvatarTeam: React.MemoExoticComponent<(props: AvatarTeamProps) => React.JSX.Element>;
+export interface AvatarLeagueProps {
+    league: League;
+    width?: number;
+}
+export declare const AvatarLeague: React.MemoExoticComponent<(props: AvatarLeagueProps) => React.JSX.Element>;

package/declarations/button/index.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { GestureResponderEvent } from 'react-native';
+export interface ButtonProps {
+    height?: number;
+    gradient?: (string | number)[];
+    start?: {
+        x: number;
+        y: number;
+    };
+    end?: {
+        x: number;
+        y: number;
+    };
+    disable?: boolean;
+    onPress?: (event: GestureResponderEvent) => void;
+    text?: string;
+}
+declare const Button: {
+    (props: ButtonProps): React.JSX.Element;
+    defaultProps: {
+        height: number;
+        shadowHeight: number;
+        gradient: string[];
+        type: string;
+        size: string;
+        isForSmallScreen: boolean;
+        start: {
+            x: number;
+            y: number;
+        };
+        end: {
+            x: number;
+            y: number;
+        };
+    };
+};
+export default Button;

package/declarations/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from "react";
+
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/declarations/jersey/index.d.ts

@@ -0,0 +1,9 @@
+import { ColorValue, ViewStyle } from 'react-native';
+import SleeperJersey from '@sleeperhq/mini-core/declarations/types/components/jersey.d';
+export interface JerseyProps {
+    style: ViewStyle;
+    sport: 'nfl' | 'nba' | 'cbb' | 'cfb' | 'mlb';
+    number: string;
+    fill: ColorValue;
+}
+export default SleeperJersey;

package/declarations/navigation/index.d.ts

@@ -0,0 +1,35 @@
+import type { LeagueId, PlayerId, RosterId, SportType, TransactionId } from '@sleeperhq/mini-core/declarations/types';
+export type NavigationParams = {
+    LeaguesIndexScreen: undefined;
+    LeaguesDetailScreen: LeaguesDetailScreenParams;
+    ScoreIndexScreen: undefined;
+    ScoreDetailScreen: undefined;
+    PicksIndexScreen: undefined;
+    FeedIndexScreen: undefined;
+    WebviewScreen: undefined;
+    ManageChannelsScreen: undefined;
+    MinisIndexScreen: undefined;
+    LeftDrawer: undefined;
+    TradeCenterTransactionScreen: TradeCenterTransactionScreenParams;
+    TradeCenterPlayersScreen: TradeCenterPlayersScreenParams;
+    PlayerPopupScreen: PlayerPopupScreenParams;
+};
+export type NavigationScreen = keyof NavigationParams;
+export type LeaguesDetailScreenParams = {
+    leagueId: LeagueId;
+};
+export type TradeCenterTransactionScreenParams = {
+    leagueId: LeagueId;
+    transactionId: TransactionId;
+};
+export type TradeCenterPlayersScreenParams = {
+    leagueId: LeagueId;
+    myRosterId: RosterId;
+    rosterIds?: RosterId[];
+    addMap?: Record<RosterId, PlayerId[]>;
+    dropMap?: Record<RosterId, PlayerId[]>;
+};
+export type PlayerPopupScreenParams = {
+    playerId: PlayerId;
+    sport: SportType;
+};

package/declarations/sleeper_actions.d.ts

@@ -0,0 +1,8 @@
+import { NavigationParams, NavigationScreen, ToastConfig, Notification } from '@sleeperhq/mini-core/declarations/types';
+export type SleeperActions = {
+    navigate?: <T extends NavigationScreen>(screen: T, params?: NavigationParams[T]) => void;
+    requestLocation?: () => void;
+    showToast?: (toastData: ToastConfig) => void;
+    scheduleNotification?: (notification: Notification) => Promise<string>;
+    cancelNotification?: (notificationId: string) => Promise<void>;
+};

package/declarations/sleeper_context.d.ts

@@ -0,0 +1,28 @@
+import { User, League, LeaguesMap, RostersInLeagueMap, UserMap, MatchupsInLeagueMap, UsersInLeagueMap, PlayoffsInLeagueMap, TransactionsInLeagueMap, TransactionsMap, SportInfoMap, DraftsInLeagueMap, DraftPickTradesInLeagueMap, DraftPicksInDraftMap, PlayersInSportMap, Topic, Location, SportType } from '@sleeperhq/mini-core/declarations/types';
+import type { SleeperActions } from '@sleeperhq/mini-core/declarations/sleeper_actions';
+declare class SleeperContext {
+    static apiLevel: string;
+    user: User;
+    league: League;
+    leaguesMap: LeaguesMap;
+    leaguesMapBySport: Record<SportType, LeaguesMap>;
+    userLeagueList: string[];
+    userLeagueListBySport: Record<SportType, string[]>;
+    rostersInLeagueMap: RostersInLeagueMap;
+    userMap: UserMap;
+    matchupsInLeagueMap: MatchupsInLeagueMap;
+    usersInLeagueMap: UsersInLeagueMap;
+    playoffsInLeagueMap: PlayoffsInLeagueMap;
+    transactionsInLeagueMap: TransactionsInLeagueMap;
+    transactionsMap: TransactionsMap;
+    sportInfoMap: SportInfoMap;
+    draftsInLeagueMap: DraftsInLeagueMap;
+    draftPickTradesInLeagueMap: DraftPickTradesInLeagueMap;
+    draftPicksInDraftMap: DraftPicksInDraftMap;
+    playersInSportMap: PlayersInSportMap;
+    podcasts: Topic[][];
+    videos: Topic[][];
+    location: Location;
+    actions: SleeperActions;
+}
+export default SleeperContext;

package/declarations/sleeper_message.d.ts

@@ -0,0 +1,12 @@
+import type { Entitlement, HeaderOptions, Metadata } from '@sleeperhq/mini-core/declarations/types';
+type SocketMessage = {
+    _ip?: string;
+    _name?: string;
+    _webpack?: string;
+    _contextGet?: string;
+    _description?: string;
+    _entitlements?: Entitlement[];
+    _headerOptions?: HeaderOptions;
+    _metadata?: Metadata;
+};
+export default SocketMessage;

package/declarations/switch/index.d.ts

@@ -0,0 +1,3 @@
+import { AppIconSwitch } from '@sleeperhq/mini-core/declarations/types/components/app_icon_switch.d';
+export type { SwitchOption, Props as SwitchProps } from '@sleeperhq/mini-core/declarations/types/components/app_icon_switch.d';
+export default AppIconSwitch;

package/declarations/text/index.d.ts

@@ -0,0 +1,14 @@
+import React, { PureComponent } from 'react';
+import { TextProps } from 'react-native';
+
+type Props = {
+    color?: string;
+    inheritStyles?: boolean;
+    screenShrink?: number;
+} & TextProps;
+export type AppTextProps = Props;
+export default class AppText extends PureComponent<Props> {
+    private getStyles;
+    render(): React.JSX.Element;
+}
+export {};

package/declarations/types/components/app_icon_switch.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export type SwitchOption = {
+    colorToggleActive: string;
+    colorIconActive: string;
+    colorIconInactive?: string;
+    iconStyle?: any;
+    icon: any;
+    iconInactive?: any;
+    text?: string;
+    hideIconInactive?: boolean;
+};
+export type Props = {
+    options: [SwitchOption, SwitchOption];
+    value?: number;
+    onChange?: (value: number) => void;
+    height?: number;
+    width?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+    toggleStyle?: StyleProp<ViewStyle>;
+    aspectRatio?: number;
+    confirmationFunction?: (nextSelection: 'on' | 'off', continueAction: () => void) => void;
+};
+export declare const AppIconSwitch: React.MemoExoticComponent<({ height, options, value, width, onChange, containerStyle, toggleStyle, aspectRatio, confirmationFunction }: Props) => React.JSX.Element>;

package/declarations/types/components/jersey.d.ts

@@ -0,0 +1,3 @@
+export default Jersey;
+declare const Jersey: React.NamedExoticComponent<object>;
+import React from 'react';

package/declarations/types/index.d.ts

@@ -0,0 +1,33 @@
+import type { ToastConfig as ToastConfigOriginal } from '@sleeperhq/mini-core/declarations/types/utils/toast_helper.d';
+import { SportType } from '@sleeperhq/mini-core/declarations/types/minis/index.d';
+export * from '@sleeperhq/mini-core/declarations/navigation/index.d';
+export * from '@sleeperhq/mini-core/declarations/types/shared/graphql.d';
+export * from '@sleeperhq/mini-core/declarations/types/minis/index.d';
+export type Entitlement = 'user:email' | 'user:phone' | 'wallet:date_of_birth' | 'wallet:first_name' | 'wallet:last_name' | 'wallet:country_code' | 'wallet:city' | 'location:longitude' | 'location:latitude' | 'location:state' | 'location:country' | 'location:postalCode' | 'action:push_notification';
+export type Entitlements = Partial<Record<Entitlement, any>>;
+export declare const EntitlementDisplayText: Record<Entitlement, string>;
+export type HeaderOptions = {
+    useLeagueSelector?: boolean;
+};
+export type Metadata = {
+    sports?: SportType[];
+};
+export type Mini = {
+    name: string;
+    description: string;
+    id: string;
+    version?: number;
+    email?: string;
+    entitlements?: Entitlement[];
+    headerOptions?: HeaderOptions;
+    metadata?: Metadata;
+};
+export type Location = {
+    state: string;
+    country: string;
+    hasPermission: 'pending' | 'yes' | 'no';
+};
+export type VersionMap = Record<string, Mini>;
+export type ToastConfig = Omit<ToastConfigOriginal, 'icon'> & {
+    icon?: 'success' | 'error';
+};

package/declarations/types/minis/index.d.ts

@@ -0,0 +1,71 @@
+import type { League, Roster, User, MatchupLeg, LeagueTransaction, Draft, DraftPick, RosterDraftPick, Player, Topic } from '@sleeperhq/mini-core/declarations/types/shared/graphql.d';
+export type LeagueId = string;
+export type RosterId = string;
+export type UserId = string;
+export type MatchupWeek = number;
+export type MatchId = string;
+export type TransactionId = string;
+export type SportType = string;
+export type DraftId = string;
+export type PlayerId = string;
+export type TopicId = 'podcasts' | 'videos';
+export type { Topic };
+export type BracketFrom = {
+    w?: RosterId;
+    l?: RosterId;
+};
+export type Bracket = {
+    round: number;
+    matchId: MatchId;
+    t1: RosterId;
+    t2: RosterId;
+    w: RosterId;
+    l: RosterId;
+    t1_from: BracketFrom;
+    t2_from: BracketFrom;
+};
+export type BracketSet = {
+    bracket: Bracket[];
+    loserBracket: Bracket[];
+};
+export type SportInfo = {
+    season_type: string;
+    season: string;
+    week?: number;
+    display_week?: number;
+    leg?: number;
+    league_season?: string;
+    league_create_season?: string;
+    previous_season?: string;
+    season_start_date?: string;
+    season_end_date?: string;
+};
+export type LeaguesMap = Record<LeagueId, League>;
+export type RostersMap = Record<RosterId, Roster>;
+export type RostersInLeagueMap = Record<LeagueId, RostersMap>;
+export type UserMap = Record<UserId, User>;
+export type MathchupWeekMap = Record<MatchupWeek, MatchupLeg>;
+export type MatchupsInLeagueMap = Record<LeagueId, MathchupWeekMap>;
+export type UsersInLeagueMap = Record<LeagueId, UserMap>;
+export type PlayoffsInLeagueMap = Record<LeagueId, BracketSet>;
+export type TransactionsInLeagueMap = Record<LeagueId, TransactionId[]>;
+export type TransactionsMap = Record<TransactionId, LeagueTransaction>;
+export type SportInfoMap = Record<SportType, SportInfo>;
+export type DraftsInLeagueMap = Record<LeagueId, Draft[]>;
+export type DraftPickTradesInLeagueMap = Record<LeagueId, RosterDraftPick[]>;
+export type DraftPicksInDraftMap = Record<DraftId, DraftPick[]>;
+export type PlayersMap = Record<PlayerId, Player>;
+export type PlayersInSportMap = Record<SportType, PlayersMap>;
+export type Notification = {
+    title?: string | undefined;
+    body?: string | undefined;
+    timestamp?: number;
+};
+export declare const EventHandlerResult: {
+    readonly CONSUMED: "CONSUMED";
+    readonly PROPAGATE: "PROPAGATE";
+};
+export type EventHandlerResultType = typeof EventHandlerResult[keyof typeof EventHandlerResult];
+export type Events = {
+    onBackButtonPressed?: () => EventHandlerResultType;
+};