replace joinpath with `/`

examples/custom_vue_component/counter.py

@@ -4,7 +4,7 @@ from typing import Callable, Optional
 from nicegui.dependencies import register_vue_component
 from nicegui.element import Element
 
-register_vue_component(name='counter', path=Path(__file__).parent.joinpath('counter.js'))
+register_vue_component(name='counter', path=Path(__file__).parent / 'counter.js')
 
 
 class Counter(Element):

examples/map/leaflet.py

@@ -5,7 +5,7 @@ from nicegui import ui
 from nicegui.dependencies import register_vue_component
 from nicegui.element import Element
 
-register_vue_component(name='leaflet', path=Path(__file__).parent.joinpath('leaflet.js'))
+register_vue_component(name='leaflet', path=Path(__file__).parent / 'leaflet.js')
 
 
 class leaflet(Element):

examples/single_page_app/router.py

@@ -4,7 +4,7 @@ from typing import Awaitable, Callable, Dict, Union
 from nicegui import background_tasks, ui
 from nicegui.dependencies import register_vue_component
 
-register_vue_component(name='router_frame', path=Path(__file__).parent.joinpath('router_frame.js'))
+register_vue_component(name='router_frame', path=Path(__file__).parent / 'router_frame.js')
 
 
 class Router():

nicegui/dependencies.py

@@ -31,7 +31,7 @@ def register_vue_component(name: str, path: Path) -> None:
         js_components[name] = {'name': name, 'path': path}
 
 
