Show Wave App inside a Wave App

[pira998]

from h2o_wave import Q, app, main, site, ui, on, handle_on, data
import asyncio
import json
import os
import os.path
import re
import shutil
import sys
import time
import zipfile
from pathlib import Path
from string import Template
from subprocess import PIPE, STDOUT, Popen
from urllib.parse import urlparse


def read_file(p: str) -> str:
    try:
        with open(p, encoding='utf-8') as f:
            return f.read()
    except:
        return ''

async def display_logs(q: Q) -> None:
  lines = []
  p = q.user.wave_process
  os.set_blocking(p.stdout.fileno(), False)
  while True:
      line = p.stdout.readline() 
      if line:
          lines.append(line.decode('utf8')) 
          code = ''.join(lines)
          q.page['logs'].content = f'```\n{code}\n```'
          q.page['meta'].script = ui.inline_script('scrollLogsToBottom()')
          await q.page.save()
      else:
          await q.sleep(0.5)

class Project:
    def __init__(self) -> None:
        self.dir = 'project'
        self.server_base_url = os.environ.get('H2O_WAVE_BASE_URL', '/')
        self.server_adress = self.get_server_address()
        self.internal_server_adress = os.environ.get('H2O_WAVE_ADDRESS', 'http://127.0.0.1:10101/')
        self.app_host = urlparse(os.environ.get('H2O_WAVE_APP_ADDRESS', 'http://127.0.0.1:8000/')).hostname
        self.app_port = '10104'
        self.vsc_extension_path = os.path.join('..', 'tools', 'vscode-extension')
        self.entry_point = os.path.join(self.dir, 'app.py')

    def get_server_address(self) -> str:
        cloud_env = os.environ.get('H2O_CLOUD_ENVIRONMENT', None)
        return f'{cloud_env}{self.server_base_url}' if cloud_env else os.environ.get('H2O_WAVE_ADDRESS', 'http://127.0.0.1:10101/')
    
    def get_assets_url_for(self, url: str) -> str:
        return f'{self.server_base_url}assets/{url}'

project = Project()

def start(entry_point: str, is_app: bool):
    env = os.environ.copy()
    env['H2O_WAVE_BASE_URL'] = project.server_base_url
    env['H2O_WAVE_ADDRESS'] = project.internal_server_adress
    env['PYTHONUNBUFFERED'] = 'False'
    # The environment passed into Popen must include SYSTEMROOT, otherwise Popen will fail when called
    # inside python during initialization if %PATH% is configured, but without %SYSTEMROOT%.
    if sys.platform.lower().startswith('win'):
        env['SYSTEMROOT'] = os.environ['SYSTEMROOT']
    if is_app:
        env['H2O_WAVE_APP_ADDRESS'] = f'http://{project.app_host}:{project.app_port}'
        entry_point = entry_point.replace(os.sep, '.').replace('.py', '')
        return Popen([
            sys.executable, '-m', 'uvicorn',
            '--host', '0.0.0.0',
            '--port', project.app_port,
            f'{entry_point}:main',
        ], env=env, stdout=PIPE, stderr=STDOUT)
    else:
        print(sys.executable, entry_point, 'ssss')
        return Popen([sys.executable, entry_point], env=env, stdout=PIPE, stderr=STDOUT)


async def layout(q: Q):

    zones = zones = [
        ui.zone(name="zone_0", size="509px"),
        ui.zone(name="zone_1", size="509px")
    ]

    q.page["meta"] = ui.meta_card(
        box="",
        # theme='h2o-dark',
        layouts=[ui.layout(breakpoint="m", width="1400px", zones=zones)],
    )

    await q.page.save()


@app("/studio")
async def serve(q: Q):
    if not q.app.initialized:
        q.app.initialized = True

    if not q.client.initialized:
        await layout(q)
        q.client.initialized = True
    q.user.wave_process = start('app.py', True)
    q.user.display_logs_future = asyncio.ensure_future(display_logs(q))
    code = read_file('app.py')
    print(code)
    path = ''
    app_match = re.search('\n@app\(.*(\'|\")(.*)(\'|\")', code)
    if app_match:
        path = app_match.group(2)
        q.user.is_app = True
    else:
        script_match = re.search('site\[(\'|\")(.*)(\'|\")\]', code)
        if script_match:
            path = script_match.group(2)
            q.user.is_app = False
    if not path:
        # show_empty_preview(q)
        q.user.is_app = False
        return
    q.user.active_path = path
    print(project.server_adress, path)
    q.page['preview'] = ui.frame_card(
            box=ui.box('zone_0', width='100%', height='600px'),
            title=f'Preview of {project.server_adress}{path}',
            path=f'{project.server_adress}{path}'
        )
    
    q.page['logs'] = ui.markdown_card(box=ui.box('zone_1',), title='Logs', content='')


    await q.page.save()

I just want to show another wave app in a wave app. Above one is main wave app(run on localhost:10101/studio).

from h2o_wave import main, app, Q, ui


@app('/')
async def serve(q: Q):
    q.page['hello'] = ui.markdown_card(box='1 1 2 1', title='Hello world', content='Start writing your first app!')
    await q.page.save()

This is the app.py that I want to show in the main wave app.

when I do that, I got ERROR:
[Errno 48] error while attempting to bind on address ('0.0.0.0', 10104): address already in use

[mturoci]

Hello @pira998, this is not Wave-related, but rather a Python-related problem. I can give you some pointers though.

[Errno 48] error while attempting to bind on address ('0.0.0.0', 10104): address already in use

This suggests you are trying to start a new app on port 10104 which is already occupied. You should start by checking what's running there.

Common tips for writing better issue descriptions

• Use markdown syntax highlighting. Instead of using ``` for a code block, you can also specify a language like ```py.
• Be mindful of the maintainer's time and submit the minimal code necessary to make your point.
• Properly describe what your app is doing, what is the desired outcome and what you have tried already.