ps99-api 1.1.0 → 2.0.0

package/example-web/react2/src/components/EggsComponent.tsx

@@ -0,0 +1,62 @@
+import React from "react";
+import { CollectionConfigData } from "ps99-api";
+import { GenericFetchComponent } from "./GenericFetchComponent";
+import ImageComponent from "./ImageComponent";
+
+const EggsComponent: React.FC<{
+  configData?: CollectionConfigData<"Eggs">;
+}> = ({ configData }) => {
+  return (
+    <GenericFetchComponent<CollectionConfigData<"Eggs">>
+      collectionName="Eggs"
+      configData={configData}
+      render={(data) => (
+        <div>
+          <h2>{data.name}</h2>
+          <ImageComponent src={data.icon} alt={data.name} />
+          <p>Currency: {data.currency}</p>
+          <p>Override Cost: {data.overrideCost}</p>
+          {data.isCustomEgg && <p>Custom Egg: Yes</p>}
+          {data.bestEgg && <p>Best Egg: Yes</p>}
+          {data.disableGold && <p>Disable Gold: Yes</p>}
+          {data.disableRainbow && <p>Disable Rainbow: Yes</p>}
+          {data.disableShiny && <p>Disable Shiny: Yes</p>}
+          {data.disableModifiers && <p>Disable Modifiers: Yes</p>}
+          {data.goldChance && <p>Gold Chance: {data.goldChance}</p>}
+          {data.rainbowChance && <p>Rainbow Chance: {data.rainbowChance}</p>}
+          {data.shinyChance && <p>Shiny Chance: {data.shinyChance}</p>}
+          {data.rarity && (
+            <div>
+              <p>Rarity: {data.rarity.DisplayName}</p>
+              <p>Rarity Number: {data.rarity.RarityNumber}</p>
+            </div>
+          )}
+          <h3>Pets:</h3>
+          <ul>
+            {data.pets.map((pet, index) => (
+              <li key={index}>
+                <p>Name: {pet[0]}</p>
+                <p>Chance: {pet[1]}</p>
+                {pet[2] && <p>Tier: {pet[2]}</p>}
+              </li>
+            ))}
+          </ul>
+          {data.productIds && (
+            <div>
+              <h3>Product IDs:</h3>
+              <ul>
+                {Object.entries(data.productIds).map(([key, value]) => (
+                  <li key={key}>
+                    {key}: {value}
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+        </div>
+      )}
+    />
+  );
+};
+
+export default EggsComponent;

package/example-web/react2/src/components/EnchantsComponent.tsx

@@ -0,0 +1,46 @@
+import React from "react";
+import { CollectionConfigData } from "ps99-api";
+import { GenericFetchComponent } from "./GenericFetchComponent";
+import ImageComponent from "./ImageComponent";
+
+const EnchantsComponent: React.FC<{
+  configData?: CollectionConfigData<"Enchants">;
+}> = ({ configData }) => {
+  return (
+    <GenericFetchComponent<CollectionConfigData<"Enchants">>
+      collectionName="Enchants"
+      configData={configData}
+      render={(data) => (
+        <div>
+          <h2>Enchantment</h2>
+          {data.PageIcon && (
+            <ImageComponent src={data.PageIcon} alt="Page Icon" />
+          )}
+          <p>Base Tier: {data.BaseTier}</p>
+          <p>Max Tier: {data.MaxTier}</p>
+          <p>Max Page: {data.MaxPage}</p>
+          {data.DiminishPowerThreshold && (
+            <p>Diminish Power Threshold: {data.DiminishPowerThreshold}</p>
+          )}
+          {data.EmpoweredBoost && <p>Empowered Boost: {data.EmpoweredBoost}</p>}
+          {data.ProductId && <p>Product ID: {data.ProductId}</p>}
+          <h3>Tiers:</h3>
+          <ul>
+            {data.Tiers.map((tier, index) => (
+              <li key={index}>
+                <ImageComponent src={tier.Icon} alt={tier.DisplayName} />
+                <p>Display Name: {tier.DisplayName}</p>
+                <p>Description: {tier.Desc}</p>
+                <p>Power: {tier.Power}</p>
+                <p>Rarity: {tier.Rarity.DisplayName}</p>
+                <p>Rarity Number: {tier.Rarity.RarityNumber}</p>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+    />
+  );
+};
+
+export default EnchantsComponent;

package/example-web/react2/src/components/ErrorComponent.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+
+interface ErrorProps {
+  message: string;
+}
+
+const ErrorComponent: React.FC<ErrorProps> = ({ message }) => {
+  return (
+    <div>
+      <h2>Error</h2>
+      <p>{message}</p>
+    </div>
+  );
+};
+
+export default ErrorComponent;

package/example-web/react2/src/components/FishingRodsComponent.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import { CollectionConfigData } from "ps99-api";
+import { GenericFetchComponent } from "./GenericFetchComponent";
+import ImageComponent from "./ImageComponent";
+
+const FishingRodsComponent: React.FC<{
+  configData?: CollectionConfigData<"FishingRods">;
+}> = ({ configData }) => {
+  return (
+    <GenericFetchComponent<CollectionConfigData<"FishingRods">>
+      collectionName="FishingRods"
+      configData={configData}
+      render={(data) => (
+        <div>
+          <h2>{data.DisplayName}</h2>
+          <ImageComponent src={data.Icon} alt={data.DisplayName} />
+          <p>Fishing Chance: {data.FishingChance}</p>
+          <p>Fishing Currency Multiplier: {data.FishingCurrencyMultiplier}</p>
+          <p>Minimum Fishing Time: {data.MinFishingTime} seconds</p>
+          <p>
+            Fishing Game Speed Multiplier: {data.FishingGameSpeedMultiplier}
+          </p>
+          <p>Bar Size: {data.BarSize}</p>
+          <p>Associated Item ID: {data.AssociatedItemID}</p>
+          {data.MerchantSalePrice && (
+            <p>Merchant Sale Price: {data.MerchantSalePrice}</p>
+          )}
+          <h3>Fishing Odds:</h3>
+          <ul>
+            {data.FishingOdds.map((odds, index) => (
+              <li key={index}>
+                {odds[0]}: {odds[1]}%
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+    />
+  );
+};
+
+export default FishingRodsComponent;

package/example-web/react2/src/components/FruitsComponent.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+import { CollectionConfigData } from "ps99-api";
+import { GenericFetchComponent } from "./GenericFetchComponent";
+import ImageComponent from "./ImageComponent";
+
+const FruitsComponent: React.FC<{
+  configData?: CollectionConfigData<"Fruits">;
+}> = ({ configData }) => {
+  return (
+    <GenericFetchComponent<CollectionConfigData<"Fruits">>
+      collectionName="Fruits"
+      configData={configData}
+      render={(data) => (
+        <div>
+          <h2>{data.DisplayName}</h2>
+          <ImageComponent src={data.Icon} alt={data.DisplayName} />
+          <p>Duration: {data.Duration} seconds</p>
+          <p>Rarity: {data.Rarity.DisplayName}</p>
+          <p>Rarity Number: {data.Rarity.RarityNumber}</p>
+          {data.Desc && <p>Description: {data.Desc}</p>}
+          {data.IgnoreFruitMachine && <p>Ignore Fruit Machine: Yes</p>}
+          <h3>Boosts:</h3>
+          <ul>
+            {data.Boost.map((boost, index) => (
+              <li key={index}>
+                {boost.Type}: {boost.Amount}
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+    />
+  );
+};
+
+export default FruitsComponent;

package/example-web/react2/src/components/GenericFetchComponent.tsx

@@ -0,0 +1,53 @@
+import React, { useEffect, useState, ReactNode } from "react";
+import { useParams } from "react-router-dom";
+import { PetSimulator99API, ApiResponseBody, CollectionName } from "ps99-api";
+
+interface GenericFetchComponentProps<T> {
+  collectionName: CollectionName;
+  render: (data: T) => ReactNode;
+  configData?: T;
+}
+
+export const GenericFetchComponent = <T,>({
+  collectionName,
+  render,
+  configData,
+}: GenericFetchComponentProps<T>) => {
+  const { configName } = useParams<{ configName: string }>();
+  const [data, setData] = useState<T | null>(configData || null);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (configData) return;
+
+    const fetchData = async () => {
+      if (!configName) return;
+      const api = new PetSimulator99API();
+      const response: ApiResponseBody<any[]> =
+        await api.getCollection(collectionName);
+      if (response.status === "ok") {
+        const item = response.data.find(
+          (item) => item.configName === configName,
+        );
+        if (item) {
+          setData(item.configData);
+        } else {
+          setError("Configuration not found");
+        }
+      } else {
+        setError(response.error.message);
+      }
+    };
+    fetchData();
+  }, [collectionName, configName, configData]);
+
+  if (error) {
+    return <div>Error: {error}</div>;
+  }
+
+  if (!data) {
+    return <div>Loading...</div>;
+  }
+
+  return <>{render(data)}</>;
+};

package/example-web/react2/src/components/GuildBattlesComponent.tsx

@@ -0,0 +1,76 @@
+import React from "react";
+import { CollectionConfigData } from "ps99-api";
+import { GenericFetchComponent } from "./GenericFetchComponent";
+
+const GuildBattlesComponent: React.FC<{
+  configData?: CollectionConfigData<"GuildBattles">;
+}> = ({ configData }) => {
+  return (
+    <GenericFetchComponent<CollectionConfigData<"GuildBattles">>
+      collectionName="GuildBattles"
+      configData={configData}
+      render={(data) => (
+        <div>
+          <h2>{data.Title}</h2>
+          <p>Start Time: {new Date(data.StartTime * 1000).toLocaleString()}</p>
+          <p>
+            Finish Time: {new Date(data.FinishTime * 1000).toLocaleString()}
+          </p>
+          {data.HasGoals && <p>Has Goals: Yes</p>}
+          <h3>Placement Rewards:</h3>
+          <ul>
+            {data.PlacementRewards?.map((reward, index) => (
+              <li key={index}>
+                <p>Item ID: {reward.Item._data.id}</p>
+                {reward.Item._data.pt && <p>Points: {reward.Item._data.pt}</p>}
+                <p>Best: {reward.Best}</p>
+                <p>Worst: {reward.Worst}</p>
+              </li>
+            ))}
+          </ul>
+          <h3>Rewards:</h3>
+          <div>
+            <h4>Gold:</h4>
+            <ul>
+              {data.Rewards.Gold.map((reward, index) => (
+                <li key={index}>
+                  <p>Item ID: {reward._data.id}</p>
+                </li>
+              ))}
+            </ul>
+            <h4>Silver:</h4>
+            <ul>
+              {data.Rewards.Silver.map((reward, index) => (
+                <li key={index}>
+                  <p>Item ID: {reward._data.id}</p>
+                </li>
+              ))}
+            </ul>
+            <h4>Bronze:</h4>
+            <ul>
+              {data.Rewards.Bronze.map((reward, index) => (
+                <li key={index}>
+                  <p>Item ID: {reward._data.id}</p>
+                </li>
+              ))}
+            </ul>
+            {data.Rewards.Good && (
+              <div>
+                <h4>Good:</h4>
+                <ul>
+                  {data.Rewards.Good.map((reward, index) => (
+                    <li key={index}>
+                      <p>Item ID: {reward._data.id}</p>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+    />
+  );
+};
+
+export default GuildBattlesComponent;

package/example-web/react2/src/components/Header.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { useLocation, Link } from "react-router-dom";
+
+const Header: React.FC = () => {
+  const location = useLocation();
+  const pathnames = location.pathname.split("/").filter((x) => x);
+
+  return (
+    <nav>
+      <ol>
+        <li>
+          <Link to="/">Home</Link>
+        </li>
+        {pathnames.map((value, index) => {
+          const to = `/${pathnames.slice(0, index + 1).join("/")}`;
+          return (
+            <li key={to}>
+              <Link to={to}>{decodeURIComponent(value)}</Link>
+            </li>
+          );
+        })}
+      </ol>
+    </nav>
+  );
+};
+
+export default Header;

package/example-web/react2/src/components/HomePage.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+const HomePage: React.FC = () => {
+  return (
+    <div>
+      <h1>Welcome to Pet Simulator 99 API</h1>
+      <p>Select a collection to get started:</p>
+      <Link to="/collections">View Collections</Link>
+    </div>
+  );
+};
+
+export default HomePage;

package/example-web/react2/src/components/HoverboardsComponent.tsx

@@ -0,0 +1,47 @@
+import React from "react";
+import { CollectionConfigData } from "ps99-api";
+import { GenericFetchComponent } from "./GenericFetchComponent";
+import ImageComponent from "./ImageComponent";
+
+const HoverboardsComponent: React.FC<{
+  configData?: CollectionConfigData<"Hoverboards">;
+}> = ({ configData }) => {
+  return (
+    <GenericFetchComponent<CollectionConfigData<"Hoverboards">>
+      collectionName="Hoverboards"
+      configData={configData}
+      render={(data) => (
+        <div>
+          <h2>{data.DisplayName}</h2>
+          <ImageComponent src={data.Icon} alt={data.DisplayName} />
+          <p>Description: {data.Desc}</p>
+          <p>Rarity: {data.Rarity.DisplayName}</p>
+          <p>Rarity Number: {data.Rarity.RarityNumber}</p>
+          {data.Tradable && <p>Tradable: Yes</p>}
+          {data.CanBeShiny && <p>Can Be Shiny: Yes</p>}
+          {data.HoverHeight && <p>Hover Height: {data.HoverHeight}</p>}
+          {data.RotationLimit && <p>Rotation Limit: {data.RotationLimit}</p>}
+          {data.ProductId && <p>Product ID: {data.ProductId}</p>}
+          {data.Animation && <p>Animation: {data.Animation}</p>}
+          {data.BobRate && <p>Bob Rate: {data.BobRate}</p>}
+          {data.PitchScale && <p>Pitch Scale: {data.PitchScale}</p>}
+          {data.MaxRoll && <p>Max Roll: {data.MaxRoll}</p>}
+          {data.DefaultJumpSpeedBoost && (
+            <p>Default Jump Speed Boost: {data.DefaultJumpSpeedBoost}</p>
+          )}
+          {data.IdleVolumeSpeedScale && (
+            <p>Idle Volume Speed Scale: {data.IdleVolumeSpeedScale}</p>
+          )}
+          {data.IdlePitchScale && (
+            <p>Idle Pitch Scale: {data.IdlePitchScale}</p>
+          )}
+          {data.BlockcastScale && <p>Blockcast Scale: {data.BlockcastScale}</p>}
+          {data.SkateMode && <p>Skate Mode: Yes</p>}
+          {data.IdleVolume && <p>Idle Volume: {data.IdleVolume}</p>}
+        </div>
+      )}
+    />
+  );
+};
+
+export default HoverboardsComponent;

package/example-web/react2/src/components/ImageComponent.tsx

@@ -0,0 +1,64 @@
+import React, { useEffect, useState } from "react";
+import { PetSimulator99API } from "ps99-api";
+
+interface ImageProps {
+  src: string;
+  alt: string;
+}
+
+const MAX_CONCURRENT_REQUESTS = 5;
+let currentRequests = 0;
+const queue: (() => void)[] = [];
+
+const processQueue = () => {
+  if (queue.length > 0 && currentRequests < MAX_CONCURRENT_REQUESTS) {
+    const nextRequest = queue.shift();
+    if (nextRequest) {
+      currentRequests++;
+      nextRequest();
+    }
+  }
+};
+
+const ImageComponent: React.FC<ImageProps> = ({ src, alt }) => {
+  const [imageUrl, setImageUrl] = useState<string | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const fetchImage = async () => {
+      try {
+        const api = new PetSimulator99API();
+        const imageBlob = await api.getImage(src);
+        const imageUrl = URL.createObjectURL(new Blob([imageBlob], { type: "image/png" }));
+        setImageUrl(imageUrl);
+      } catch (error) {
+        setError("Error fetching image");
+        console.error("Error fetching image:", error);
+      } finally {
+        currentRequests--;
+        processQueue();
+      }
+    };
+
+    const load = () => {
+      fetchImage();
+    };
+
+    queue.push(load);
+    processQueue();
+
+    return () => {
+      if (imageUrl) {
+        URL.revokeObjectURL(imageUrl);
+      }
+    };
+  }, [src, imageUrl]);
+
+  if (error) {
+    return <div>{error}</div>;
+  }
+
+  return <div>{imageUrl ? <img src={imageUrl} alt={alt} /> : <p>Loading...</p>}</div>;
+};
+
+export default ImageComponent;

package/example-web/react2/src/components/LootboxesComponent.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { CollectionConfigData } from "ps99-api";
+import { GenericFetchComponent } from "./GenericFetchComponent";
+import ImageComponent from "./ImageComponent";
+
+const LootboxesComponent: React.FC<{
+  configData?: CollectionConfigData<"Lootboxes">;
+}> = ({ configData }) => {
+  return (
+    <GenericFetchComponent<CollectionConfigData<"Lootboxes">>
+      collectionName="Lootboxes"
+      configData={configData}
+      render={(data) => (
+        <div>
+          <h2>{data.DisplayName}</h2>
+          <ImageComponent src={data.Icon} alt={data.DisplayName} />
+          <p>Description: {data.Desc}</p>
+          <p>Rarity: {data.Rarity.DisplayName}</p>
+          <p>Rarity Number: {data.Rarity.RarityNumber}</p>
+        </div>
+      )}
+    />
+  );
+};
+
+export default LootboxesComponent;

package/example-web/react2/src/components/MasteryComponent.tsx

@@ -0,0 +1,56 @@
+import React from "react";
+import { CollectionConfigData } from "ps99-api";
+import { GenericFetchComponent } from "./GenericFetchComponent";
+import ImageComponent from "./ImageComponent";
+
+const MasteryComponent: React.FC<{
+  configData?: CollectionConfigData<"Mastery">;
+}> = ({ configData }) => {
+  const renderPerks = (perks: any) => {
+    return Object.entries(perks).map(
+      ([perkType, perkDetails]: [string, any]) => (
+        <div key={perkType}>
+          <h3>{perkType}</h3>
+          {perkDetails.map((detail: any, index: number) => (
+            <div key={index}>
+              <p>Level: {detail.Level}</p>
+              <p>Title: {detail.Title}</p>
+              <p>Description: {detail.Text}</p>
+              {detail.Power && <p>Power: {detail.Power}</p>}
+            </div>
+          ))}
+        </div>
+      ),
+    );
+  };
+
+  return (
+    <GenericFetchComponent<CollectionConfigData<"Mastery">>
+      collectionName="Mastery"
+      configData={configData}
+      render={(data) => (
+        <div>
+          <h2>{data.Name}</h2>
+          <ImageComponent src={data.Icon} alt={data.Name} />
+          <p>Description: {data.Desc}</p>
+          {data.ToggleablePerks && (
+            <div>
+              <h3>Toggleable Perks</h3>
+              {Object.entries(data.ToggleablePerks).map(([perk, value]) => (
+                <p key={perk}>
+                  {perk}: {value ? "Enabled" : "Disabled"}
+                </p>
+              ))}
+            </div>
+          )}
+          <div>
+            <h3>Perks</h3>
+            {renderPerks(data.Perks)}
+          </div>
+        </div>
+      )}
+    />
+  );
+};
+
+export default MasteryComponent;

package/example-web/react2/src/components/MerchantsComponent.tsx

@@ -0,0 +1,45 @@
+import React from "react";
+import { CollectionConfigData } from "ps99-api";
+import { GenericFetchComponent } from "./GenericFetchComponent";
+
+const MerchantComponent: React.FC<{
+  configData?: CollectionConfigData<"Merchants">;
+}> = ({ configData }) => {
+  const renderStockRange = (stockRange: number[][] | undefined) => {
+    if (!stockRange) return null;
+    return stockRange.map((range, index) => (
+      <div key={index}>
+        <p>
+          Level {index + 1}: {range[0]} - {range[1]}
+        </p>
+      </div>
+    ));
+  };
+
+  return (
+    <GenericFetchComponent<CollectionConfigData<"Merchants">>
+      collectionName="Merchants"
+      configData={configData}
+      render={(data) => (
+        <div>
+          <h2>{data.DisplayName}</h2>
+          <p>Price Multiplier: {data.PriceMult}</p>
+          <p>Machine Name: {data.MachineName}</p>
+          <p>Refresh Rate: {data.RefreshRate} seconds</p>
+          {data.HideNotification && <p>Notification: Hidden</p>}
+          {data.HideRespect && <p>Respect: Hidden</p>}
+          {data.IsStatic && <p>Static Merchant</p>}
+          {renderStockRange(data.StockRangeByRespectLevel)}
+          {data.SlotRespectLevels && (
+            <div>
+              <h3>Slot Respect Levels</h3>
+              <p>{data.SlotRespectLevels.join(", ")}</p>
+            </div>
+          )}
+        </div>
+      )}
+    />
+  );
+};
+
+export default MerchantComponent;

package/example-web/react2/src/components/MiscItemsComponent.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+import { CollectionConfigData } from "ps99-api";
+import { GenericFetchComponent } from "./GenericFetchComponent";
+import ImageComponent from "./ImageComponent";
+
+const MiscItemsComponent: React.FC<{
+  configData?: CollectionConfigData<"MiscItems">;
+}> = ({ configData }) => {
+  return (
+    <GenericFetchComponent<CollectionConfigData<"MiscItems">>
+      collectionName="MiscItems"
+      configData={configData}
+      render={(data) => (
+        <div>
+          <h2>{data.DisplayName}</h2>
+          <p>Category: {data.Category}</p>
+          <ImageComponent src={data.Icon} alt={data.DisplayName} />
+          {data.AltIcon && (
+            <ImageComponent
+              src={data.AltIcon}
+              alt={`${data.DisplayName} (Alternate)`}
+            />
+          )}
+          <p>Description: {data.Desc}</p>
+          <p>
+            Rarity: {data.Rarity.DisplayName} (Rarity Number:{" "}
+            {data.Rarity.RarityNumber})
+          </p>
+          {data.Tradable && <p>Tradable: Yes</p>}
+          {!data.Tradable && <p>Tradable: No</p>}
+        </div>
+      )}
+    />
+  );
+};
+
+export default MiscItemsComponent;