example.py

from htag import Tag
import json,asyncio,time,os

"""
Complex htag's app for my tests purpose:

    - a dynamic object (TagSession), which got a render method (new way)
    - using tag.state (in session)
    - using tag.update with a task in a loop
    - can recreate itself (when init params change)
    - handle another route (on Jo())

"""

class TagSession(Tag.div):  #dynamic component (compliant htag >= 0.30) !!!! FIRST IN THE WORLD !!!!
    def init(self):
        self["style"]="border:1px solid black"
        self.otitle = Tag.h3(_style="padding:0px;margin:0px;float:right")
        self.orendu = Tag.pre(_style="padding:0px;margin:0px")

        # draw ui
        self+=self.otitle
        self+=self.orendu

    def render(self):
        self.otitle.clear( "Live Session" )
        self.orendu.clear( json.dumps( dict(self.session.items()), indent=1))

class App(Tag.body):
    imports=[TagSession]
    statics=b"window.error=alert"
    def init(self,v="0"):
        self.place = Tag.div(js="console.log('I update myself')")
        asyncio.ensure_future( self.loop_timer() )

        def inc_test_session(o):
            v=int(self.state.get("integer","0"))
            v=v+1
            self.state["integer"]=v
        def addd(o):
            if "list" in self.state:
                self.state["list"].append("x")    # <= this workd because tag.state.save() called in interaction (before guess rendering)
            else:
                self.state["list"]=[]
        def clllll(o):
            self.state.clear()


        self <= Tag.div(f"V{v} (pid:{os.getpid()})")
        self <= Tag.button("inc integer",_onclick=inc_test_session)
        self <= Tag.button("add list",_onclick=addd)
        self <= Tag.button("clear",_onclick=clllll)
        self <= Tag.button("X",_onclick=lambda o: self.exit(),_style="float:right")
        self <= TagSession()

        self+=Tag.li(Tag.a("t0",_href="/"))             # \
        self+=Tag.li(Tag.a("t1",_href="/?v=1"))         #  |---> recreate the same app (param change)
        self+=Tag.li(Tag.a("t2",_href="/?v=2"))         # /
        self+=Tag.li(Tag.a("Other app",_href="/jo"))    # test an app with hhtp only, and parano mode
        self+=Tag.li(Tag.a("kaputt",_href="/kaputt"))   # test a broken file app
        self+=self.place


    async def loop_timer(self):
        while 1:
            await asyncio.sleep(0.5)
            self.place.clear(time.time() )
            if not await self.place.update(): # update component using current websocket
                # break if can't (<- good practice to kill this asyncio/loop)
                break


class Jo(Tag.body):
    statics=b"window.error=alert"
    def init(self):

        def test(o):
            self <= o.innerHTML

        self <= Tag.button("A",_onclick=test)
        self <= Tag.button("B",_onclick=test)


async def serve(req):
    return await req.app.handle(req,Jo,http_only=True,parano=True) 

async def serve_kaputt(req):
    return await req.app.handle(req, "examples.kaputt.App" )

#------------------------------------------------------
from htagweb import Runner
#/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
# **IMPORTANT** current host serving on SSL
# on your localmachine, switch ssl to False !!!
#/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
app=Runner( App, debug=False )
app.add_route("/jo", serve)
app.add_route("/kaputt", serve_kaputt)

if __name__=="__main__":
    #~ import logging
    #~ logging.basicConfig(format='[%(levelname)-5s] %(name)s: %(message)s',level=logging.DEBUG)
    #~ logging.getLogger("redys.servone").setLevel( logging.INFO )

    # or with gunicorn :
    #> gunicorn -w 4 -k uvicorn.workers.UvicornWorker -b localhost:8000 example:app
    # or with uvicorn :
    #> uvicorn example:app --workers 4

    app.run(openBrowser=True)