Hi, Just going through the tutorial, and getting the following error:

File "widgets_overview_app.py", line 7

SyntaxError: invalid syntax

Any suggestions? Thanks

I want write a app gui which can accept the cam data from the network, how can I do? class OpencvVideoWidget(gui.Image): def init(self, video_source=0, fps=10, **kwargs): super(OpencvVideoWidget, self).init("/%s/get_image_data" % id(self), **kwargs) self.fps = fps #self.capture = cv2.VideoCapture(video_source)

    javascript_code = gui.Tag()
    javascript_code.type = 'script'
    javascript_code.attributes['type'] = 'text/javascript'
    javascript_code.add_child('code', """
        function update_image%(id)s(){
        if(document.getElementById('%(id)s').getAttribute('play')=='False')
        return;
        
        var url = '/%(id)s/get_image_data';
        var xhr = new XMLHttpRequest();
        xhr.open('GET', url, true);
        xhr.responseType = 'blob'
        xhr.onload = function(e){
        var urlCreator = window.URL || window.webkitURL;
        var imageUrl = urlCreator.createObjectURL(this.response);
        document.getElementById('%(id)s').src = imageUrl;
        }
        xhr.send();
        };
        
        setInterval( update_image%(id)s, %(update_rate)s );
        """ % {'id': id(self), 'update_rate': 1000.0 / self.fps})
    
    self.add_child('javascript_code', javascript_code)
    self.play()

def play(self):
    self.attributes['play'] = True

def stop(self):
    self.attributes['play'] = False
    
def post_some_data():
    """
    predicts requested text whether it is ham or spam
    :return: json
    """
   img_encode=request.files.get("image").read()
    image_np = np.asarray(bytearray(img_encode), dtype="uint8")
    image = cv2.imdecode(image_np, cv2.IMREAD_COLOR)
    AID_CAMERA.put(image, block=True)
    return jsonify({'you sent this': request.form.get("text")})

def get_image_data(self):
    ret, frame = AID_CAMERA.get()
    if ret:
        ret, jpeg = cv2.imencode('.jpg', frame)
        if ret:
            headers = {'Content-type': 'image/jpeg'}
            # tostring is an alias to tobytes, which wasn't added till numpy 1.9
            return [jpeg.tostring(), headers]
    return None, None

when I write the HttpPost request = new HttpPost("http://127.0.0.1:8000/Image/post_some_data") to post the data, it is not working: this is log info:

KeyError: 'filename' 127.0.0.1 - - [11/Jun/2019 06:15:19] "POST /Image/post_some_data HTTP/1.1" 400 - start process cam data.... <socket._socketobject object at 0x702b13d6e0> remi.request ERROR post: failed

how can I accept the post data with Remi?

When adding an onclick listener to a widget, it adds the following onclick attributes to the html object:

sendCallback('XXXXXXXX','onclick');event.stopPropagation();event.preventDefault();

The event.preventDefault() part causes issues if you put any widget with a "default" action like a checkbox or a link inside a container which has an onclick listener. The default action will be stopped at the parent and the checkbox, link, etc won't work.

I can understand why the event.preventDefault() makes sense. If you add an onclick listener directly on a link, checkbox, etc, you probably want it to replace its default action. It would however be nice to have the option to skip it when adding onclick listeners to containers.

My example use case

I have created a Modal widget which consists of a backdrop, a modal and a content (code can be found here).

The backdrop has an onclick listener to close the modal on click.

The modal has a dummy onclick listener which does nothing but stopping the event propagation (otherwise clicking on the modal would trigger the backdrop listener).

The content has a form with inputs and links. The checkboxes and links don't work since the parents (both modal and backdrop) have event.preventDefault() in their onclick attribute.

A temporary hack that I found to overcome this issue is to re-implement checkbox functionality in an onclick listener:

checkbox.onclick.do(lambda w: checkbox.set_value(not checkbox.get_value()))

but this is not very practical.

Hi. I'm new to remi and I think it is a really cool project. I want to capture the stream from the browser and process it in opencv in termux android app and display it on the browser. I found the link of your smartphone camera which captures feed in the browser: https://repl.it/@DavideRosa/smartphoneremotephoto. How do I use this stream and feed it to the opencv application so that I can process it and show the processed result? Help would be greatly appreciated.

• Designed with minimal remi change in mind (see diff files to estimate the level of change)
• For both remi core and remi apps (minimal change)
• Fully tested with jupyter-server-proxy
• Jupyter notebooks provided
• works only with 3.6+ (f"" string interpolation)
• If proxy not used, legacy remi app are working
• adding proxy feature need some remi app rework (to calculate url for the front-end)

"url('/editor_resources:resize.png')" => f"url({_proxy.set_url('/editor_resources:resize.png')})"
# if directly provided to front-end
# if url are passed to Image or the like, no change

Hello I am trying to display a multi-line file with the Remi label object and the set_text() method. However, the set_text() method does not seem to respond to /n and the label shows a giant blob of text. Thank you for your help

