gaesup-world 0.0.653 → 0.0.661

package/dist/gaesup/tools/minimap/index.js

@@ -1,4 +1,3 @@
-"use client";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {

package/index.ts

@@ -0,0 +1,7 @@
+export {
+  GaeSupProps,
+  GaeSupTools,
+  GaesupController,
+  GaesupWorld,
+  playActions,
+} from "./src";

package/package.json

@@ -1,56 +1,35 @@
 {
   "name": "gaesup-world",
-  "version": "0.0.653",
-  "description": "Web 3D Character Controller and World Platform Library",
-  "private": false,
+  "version": "0.0.661",
+  "type": "commonjs",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "author": "jigglypop <donghwanyeom@gmail.com>",
-  "license": "MIT",
-  "type": "commonjs",
   "homepage": "https://jigglypop.github.io/gaesup-world/",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/jigglypop/gaesup-world.git"
-  },
-  "keywords": [
-    "three.js",
-    "@react-three/fiber",
-    "@react-three/drei"
-  ],
-  "bugs": {
-    "url": "https://github.com/jigglypop/gaesup-world/issues"
-  },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "prepare": "rm -rf dist && mkdir dist && tsc",
     "preview": "vite preview",
     "predeploy": "npm run build",
+    "prepare": "rm -rf dist && mkdir dist && tsc -p tsconfig.build.json",
     "deploy": "gh-pages -d dist"
   },
   "dependencies": {
     "@dimforge/rapier3d": "^0.11.2",
-    "@mdx-js/loader": "^3.0.0",
-    "@mdx-js/react": "^3.0.0",
     "@react-three/drei": "9.88.11",
     "@react-three/fiber": "8.15.9",
     "@react-three/rapier": "^1.1.2",
     "@types/three": "^0.158.1",
-    "@types/uuid": "^9.0.6",
     "@vanilla-extract/babel-plugin": "^1.2.0",
     "@vanilla-extract/css": "^1.13.0",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/dynamic": "^2.0.3",
+    "@vanilla-extract/next-plugin": "^2.3.1",
     "@vanilla-extract/recipes": "^0.5.0",
     "@vanilla-extract/sprinkles": "^1.6.1",
-    "css-loader": "^6.8.1",
     "gh-pages": "^6.1.0",
     "leva": "0.9.35",
     "node-fetch": "3.3.2",
-    "pluralize": "^8.0.0",
-    "r3f-perf": "7.1.2",
     "react": "^18.2.0",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
@@ -58,7 +37,6 @@
     "three": "^0.158.0"
   },
   "devDependencies": {
-    "@types/pluralize": "^0.0.33",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
@@ -72,5 +50,20 @@
     "prettier": "^3.1.1",
     "typescript": "^5.2.2",
     "vite": "^5.0.0"
+  },
+  "description": "Web 3D Character Controller and World Platform Library",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jigglypop/gaesup-world.git"
+  },
+  "keywords": [
+    "three.js",
+    "@react-three/fiber",
+    "@react-three/drei"
+  ],
+  "author": "jigglypop",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/jigglypop/gaesup-world/issues"
   }
 }

package/src/gaesup/tools/joystick/index.tsx

@@ -230,203 +230,3 @@ export function JoyBall() {
     </div>
   );
 }
