You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

796 lines
36 KiB

10 years ago
7 years ago
10 years ago
10 years ago
9 years ago
7 years ago
10 years ago
9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
6 years ago
6 years ago
9 years ago
10 years ago
6 years ago
6 years ago
6 years ago
9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
7 years ago
9 years ago
7 years ago
9 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
7 years ago
7 years ago
9 years ago
10 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
6 years ago
9 years ago
6 years ago
9 years ago
6 years ago
9 years ago
9 years ago
6 years ago
9 years ago
6 years ago
9 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
10 years ago
9 years ago
9 years ago
10 years ago
10 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
10 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
6 years ago
9 years ago
10 years ago
6 years ago
9 years ago
10 years ago
9 years ago
  1. Gooey (Beta)
  2. =====
  3. Turn (almost) any Python 2 or 3 Console Program into a GUI application with one line
  4. <p align="center">
  5. <img src="https://cloud.githubusercontent.com/assets/1408720/7904381/f54f97f6-07c5-11e5-9bcb-c3c102920769.png" />
  6. </p>
  7. # Gooey now supports Python 3!!
  8. # 1.0.2 Release TODO:
  9. Finish of the readonly param for all components. Maybe this 'll be passing
  10. totally arbitrary style around.
  11. Document all the new layout stuff
  12. * group - show_underline
  13. * group - marginTop
  14. * gooey_options.label_color
  15. * gooey_options.help_color
  16. * gooey_options.error_color
  17. * gooey_options.show_label
  18. * gooey_options.show_help
  19. * gooey_options.block_checkbox.checkbox_label [string]
  20. * gooey_options.textarea.readonly
  21. Table of Contents
  22. -----------------
  23. - [Gooey](#gooey)
  24. - [Table of contents](#table-of-contents)
  25. - [Latest Update](#latest-update)
  26. - [Quick Start](#quick-start)
  27. - [Installation Instructions](#installation-instructions)
  28. - [Usage](#usage)
  29. - [Examples](#examples)
  30. - [What It Is](#what-is-it)
  31. - [Why Is It](#why)
  32. - [Who is this for](#who-is-this-for)
  33. - [How does it work](#how-does-it-work)
  34. - [Internationalization](#internationalization)
  35. - [Global Configuration](#global-configuration)
  36. - [Layout Customization](#layout-customization)
  37. - [Run Modes](#run-modes)
  38. - [Full/Advanced](#advanced)
  39. - [Basic](#basic)
  40. - [No Config](#no-config)
  41. - [Menus](#menus)
  42. - [Input Validation](#input-validation)
  43. - [Using Dynamic Values](#using-dynamic-values)
  44. - [Showing Progress](#showing-progress)
  45. - [Customizing Icons](#customizing-icons)
  46. - [Packaging](#packaging)
  47. - [Screenshots](#screenshots)
  48. - [Contributing](#wanna-help)
  49. - [Image Credits](#image-credits)
  50. ----------------
  51. ## Quick Start
  52. ### Installation instructions
  53. The easiest way to install Gooey is via `pip`
  54. pip install Gooey
  55. Alternatively, you can install Gooey by cloning the project to your local directory
  56. git clone https://github.com/chriskiehl/Gooey.git
  57. run `setup.py`
  58. python setup.py install
  59. **NOTE:** Python 2 users must manually install WxPython! Unfortunately, this cannot be done as part of the pip installation and should be manually downloaded from the [wxPython website](http://www.wxpython.org/download.php).
  60. ### Usage
  61. Gooey is attached to your code via a simple decorator on whichever method has your `argparse` declarations (usually `main`).
  62. from gooey import Gooey
  63. @Gooey <--- all it takes! :)
  64. def main():
  65. parser = ArgumentParser(...)
  66. # rest of code
  67. Different styling and functionality can be configured by passing arguments into the decorator.
  68. # options
  69. @Gooey(advanced=Boolean, # toggle whether to show advanced config or not
  70. language=language_string, # Translations configurable via json
  71. show_config=True, # skip config screens all together
  72. target=executable_cmd, # Explicitly set the subprocess executable arguments
  73. program_name='name', # Defaults to script name
  74. program_description, # Defaults to ArgParse Description
  75. default_size=(610, 530), # starting size of the GUI
  76. required_cols=1, # number of columns in the "Required" section
  77. optional_cols=2, # number of columbs in the "Optional" section
  78. dump_build_config=False, # Dump the JSON Gooey uses to configure itself
  79. load_build_config=None, # Loads a JSON Gooey-generated configuration
  80. monospace_display=False) # Uses a mono-spaced font in the output screen
  81. )
  82. def main():
  83. parser = ArgumentParser(...)
  84. # rest of code
  85. See: [How does it Work](#how-does-it-work) section for details on each option.
  86. Gooey will do its best to choose sensible widget defaults to display in the GUI. However, if more fine tuning is desired, you can use the drop-in replacement `GooeyParser` in place of `ArgumentParser`. This lets you control which widget displays in the GUI. See: [GooeyParser](#gooeyparser)
  87. from gooey import Gooey, GooeyParser
  88. @Gooey
  89. def main():
  90. parser = GooeyParser(description="My Cool GUI Program!")
  91. parser.add_argument('Filename', widget="FileChooser")
  92. parser.add_argument('Date', widget="DateChooser")
  93. ...
  94. ### Examples
  95. Gooey downloaded and installed? Great! Wanna see it in action? Head over the the [Examples Repository](https://github.com/chriskiehl/GooeyExamples) to download a few ready-to-go example scripts. They'll give you a quick tour of all Gooey's various layouts, widgets, and features.
  96. [Direct Download](https://github.com/chriskiehl/GooeyExamples/archive/master.zip)
  97. What is it?
  98. -----------
  99. Gooey converts your Console Applications into end-user-friendly GUI applications. It lets you focus on building robust, configurable programs in a familiar way, all without having to worry about how it will be presented to and interacted with by your average user.
  100. Why?
  101. ---
  102. Because as much as we love the command prompt, the rest of the world looks at it like an ugly relic from the early '80s. On top of that, more often than not programs need to do more than just one thing, and that means giving options, which previously meant either building a GUI, or trying to explain how to supply arguments to a Console Application. Gooey was made to (hopefully) solve those problems. It makes programs easy to use, and pretty to look at!
  103. Who is this for?
  104. ----------------
  105. If you're building utilities for yourself, other programmers, or something which produces a result that you want to capture and pipe over to another console application (e.g. *nix philosophy utils), Gooey probably isn't the tool for you. However, if you're building 'run and done,' around-the-office-style scripts, things that shovel bits from point A to point B, or simply something that's targeted at a non-programmer, Gooey is the perfect tool for the job. It lets you build as complex of an application as your heart desires all while getting the GUI side for free.
  106. How does it work?
  107. -----------------
  108. Gooey is attached to your code via a simple decorator on whichever method has your `argparse` declarations.
  109. @Gooey
  110. def my_run_func():
  111. parser = ArgumentParser(...)
  112. # rest of code
  113. At run-time, it parses your Python script for all references to `ArgumentParser`. (The older `optparse` is currently not supported.) These references are then extracted, assigned a `component type` based on the `'action'` they provide, and finally used to assemble the GUI.
  114. #### Mappings:
  115. Gooey does its best to choose sensible defaults based on the options it finds. Currently, `ArgumentParser._actions` are mapped to the following `WX` components.
  116. | Parser Action | Widget | Example |
  117. |:----------------------|-----------|------|
  118. | store | TextCtrl | <img src="https://cloud.githubusercontent.com/assets/1408720/7904380/f54e9f5e-07c5-11e5-86e5-82f011c538cf.png"/>|
  119. | store_const | CheckBox | <img src="https://cloud.githubusercontent.com/assets/1408720/7904367/f538c850-07c5-11e5-8cbe-864badfa54a9.png"/>|
  120. | store_true| CheckBox | <img src="https://cloud.githubusercontent.com/assets/1408720/7904367/f538c850-07c5-11e5-8cbe-864badfa54a9.png"/>|
  121. | store_False | CheckBox| <img src="https://cloud.githubusercontent.com/assets/1408720/7904367/f538c850-07c5-11e5-8cbe-864badfa54a9.png"/> |
  122. | append | TextCtrl | <img src="https://cloud.githubusercontent.com/assets/1408720/7904380/f54e9f5e-07c5-11e5-86e5-82f011c538cf.png"/> |
  123. | count| DropDown &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | <img src="https://cloud.githubusercontent.com/assets/1408720/7904371/f53ccbe4-07c5-11e5-80e5-510e2aa22922.png"/> |
  124. | Mutually Exclusive Group | RadioGroup | <img src="https://cloud.githubusercontent.com/assets/1408720/7904383/f553feb8-07c5-11e5-9d5b-eaa4772075a9.png"/>
  125. |choice &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;| DropDown | <img src="https://cloud.githubusercontent.com/assets/1408720/7904379/f54e4da6-07c5-11e5-9e66-d8e6d7f18ac6.png"/> |
  126. ### GooeyParser
  127. If the above defaults aren't cutting it, you can control the exact widget type by using the drop-in `ArgumentParser` replacement `GooeyParser`. This gives you the additional keyword argument `widget`, to which you can supply the name of the component you want to display. Best part? You don't have to change any of your `argparse` code to use it. Drop it in, and you're good to go.
  128. **Example:**
  129. from argparse import ArgumentParser
  130. ....
  131. def main():
  132. parser = ArgumentParser(description="My Cool Gooey App!")
  133. parser.add_argument('filename', help="name of the file to process")
  134. Given then above, Gooey would select a normal `TextField` as the widget type like this:
  135. <p align="center">
  136. <img src="https://cloud.githubusercontent.com/assets/1408720/7904368/f5393e20-07c5-11e5-88e9-c153fc3ecfaa.PNG">
  137. </p>
  138. However, by dropping in `GooeyParser` and supplying a `widget` name, you can display a much more user friendly `FileChooser`
  139. from gooey import GooeyParser
  140. ....
  141. def main():
  142. parser = GooeyParser(description="My Cool Gooey App!")
  143. parser.add_argument('filename', help="name of the file to process", widget='FileChooser')
  144. <p align="center"><img src="https://cloud.githubusercontent.com/assets/1408720/7904370/f53ae23e-07c5-11e5-8757-c8aa6f3013b5.PNG"></p>
  145. **Custom Widgets:**
  146. | Widget | Example |
  147. |----------------|------------------------------|
  148. | DirChooser/FileChooser/MultiFileChooser | <p align="center"><img src="https://cloud.githubusercontent.com/assets/1408720/7904377/f5483b28-07c5-11e5-9d01-1935635fc22d.gif" width="400"></p> |
  149. | DateChooser &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;| <p align="center"><img src="https://cloud.githubusercontent.com/assets/1408720/7904376/f544756a-07c5-11e5-86d6-862ac146ad35.gif" width="400"></p> |
  150. | PasswordField | <p align="center"><img src="https://user-images.githubusercontent.com/1408720/28953722-eae72cca-788e-11e7-8fa1-9a1ef332a053.png" width="400"></p> |
  151. | Listbox | ![image](https://user-images.githubusercontent.com/1408720/31590191-fadd06f2-b1c0-11e7-9a49-7cbf0c6d33d1.png) |
  152. | BlockCheckbox | ![image](https://user-images.githubusercontent.com/1408720/46922288-9296f200-cfbb-11e8-8b0d-ddde08064247.png) <br/> The default InlineCheck box can look less than ideal if a large help text block is present. `BlockCheckbox` moves the text block to the normal position and provides a short-form `block_label` for display next to the control. Use `gooey_options.checkbox_label` to control the label text |
  153. Internationalization
  154. --------------------
  155. <img src="https://cloud.githubusercontent.com/assets/1408720/7904365/f52e9f1a-07c5-11e5-8f31-36a8fc14ac02.jpg" align="right" />
  156. Gooey is international ready and easily ported to your host language. Languages are controlled via an argument to the `Gooey` decorator.
  157. @Gooey(language='russian')
  158. def main():
  159. ...
  160. All program text is stored externally in `json` files. So adding new langauge support is as easy as pasting a few key/value pairs in the `gooey/languages/` directory.
  161. Thanks to some awesome [contributers](https://github.com/chriskiehl/Gooey/graphs/contributors), Gooey currently comes pre-stocked with the following language sets:
  162. - English
  163. - Dutch
  164. - French
  165. - Portuguese
  166. Want to add another one? Submit a [pull request!](https://github.com/chriskiehl/Gooey/compare)
  167. -------------------------------------------
  168. Global Configuration
  169. --------------------
  170. Just about everything in Gooey's overall look and feel can be customized by passing arguments to the decorator.
  171. | Parameter | Summary |
  172. |-----------|---------|
  173. | encoding | Text encoding to use when displaying characters (default: 'utf-8') |
  174. | use_legacy_titles | Rewrites the default argparse group name from "Positional" to "Required". This is primarily for retaining backward compatibilty with previous versions of Gooey (which had poor support/awareness of groups and did its own naive bucketing of arguments). |
  175. | advanced | Toggles whether to show the 'full' configuration screen, or a simplified version |
  176. | auto_start | Skips the configuration all together and runs the program immediately |
  177. | language | Tells Gooey which language set to load from the `gooey/languages` directory.|
  178. | target | Tells Gooey how to re-invoke itself. By default Gooey will find python, but this allows you to specify the program (and arguments if supplied).|
  179. |program_name | The name displayed in the title bar of the GUI window. If not supplied, the title defaults to the script name pulled from `sys.argv[0]`. |
  180. | program_description | Sets the text displayed in the top panel of the `Settings` screen. Defaults to the description pulled from `ArgumentParser`. |
  181. | default_size | Initial size of the window |
  182. | required_cols | Controls how many columns are in the Required Arguments section <br> :warning: **Deprecation notice:** See [Group Parameters](#group-configuration) for modern layout controls|
  183. | optional_cols | Controls how many columns are in the Optional Arguments section <br> :warning: **Deprecation notice:** See [Group Parameters](#group-configuration) for modern layout controls|
  184. | dump_build_config | Saves a `json` copy of its build configuration on disk for reuse/editing |
  185. | load_build_config | Loads a `json` copy of its build configuration from disk |
  186. | monospace_display | Uses a mono-spaced font in the output screen <br> :warning: **Deprecation notice:** See [Group Parameters](#group-configuration) for modern font configuration|
  187. | image_dir | Path to the directory in which Gooey should look for custom images/icons |
  188. | language_dir | Path to the directory in which Gooey should look for custom languages files |
  189. | disable_stop_button | Disable the `Stop` button when running |
  190. | show_stop_warning | Displays a warning modal before allowing the user to force termination of your program |
  191. | force_stop_is_error | Toggles whether an early termination by the shows the success or error screen |
  192. | show_success_modal | Toggles whether or not to show a summary modal after a successful run |
  193. | show_restart_button | Toggles whether or not to show the restart button at the end of execution |
  194. | run_validators | Controls whether or not to have Gooey perform validation before calling your program |
  195. | poll_external_updates | (Experimental!) When True, Gooey will call your code with a `gooey-seed-ui` CLI argument and use the response to fill out dynamic values in the UI (See: [Using Dynamic Values](#using-dynamic-values))|
  196. | return_to_config | When True, Gooey will return to the configuration settings window upon successful run |
  197. | progress_regex | A text regex used to pattern match runtime progress information. See: [Showing Progress](#showing-progress) for a detailed how-to |
  198. | progress_expr | A python expression applied to any matches found via the `progress_regex`. See: [Showing Progress](#showing-progress) for a detailed how-to |
  199. | hide_progress_msg | Option to hide textual progress updates which match the `progress_regex`. See: [Showing Progress](#showing-progress) for a detailed how-to |
  200. | disable_progress_bar_animation | Disable the progress bar |
  201. | requires_shell | Controls whether or not the `shell` argument is used when invoking your program. [More info here](https://stackoverflow.com/questions/3172470/actual-meaning-of-shell-true-in-subprocess#3172488) |
  202. | navigation | Sets the "navigation" style of Gooey's top level window. <br>Options: <table> <thead> <tr><th>TABBED</th><th>SIDEBAR</th></tr></thead> <tbody> <tr> <td><img src="https://user-images.githubusercontent.com/1408720/34464826-2a946ba2-ee47-11e7-92a4-4afeb49dc9ca.png" width="200" height="auto"></td><td><img src="https://user-images.githubusercontent.com/1408720/34464847-9918fbb0-ee47-11e7-8d5f-0d42631c2bc0.png" width="200" height="auto"></td></tr></tbody></table>|
  203. | sidebar_title | <img src="https://user-images.githubusercontent.com/1408720/34472159-1bfedbd0-ef10-11e7-8bc3-b6d69febb8c3.png" width="250" height="auto" align="right"> Controls the heading title above the SideBar's navigation pane. Defaults to: "Actions" |
  204. | show_sidebar | Show/Hide the sidebar in when navigation mode == `SIDEBAR` |
  205. | body_bg_color | HEX value of the main Gooey window |
  206. | header_bg_color | HEX value of the header background |
  207. | header_height | height in pixels of the header |
  208. | header_show_title | Show/Hide the header title |
  209. | header_show_subtitle | Show/Hide the header subtitle |
  210. | footer_bg_color | HEX value of the Footer background |
  211. | sidebar_bg_color | HEX value of the Sidebar's background |
  212. | terminal_panel_color | HEX value of the terminal's panel |
  213. | terminal_font_color | HEX value of the font displayed in Gooey's terminal |
  214. | terminal_font_family | Name of the Font Family to use in the terminal |
  215. | terminal_font_weight | Weight of the font (NORMAL\|BOLD) |
  216. | terminal_font_size | Point size of the font displayed in the terminal |
  217. | error_color | HEX value of the text displayed when a validation error occurs |
  218. | menus | Show custom menu groups and items (see: [Menus](#menus) |
  219. Layout Customization
  220. --------------------
  221. You can achieve fairly flexible layouts with Gooey by using a few simple customizations.
  222. At the highest level, you have several overall layout options controllable via various arguments to the Gooey decorator.
  223. | `show_sidebar=True` | `show_sidebar=False` | `navigation='TABBED'` | `tabbed_groups=True` |
  224. |---------------------|----------------------|----------------------|------------------------|
  225. |<img src="https://user-images.githubusercontent.com/1408720/34464847-9918fbb0-ee47-11e7-8d5f-0d42631c2bc0.png" width="400"> |<img src="https://user-images.githubusercontent.com/1408720/35487799-762aa308-0434-11e8-8eb3-1e9fab2d13ae.png" width="400"> |<img src="https://user-images.githubusercontent.com/1408720/34464835-5ba9b0e4-ee47-11e7-9561-55e3647c2165.png" width="400"> |<img src="https://user-images.githubusercontent.com/1408720/34464826-2a946ba2-ee47-11e7-92a4-4afeb49dc9ca.png" width="400"> |
  226. **Grouping Inputs**
  227. By default, if you're using Argparse with Gooey, your inputs will be split into two buckets: `positional` and `optional`. However, these aren't always the most descriptive groups to present to your user. You can arbitrarily bucket inputs into logic groups and customize the layout of each.
  228. With `argparse` this is done via `add_argument_group()`
  229. <img src="https://user-images.githubusercontent.com/1408720/35487956-a4c9915e-0436-11e8-8a11-fd21528aedf0.png" align="right" width="410">
  230. ```
  231. parser = ArgumentParser()
  232. search_group = parser.add_argument_group(
  233. "Search Options",
  234. "Customize the search options"
  235. )
  236. ```
  237. You can add arguments to the group as normal
  238. ```
  239. search_group.add_argument(
  240. '--query',
  241. help='Base search string'
  242. )
  243. ```
  244. Which will display them as part of the group within the UI.
  245. **Customizing Group Layout**
  246. > Note: Make sure you're using GooeyParser if you want to take advantage of the layout customizations!
  247. With a group created, we can now start tweaking how it looks! `GooeyParser` extends the API of `add_argument_group` to accept an additional keyword argument: `gooey_options`. It accepts two keys: `show_border` and `columns`
  248. ```
  249. gooey_options={
  250. 'show_border': Bool,
  251. 'columns': 1-100
  252. }
  253. ```
  254. <img src="https://user-images.githubusercontent.com/1408720/35488154-e201ab90-0438-11e8-9479-3a27fd1c523e.png" align="right" width="400">
  255. `show_border` is nice for visually tying together closely related items within a parent group. Setting it to `true` will draw a small border around all of the inputs and nest the title at the top.
  256. `columns` controls how many many items get places on each row within the
  257. Run Modes
  258. ---------
  259. Gooey has a handful of presentation modes so you can tailor its layout to your content type and user's level or experience.
  260. ### Advanced
  261. The default view is the "full" or "advanced" configuration screen. It has two different layouts depending on the type of command line interface it's wrapping. For most applications, the flat layout will be the one to go with, as its layout matches best to the familiar CLI schema of a primary command followed by many options (e.g. Curl, FFMPEG).
  262. On the other side is the Column Layout. This one is best suited for CLIs that have multiple paths or are made up of multiple little tools each with their own arguments and options (think: git). It displays the primary paths along the left column, and their corresponding arguments in the right. This is a great way to package a lot of varied functionality into a single app.
  263. <p align="center">
  264. <img src="https://cloud.githubusercontent.com/assets/1408720/7927433/f06a36cc-08ad-11e5-843e-9322df96d4d6.png">
  265. </p>
  266. Both views present each action in the `Argument Parser` as a unique GUI component. It makes it ideal for presenting the program to users which are unfamiliar with command line options and/or Console Programs in general. Help messages are displayed along side each component to make it as clear as possible which each widget does.
  267. **Setting the layout style:**
  268. Currently, the layouts can't be explicitely specified via a parameter (on the TODO!). The layouts are built depending on whether or not there are `subparsers` used in your code base. So, if you want to trigger the `Column Layout`, you'll need to add a `subparser` to your `argparse` code.
  269. It can be toggled via the `advanced` parameter in the `Gooey` decorator.
  270. @gooey(advanced=True)
  271. def main():
  272. # rest of code
  273. --------------------------------------------
  274. ### Basic
  275. The basic view is best for times when the user is familiar with Console Applications, but you still want to present something a little more polished than a simple terminal. The basic display is accessed by setting the `advanced` parameter in the `gooey` decorator to `False`.
  276. @gooey(advanced=False)
  277. def main():
  278. # rest of code
  279. <p align="center">
  280. <img src="https://cloud.githubusercontent.com/assets/1408720/7904369/f53a4306-07c5-11e5-8e63-b510d6db9953.png">
  281. </p>
  282. ----------------------------------------------
  283. ### No Config
  284. No Config pretty much does what you'd expect: it doesn't show a configuration screen. It hops right to the `display` section and begins execution of the host program. This is the one for improving the appearance of little one-off scripts.
  285. <p align="center">
  286. <img src="https://cloud.githubusercontent.com/assets/1408720/7904382/f54fe6f2-07c5-11e5-92e4-f72a2ae12862.png">
  287. </p>
  288. --------------------------------------
  289. ### Menus
  290. ![image](https://user-images.githubusercontent.com/1408720/47250909-74782a00-d3df-11e8-88ac-182d06c4435a.png)
  291. >Added 1.0.2
  292. You can add a Menu Bar to the top of Gooey with customized menu groups and items.
  293. Menus are specified on the main `@Gooey` decorator as a list of maps.
  294. ```
  295. @Gooey(menu=[{}, {}, ...])
  296. ```
  297. Each map is made up of two key/value pairs
  298. 1. `name` - the name for this menu group
  299. 2. `items` - the individual menu items within this group
  300. You can have as many menu groups as you want. They're passed as a list to the `menu` argument on the `@Gooey` decorator.
  301. ```
  302. @Gooey(menu=[{'name': 'File', 'items: []},
  303. {'name': 'Tools', 'items': []},
  304. {'name': 'Help', 'items': []}])
  305. ```
  306. Individual menu items in a group are also just maps of key / value pairs. Their exact key set varies based on their `type`, but two keys will always be present:
  307. * `type` - this controls the behavior that will be attached to the menu item as well as the keys it needs specified
  308. * `menuTitle` - the name for this MenuItem
  309. Currently, three types of menu options are supported:
  310. * AboutDialog
  311. * MessageDialog
  312. * Link
  313. <img src="https://user-images.githubusercontent.com/1408720/47251026-9ffc1400-d3e1-11e8-9095-982a6367561b.png" width="400" height="auto" align="right" />
  314. **About Dialog** is your run-of-the-mill About Dialog. It displays program information such as name, version, and license info in a standard native AboutBox.
  315. Schema
  316. * `name` - (_optional_)
  317. * `description` - (_optional_)
  318. * `version` - (_optional_)
  319. * `copyright` - (_optional_)
  320. * `license` - (_optional_)
  321. * `website` - (_optional_)
  322. * `developer` - (_optional_)
  323. Example:
  324. ```
  325. {
  326. 'type': 'AboutDialog',
  327. 'menuTitle': 'About',
  328. 'name': 'Gooey Layout Demo',
  329. 'description': 'An example of Gooey\'s layout flexibility',
  330. 'version': '1.2.1',
  331. 'copyright': '2018',
  332. 'website': 'https://github.com/chriskiehl/Gooey',
  333. 'developer': 'http://chriskiehl.com/',
  334. 'license': 'MIT'
  335. }
  336. ```
  337. <img src="https://user-images.githubusercontent.com/1408720/47250925-bbfeb600-d3df-11e8-88a8-5ba838e9466d.png" width="400" height="auto" align="right" />
  338. **MessageDialog** is a generic informational dialog box. You can display anything from small alerts, to long-form informational text to the user.
  339. Schema:
  340. * `message` - (_required_) the text to display in the body of the modal
  341. * `caption` - (_optional_) the caption in the title bar of the modal
  342. Example:
  343. ```python
  344. {
  345. 'type': 'MessageDialog',
  346. 'menuTitle': 'Information',
  347. 'message': 'Hey, here is some cool info for ya!',
  348. 'caption': 'Stuff you should know'
  349. }
  350. ```
  351. **Link** is for sending the user to an external website. This will spawn their default browser at the URL you specify.
  352. Schema:
  353. * `url` - (_required_) - the fully qualified URL to visit
  354. Example:
  355. ```python
  356. {
  357. 'type': 'Link',
  358. 'menuTitle': 'Visit Out Site',
  359. 'url': 'http://www.example.com'
  360. }
  361. ```
  362. **A full example:**
  363. Two menu groups ("File" and "Help") with four menu items between them.
  364. ```python
  365. @Gooey(
  366. program_name='Advanced Layout Groups',
  367. menu=[{
  368. 'name': 'File',
  369. 'items': [{
  370. 'type': 'AboutDialog',
  371. 'menuTitle': 'About',
  372. 'name': 'Gooey Layout Demo',
  373. 'description': 'An example of Gooey\'s layout flexibility',
  374. 'version': '1.2.1',
  375. 'copyright': '2018',
  376. 'website': 'https://github.com/chriskiehl/Gooey',
  377. 'developer': 'http://chriskiehl.com/',
  378. 'license': 'MIT'
  379. }, {
  380. 'type': 'MessageDialog',
  381. 'menuTitle': 'Information',
  382. 'caption': 'My Message',
  383. 'message': 'I am demoing an informational dialog!'
  384. }, {
  385. 'type': 'Link',
  386. 'menuTitle': 'Visit Our Site',
  387. 'url': 'https://github.com/chriskiehl/Gooey'
  388. }]
  389. },{
  390. 'name': 'Help',
  391. 'items': [{
  392. 'type': 'Link',
  393. 'menuTitle': 'Documentation',
  394. 'url': 'https://www.readthedocs.com/foo'
  395. }]
  396. }]
  397. )
  398. ```
  399. ---------------------------------------
  400. ### Input Validation
  401. <img src="https://user-images.githubusercontent.com/1408720/34464861-0e82c214-ee48-11e7-8f4a-a8e00721efef.png" width="400" height="auto" align="right" />
  402. >:warning:
  403. >Note! This functionality is experimental. Its API may be changed or removed alltogether. Feedback/thoughts on this feature is welcome and encouraged!
  404. Gooey can optionally do some basic pre-flight validation on user input. Internally, it uses these validator functions to check for the presence of required arguments. However, by using [GooeyParser](#gooeyparser), you can extend these functions with your own validation rules. This allows Gooey to show much, much more user friendly feedback before it hands control off to your program.
  405. **Writing a validator:**
  406. Validators are specified as part of the `gooey_options` map available to `GooeyParser`. It's a simple map structure made up of a root key named `validator` and two internal pairs:
  407. * `test` The inner body of the validation test you wish to perform
  408. * `message` the error message that should display given a validation failure
  409. e.g.
  410. ```
  411. gooey_options={
  412. 'validator':{
  413. 'test': 'len(user_input) > 3',
  414. 'message': 'some helpful message'
  415. }
  416. }
  417. ```
  418. **The `test` function**
  419. Your test function can be made up of any valid Python expression. It receives the variable `user_input` as an argument against which to perform its validation. Note that all values coming from Gooey are in the form of a string, so you'll have to cast as needed in order to perform your validation.
  420. **Full Code Example**
  421. ```
  422. from gooey.python_bindings.gooey_decorator import Gooey
  423. from gooey.python_bindings.gooey_parser import GooeyParser
  424. @Gooey
  425. def main():
  426. parser = GooeyParser(description='Example validator')
  427. parser.add_argument(
  428. 'secret',
  429. metavar='Super Secret Number',
  430. help='A number specifically between 2 and 14',
  431. gooey_options={
  432. 'validator': {
  433. 'test': '2 <= int(user_input) <= 14',
  434. 'message': 'Must be between 2 and 14'
  435. }
  436. })
  437. args = parser.parse_args()
  438. print("Cool! Your secret number is: ", args.secret)
  439. ```
  440. <img src="https://user-images.githubusercontent.com/1408720/34465024-f011ac3e-ee4f-11e7-80ae-330adb4c47d6.png" width="400" height="auto" align="left" />
  441. With the validator in place, Gooey can present the error messages next to the relevant input field if any validators fail.
  442. ---------------------------------------
  443. ## Using Dynamic Values
  444. >:warning:
  445. >Note! This functionality is experimental. Its API may be changed or removed alltogether. Feedback on this feature is welcome and encouraged!
  446. Gooey's Choice style fields (Dropdown, Listbox) can be fed a dynamic set of values at runtime by enabling the `poll_external_updates` option. This will cause Gooey to request updated values from your program everytime the user visits the Configuration page. This can be used to, for instance, show the result of a previous execution on the config screen without requiring that the user restart the program.
  447. **How does it work?**
  448. <img src="https://user-images.githubusercontent.com/1408720/35487459-bd7fe938-0430-11e8-9f6d-fa8f703b9da5.gif" align="right" width="420"/>
  449. At runtime, whenever the user hits the Configuration screen, Gooey will call your program with a single CLI argument: `gooey-seed-ui`. This is a request to your program for updated values for the UI. In response to this, on `stdout`, your program should return a JSON string mapping cli-inputs to a list of options.
  450. For example, assuming a setup where you have a dropdown that lists user files:
  451. ```
  452. ...
  453. parser.add_argument(
  454. '--load',
  455. metavar='Load Previous Save',
  456. help='Load a Previous save file',
  457. dest='filename',
  458. widget='Dropdown',
  459. choices=list_savefiles(),
  460. )
  461. ```
  462. Here the input we want to populate is `--load`. So, in response to the `gooey-seed-ui` request, you would return a JSON string with `--load` as the key, and a list of strings that you'd like to display to the user as the value. e.g.
  463. ```
  464. {"--load": ["Filename_1.txt", "filename_2.txt", ..., "filename_n.txt]}
  465. ```
  466. Checkout the full example code in the [Examples Repository](https://github.com/chriskiehl/GooeyExamples/blob/master/examples/dynamic_updates.py). Or checkout a larger example in the silly little tool that spawned this feature: [SavingOverIt](https://github.com/chriskiehl/SavingOverIt).
  467. -------------------------------------
  468. ## Showing Progress
  469. <img src="https://user-images.githubusercontent.com/1408720/45590349-55bbda80-b8eb-11e8-9aed-b4fe377756ac.png" align="right" width="420"/>
  470. Giving visual progress feedback with Gooey is easy! If you're already displaying textual progress updates, you can tell Gooey to hook into that existing output in order to power its Progress Bar.
  471. For simple cases, output strings which resolve to a numeric representation of the completion percentage (e.g. `Progress 83%`) can be pattern matched and turned into a progress bar status with a simple regular expression (e.g. `@Gooey(progress_regex=r"^progress: (\d+)%$")`).
  472. For more complicated outputs, you can pass in a custom evaluation expression (`progress_expr`) to transform regular expression matches as needed.
  473. Output strings which satisfy the regular expression can be hidden from the console via the `hide_progress_msg` parameter (e.g. `@Gooey(progress_regex=r"^progress: (\d+)%$", hide_progress_msg=True)`.
  474. **Regex and Processing Expression**
  475. ```python
  476. @Gooey(progress_regex=r"^progress: (?P<current>\d+)/(?P<total>\d+)$",
  477. progress_expr="current / total * 100")
  478. ```
  479. **Program Output:**
  480. ```
  481. progress: 1/100
  482. progress: 2/100
  483. progress: 3/100
  484. ...
  485. ```
  486. There are lots of options for telling Gooey about progress as your program is running. Checkout the [Gooey Examples](https://github.com/chriskiehl/GooeyExamples) repository for more detailed usage and examples!
  487. --------------------------------------
  488. ## Customizing Icons
  489. Gooey comes with a set of six default icons. These can be overridden with your own custom images/icons by telling Gooey to search additional directories when initializing. This is done via the `image_dir` argument to the `Goeey` decorator.
  490. @Gooey(program_name='Custom icon demo', image_dir='/path/to/my/image/directory')
  491. def main():
  492. # rest of program
  493. Images are discovered by Gooey based on their _filenames_. So, for example, in order to supply a custom configuration icon, simply place an image with the filename `config_icon.png` in your images directory. These are the filenames which can be overridden:
  494. * program_icon.ico
  495. * success_icon.png
  496. * running_icon.png
  497. * loading_icon.gif
  498. * config_icon.png
  499. * error_icon.png
  500. ## Packaging
  501. Thanks to some [awesome contributers](https://github.com/chriskiehl/Gooey/issues/58), packaging Gooey as an executable is super easy.
  502. The tl;dr [pyinstaller](https://github.com/pyinstaller/pyinstaller) version is to drop this [build.spec](https://github.com/chriskiehl/Gooey/files/29568/build.spec.txt) into the root directory of your application. Edit its contents so that the `application` and `name` are relevant to your project, then execute `pyinstaller build.spec` to bundle your app into a ready-to-go executable.
  503. Detailed step by step instructions can be found [here](http://chriskiehl.com/article/packaging-gooey-with-pyinstaller/).
  504. Screenshots
  505. ------------
  506. | Flat Layout | Column Layout |Success Screen | Error Screen | Warning Dialog |
  507. |-------------|---------------|---------------|--------------|----------------|
  508. | <img src="https://cloud.githubusercontent.com/assets/1408720/7950190/4414e54e-0965-11e5-964b-f717a7adaac6.jpg"> | <img src="https://cloud.githubusercontent.com/assets/1408720/7950189/4411b824-0965-11e5-905a-3a2b5df0efb3.jpg"> | <img src="https://cloud.githubusercontent.com/assets/1408720/7950192/44165442-0965-11e5-8edf-b8305353285f.jpg"> | <img src="https://cloud.githubusercontent.com/assets/1408720/7950188/4410dcce-0965-11e5-8243-c1d832c05887.jpg"> | <img src="https://cloud.githubusercontent.com/assets/1408720/7950191/4415432c-0965-11e5-9190-17f55460faf3.jpg"> |
  509. | Custom Groups | Tabbed Groups | Tabbed Navigation | Sidebar Navigation | Input Validation |
  510. |-------------|---------------|---------------|--------------|----------------|
  511. | <img src="https://user-images.githubusercontent.com/1408720/34464824-c044d57a-ee46-11e7-9c35-6e701a7c579a.png"> | <img src="https://user-images.githubusercontent.com/1408720/34464826-2a946ba2-ee47-11e7-92a4-4afeb49dc9ca.png"> | <img src="https://user-images.githubusercontent.com/1408720/34464835-5ba9b0e4-ee47-11e7-9561-55e3647c2165.png"> | <img src="https://user-images.githubusercontent.com/1408720/34464847-9918fbb0-ee47-11e7-8d5f-0d42631c2bc0.png"> | <img src="https://user-images.githubusercontent.com/1408720/34464861-0e82c214-ee48-11e7-8f4a-a8e00721efef.png"> |
  512. ----------------------------------------------
  513. Wanna help?
  514. -----------
  515. Code, translation, graphics? Pull requests are welcome.
  516. [1]: http://i.imgur.com/7fKUvw9.png