Exception: Timeout waiting for invokeMethod clientStorage:get({'key': 'USERNAME'}) call #3132
-
|
Exception: Timeout waiting for invokeMethod clientStorage:get({'key': 'USERNAME'}) call hi, i have an issue here since i have updated to class ChatUI(ft.SafeArea):
def __init__(self, window: ft.Page) -> None:
super().__init__()
self.window: ft.Page = window
self.username: str = (
"User"
if not self.window.client_storage.get("USERNAME")
else self.window.client_storage.get("USERNAME")
)and i get this error i get no errors when using Operating System: |
Beta Was this translation helpful? Give feedback.
Answered by
FeodorFitsner
Apr 29, 2024
Replies: 2 comments 4 replies
-
|
Try to call If that doesn't help, please provide complete runnable repro. |
Beta Was this translation helpful? Give feedback.
0 replies
-
Still same error |
Beta Was this translation helpful? Give feedback.
4 replies
-
|
Provide a complete runnable example then. |
Beta Was this translation helpful? Give feedback.
-
|
here's the from pages.Login import LoginUI
from pages.Chat import ChatUI
import flet_easy as fs
import flet as ft
app = fs.FletEasy(route_init="/chat", route_login="/login")
@app.page("/chat", protected_route=True)
def main(data: fs.Datasy) -> ft.View:
page = data.page
page.title = "MaseR Assistant"
UI = ChatUI(page)
return ft.View("/", controls=[UI], appbar=UI.Appbar())
@app.page("/login", page_clear=True)
def login_page(data: fs.Datasy) -> ft.View:
page = data.page
page.title = "Log in"
return ft.View("login", controls=[LoginUI()])
@app.login
def login(page: fs.Datasy) -> bool:
if page.page.client_storage.get("API") == "123":
return True
return False
app.run(assets_dir="assets")and here's the # from widgets.animations import AnimateChatResponse
# from widgets.Send_btn import Send_btn
import platform, requests, sys, os
import flet as ft
# * check if using mobile for modules
usingMobile: bool = False if platform.system() in ["Windows", "Macos"] else True
if not usingMobile:
import speech_recognition as sr
from io import BytesIO
import pygame
import base64
pygame.mixer.init()
class ChatUI(ft.SafeArea):
"The Main UI for Chat Route"
def __init__(self, window: ft.Page) -> None:
super().__init__()
self.er = None
self.version = "v1.1.3"
self.window: ft.Page = window
self.window.on_resize = self.handel_resize
self.using_mic: bool = False
self.mic_error: bool = False
self.langs: dict[str, str] = {
"English (Australia)": "com.au",
"English (United Kingdom)": "com.uk",
"English (United States)": "us",
"English (Canada)": "ca",
"English (India)": "co.in",
"English (Ireland)": "ie",
"English (South Africa)": "co.za",
"French (Canada)": "ca",
"French (France)": "fr",
"Portuguese (Brazil)": "com.pr",
"Portuguese (Portugal)": "pt",
"Spanish (Mexico)": "com.mx",
"Spanish (Spain)": "es",
"Spanish (United States)": "us"
}
self.file_picker: ft.FilePicker = ft.FilePicker(
on_result=self.change_user_profile
)
self.window.overlay.append(self.file_picker)
# self.username: str = (
# "User" # type: ignore
# if not self.window.client_storage.get("USERNAME")
# else self.window.client_storage.get("USERNAME")
# )
# self.theme: str = (
# "system" # type: ignore
# if not self.window.client_storage.get("THEME")
# else self.window.client_storage.get("THEME")
# )
# self.acc: str = (
# "English (United States)" #type: ignore
# if not self.window.client_storage.get("ACC")
# else self.window.client_storage.get("ACC")
# )
self.username: str = "User"
self.theme: str = "system"
self.acc: str = "English (United States)"
# * ============================== setting up the UI ===============================================
# a container for the sent messages
self.msgs_container: ft.Container = ft.Container(
content=ft.Column(
expand=True,
scroll=ft.ScrollMode.AUTO,
on_scroll_interval=5,
auto_scroll=True,
height=self.window.height - 200,
controls=[ft.ListView(auto_scroll=True, spacing=20)],
)
)
# TextField to type a question
self.textbox: ft.TextField = ft.TextField(
hint_text="ask....",
multiline=True,
max_lines=2,
expand=True,
filled=True,
border_radius=10,
autocorrect=True,
read_only=False,
shift_enter=True,
on_submit=self.send_msg,
)
# microphone
self.microphone = ft.IconButton(
"mic",
on_click=self.mic_on,
tooltip="Talk With Mic (SOON)" if usingMobile else "Talk With Mic",
disabled=True if usingMobile else False,
)
# self.send_btn = (
# Send_btn(
# self.send_msg,
# self.textbox,
# )
# if not usingMobile
# else ft.IconButton(
# icon=ft.icons.SEND_ROUNDED,
# on_click=self.send_msg,
# )
# )
self.send_btn = ft.IconButton(
icon=ft.icons.SEND_ROUNDED,
on_click=self.send_msg,
)
# loading animation when sending msg
self.loading: ft.ProgressBar = ft.ProgressBar(visible=False)
msg: str = (
f"""
appName: MaseR Assistant
version: {self.version}
Developer: NooR MaseR
""".strip()
)
# adialog to display for About
self.dialog_about = ft.AlertDialog(
modal=True,
title=ft.Text("About"),
content=ft.Text(msg, selectable=True),
actions=[
ft.ElevatedButton(
"Close", on_click=lambda _: self.window.close_dialog()
),
],
)
self.dialog_clear = ft.CupertinoAlertDialog(
title=ft.Text("Clear Chat ?"),
content=ft.Text("This will clear all the messages."),
actions=[
ft.CupertinoDialogAction(
"Cancel",
is_default_action=True,
on_click=lambda _: self.window.close_dialog(),
),
ft.CupertinoDialogAction(
"Ok",
is_destructive_action=True,
on_click=lambda _: [
self.clear_conversation(_),
self.window.close_dialog(),
],
),
],
)
self.dialog_logout = ft.CupertinoAlertDialog(
title=ft.Text("Log Out ?"),
content=ft.Text("Are You Sure You Want To Log Out ?"),
actions=[
ft.CupertinoDialogAction(
"Cancel",
is_default_action=True,
on_click=lambda _: self.window.close_dialog(),
),
ft.CupertinoDialogAction(
"Ok",
is_destructive_action=True,
on_click=self.logout,
),
],
)
self.profile_pic = ft.Container(
content=ft.CircleAvatar(
foreground_image_src="assets/user.png"
# content=ft.Image(
# (
# "assets/user.png"
# if not self.window.client_storage.get("PIC")
# else self.window.client_storage.get("PIC")
# ),
# "assets/user.png",
# # border_radius=50,
# )
),
ink=True,
on_click=lambda _: self.file_picker.pick_files(
dialog_title="Pick a photo",
file_type=ft.FilePickerFileType.IMAGE,
allow_multiple=False,
),
tooltip="Change Profile Pic",
)
# A bottom sheet to display for settings
self.bottom_sheet_settings = ft.BottomSheet(
# show_drag_handle=True,
dismissible=False,
enable_drag=False,
content=ft.Column(
horizontal_alignment=ft.CrossAxisAlignment.CENTER,
scroll=ft.ScrollMode.AUTO,
controls=[
ft.Text("settings", size=24, weight=ft.FontWeight.W_500),
ft.Divider(),
ft.Row(
alignment=ft.MainAxisAlignment.CENTER,
controls=[
ft.Text("User Profile"),
self.profile_pic,
],
),
ft.Container(
padding=ft.padding.only(left=5, right=5),
margin=ft.margin.only(bottom=5),
content=ft.Column(
controls=[
ft.TextField(label="User Name", value=self.username),
ft.Dropdown(
on_change=self.change_theme,
label="theme",
value=self.theme,
options=[
ft.dropdown.Option(text="system"),
ft.dropdown.Option(text="light"),
ft.dropdown.Option(text="dark"),
],
),
ft.Dropdown(
on_change=self.change_acc,
label="voice accent",
value=self.acc,
error_text=(
"Not working for now" if usingMobile else None
),
options=[
ft.dropdown.Option(text=lang)
for lang in self.langs.keys()
],
),
]
),
),
ft.Container(height=5),
ft.Row(
alignment=ft.MainAxisAlignment.END,
controls=[
ft.ElevatedButton(
"Close", on_click=self.close_bottom_sheet
),
],
),
ft.Container(height=5),
],
),
)
# * add the UI to the SafeArea (page)
self.content=ft.Column(
horizontal_alignment=ft.CrossAxisAlignment.CENTER,
controls=[
self.msgs_container,
self.loading,
ft.Container(
shadow=ft.BoxShadow(
color=ft.colors.BLACK12,
# spread_radius=10,
blur_radius=40,
offset=ft.Offset(0, -40),
blur_style=ft.ShadowBlurStyle.NORMAL,
),
content=ft.Row(
alignment=ft.MainAxisAlignment.CENTER,
controls=[
self.textbox,
self.microphone,
self.send_btn,
],
),
),
],
)
def did_mount(self):
self.username: str = (
self.username # type: ignore
if not self.window.client_storage.get("USERNAME")
else self.window.client_storage.get("USERNAME")
)
self.theme: str = (
self.theme # type: ignore
if not self.window.client_storage.get("THEME")
else self.window.client_storage.get("THEME")
)
self.acc: str = (
self.acc # type: ignore
if not self.window.client_storage.get("ACC")
else self.window.client_storage.get("ACC")
)
def Appbar(self) -> ft.AppBar:
self.voice_enable = ft.Checkbox(
value=False,
label="Enable Voice Chat",
label_position=ft.LabelPosition.RIGHT,
disabled=True if usingMobile else False
)
return ft.AppBar(
adaptive=True,
leading=ft.CircleAvatar(
content=ft.Image("assets/my_pic.jpeg", border_radius=50)
),
title=ft.Text("MaseR Assistant"),
center_title=True,
actions=[
ft.PopupMenuButton(
items=[
ft.PopupMenuItem(
content=self.voice_enable,
),
ft.PopupMenuItem(
text="Settings",
icon=ft.icons.SETTINGS,
on_click=lambda _: self.window.show_bottom_sheet(self.bottom_sheet_settings),
),
ft.PopupMenuItem(
text="clear conversation",
icon=ft.icons.CLEAR_ALL,
on_click=lambda _: self.window.show_dialog(self.dialog_clear),
),
ft.PopupMenuItem(
text="About",
icon=ft.icons.INFO,
on_click=lambda _: self.window.show_dialog(self.dialog_about),
),
ft.PopupMenuItem(
text="Logout",
icon=ft.icons.LOGOUT,
on_click=lambda _: self.window.show_dialog(self.dialog_logout),
),
]
)
],
)
async def logout(self, _) -> None:
await self.window.client_storage.remove_async("API") # type: ignore
self.clear_conversation(_)
self.window.close_dialog()
self.window.go("/login")
def mic_on(self,_) -> None:
mic = sr.Recognizer()
self.mic_error = False
self.using_mic = True
try:
self.textbox.value = "Listening....."
self.textbox.disabled = True
self.send_btn.disabled = True
self.microphone.disabled = True
self.textbox.update()
self.send_btn.update()
self.microphone.update()
with sr.Microphone() as source:
mic.adjust_for_ambient_noise(source)
print("lisnning...")
audio = mic.listen(source)
print("recognizing...")
self.text_from_mic = str(mic.recognize_google(audio)) # convert speech to text
self.send_msg(_)
self.textbox.value = None
self.textbox.disabled = False
self.send_btn.disabled = False
self.textbox.update()
self.send_btn.update()
except Exception as e:
self.er = e
print(f"error: {e}")
self.mic_error = True
self.textbox.value = None
self.using_mic = False
self.textbox.disabled = False
self.send_btn.disabled = False
self.microphone.disabled = False
self.textbox.update()
self.send_btn.update()
self.microphone.update()
async def change_acc(self, e: ft.ControlEvent) -> None:
await self.window.client_storage.set_async("ACC", e.data) #type: ignore
self.acc = e.data
async def change_theme(self, e: ft.ControlEvent):
await self.window.client_storage.set_async("THEME", e.data) # type: ignore
self.window.theme_mode = e.data # type: ignore
self.window.update()
def clear_conversation(self, _: ft.ControlEvent):
"a function for deleting all messages in the conversation"
self.msgs_container.content.controls[0].controls.clear() # type:ignore
self.msgs_container.content.update() # type:ignore
def send_msg(self, _: ft.ControlEvent) -> None:
if not self.mic_error:
question: str = str(self.textbox.value).strip() if not self.using_mic else str(self.text_from_mic)
else:
question: str = "error"
self.using_mic = False
if question and not self.textbox.read_only:
self.mic_error = False
self.loading.visible = True
self.loading.update()
self.microphone.disabled = True
self.microphone.update()
self.textbox.value = "Connecting...."
self.textbox.read_only = True
user_question = CreateUserQuestion(self.window, self.username, question)
self.msgs_container.content.controls[0].controls.append(user_question) # type: ignore
# self.msgs_container.content.controls[0].controls.append(ft.Text(self.er if self.er else "No Error")) #? check for error for mobile
self.msgs_container.content.controls[0].update() # type: ignore
self.textbox.update()
try:
error = False
self.req = requests.post(
url="https://maser-assistant.onrender.com/chat/quary-android",
json={
"quary": question,
"voiceEnabled": True if self.voice_enable.value else False,
"acc": self.langs.get(self.acc),
"APIkey": "NooRMaseR1234567892024",
},
headers={"Content-Type": "application/json"},
)
response: dict = self.req.json()
self.req.close()
self.question: str | None = response.get("result")
# ? enable for running audio
if response.get("aud"):
self.base64_audio = base64.b64decode(response["aud"])
pygame.mixer.music.load(BytesIO(self.base64_audio))
pygame.mixer.music.play()
except Exception as e:
print(f"error request {e}", file=sys.stderr)
self.question = "error while connecting"
error = True
answer = CreateChatResponse(self.question, error, self.mic_error) # type: ignore
self.msgs_container.content.controls[0].controls.append(answer) # type: ignore
self.msgs_container.content.controls[0].update() # type: ignore
# AnimateChatResponse(answer)
self.loading.visible = False
self.textbox.value = None
self.textbox.read_only = False
if not usingMobile:
self.microphone.disabled = False
self.microphone.update()
self.update()
async def close_bottom_sheet(self, _: ft.ControlEvent) -> None:
new_username_field: str = self.window.bottom_sheet.content.controls[3].content.controls[0].value.strip() # type: ignore
if new_username_field:
await self.edit_user(new_username_field)
self.window.close_bottom_sheet()
async def edit_user(self, new_username: str) -> None:
await self.window.client_storage.set_async("USERNAME", new_username) # type: ignore
self.username = new_username
def handel_resize(self, _: ft.ControlEvent) -> None:
self.msgs_container.height = self.window.height - 200
self.msgs_container.update()
def change_user_profile(self, e: ft.FilePickerResultEvent) -> None:
self.__image_path: str = e.files[0].path # type: ignore
if os.path.exists(self.__image_path) and os.path.isfile(self.__image_path):
self.window.client_storage.set("PIC", self.__image_path)
# Image.open(self.__image_path).save("assets/user.png", format="PNG")
self.window.bottom_sheet.content.controls[2].controls[1].content.content.src = self.__image_path # type: ignore
self.window.bottom_sheet.content.controls[2].controls[1].content.content.update() # type: ignore
class CreateChatResponse(ft.ListTile):
def __init__(self, answer: str | None, error: bool, mic_error: bool) -> None:
super().__init__()
self.widget: ft.Text
self.answer: str | None = answer
self.error: bool = error
self.mic_error: bool = mic_error
# ========================= UI ==============================
self.widget = ft.Text(
self.answer if not self.mic_error else "error wile initializing microphone",
color=ft.colors.WHITE if self.error or self.mic_error else None,
)
self.bgcolor=ft.colors.RED_700 if (self.error or self.mic_error) else None,
self.title=ft.Text(
"MaseR Assistant",
color=ft.colors.WHITE if (self.error or self.mic_error) else None,
)
self.leading=ft.CircleAvatar(
content=ft.Image(
"assets/my_pic.jpeg",
border_radius=50
)
)
self.subtitle=self.widget
self.trailing=ft.IconButton(
ft.icons.COPY_OUTLINED,
icon_color=(
ft.colors.WHITE if self.error or self.mic_error else None
),
on_click=self.copy_msg,
tooltip="Copy",
)
async def copy_msg(self, e: ft.ControlEvent) -> None:
e.page.set_clipboard(self.answer)
e.page.show_snack_bar(
ft.SnackBar(
content=ft.Text("Copied"),
show_close_icon=True,
duration=2500
)
)
class CreateUserQuestion(ft.ListTile):
def __init__(self, window: ft.Page, user_name: str, question: str):
super().__init__()
self.window : ft.Page = window
self.question: str = question
self.user_name: str = user_name
#======================= UI =========================
self.title=ft.Text(self.user_name)
self.leading=ft.CircleAvatar(
content=ft.Image(
(
"/assets/user.png"
if not self.window.client_storage.get("PIC")
else self.window.client_storage.get("PIC")
),
border_radius=50,
)
)
self.subtitle=ft.Text(self.question)
self.trailing=ft.IconButton(
ft.icons.COPY_OUTLINED,
on_click=self.copy_msg,
tooltip="Copy"
)
async def copy_msg(self, e: ft.ControlEvent) -> None:
e.page.set_clipboard(self.question)
e.page.show_snack_bar(
ft.SnackBar(content=ft.Text("Copied"), show_close_icon=True, duration=2500)
) |
Beta Was this translation helpful? Give feedback.
-
|
If you are making a custom control inherited from existing Flet control then there is no need to pass Also, I see you use some 3rd-party library |
Beta Was this translation helpful? Give feedback.
Answer selected by
NooRMaseR
-
|
here's the repo with full source code here , and i will see as well the |
Beta Was this translation helpful? Give feedback.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
If you are making a custom control inherited from existing Flet control then there is no need to pass
Pageinstance into its constructor. You should be able to access page asself.pageinside that control.Also, I see you use some 3rd-party library
flet_easy. The problem could be there - I don't know about that library. Maybe you can do a smaller repro with that library and your control.