-
-// import {
-//   MouseEvent,
-//   MouseEventHandler,
-//   TouchEvent,
-//   TouchEventHandler,
-//   useCallback,
-//   useContext,
-//   useEffect,
-//   useRef,
-//   useState,
-// } from "react";
-// import { vars } from "../../../styles/theme.css";
-// import { GaesupToolsContext } from "../context";
-// import useJoyStick from "./default";
-// import * as style from "./style.css";
-//
-// export default function JoyStick() {
-//   return <JoyBall />;
-// }
-//
-// export function JoyBall() {
-//   const outerRef = useRef<HTMLDivElement>(null);
-//   const childRef = useRef<HTMLDivElement>(null);
-//   const {
-//     joystick: { joyStickBallStyle, joyStickInnerStyle, joyStickStyle },
-//   } = useContext(GaesupToolsContext);
-//   const { joyStickBall, joyStickOrigin, setBall, setOrigin } = useJoyStick();
-//   const [mouseDown, setMouseDown] = useState(false);
-//   const [touchDown, setTouchDown] = useState(false);
-//   const [background, setBackground] = useState("rgba(0, 0, 0, 0.5)");
-//   const [boxShadow, setBoxShadow] = useState("0 0 10px  rgba(0, 0, 0, 0.5)");
-//
-//   const calcOriginBall = <T extends MouseEvent | TouchEvent>(
-//     e: T,
-//     X: number,
-//     Y: number
-//   ) => {
-//     const outer = e.target as HTMLDivElement;
-//     const parent = outer.parentElement as HTMLDivElement;
-//     console.log(parent.getBoundingClientRect());
-//     const { top, left, bottom, right, width, height } =
-//       parent.getBoundingClientRect();
-//
-//     if (top > Y || bottom < Y || left > X || right < X) return;
-//     const normX = (joyStickOrigin.x - X) ** 2;
-//     const normY = (joyStickOrigin.y - Y) ** 2;
-//     const currentRadius = Math.sqrt(normX + normY);
-//     const originRadius = Math.sqrt((width / 2) ** 2 + (height / 2) ** 2);
-//     setOrigin({
-//       x: left,
-//       y: bottom,
-//       angle: Math.atan2(Y - (bottom - height / 2), X - (left + width / 2)),
-//       currentRadius,
-//       originRadius,
-//       isIn: currentRadius > originRadius / 2,
-//       isOn: true,
-//       isCenter: currentRadius < originRadius / 4,
-//       isUp: top > Y - height / 2,
-//     });
-//     setBoxShadow("0 0 10px rgba(99,251,215,1)");
-//     setBackground(
-//       currentRadius > originRadius / 2
-//         ? vars.gradient.lightGreen
-//         : vars.gradient.green
-//     );
-//     setBall({
-//       top: `${top}px`,
-//       left: `${left}px`,
-//     });
-//   };
-//
-//   const initialize = (e) => {
-//     const outer = e.target as HTMLDivElement;
-//     const parent = outer.parentElement as HTMLDivElement;
-//     const { left, bottom, width, height } = parent.getBoundingClientRect();
-//     const x = left;
-//     const y = bottom;
-//
-//     setOrigin({
-//       x: x,
-//       y: y,
-//       angle: Math.PI / 2,
-//       currentRadius: 0,
-//       originRadius: 0,
-//       isIn: true,
-//       isOn: false,
-//       isCenter: true,
-//       isUp: true,
-//     });
-//     initBall();
-//   };
-//
-//   const handleMouseOver: MouseEventHandler = useCallback(
-//     (e) => {
-//       if (!mouseDown) return;
-//       console.log(e.clientX, e.clientY);
-//       calcOriginBall<MouseEvent<Element>>(e, e.pageX, e.pageY);
-//     },
-//     [
-//       joyStickBall,
-//       joyStickOrigin,
-//       setBall,
-//       setOrigin,
-//       mouseDown,
-//       boxShadow,
-//       background,
-//       setBoxShadow,
-//       setBackground,
-//     ]
-//   );
-//
-//   const handleTouchMove: TouchEventHandler = useCallback(
-//     (e) => {
-//       if (!touchDown) return;
-//       calcOriginBall<TouchEvent<Element>>(
-//         e,
-//         e.touches[0].pageX,
-//         e.touches[0].pageY
-//       );
-//     },
-//     [touchDown, boxShadow, background, setBoxShadow, setBackground]
-//   );
-//
-//   const handleTouchEnd: TouchEventHandler = useCallback(
-//     (e) => {
-//       setTouchDown(false);
-//       return initialize(e);
-//     },
-//     [
-//       touchDown,
-//       setTouchDown,
-//       boxShadow,
-//       background,
-//       setBoxShadow,
-//       setBackground,
-//     ]
-//   );
-//   const handleMouseOut: MouseEventHandler = useCallback(
-//     (e) => {
-//       setMouseDown(false);
-//       return initialize(e);
-//     },
-//     [
-//       setBall,
-//       setMouseDown,
-//       setOrigin,
-//       mouseDown,
-//       boxShadow,
-//       background,
-//       setBoxShadow,
-//       setBackground,
-//     ]
-//   );
-//
-//   const initBall = () => {
-//     const { top, left, width, height } = outerRef.current.getClientRects()[0];
-//     setBoxShadow("0 0 10px  rgba(0, 0, 0, 0.5)");
-//     setBackground("rgba(0, 0, 0, 0.5)");
-//     setBall({
-//       top: `${top + height / 2}px`,
-//       left: `${left + width / 2}px`,
-//     });
-//   };
-//   // window.addEventListener("resize", () => setScreenSize());
-//
-//   useEffect(() => {
-//     initBall();
-//   }, []);
-//
-//   return (
-//     <div className={style.joyStick}>
-//       <div
-//         className={style.joyStickInner}
-//         style={joyStickInnerStyle}
-//         ref={outerRef}
-//         onMouseDown={() => setMouseDown(true)}
-//         onMouseUp={() => setMouseDown(false)}
-//         onMouseMove={handleMouseOver}
-//         onMouseLeave={(e) => handleMouseOut(e)}
-//         onTouchStart={() => setTouchDown(true)}
-//         onTouchEnd={(e) => handleTouchEnd(e)}
-//         onTouchMove={handleTouchMove}
-//         onTouchCancel={handleTouchEnd}
-//       >
-//         <div
-//           className={`${style.joystickBall}`}
-//           ref={childRef}
-//           style={{
-//             background: joyStickBallStyle?.background || background,
-//             boxShadow: joyStickBallStyle?.boxShadow || boxShadow,
-//             top: joyStickBall.top,
-//             left: joyStickBall.left,
-//             ...joyStickBallStyle,
-//           }}
-//         />
-//       </div>
-//     </div>
-//   );
-// }

package/src/gaesup/tools/minimap/index.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useCallback, useContext, useEffect, useState } from "react";
 

package/vite.config.ts

@@ -0,0 +1,9 @@
+import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
+import react from "@vitejs/plugin-react-swc";
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: "/gaesup-world/",
+  plugins: [react(), vanillaExtractPlugin()],
+});

package/lib/index.ts

@@ -1,10 +0,0 @@
-import * as pluralize from "pluralize";
-
-/**
- * @Method: Returns the plural form of any noun.
- * @Param: {string}
- * @Return: {string}
- */
-export function getPlural(str: any): string {
-  return pluralize.plural(str);
-}

package/tsconfig.json

@@ -1,22 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    // publish options
-    "jsx": "react-jsx",
-    "noEmit": false,
-    "declaration": true,
-    "outDir": "./dist"
-  },
-  "include": ["./src/**/*.tsx", "./src/**/*.ts", "./src/**/*.css.ts"]
-}