up og version

change package name
mv vite config to ts

Author: pavletto

README.md

@@ -11,13 +11,13 @@ Example of usage:
 `App.tsx`
 ```tsx
 import '@openglobus/react/dist/style.css'
-import Globus, {GlobeContextProvider} from '@openglobus/react'
+import Globus, {GlobusContextProvider} from '@openglobus/react'
 
 
 function App() {
-    return <GlobeContextProvider>
+    return <GlobusContextProvider>
         <Globus/>
-    </GlobeContextProvider>
+    </GlobusContextProvider>
 }
 
 export default App
@@ -26,13 +26,13 @@ export default App
 ```
 `Button.tsx`
 ```tsx
-import {useGlobeContext} from '@openglobus/react'
+import {useGlobusContext} from '@openglobus/react'
 // import './buttons.css'
 import {LonLat} from "@openglobus/og";
 
 
 export default function ButtonContainer() {
-    const {globe} = useGlobeContext()
+    const {globe} = useGlobusContext()
     const clickFlyTo = () => {
         let ell = globe?.planet.ellipsoid;
 

package-lock.json

@@ -1,6 +1,6 @@
 {
-  "name": "@openglobus/react",
-  "version": "0.0.2",
+  "name": "@openglobus/openglobus-react",
+  "version": "0.0.3",
   "description": "Openglobus React Components",
   "main": "dist/index.umd.js",
   "private": false,
@@ -23,6 +23,7 @@
   "license": "MIT",
   "devDependencies": {
     "@openglobus/og": "^0.18.5",
+    "@types/node": "^20.10.0",
     "@types/react": "^18.2.38",
     "react": "^18.2.0",
     "typescript": "^5.3.2",

package.json

@@ -4,12 +4,12 @@ import {Globe, GlobusTerrain, utils, XYZ} from '@openglobus/og';
 
 let index: Globe;
 
-interface GlobeContextProps {
+interface GlobusContextProps {
     globe: Globe | null;
     setGlobe: React.Dispatch<React.SetStateAction<Globe | null>>;
 }
 
-const GlobeContext = createContext<GlobeContextProps>({
+const GlobusContext = createContext<GlobusContextProps>({
     globe: null,
     setGlobe: () => {
     },
@@ -18,14 +18,14 @@ const GlobeContext = createContext<GlobeContextProps>({
 export const GlobeContextProvider: React.FC<{ children: React.ReactNode }> = ({children}) => {
     const [globe, setGlobe] = useState<Globe | null>(index);
 
-    return <GlobeContext.Provider value={{globe, setGlobe}}>{children}</GlobeContext.Provider>;
+    return <GlobusContext.Provider value={{globe, setGlobe}}>{children}</GlobusContext.Provider>;
 };
 
-export const useGlobeContext = (): GlobeContextProps => useContext(GlobeContext);
+export const useGlobusContext = (): GlobusContextProps => useContext(GlobusContext);
 
 const Globus: React.FC<{ children?: React.ReactNode }> = ({children}) => {
     const targetRef = useRef<HTMLDivElement | null>(null);
-    const {setGlobe} = useGlobeContext();
+    const {setGlobe} = useGlobusContext();
 
     useEffect(() => {
         if (!index) {

src/index.tsx

@@ -1,6 +1,7 @@
 {
   "compilerOptions": {
     "target": "es2016",
+    "lib": ["es2016", "dom"],
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "strict": true,