-def register_library(name: str, path: Path, expose: bool = False) -> None:
+def register_library(name: str, path: Path, *, expose: bool = False) -> None:
     """Register a new external library.
 
     :param name: unique machine-name (used in element's `use_library`): no space, no special characters

nicegui/elements/aggrid.py

@@ -7,8 +7,8 @@ from ..dependencies import register_library, register_vue_component
 from ..element import Element
 from ..functions.javascript import run_javascript
 
-register_vue_component(name='aggrid', path=Path(__file__).parent.joinpath('aggrid.js'))
-register_library(name='aggrid', path=Path(__file__).parent.joinpath('lib', 'aggrid', 'ag-grid-community.min.js'))
+register_vue_component(name='aggrid', path=Path(__file__).parent / 'aggrid.js')
+register_library(name='aggrid', path=Path(__file__).parent / 'lib' / 'aggrid' / 'ag-grid-community.min.js')
 
 
 class AgGrid(Element):

nicegui/elements/audio.py

@@ -6,7 +6,7 @@ from .. import globals
 from ..dependencies import register_vue_component
 from ..element import Element
 
-register_vue_component(name='audio', path=Path(__file__).parent.joinpath('audio.js'))
+register_vue_component(name='audio', path=Path(__file__).parent / 'audio.js')
 
 
 class Audio(Element):

nicegui/elements/chart.py

@@ -80,11 +80,11 @@ optional_dependencies = [
     'lib/highcharts/modules/pyramid3d.js',
     'lib/highcharts/modules/cylinder.js',
 ]
-register_vue_component(name='chart', path=Path(__file__).parent.joinpath('chart.js'))
+register_vue_component(name='chart', path=Path(__file__).parent / 'chart.js')
 for path in dependencies:
-    register_library(name=Path(path).stem, path=Path(__file__).parent.joinpath(path))
+    register_library(name=Path(path).stem, path=Path(__file__).parent / path)
 for path in optional_dependencies:
-    register_library(name=Path(path).stem, path=Path(__file__).parent.joinpath(path))
+    register_library(name=Path(path).stem, path=Path(__file__).parent / path)
 
 
 class Chart(Element):

nicegui/elements/chat_message.py

@@ -5,7 +5,7 @@ from typing import List, Optional, Union
 from ..dependencies import register_vue_component
 from ..element import Element
 
-register_vue_component(name='chat_message', path=Path(__file__).parent.joinpath('chat_message.js'))
+register_vue_component(name='chat_message', path=Path(__file__).parent / 'chat_message.js')
 
 
 class ChatMessage(Element):

nicegui/elements/colors.py

@@ -3,7 +3,7 @@ from pathlib import Path
 from ..dependencies import register_vue_component
 from ..element import Element
 
-register_vue_component(name='colors', path=Path(__file__).parent.joinpath('colors.js'))
+register_vue_component(name='colors', path=Path(__file__).parent / 'colors.js')
 
 
 class Colors(Element):

nicegui/elements/dark_mode.py

@@ -4,7 +4,7 @@ from typing import Optional
 from ..dependencies import register_vue_component
 from .mixins.value_element import ValueElement
 
-register_vue_component(name='dark_mode', path=Path(__file__).parent.joinpath('dark_mode.js'))
+register_vue_component(name='dark_mode', path=Path(__file__).parent / 'dark_mode.js')
 
 
 class DarkMode(ValueElement):

nicegui/elements/interactive_image.py

@@ -8,7 +8,7 @@ from ..events import MouseEventArguments, handle_event
 from .mixins.content_element import ContentElement
 from .mixins.source_element import SourceElement
 
-register_vue_component(name='interactive_image', path=Path(__file__).parent.joinpath('interactive_image.js'))
+register_vue_component(name='interactive_image', path=Path(__file__).parent / 'interactive_image.js')
 
 
 class InteractiveImage(SourceElement, ContentElement):

nicegui/elements/joystick.py

@@ -5,8 +5,8 @@ from ..dependencies import register_library, register_vue_component
 from ..element import Element
 from ..events import JoystickEventArguments, handle_event
 
-register_vue_component(name='joystick', path=Path(__file__).parent.joinpath('joystick.vue'))
-register_library(name='nipplejs', path=Path(__file__).parent.joinpath('lib', 'nipplejs', 'nipplejs.js'))
+register_vue_component(name='joystick', path=Path(__file__).parent / 'joystick.vue')
+register_library(name='nipplejs', path=Path(__file__).parent / 'lib' / 'nipplejs' / 'nipplejs.js')
 
 
 class Joystick(Element):

nicegui/elements/keyboard.py

@@ -8,7 +8,7 @@ from ..dependencies import register_vue_component
 from ..element import Element
 from ..events import KeyboardAction, KeyboardKey, KeyboardModifiers, KeyEventArguments, handle_event
 
-register_vue_component(name='keyboard', path=Path(__file__).parent.joinpath('keyboard.js'))
+register_vue_component(name='keyboard', path=Path(__file__).parent / 'keyboard.js')
 
 
 class Keyboard(Element):

nicegui/elements/link.py

@@ -6,7 +6,7 @@ from ..dependencies import register_vue_component
 from ..element import Element
 from .mixins.text_element import TextElement
 
-register_vue_component('link', Path(__file__).parent.joinpath('link.js'))
+register_vue_component('link', Path(__file__).parent / 'link.js')
 
 
 class Link(TextElement):

nicegui/elements/log.py

@@ -6,7 +6,7 @@ from typing import Any, Optional
 from ..dependencies import register_vue_component
 from ..element import Element
 
-register_vue_component(name='log', path=Path(__file__).parent.joinpath('log.js'))
+register_vue_component(name='log', path=Path(__file__).parent / 'log.js')
 
 
 class Log(Element):

nicegui/elements/markdown.py

@@ -10,7 +10,7 @@ from pygments.formatters import HtmlFormatter
 from ..dependencies import register_vue_component
 from .mixins.content_element import ContentElement
 
-register_vue_component(name='markdown', path=Path(__file__).parent.joinpath('markdown.js'))
+register_vue_component(name='markdown', path=Path(__file__).parent / 'markdown.js')
 
 
 class Markdown(ContentElement):

nicegui/elements/mermaid.py

@@ -3,9 +3,8 @@ from pathlib import Path
 from ..dependencies import register_library, register_vue_component
 from .mixins.content_element import ContentElement
 
-register_vue_component(name='mermaid', path=Path(__file__).parent.joinpath('mermaid.js'))
-register_library(name='mermaid', path=Path(__file__).parent.joinpath('lib', 'mermaid', 'mermaid.esm.min.mjs'),
-                 expose=True)
+register_vue_component(name='mermaid', path=Path(__file__).parent / 'mermaid.js')
+register_library(name='mermaid', path=Path(__file__).parent / 'lib' / 'mermaid' / 'mermaid.esm.min.mjs', expose=True)
 
 
 class Mermaid(ContentElement):

nicegui/elements/plotly.py

@@ -6,8 +6,8 @@ import plotly.graph_objects as go
 from ..dependencies import register_library, register_vue_component
 from ..element import Element
 
-register_vue_component(name='plotly', path=Path(__file__).parent.joinpath('plotly.vue'))
-register_library(name='plotly', path=Path(__file__).parent.joinpath('lib', 'plotly', 'plotly.min.js'))
+register_vue_component(name='plotly', path=Path(__file__).parent / 'plotly.vue')
+register_library(name='plotly', path=Path(__file__).parent / 'lib' / 'plotly' / 'plotly.min.js')
 
 
 class Plotly(Element):

nicegui/elements/query.py

@@ -7,7 +7,7 @@ from ..dependencies import register_vue_component
 from ..element import Element
 from ..globals import get_client
 
-register_vue_component(name='query', path=Path(__file__).parent.joinpath('query.js'))
+register_vue_component(name='query', path=Path(__file__).parent / 'query.js')
 
 
 class Query(Element):

nicegui/elements/scene.py

@@ -9,19 +9,19 @@ from ..events import SceneClickEventArguments, SceneClickHit, handle_event
 from ..helpers import KWONLY_SLOTS
 from .scene_object3d import Object3D
 
-register_vue_component(name='scene', path=Path(__file__).parent.joinpath('scene.js'))
+register_vue_component(name='scene', path=Path(__file__).parent / 'scene.js')
 register_library(name='three',
-                 path=Path(__file__).parent.joinpath('lib', 'three', 'three.module.js'), expose=True)
+                 path=Path(__file__).parent / 'lib' / 'three' / 'three.module.js', expose=True)
 register_library(name='CSS2DRenderer',
-                 path=Path(__file__).parent.joinpath('lib', 'three', 'modules', 'CSS2DRenderer.js'), expose=True)
+                 path=Path(__file__).parent / 'lib' / 'three' / 'modules' / 'CSS2DRenderer.js', expose=True)
 register_library(name='CSS3DRenderer',
-                 path=Path(__file__).parent.joinpath('lib', 'three', 'modules', 'CSS3DRenderer.js'), expose=True)
+                 path=Path(__file__).parent / 'lib' / 'three' / 'modules' / 'CSS3DRenderer.js', expose=True)
 register_library(name='OrbitControls',
-                 path=Path(__file__).parent.joinpath('lib', 'three', 'modules', 'OrbitControls.js'), expose=True)
+                 path=Path(__file__).parent / 'lib' / 'three' / 'modules' / 'OrbitControls.js', expose=True)
 register_library(name='STLLoader',
-                 path=Path(__file__).parent.joinpath('lib', 'three', 'modules', 'STLLoader.js'), expose=True)
+                 path=Path(__file__).parent / 'lib' / 'three' / 'modules' / 'STLLoader.js', expose=True)
 register_library(name='tween',
-                 path=Path(__file__).parent.joinpath('lib', 'tween', 'tween.umd.js'))
+                 path=Path(__file__).parent / 'lib' / 'tween' / 'tween.umd.js')
 
 
 @dataclass(**KWONLY_SLOTS)

nicegui/elements/select.py

@@ -8,7 +8,7 @@ from nicegui.dependencies import register_vue_component
 from .choice_element import ChoiceElement
 from .mixins.disableable_element import DisableableElement
 
-register_vue_component(name='select', path=Path(__file__).parent.joinpath('select.js'))
+register_vue_component(name='select', path=Path(__file__).parent / 'select.js')
 
 
 class Select(ChoiceElement, DisableableElement):

nicegui/elements/upload.py

@@ -9,7 +9,7 @@ from ..events import EventArguments, UploadEventArguments, handle_event
 from ..nicegui import app
 from .mixins.disableable_element import DisableableElement
 
-register_vue_component(name='upload', path=Path(__file__).parent.joinpath('upload.js'))
+register_vue_component(name='upload', path=Path(__file__).parent / 'upload.js')
 
 
 class Upload(DisableableElement):

nicegui/elements/video.py

@@ -6,7 +6,7 @@ from .. import globals
 from ..dependencies import register_vue_component
 from ..element import Element
 
-register_vue_component(name='video', path=Path(__file__).parent.joinpath('video.js'))
+register_vue_component(name='video', path=Path(__file__).parent / 'video.js')
 
 
 class Video(Element):

nicegui/functions/refreshable.py

@@ -9,7 +9,7 @@ from ..dependencies import register_vue_component
 from ..element import Element
 from ..helpers import KWONLY_SLOTS, is_coroutine_function
 
-register_vue_component(name='refreshable', path=Path(__file__).parent.joinpath('refreshable.js'))
+register_vue_component(name='refreshable', path=Path(__file__).parent / 'refreshable.js')
 
 
 @dataclass(**KWONLY_SLOTS)

website/intersection_observer.py

@@ -5,7 +5,7 @@ from nicegui.dependencies import register_vue_component
 from nicegui.element import Element
 from nicegui.events import EventArguments, handle_event
 
-register_vue_component(name='intersection_observer', path=Path(__file__).parent.joinpath('intersection_observer.js'))
+register_vue_component(name='intersection_observer', path=Path(__file__).parent / 'intersection_observer.js')
 
 
 class IntersectionObserver(Element):