@obb871001/api-integration-sdk 1.0.5 → 1.0.8

package/package.json

@@ -1,19 +1,18 @@
 {
   "name": "@obb871001/api-integration-sdk",
   "private": false,
-  "version": "1.0.5",
+  "version": "1.0.8",
   "description": "集成API",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "type": "module",
   "exports": {
     ".": {
-      "import": "./src/index.js",
+      "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     }
   },
   "files": [
-    "src",
     "dist",
     "README.md"
   ],

package/src/App.css

@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}

package/src/App.jsx

@@ -1,7 +0,0 @@
-import "./App.css";
-
-function App() {
-  return <></>;
-}
-
-export default App;

package/src/api/client.js

@@ -1,59 +0,0 @@
-import axios from "axios";
-
-/**
- * 建立 axios instance（可選擇性注入 getToken / 其他攔截器）
- * @param {Object} options
- * @param {string} options.baseURL
- * @param {() => (string|undefined|Promise<string|undefined>)} [options.getToken]
- * @param {number} [options.timeoutMs=15000]
- * @param {import('axios').AxiosInstance} [options.axiosInstance] - 若有外部共用 instance，可直接注入
- * @param {string} [options.currency] - 預設貨幣代碼（可用於自訂攔截器）
- * @param {string} [options.lng] - 預設語言代碼（可用於自訂攔截器）
- * @param {(error:any, ctx:{instance:any}) => any} [options.onError] - 統一錯誤處理（可回傳 Promise.reject(error)）
- * @returns {import('axios').AxiosInstance}
- */
-export function createAxiosClient({
-  baseURL,
-  getToken,
-  timeoutMs = 15000,
-  axiosInstance,
-  currency,
-  lng,
-  onError,
-} = {}) {
-  const instance =
-    axiosInstance ??
-    axios.create({
-      baseURL: baseURL,
-      timeout: timeoutMs,
-      headers: { "Content-Type": "application/json" },
-    });
-
-  instance.interceptors.request.use(async (config) => {
-    if (getToken) {
-      const token = await getToken();
-      if (token) {
-        config.headers = config.headers || {};
-        config.headers.Authorization = `Bearer ${token}`;
-      }
-    }
-    return config;
-  });
-
-  instance.interceptors.request.use((config) => {
-    config.headers.Currency = currency;
-    config.headers[`currency-code`] = currency;
-    config.headers[`lang`] = lng;
-  });
-
-  // Response: 統一錯誤處理（交由外部決定）
-  instance.interceptors.response.use(
-    (res) => res,
-    (err) => {
-      if (onError) return onError(err, { instance });
-      return Promise.reject(err);
-    }
-  );
-
-  return instance;
-}

package/src/function/usePeriodicDataUpdater.js

@@ -1,19 +0,0 @@
-import { useQueries } from "@tanstack/react-query";
-import React from "react";
-import useUserApi from "../services/useUserApi.jsx";
-
-const usePeriodicDataUpdater = () => {
-  const { userInfoApi } = useUserApi();
-  const { data, isFetching } = useQueries({
-    queries: [
-      {
-        queryKey: ["getMemberInfo"],
-        queryFn: userInfoApi,
-        refetchInterval: 50000,
-      },
-    ],
-  });
-  return { data, isFetching };
-};
-
-export default usePeriodicDataUpdater;

package/src/hooks/useAxios.js

@@ -1,10 +0,0 @@
-import React, { createContext, useContext } from "react";
-
-const ApiCtx = createContext(null);
-
-export const useAxios = () => {
-  const ctx = useContext(ApiCtx);
-
-  if (!ctx) throw new Error("useAxios must be used inside <ApiProvider>");
-  return ctx.client;
-};

package/src/index.css

@@ -1,68 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

package/src/index.js

@@ -1,4 +0,0 @@
-export * from "./function/usePeriodicDataUpdater.js";
-export * from "./services/index.js";
-export * from "./hooks/useAxios.js";
-export * from "./provider.jsx";

package/src/main.jsx

@@ -1,10 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.jsx'
-
-createRoot(document.getElementById('root')).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)

package/src/provider.jsx

