@sleeperhq/mini-core 1.0.0 → 1.0.2

package/.github/pull_request_template.md

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

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): 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,3 @@
+export * from './types';
+declare const _default: any;
+export default _default;

package/declarations/jersey/index.d.ts

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

package/declarations/sleeper_actions.d.ts

@@ -0,0 +1,5 @@
+import { NavigationType, NavigationTypeId } from './types';
+declare class SleeperActions {
+    navigate: (navType: NavigationType, navTypeId: NavigationTypeId) => void;
+}
+export default SleeperActions;

package/declarations/sleeper_context.d.ts

@@ -0,0 +1,10 @@
+import { User, Navigation, League } from './types';
+import SleeperActions from './sleeper_actions';
+declare class SleeperContext {
+    user: User;
+    navigation: Navigation;
+    league: League;
+    actions: SleeperActions;
+    constructor(user: User, navigation: Navigation, league: League);
+}
+export default SleeperContext;

package/declarations/text/index.d.ts

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

package/declarations/types/index.d.ts

@@ -0,0 +1,9 @@
+import { NAVIGATION_ID, NAVIGATION_TYPE } from './redux/native_nav/constants.d';
+export declare type NavigationType = typeof NAVIGATION_TYPE;
+export declare type NavigationTypeId = typeof NAVIGATION_ID;
+export * from './shared/graphql.d';
+export declare type Navigation = {
+    selectedNavType: NavigationType;
+    selectedNavTypeId: NavigationTypeId;
+    selectedNavData: {};
+};

package/declarations/types/redux/native_nav/constants.d.ts

@@ -0,0 +1,23 @@
+export declare const NAVIGATION_TYPE: {
+    readonly DM: "DM";
+    readonly INBOX: "INBOX";
+    readonly MY_FEED: "MY_FEED";
+    readonly FRIENDS: "FRIENDS";
+    readonly LEAGUE: "LEAGUE";
+    readonly ASYNC_SPORT: "ASYNC_SPORT";
+    readonly CREATE_LEAGUE: "CREATE_LEAGUE";
+    readonly LEAGUE_SYNC: "LEAGUE_SYNC";
+    readonly DRAFTBOARDS: "DRAFTBOARDS";
+    readonly SOLO_OVER_UNDER: "SOLO_OVER_UNDER";
+    readonly CHANNEL: "CHANNEL";
+    readonly MANAGE_CHANNELS: "MANAGE_CHANNELS";
+};
+export declare const NAVIGATION_ID: {
+    readonly DRAFTBOARDS: 1;
+    readonly CREATE_DM: 2;
+    readonly DM_SCREEN: 3;
+    readonly CREATE_LEAGUE: 4;
+    readonly MY_FEED: 5;
+    readonly MENTIONS: 6;
+    readonly FRIENDS: 7;
+};

package/declarations/types/shared/graphql.d.ts