Also this adds parameters to tune the timeout on checking if the data was sent and how big the pending messages buffer can be.

With values like 10 on bad networks this made the connection drop a lot more frequently which made the renewConnection pop a lot more.

I have a proposal to make the code closer to PEP-8 standard. There are quite good tools these days to help you along, I typically set up pre-commit with black and flake8. This can then easily be added in e.g. Travis so that any merge request is automatically checked after..

This merge commit already contains a proposed first config for the pre-commit, as well as automatic code cleaning from the black tool. There are numerous proposals from flake8 as well (see the ignore-list in the config file), however those edits are more manual to fix. Hence I thought I'd ask if you think this makes sense before I start on the endeavour of going through them..

Hi everyone, I just discovered Remi for developing python applications for web use. I need a simple example for the GUI of SAAS product using Remi.

in fact I would like to launch a python code from a remote pc (outside the pc on which the code is located), is this possible with Remi?

Thanks a lot Ali

This code previously worked:

                element.Widget = remi.gui.Label(element.DisplayText)
                element.Widget.set_layout_orientation(True)

but after a recent Remi upgrade it crashes with this error

Traceback (most recent call last):
  File "C:/Python/PycharmProjects/GooeyGUI/PySimpleGUIWeb.py", line 5121, in setup_remi_window
    PackFormIntoFrame(window, master_widget, window)
  File "C:/Python/PycharmProjects/GooeyGUI/PySimpleGUIWeb.py", line 4206, in PackFormIntoFrame
    element.Widget.set_layout_orientation(True)
AttributeError: 'Label' object has no attribute 'set_layout_orientation'

I want to run my code on a remote server and be able to SSH and tunnel my ports for connecting to the GUI.

My current problem is that I can't predict what the second port will be. It seems to be randomly selecting a port, but I'm not sure how.

I tried to apply style="text-align: right; vertical-align: middle" to both Label and SpinBox objects that are arranged side by side with the same height setting. But it seems the "vertical-align: middle" does not have any effect. These two objects always misaligned vertically even within the same HBox. Why does it work this way?

Hello, I have a program made with remi. On the computer I developed, the layout of all web pages is normal. But when the program runs on my other computer, the page layout is wrong! What is the problem? (The screen resolutions of the two computers are inconsistent) Looking forward to your reply!

fix cannot support play mp4 static file in safari browser.

 remi/server.py -> App -> _process_all

before

            filename = self._get_static_file(static_file.groups()[0])
            if not filename:
                self.send_response(404)
                return
            mimetype, encoding = mimetypes.guess_type(filename)
            self.send_response(200)
            self.send_header('Content-type', mimetype if mimetype else 'application/octet-stream')
            if self.server.enable_file_cache:
                self.send_header('Cache-Control', 'public, max-age=86400')
            self.end_headers()
            with open(filename, 'rb') as f:
                content = f.read()
                self.wfile.write(content)

after

            filename = self._get_static_file(static_file.groups()[0])
            if not filename:
                self.send_response(404)
                return
            mimetype, encoding = mimetypes.guess_type(filename)
            response_code = 200
            content = None
            send_response_code = None
            with open(filename, 'rb') as f:
                content = f.read()
            for k in self.headers:
                if k.lower() == 'range':
                    self._log.info('Start resumable pass.')
                    # self._log.info(self.headers)
                    range_value = self.headers[k]
                    range_value_comp = re.compile(r'bytes=([0-9]+)\-(([0-9]+)?)')
                    m = re.match(range_value_comp, range_value)
                    if m:
                        start_range = m.group(1)
                        start = int(start_range)
                        end_range = m.group(2)
                        if len(end_range) > 0:
                            end = int(end_range)
                        else:
                            end = -1
                        print(start, end_range, len(content))
                        if end == len(content) -1:
                            response_code = 200
                        else:
                            response_code = 206
                        self.send_response(response_code)
                        send_response_code = True
                        if end == -1:
                            # headers['Content-Length'] = str(len(content) - start)
                            self.send_header('Content-Length', str(len(content) - start))
                        else:
                            # headers['Content-Length'] = str(end - start + 1
                            self.send_header('Content-Length', str(end - start + 1))
                        if end < 0:
                            content_range_header_value = "bytes %d-%d/%d" % (start, len(content) - 1, len(content))
                            content = content[start:len(content)]
                        else:
                            content_range_header_value = "bytes %d-%d/%d" % (start, end, len(content))
                            content = content[start:end + 1]
                        # headers['Content-Range'] = content_range_header_value
                        self.send_header('Content-Range', content_range_header_value)
            if not send_response_code:
                self.send_response(response_code)
            self.send_header('Content-type', mimetype if mimetype else 'application/octet-stream')
            if self.server.enable_file_cache:
                self.send_header('Cache-Control', 'public, max-age=86400')
            self.end_headers()
            if content:
                self.wfile.write(content)

I've had problems with Cyrillic filenames when creating FileDownloader object, and I was able to fix it just by changing line 701 in server.py to self.send_header(k, urllib.parse.quote_plus(headers[k]))