ps99-api 2.2.0 → 2.3.0

package/example-web/react2/package.json

@@ -16,7 +16,7 @@
     "ps99-api": "file:../..",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.23.1"
+    "react-router-dom": "^6.24.1"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
@@ -26,8 +26,8 @@
     "css-loader": "^7.1.2",
     "html-webpack-plugin": "^5.6.0",
     "ts-loader": "^9.5.1",
-    "typescript": "^5.5.2",
-    "webpack": "^5.92.0",
+    "typescript": "^5.5.3",
+    "webpack": "^5.92.1",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4",
     "workbox-webpack-plugin": "^7.1.0"

package/example-web/react2/src/App.tsx

@@ -14,8 +14,14 @@ const App: React.FC = () => {
       <Routes>
         <Route path="/" element={<HomePage />} />
         <Route path="/collections" element={<CollectionsIndex />} />
-        <Route path="/collections/:collectionName" element={<CollectionConfigIndex />} />
-        <Route path="/collections/:collectionName/:configName" element={<DynamicCollectionConfigData />} />
+        <Route
+          path="/collections/:collectionName"
+          element={<CollectionConfigIndex />}
+        />
+        <Route
+          path="/collections/:collectionName/:configName"
+          element={<DynamicCollectionConfigData />}
+        />
       </Routes>
       <Footer />
     </Router>

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

@@ -3,7 +3,10 @@ import { useParams } from "react-router-dom";
 import { CollectionName } from "ps99-api";
 
 const DynamicCollectionConfigData: React.FC = () => {
-  const { collectionName, configName } = useParams<{ collectionName: CollectionName; configName: string }>();
+  const { collectionName, configName } = useParams<{
+    collectionName: CollectionName;
+    configName: string;
+  }>();
 
   if (!collectionName || !configName) {
     return <div>Invalid collection or config name</div>;

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

@@ -9,10 +9,10 @@ interface GenericFetchComponentProps<T> {
 }
 
 export const GenericFetchComponent = <T,>({
-                                            collectionName,
-                                            render,
-                                            configData,
-                                          }: GenericFetchComponentProps<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);
@@ -23,9 +23,12 @@ export const GenericFetchComponent = <T,>({
     const fetchData = async () => {
       if (!configName) return;
       const api = new PetSimulator99API();
-      const response: ApiResponseBody<any[]> = await api.getCollection(collectionName);
+      const response: ApiResponseBody<any[]> =
+        await api.getCollection(collectionName);
       if (response.status === "ok") {
-        const item = response.data.find((item) => item.configName === configName);
+        const item = response.data.find(
+          (item) => item.configName === configName,
+        );
         if (item) {
           setData(item.configData);
         } else {

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

@@ -28,7 +28,9 @@ const ImageComponent: React.FC<ImageProps> = ({ src, alt }) => {
       const api = new PetSimulator99API();
       try {
         const imageBlob = await api.getImage(src);
-        const url = URL.createObjectURL(new Blob([imageBlob], { type: "image/png" }));
+        const url = URL.createObjectURL(
+          new Blob([imageBlob], { type: "image/png" }),
+        );
         setImageUrl(url);
       } catch (error) {
         console.error("Error fetching image:", error);
@@ -53,9 +55,7 @@ const ImageComponent: React.FC<ImageProps> = ({ src, alt }) => {
   }, [src]);
 
   return (
-    <div>
-      {imageUrl ? <img src={imageUrl} alt={alt} /> : <p>Loading...</p>}
-    </div>
+    <div>{imageUrl ? <img src={imageUrl} alt={alt} /> : <p>Loading...</p>}</div>
   );
 };
 

package/example-web/react2/webpack.config.js

@@ -1,4 +1,5 @@
 const path = require("path");
+const CopyWebpackPlugin = require("copy-webpack-plugin");
 
 module.exports = {
   entry: "./src/index.tsx",
@@ -27,6 +28,11 @@ module.exports = {
     path: path.resolve(__dirname, "dist"),
     publicPath: "/",
   },
+  plugins: [
+    new CopyWebpackPlugin({
+      patterns: [{ from: path.resolve(__dirname, "public") }],
+    }),
+  ],
   devServer: {
     static: {
       directory: path.join(__dirname, "public"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ps99-api",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Pet Simulator Public API wrapper written in Typescript.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,15 +25,15 @@
     "@semantic-release/git": "^10.0.1",
     "@tsconfig/node20": "^20.1.4",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.14.2",
+    "@types/node": "^20.14.10",
     "cz-conventional-changelog": "^3.3.0",
     "dets": "^0.16.0",
     "esbuild": "0.21.5",
     "jest": "^29.7.0",
     "prettier": "^3.3.2",
     "semantic-release": "^24.0.0",
-    "ts-jest": "^29.1.2",
-    "typescript": "^5.4.5"
+    "ts-jest": "^29.1.5",
+    "typescript": "^5.5.3"
   },
   "dependencies": {
     "axios": "^1.7.2"