@@ -1,15 +0,0 @@
-import { useMemo } from "react";
-import { createAxiosClient } from "./api/client";
-
-/**
- * ApiProvider props：
- * - baseURL: string
- * - getToken?: () => string | undefined | Promise<string | undefined>
- * - timeoutMs?: number
- * - axiosInstance?: AxiosInstance   // 注入你自己的 axios（可共用攔截器）
- * - onError?: (error, ctx) => any   // 全域錯誤處理
- */
-export default function ApiProvider({ children, ...opts }) {
-  const client = useMemo(() => createAxiosClient(opts), [opts]);
-  return <ApiCtx.Provider value={{ client }}>{children}</ApiCtx.Provider>;
-}

package/src/services/index.js

@@ -1,2 +0,0 @@
-export * from "./useCommonApi.jsx";
-export * from "./useUserApi.jsx";

package/src/services/useCommonApi.jsx

@@ -1,28 +0,0 @@
-import React, { useCallback } from "react";
-import { useAxios } from "../hooks/useAxios";
-
-const useCommonApi = () => {
-  const axios = useAxios();
-
-  /**
-   * @description 取得輪播圖資訊
-   * @return {Promise<Object>} 輪播圖資訊
-   */
-  const carouselApi = useCallback(async () => {
-    const { data } = await axios.get("/carousels");
-    return data;
-  }, [axios]);
-
-  /**
-   * @description 取得跑馬燈資訊
-   * @return {Promise<Object>} 跑馬燈資訊
-   */
-  const marqueeApi = useCallback(async () => {
-    const { data } = await axios.get("/marquees");
-    return data;
-  }, [axios]);
-
-  return { carouselApi, marqueeApi };
-};
-
-export default useCommonApi;

package/src/services/useUserApi.jsx

@@ -1,78 +0,0 @@
-import React, { useCallback } from "react";
-import { useAxios } from "../hooks/useAxios";
-
-/**
- * @description 使用者相關 API
- * @returns {Object} API 方法集合
- * @property {Function} machineLoginApi 機台登入 API
- * @property {Function} userInfoApi 取得使用者資訊 API
- */
-const useUserApi = () => {
-  const axios = useAxios();
-
-  /**
-   * @description 機台登入
-   * @param {Object} params
-   * @param {string} params.mac_address 機台 MAC 地址
-   * @param {string} params.app_version 應用程式版本
-   * @param {string} params.anydesk_id 遠端協助軟體 ID
-   */
-  const machineLoginApi = useCallback(
-    async (params) => {
-      const { mac_address = "", app_version = "", anydesk_id = "" } = params;
-      const { data } = await axios.post("/cash-register/login", {
-        mac_address,
-        app_version,
-        anydesk_id,
-      });
-      return data;
-    },
-    [axios]
-  );
-
-  /**
-   * @description 取得使用者資訊
-   * @return {Promise<Object>} 使用者資訊
-   */
-  const userInfoApi = useCallback(async () => {
-    const { data } = await axios.get("/getMemberInfo");
-    return data;
-  }, [axios]);
-
-  /**
-   * @description 取得使用者遊戲列表
-   * @return {Promise<Object>} 使用者遊戲列表
-   */
-  const userGameListApi = useCallback(async () => {
-    const { data } = await axios.get("/getGameList");
-    return data;
-  }, [axios]);
-
-  /**
-   * @description 取得即時匯率資訊
-   * @return {Promise<Object>} 即時匯率資訊
-   */
-  const userCurrencyExchangeApi = useCallback(async () => {
-    const { data } = await axios.get("/getNowCurrencyExchange");
-    return data;
-  }, [axios]);
-
-  /**
-   * @description 取得使用者最愛遊戲列表
-   * @return {Promise<Object>} 使用者最愛遊戲列表
-   */
-  const userFavoriteGameApi = useCallback(async () => {
-    const { data } = await axios.get("/getFavoriteGame");
-    return data;
-  }, [axios]);
-
-  return {
-    machineLoginApi,
-    userInfoApi,
-    userGameListApi,
-    userFavoriteGameApi,
-    userCurrencyExchangeApi,
-  };
-};
-
-export default useUserApi;