Difference between revisions of "Features/WebKit/Development"

From Sugar Labs
Jump to navigation Jump to search
 
(69 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
==Browse functionality and the replacements==
 
==Browse functionality and the replacements==
 
 
 
  
 
===Activity toolbar===
 
===Activity toolbar===
* session title
+
* session title (in the Journal), should be the title of the last page visited  <span style="background:#f6aa08; color:black">''ENHANCE''</span>, works as in previous Browse but when you resume a session the title is not updated anymore when browsing.  [http://bugs.sugarlabs.org/ticket/3303 Bug ticket #3303]
* share activity
+
* share activity, the starred pages are shared, anything else? sharing in Borwse does not work at the moment, because the 'get_preferred_connection' API of the toolkit seem to be broken atm. Sharing in Read which does not use this API works.  <span style="background:#ff8080; color:black">''FIXME''</span> Reference: http://wiki.laptop.org/go/Browse#Collaboration
  
 
===Edit toolbar===
 
===Edit toolbar===
* undo/redo/copy/paste
+
* undo/redo/copy/paste '''DONE'''
* search in Document
+
* search in Document '''DONE'''
 +
* style text found in search, put yellow background,  <span style="background:#f6aa08; color:black">''ENHANCE''</span> we need to set the background color of the widget as well accordingly to make the currently selected match better visible as well
  
 
===View toolbar===
 
===View toolbar===
* zoom in/zoom out
+
* zoom in/zoom out '''DONE'''
* fullscreen
+
* fullscreen '''DONE'''
* show/hide tray
+
* show/hide tray '''DONE'''
 +
* style tray in the theme, '''DONE'''
  
 
===Home Button===
 
===Home Button===
* go back to home page
+
* go back to home page '''DONE'''
  
 
===Title entry===
 
===Title entry===
* show Address/title
+
* show Address/title '''DONE'''
* reload and stop button
+
* reload and stop button '''DONE'''
* auto completion
+
* normalize text entry and autosearch '''DONE'''
 +
* auto completion '''DONE'''
 +
* represent loading status, update the bottom overlay with a status message '''DONE'''
 +
* we may add other ways to represent loading status in the future:
 +
** change cursor to busy cursor?
 +
** show spinning wheels in tabs?
  
 
===Go back and forward buttons===
 
===Go back and forward buttons===
* History
+
* History '''DONE'''
 +
* Palettes showing history (see webtoolbar.py methods _session_history_changed_cb, _reload_session_history, _history_item_activated_cb) '''DONE'''
  
 
===Favorite button===
 
===Favorite button===
 
* create a session bookmark
 
* create a session bookmark
* create a thumbnail
+
* create a thumbnail '''DONE'''
  
 
===Stop button===
 
===Stop button===
* quit activity (active downloads?)
+
* quit activity (active downloads?) '''DONE'''
  
 
===Keystrokes===
 
===Keystrokes===
* ctrl + 'd': add link
+
* ctrl + 'd': add link '''DONE'''
* ctrl + 'f': find
+
* ctrl + 'f': find '''DONE'''
* ctrl + 'l': focus url entry
+
* ctrl + 'l': focus url entry '''DONE'''
* ctrl + 'minus': zoom out
+
* ctrl + 'minus': zoom out '''DONE'''
* ctrl + ['plus', 'equal']: zoom in
+
* ctrl + ['plus', 'equal']: zoom in '''DONE'''
* ctrl + 'Left': go back
+
* ctrl + 'Left': go back '''DONE'''
* ctrl + 'Right': go forward
+
* ctrl + 'Right': go forward '''DONE'''
*  ctrl + 'r': reload
+
*  ctrl + 'r': reload '''DONE'''
* ctrl + 't': add tab
+
* ctrl + 't': add tab '''DONE'''
  
 
===Multiple tabs===
 
===Multiple tabs===
* page title
+
* page title '''DONE'''
* restore tabs
+
* restore tabs '''DONE'''
 +
* tabs size <span style="background:#f6aa08; color:black">''ENHANCE''</span>
 +
** always the same height
 +
** fixed width depending on the number of tabs, see message for commit 959f86e0406914267047dc10302f98a059b6ba21
  
 
===Downloads===
 
===Downloads===
* download a file
+
* download a file '''DONE'''
* active downloads when closing
+
* check for active downloads when closing '''DONE'''
  
 
===Uploads===
 
===Uploads===
* upload a file
+
* [http://bugs.sugarlabs.org/ticket/3411 #3411] upload a file, rewrite filepicker.py for webkit, Epiphany will not help us in this one it just let webkitgtk handle it which uses the standard GtkFileChooser dialog, [https://lists.webkit.org/pipermail/webkit-gtk/2012-January/000894.html asked on the list for ideas]. The html field is <form><input type=file> <span style="background:#ff8080; color:black">''FIXME''</span>
  
===Sessions===
+
This will be added to WebKit, this ticket is the one to track: https://bugs.webkit.org/show_bug.cgi?id=78491
  
 
===Link palettes===
 
===Link palettes===
 +
* follow link, start download: the tricky bit is how to invoke the palette <span style="background:#ff8080; color:black">''FIXME''</span>
  
 
===Start all instances in the same process===
 
===Start all instances in the same process===
Browse using xulrunner is a single process activity where all instances are in the same process. We need to see how WebKit handles this.
+
Browse using xulrunner is a single process activity where all instances are in the same process. WebKit does handle the same well. '''DONE'''
 +
 
 +
===Authenticate with schoolserver===
 +
* Create a HTTP Cookie to authenticate with the Schoolserver, Epiphany is as well using the 'cookies.sqlite'  database, we can reuse that, you can use libsoup for the management, the session we get with ''WebKit.get_default_session()'', see  ''embed/ephy-embed-single.c'' and'' lib/ephy-profile-migrator.c'' for a migrator. <span style="background:#ff8080; color:black">''FIXME''</span>
 +
 
 +
===Internationalisation===
 +
* Display pages based on locale specific information '''DONE'''
 +
 
 +
===Don't autoplay flash, embed in web page===
 +
* see agent-stylesheet.css in Browse how we did this before (test with njambre.org web page) <span style="background:#ff8080; color:black">''FIXME''</span>
 +
 
 +
There is a free Safari (using WebKit) plugin that does the same: https://github.com/rentzsch/clicktoflash
 +
 
 +
===Security===
 +
* CAcert <span style="background:#ff8080; color:black">''FIXME''</span>
 +
 
 +
===View Source===
 +
* The view source feature in Browse, should show the html page source, added to the activity source. '''DONE'''
 +
 
 +
===Set DPI===
 +
[http://bugs.sugarlabs.org/ticket/3428 #3428] The page should be zoomed for the screen in use '''DONE'''.
 +
 
 +
Links about the subject:
 +
* what we used to set in hulahop: [http://kb.mozillazine.org/Layout.css.dpi layout.css.dpi]
 +
* [http://webkitgtk.org/reference/webkitgtk/unstable/WebKitViewportAttributes.html#WebKitViewportAttributes--device-dpi attribute in webkitgtk]
 +
* [http://webkitgtk.org/reference/webkitgtk/unstable/webkitgtk-webkitwebview.html#webkit-web-view-set-zoom-level set zoom level]
 +
* [http://www.webkit.org/blog/55/high-dpi-web-sites/ safari - dpi]
 +
 
 +
===Identify Sugar version through Browser===
 +
This can be done using the user agent '''DONE'''
 +
 
 +
===Style bottom overlay===
 +
Make it gray toolbar background, white foreground.  Add a bit of padding so the text gets more readability.
 +
 
 +
===Display pdf in Browse===
 +
- either display the pdf in Browse or add a way to open it in Read '''DONE'''
 +
 
 +
===Playback audio and video in Browse===
 +
- check if playback is still working etc '''VERIFY'''
 +
 
 +
===Flash and Java plugins===
 +
[http://bugs.sugarlabs.org/ticket/3410 #3410]
 +
- check Flash and Java plugins <span style="background:#ff8080; color:black">''FIXME''</span>
  
===Manu list===
+
===Backwards compatibilty===
manuq: *** DONE page title in tabs
+
* test backards compatibility: resume activity sessions created with the old Browse version <span style="background:#ff8080; color:black">''FIXME''</span>
manuq: *** DONE make stop and reload page buttons work
 
manuq: *** DONE make go home button work
 
manuq: *** DONE make stop activity button work
 
manuq: *** DONE make tabs work again
 
manuq: *** DONE make restore session work
 
manuq: *** DONE make keystrokes go back, go forward, reload
 
manuq: *** DONE make favourites work
 
manuq: *** DONE make edit (undo/redo/copy/paste/search) work
 
manuq: *** TODO make link palette work
 
manuq: *** TODO make downloadmanager work
 

Latest revision as of 15:54, 17 April 2012

Browse functionality and the replacements

Activity toolbar

  • session title (in the Journal), should be the title of the last page visited ENHANCE, works as in previous Browse but when you resume a session the title is not updated anymore when browsing. Bug ticket #3303
  • share activity, the starred pages are shared, anything else? sharing in Borwse does not work at the moment, because the 'get_preferred_connection' API of the toolkit seem to be broken atm. Sharing in Read which does not use this API works. FIXME Reference: http://wiki.laptop.org/go/Browse#Collaboration

Edit toolbar

  • undo/redo/copy/paste DONE
  • search in Document DONE
  • style text found in search, put yellow background, ENHANCE we need to set the background color of the widget as well accordingly to make the currently selected match better visible as well

View toolbar

  • zoom in/zoom out DONE
  • fullscreen DONE
  • show/hide tray DONE
  • style tray in the theme, DONE

Home Button

  • go back to home page DONE

Title entry

  • show Address/title DONE
  • reload and stop button DONE
  • normalize text entry and autosearch DONE
  • auto completion DONE
  • represent loading status, update the bottom overlay with a status message DONE
  • we may add other ways to represent loading status in the future:
    • change cursor to busy cursor?
    • show spinning wheels in tabs?

Go back and forward buttons

  • History DONE
  • Palettes showing history (see webtoolbar.py methods _session_history_changed_cb, _reload_session_history, _history_item_activated_cb) DONE

Favorite button

  • create a session bookmark
  • create a thumbnail DONE

Stop button

  • quit activity (active downloads?) DONE

Keystrokes

  • ctrl + 'd': add link DONE
  • ctrl + 'f': find DONE
  • ctrl + 'l': focus url entry DONE
  • ctrl + 'minus': zoom out DONE
  • ctrl + ['plus', 'equal']: zoom in DONE
  • ctrl + 'Left': go back DONE
  • ctrl + 'Right': go forward DONE
  • ctrl + 'r': reload DONE
  • ctrl + 't': add tab DONE

Multiple tabs

  • page title DONE
  • restore tabs DONE
  • tabs size ENHANCE
    • always the same height
    • fixed width depending on the number of tabs, see message for commit 959f86e0406914267047dc10302f98a059b6ba21

Downloads

  • download a file DONE
  • check for active downloads when closing DONE

Uploads

  • #3411 upload a file, rewrite filepicker.py for webkit, Epiphany will not help us in this one it just let webkitgtk handle it which uses the standard GtkFileChooser dialog, asked on the list for ideas. The html field is <form><input type=file> FIXME

This will be added to WebKit, this ticket is the one to track: https://bugs.webkit.org/show_bug.cgi?id=78491

Link palettes

  • follow link, start download: the tricky bit is how to invoke the palette FIXME

Start all instances in the same process

Browse using xulrunner is a single process activity where all instances are in the same process. WebKit does handle the same well. DONE

Authenticate with schoolserver

  • Create a HTTP Cookie to authenticate with the Schoolserver, Epiphany is as well using the 'cookies.sqlite' database, we can reuse that, you can use libsoup for the management, the session we get with WebKit.get_default_session(), see embed/ephy-embed-single.c and lib/ephy-profile-migrator.c for a migrator. FIXME

Internationalisation

  • Display pages based on locale specific information DONE

Don't autoplay flash, embed in web page

  • see agent-stylesheet.css in Browse how we did this before (test with njambre.org web page) FIXME

There is a free Safari (using WebKit) plugin that does the same: https://github.com/rentzsch/clicktoflash

Security

  • CAcert FIXME

View Source

  • The view source feature in Browse, should show the html page source, added to the activity source. DONE

Set DPI

#3428 The page should be zoomed for the screen in use DONE.

Links about the subject:

Identify Sugar version through Browser

This can be done using the user agent DONE

Style bottom overlay

Make it gray toolbar background, white foreground. Add a bit of padding so the text gets more readability.

Display pdf in Browse

- either display the pdf in Browse or add a way to open it in Read DONE

Playback audio and video in Browse

- check if playback is still working etc VERIFY

Flash and Java plugins

#3410 - check Flash and Java plugins FIXME

Backwards compatibilty

  • test backards compatibility: resume activity sessions created with the old Browse version FIXME