Pyfyre

Hot Fix 🔥
- 404 CSS files not found due to wrong folder name.

New Feature ✨
- State Management

You can now create a global instance of your state shared across all components and all files.

python
state = State({ "count": 0 })

class Home(UsesState):
def build(self):

def increment(ev):
state.count += 1
self.update()

return Container(
children=[
Text(state.count),
Button("Increment", onClick=increment)
]
)

class About(UsesState):
def build(self):
return Text(state.count)


Fixes 🐞
- Fix: UnicodeEncodeError (when starting the server)

New Feature ✨
- **Widget**: TextInput & TextInputController

**Widget information:**
**TextInput** - Used to create and gather user inputs.
**TextInputController** - Used to leverage and access TextInput's properties, attributes, and methods (for example, setting value, disabling, etc.)
python
class App(UsesState):
def __init__(self):
self.input = ""
self.controller = TextInputController()

def build(self):

def print_input(ev):
self.input = self.controller.value
self.update()

return Container(
children=[
Text(self.input),
TextInput(controller=self.controller),
Button("Input!", onClick=print_input)
]
)


Breaking changes 🚨
New development folder structure.

**NOTE**:
- CSS files are now on `styles` folder that is now in the main directory (it was in `src/css`)
- New folder called `public`, it's where you're going to put your assets like images, HTMLs, etc.

_**🚨 WARN: You need to recreate your app if you want to update to this version.**_

**Steps:**
- Copy your `src` folder and paste it somewhere for later.
- Copy your `src/css` folder and paste it somewhere for later also.
- Recreate your app
- Delete the `src` folder generated on the create and paste your `src` folder on the main directory.
- Paste your `css` folder to `styles` folder.
- Put your css files to main `styles` folder and delete the `css` folder.

This is a long process but this change makes the development experience more great because of new code organization. Hope you understand. Thank you!

New Feature
- Dev Tools: DEBUG mode. (Gives you more detailed error traceback on the console)

Breaking change
- **`settings.yaml` is now deprecated, you can now use `settings.py` with `DEBUG = True` variable, if you upgrade to this version.**

Improvement
- Router: Dynamic Routing (You can now specify the name of the query parameter on the router)

Before the improvement:
py
Router(
routes={
"/users/<>": UserProfile()
}
)


After the improvement: You can now identify the name of the query parameter.
py
Router(
routes={
"/users/:id": UserProfile()
}
)


And access it:
py
from pyfyre.router import Router

class UserProfile(UsesState):
def build(self):
route = Router.query

return Text(f"User: {route['id']}")

Hot Fix
- Hot reloading error due to new Python bundler and minifier.

New Features
- Dynamic Routing
- VFS Bundler
- Python Minifier

Optimized build with Javascript Bundler and Python Minifier. Improved avg. 700ms load time.

***Breaking change***: Removed other keys to `index.html` other than `main.key.js`. Copy your `src` folder and recreate your app if you updated to this version.

Misc
- Fix: Hot Reload Error
- Fix: JS duplicates