@@ -0,0 +1,98 @@
+export declare type Maybe<T> = T | null;
+export declare type InputMaybe<T> = Maybe<T>;
+export declare type Exact<T extends {
+    [key: string]: unknown;
+}> = {
+    [K in keyof T]: T[K];
+};
+export declare type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
+    [SubKey in K]?: Maybe<T[SubKey]>;
+};
+export declare type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
+    [SubKey in K]: Maybe<T[SubKey]>;
+};
+/** All built-in and custom scalars, mapped to their actual values */
+export declare type Scalars = {
+    ID: string;
+    String: string;
+    Boolean: boolean;
+    Int: number;
+    Float: number;
+    /** JSON */
+    Json: {
+        [key: string]: any;
+    };
+    /** Lists */
+    List: string[];
+    /** Map / Dictionary */
+    Map: {
+        [key: string]: any;
+    };
+    MapWithSnowflakeKey: {
+        [key: string]: any;
+    };
+    /** Sets */
+    Set: string[];
+    /** Snowflake ID */
+    Snowflake: string;
+    SnowflakeList: string[];
+    SnowflakeSet: string[];
+};
+export declare type League = {
+    __typename?: 'League';
+    avatar?: Maybe<Scalars['String']>;
+    company_id?: Maybe<Scalars['Snowflake']>;
+    display_order?: Maybe<Scalars['Int']>;
+    draft_id?: Maybe<Scalars['Snowflake']>;
+    group_id?: Maybe<Scalars['Snowflake']>;
+    last_author_avatar?: Maybe<Scalars['String']>;
+    last_author_display_name?: Maybe<Scalars['String']>;
+    last_author_id?: Maybe<Scalars['Snowflake']>;
+    last_author_is_bot?: Maybe<Scalars['Boolean']>;
+    last_message_attachment?: Maybe<Scalars['Json']>;
+    last_message_id?: Maybe<Scalars['Snowflake']>;
+    last_message_text?: Maybe<Scalars['String']>;
+    last_message_text_map?: Maybe<Scalars['Json']>;
+    last_message_time?: Maybe<Scalars['Int']>;
+    last_pinned_message_id?: Maybe<Scalars['Snowflake']>;
+    last_read_id?: Maybe<Scalars['Snowflake']>;
+    last_transaction_id?: Maybe<Scalars['Snowflake']>;
+    league_id?: Maybe<Scalars['Snowflake']>;
+    matchup_legs?: Maybe<Scalars['List']>;
+    metadata?: Maybe<Scalars['Map']>;
+    name?: Maybe<Scalars['String']>;
+    previous_league_id?: Maybe<Scalars['Snowflake']>;
+    roster_positions?: Maybe<Scalars['List']>;
+    scoring_settings?: Maybe<Scalars['Map']>;
+    season?: Maybe<Scalars['String']>;
+    season_type?: Maybe<Scalars['String']>;
+    settings?: Maybe<Scalars['Map']>;
+    sport?: Maybe<Scalars['String']>;
+    status?: Maybe<Scalars['String']>;
+    total_rosters?: Maybe<Scalars['Int']>;
+};
+export declare type User = {
+    __typename?: 'User';
+    async_bundles?: Maybe<Scalars['List']>;
+    avatar?: Maybe<Scalars['String']>;
+    cookies?: Maybe<Scalars['Int']>;
+    created?: Maybe<Scalars['Int']>;
+    currencies?: Maybe<Scalars['Map']>;
+    data_updated?: Maybe<Scalars['Map']>;
+    deleted?: Maybe<Scalars['Int']>;
+    display_name?: Maybe<Scalars['String']>;
+    email?: Maybe<Scalars['String']>;
+    is_bot?: Maybe<Scalars['Boolean']>;
+    metadata?: Maybe<Scalars['Json']>;
+    notifications?: Maybe<Scalars['Map']>;
+    pending?: Maybe<Scalars['Boolean']>;
+    phone?: Maybe<Scalars['String']>;
+    real_name?: Maybe<Scalars['String']>;
+    solicitable?: Maybe<Scalars['Boolean']>;
+    summoner_name?: Maybe<Scalars['String']>;
+    summoner_region?: Maybe<Scalars['String']>;
+    token?: Maybe<Scalars['String']>;
+    user_id?: Maybe<Scalars['Snowflake']>;
+    username?: Maybe<Scalars['String']>;
+    verification?: Maybe<Scalars['String']>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleeperhq/mini-core",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Core library frameworks for developing Sleeper Mini Apps.",
   "main": "index.ts",
   "types": "index.d.ts",

package/src/components/index.tsx

@@ -1,13 +1,8 @@
 import React from 'react';
-import {
-  ColorValue,
-  GestureResponderEvent,
-  TextProps,
-  View,
-  ViewStyle,
-} from 'react-native';
+import {TextProps, View} from 'react-native';
 import {Federated} from '@callstack/repack/client';
-import {Context} from '../types';
+import type {ButtonProps} from '../../declarations/button';
+import type {JerseyProps} from '../../declarations/jersey';
 
 const _SleeperModule = React.lazy(() =>
   Federated.importModule('sleeper', 'index').catch(() => ({
@@ -20,15 +15,6 @@ const _SleeperModule = React.lazy(() =>
   })),
 );
 
-type ButtonProps = {
-  height?: number;
-  gradient?: (string | number)[];
-  start?: {x: number; y: number};
-  end?: {x: number; y: number};
-  disable?: boolean;
-  onPress?: (event: GestureResponderEvent) => void;
-  text?: string;
-};
 const Button = (props: ButtonProps) => {
   return (
     <React.Suspense fallback={<View />}>
@@ -45,12 +31,6 @@ const Text = (props: TextProps) => {
   );
 };
 
-type JerseyProps = {
-  style: ViewStyle;
-  sport: 'nfl' | 'nba' | 'cbb' | 'cfb' | 'mlb';
-  number: string;
-  fill: ColorValue;
-};
 const Jersey = (props: JerseyProps) => {
   return (
     <React.Suspense fallback={<View />}>
@@ -59,5 +39,5 @@ const Jersey = (props: JerseyProps) => {
   );
 };
 
-export type {ButtonProps, Context, TextProps, JerseyProps};
+export type {ButtonProps, TextProps, JerseyProps};
 export {Button, Text, Jersey};

package/src/dev_server/index.tsx

@@ -1,44 +1,12 @@
 import React, {useEffect} from 'react';
 import {Platform} from 'react-native';
+import {Config} from '../types';
 import {ScriptManager, Federated} from '@callstack/repack/client';
 import NetInfo from '@react-native-community/netinfo';
 import dgram from 'react-native-udp';
-import {
-  localSocketPort,
-  remoteSocketPort,
-  remoteBundlePort as _remoteBundlePort,
-  release,
-  remoteIP,
-} from '../../app.json';
 import axios from 'axios';
 
-const remoteBundleHost = release ? remoteIP : 'localhost';
-const remoteBundlePort = release ? _remoteBundlePort : 8081;
-
-ScriptManager.shared.addResolver(async (scriptId, caller) => {
-  const extension =
-    scriptId === 'sleeper' ? '.container.bundle' : '.chunk.bundle';
-  const resolveURL = Federated.createURLResolver({
-    containers: {
-      sleeper: `http://${remoteBundleHost}:${remoteBundlePort}/[name]${extension}`,
-    },
-  });
-
-  // Try to resolve URL based on scriptId and caller
-  const url = resolveURL(scriptId, caller);
-  const query = release ? undefined : {platform: Platform.OS};
-
-  const response = await axios
-    .get(url + '?' + new URLSearchParams(query), {method: 'HEAD'})
-    .catch(() => ({
-      status: 404,
-    }));
-
-  console.log('[Sleeper] load script:', scriptId, caller);
-  if (response?.status === 200) {
-    return {url, query};
-  }
-});
+let config: Config;
 
 const DevServer = props => {
   const onSocket = msg => {
@@ -63,7 +31,7 @@ const DevServer = props => {
       return;
     }
 
-    socket.bind({port: localSocketPort, address: netInfoDetails.ipAddress});
+    socket.bind({port: config.localSocketPort, address: netInfoDetails.ipAddress});
   };
 
   const pingServer = socket => {
@@ -79,7 +47,7 @@ const DevServer = props => {
         const json = JSON.stringify({_ip: netInfoDetails.ipAddress});
 
         (async function ping() {
-          socket.send(json, undefined, undefined, remoteSocketPort, remoteIP);
+          socket.send(json, undefined, undefined, config.remoteSocketPort, config.remoteIP);
           setTimeout(ping, 5000);
         })();
       });
@@ -87,6 +55,11 @@ const DevServer = props => {
   };
 
   useEffect(() => {
+    if (!config) {
+      console.error('[Sleeper] No config file specified. Please make sure you call DevServer.init() early in the app lifecycle.');
+      return;
+    }
+
     const socket = dgram.createSocket({type: 'udp4'});
     bindSocket(socket);
     pingServer(socket);
@@ -101,4 +74,36 @@ const DevServer = props => {
   return <></>;
 };
 
+DevServer.init = (_config: Config) => {
+  config = _config;
+
+  const remoteBundleHost = config.release ? config.remoteIP : 'localhost';
+  const remoteBundlePort = config.release ? config.remoteBundlePort : 8081;
+
+  ScriptManager.shared.addResolver(async (scriptId, caller) => {
+    const extension =
+      scriptId === 'sleeper' ? '.container.bundle' : '.chunk.bundle';
+    const resolveURL = Federated.createURLResolver({
+      containers: {
+        sleeper: `http://${remoteBundleHost}:${remoteBundlePort}/[name]${extension}`,
+      },
+    });
+  
+    // Try to resolve URL based on scriptId and caller
+    const url = resolveURL(scriptId, caller);
+    const query = config.release ? undefined : {platform: Platform.OS};
+  
+    const response = await axios
+      .get(url + '?' + new URLSearchParams(query), {method: 'HEAD'})
+      .catch(() => ({
+        status: 404,
+      }));
+  
+    console.log('[Sleeper] load script:', scriptId, caller);
+    if (response?.status === 200) {
+      return {url, query};
+    }
+  });
+};
+
 export default DevServer;

package/src/types/index.ts

@@ -1,116 +1,12 @@
-export type Maybe<T> = T | null;
-export type Scalars = {
-  ID: string;
-  String: string;
-  Boolean: boolean;
-  Int: number;
-  Float: number;
-  Json: {[key: string]: any};
-  List: string[];
-  Map: {[key: string]: any};
-  MapWithSnowflakeKey: {[key: string]: any};
-  Set: string[];
-  Snowflake: string;
-  SnowflakeList: string[];
-  SnowflakeSet: string[];
-};
-
-export type User = {
-  __typename?: 'User';
-  async_bundles?: Maybe<Scalars['List']>;
-  avatar?: Maybe<Scalars['String']>;
-  cookies?: Maybe<Scalars['Int']>;
-  created?: Maybe<Scalars['Int']>;
-  currencies?: Maybe<Scalars['Map']>;
-  data_updated?: Maybe<Scalars['Map']>;
-  deleted?: Maybe<Scalars['Int']>;
-  display_name?: Maybe<Scalars['String']>;
-  email?: Maybe<Scalars['String']>;
-  is_bot?: Maybe<Scalars['Boolean']>;
-  metadata?: Maybe<Scalars['Json']>;
-  notifications?: Maybe<Scalars['Map']>;
-  pending?: Maybe<Scalars['Boolean']>;
-  phone?: Maybe<Scalars['String']>;
-  real_name?: Maybe<Scalars['String']>;
-  solicitable?: Maybe<Scalars['Boolean']>;
-  summoner_name?: Maybe<Scalars['String']>;
-  summoner_region?: Maybe<Scalars['String']>;
-  token?: Maybe<Scalars['String']>;
-  user_id?: Maybe<Scalars['Snowflake']>;
-  username?: Maybe<Scalars['String']>;
-  verification?: Maybe<Scalars['String']>;
-};
-
-export type League = {
-  __typename?: 'League';
-  avatar?: Maybe<Scalars['String']>;
-  company_id?: Maybe<Scalars['Snowflake']>;
-  display_order?: Maybe<Scalars['Int']>;
-  draft_id?: Maybe<Scalars['Snowflake']>;
-  group_id?: Maybe<Scalars['Snowflake']>;
-  last_author_avatar?: Maybe<Scalars['String']>;
-  last_author_display_name?: Maybe<Scalars['String']>;
-  last_author_id?: Maybe<Scalars['Snowflake']>;
-  last_author_is_bot?: Maybe<Scalars['Boolean']>;
-  last_message_attachment?: Maybe<Scalars['Json']>;
-  last_message_id?: Maybe<Scalars['Snowflake']>;
-  last_message_text?: Maybe<Scalars['String']>;
-  last_message_text_map?: Maybe<Scalars['Json']>;
-  last_message_time?: Maybe<Scalars['Int']>;
-  last_pinned_message_id?: Maybe<Scalars['Snowflake']>;
-  last_read_id?: Maybe<Scalars['Snowflake']>;
-  last_transaction_id?: Maybe<Scalars['Snowflake']>;
-  league_id?: Maybe<Scalars['Snowflake']>;
-  matchup_legs?: Maybe<Scalars['List']>;
-  metadata?: Maybe<Scalars['Map']>;
-  name?: Maybe<Scalars['String']>;
-  previous_league_id?: Maybe<Scalars['Snowflake']>;
-  roster_positions?: Maybe<Scalars['List']>;
-  scoring_settings?: Maybe<Scalars['Map']>;
-  season?: Maybe<Scalars['String']>;
-  season_type?: Maybe<Scalars['String']>;
-  settings?: Maybe<Scalars['Map']>;
-  sport?: Maybe<Scalars['String']>;
-  status?: Maybe<Scalars['String']>;
-  total_rosters?: Maybe<Scalars['Int']>;
-};
-
-export type NavigationType =
-  | 'DM'
-  | 'INBOX'
-  | 'MY_FEED'
-  | 'FRIENDS'
-  | 'LEAGUE'
-  | 'ASYNC_SPORT'
-  | 'CREATE_LEAGUE'
-  | 'LEAGUE_SYNC'
-  | 'DRAFTBOARDS'
-  | 'SOLO_OVER_UNDER'
-  | 'CHANNEL'
-  | 'MANAGE_CHANNELS';
-
-export type NavigationTypeId =
-  | 1 // DRAFTBOARDS
-  | 2 // CREATE_DM
-  | 3 // DM_SCREEN
-  | 4 // CREATE_LEAGUE
-  | 5 // MY_FEED
-  | 6 // MENTIONS
-  | 7; // FRIENDS
-
-export type Navigation = {
-  selectedNavType: NavigationType;
-  selectedNavTypeId: NavigationTypeId;
-  selectedNavData: {};
-};
-
-export type Actions = {
-  navigate: (navType?: NavigationType, navTypeId?: NavigationTypeId) => void;
-};
-
-export type Context = {
-  user?: User;
-  league?: League;
-  navigation?: Navigation;
-  actions?: Actions;
+export * from '../../declarations/types/index.d';
+export { default as Context } from '../../declarations/sleeper_context.d';
+
+export type Config = {
+  name: string,
+  displayName: string,
+  remoteIP: string,
+  localSocketPort: number,
+  remoteSocketPort: number,
+  remoteBundlePort: number,
+  release: boolean,
 };

package/app.json

@@ -1,9 +0,0 @@
-{
-  "name": "template",
-  "displayName": "template",
-  "remoteIP": "192.168.86.190",
-  "localSocketPort": 8082,
-  "remoteSocketPort": 9092,
-  "remoteBundlePort": 9091,
-  "release": true
-}