ywana-core8 0.1.57 → 0.1.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.1.57",
+  "version": "0.1.59",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",
@@ -36,7 +36,7 @@
     "axios": "^1.3.4",
     "crypto-js": "^4.1.1",
     "deep-equal": "^2.0.5",
-    "framer-motion": "^5.6.0",
+    "framer-motion": "^5.3.1",
     "material-design-icons-iconfont": "^6.7.0",
     "moment": "^2.29.1",
     "moment-range": "^4.0.2",

package/src/site/link.js

@@ -1,55 +1,6 @@
-import { useEffect, useState, useRef } from "react"
 import React, { useContext } from 'react'
 import { SiteContext } from './siteContext'
 
-/**
- * Use Hash Page
- */
-export function useHashPage(defaultPage = "home") {
-    const getCurrentPageFromURL = () => {
-        const hash = window.location.hash.replace("#", "")
-        return hash || defaultPage
-    }
-
-    const [page, setPage] = useState(getCurrentPageFromURL())
-    const [history, setHistory] = useState([])
-    const isFirstLoad = useRef(true)
-
-    useEffect(() => {
-        const handleHashChange = () => {
-            const newPage = getCurrentPageFromURL()
-            if (!isFirstLoad.current) {
-                setHistory(prev => [...prev, page]) // Guarda la página anterior
-            } else {
-                isFirstLoad.current = false
-            }
-            setPage(newPage)
-        }
-
-        window.addEventListener("hashchange", handleHashChange)
-        return () => window.removeEventListener("hashchange", handleHashChange)
-    }, [page])
-
-    const goto = (id) => {
-        if (page) {
-            setHistory(prev => [...prev, page])
-        }
-        setPage(id)
-        window.location.hash = id
-    }
-
-    const goBack = () => {
-        if (history.length > 0) {
-            const lastPage = history[history.length - 1]
-            setHistory(prev => prev.slice(0, -1))
-            setPage(lastPage)
-            window.location.hash = lastPage
-        }
-    }
-
-    return { page, goto, goBack, history }
-}
-
 /**
  * PageLink - Navegación declarativa usando el sistema de hash
  * 

package/src/site/navigation.js

@@ -50,5 +50,5 @@ export function useHashPage(defaultPage = "home") {
         }
     }
 
-    return { page, goto, goBack, history }
+    return { page, goto, goBack, history, direction }
 }

package/src/site/site.js

@@ -6,10 +6,9 @@ import { Tooltip } from '../html/tooltip'
 import { Page } from './page'
 import { SiteContext } from './siteContext'
 import { ReactNotifications, Store } from 'react-notifications-component'
-import { useHashPage } from './navigation'
-import { AnimatePresence, motion } from 'framer-motion'
 import 'react-notifications-component/dist/theme.css'
 import './site.css'
+import { useHashPage } from './navigation'
 
 /**
  * Site Provider
@@ -28,7 +27,7 @@ export const SiteProvider = ({ children, siteLang, siteDictionary }) => {
     const [preview, setPreview] = useState()
     const [breadcrumb, setBreadcrumb] = useState()
 
-    const { page, goto, goBack } = useHashPage()
+    const { page, goto, goBack, direction } = useHashPage()
 
     const value = {
 
@@ -64,6 +63,7 @@ export const SiteProvider = ({ children, siteLang, siteDictionary }) => {
         page,
         goto,
         goBack,
+        direction,
 
         dialog,
         openDialog: (dialog) => { setDialog(dialog) },
@@ -254,7 +254,7 @@ const SiteMenu = ({ iconSrc, title, children, min }) => {
  */
 const SitePage = ({ children, init }) => {
     const context = useContext(SiteContext)
-    const { page, direction } = context
+    const { page } = context
     useEffect(() => {
         if (init) {
             context.goto(init)
@@ -262,24 +262,9 @@ const SitePage = ({ children, init }) => {
             context.goto("EMPTY")
         }
     }, [])
-    
-    const currentPage = React.Children.toArray(children).filter(child => child.props ? child.props.id === page : false)
-    const xOffset = direction === "left" ? 40 : -40
     return (
-        <main className='site-page-container'>
-            <AnimatePresence exitBeforeEnter>
-                {currentPage && (
-                    <motion.div
-                        key={page}
-                        initial={{ opacity: 0, x: xOffset }}
-                        animate={{ opacity: 1, x: 0 }}
-                        exit={{ opacity: 0, x: -xOffset }}
-                        transition={{ duration: 0.3 }}
-                    >
-                        {currentPage}
-                    </motion.div>
-                )}
-            </AnimatePresence>
+        <main>
+            {React.Children.toArray(children).filter(child => child.props ? child.props.id === page : false)}
         </main>
     )
 }