Deploy app!

Dockerfile

@@ -49,7 +49,7 @@ RUN python -c "from pathlib import Path; from pynecone.utils import setup_fronte
 
 # Copy existing project
 COPY --chown=pn pcconfig_docker.py pcconfig.py
-COPY --chown=pn default_app default_app
+COPY --chown=pn app app
 COPY --chown=pn assets assets
 
 # Re-init frontend (if new deps from project)

README.md

@@ -1,5 +1,5 @@
 ---
-title: Pynecone On Spaces Template
+title: App
 emoji: 🐿️
 colorFrom: yellow
 colorTo: blue
@@ -9,114 +9,8 @@ pinned: false
 license: mit
 duplicated_from: Wauplin/pynecone-on-spaces-template
 ---
+## 🤗 Spaces x Pynecone
 
-Deploy your own Pynecone app to Huggingface Spaces!
+This  App Space has been duplicated from the [Pynecone on Spaces template](https://huggingface.co/spaces/Wauplin/pynecone-on-spaces-template).
 
-Please be aware that this is still a very recent project, still under active maintenance.
-
-If you encounter any issue, please let us know by creating a discussion in our [Community tab](https://huggingface.co/spaces/Wauplin/pynecone-on-spaces-template/discussions).
-
-### Instructions:
-
-
-#### 1. Install deployment tool
-
-
-Install the deployment script [from source](https://github.com/Wauplin/pynecone-on-spaces):
-
-```
-pip install git+https://github.com/Wauplin/pynecone-on-spaces
-```
-
-#### 2. (optional) Login to Huggingface
-
-
-If you don't already have an account, please [register](https://huggingface.co/join) to HF.
-
-You will next need to [setup a token](https://huggingface.co/settings/tokens) with `WRITE` permissions.
-
-Once you have it, login your machine to your account by running the following command in your terminal:
-
-```bash
-huggingface-cli login
-```
-
-#### 3. Deploy 🚀
-
-
-Simply deploy your pynecone app:
-
-```bash
-huggingface-pynecone deploy
-```
-
-**Output:**
-```txt
-New Space created: https://huggingface.co/spaces/Wauplin/clock
-  README.md file not found locally. Adapting the existing remote one.
-  Setup pcconfig.py
-  Setup Dockerfile
-  Sync requirements.txt
-  Sync assets/ folder
-  Sync app folder
-Your app has been successfully deployed!
-Check it out: https://Wauplin-clock.hf.space
-```
-
-The name of your repository will be derived from the app name defined in your `pcconfig.py` file.
-
-For more flexibility, you can specify some arguments:
-
-```bash
-huggingface-pynecone deploy --pcconfig_path="path/to/pcconfig.py" --private --token="hf_xxx"
-```
-
-#### 4. Sync changes
-
-
-Your project is now hosted in a versioned repository on Huggingface.
-
-You can decide to clone the repository and push your changes as you would do with any project.
-Please make sure to not break anything in `README.md` (metadata), `Dockerfile` and `pcconfig_docker.py`.
-
-Otherwise, you can make changes to your existing project and push your changes using the same command:
-
-```bash
-huggingface-pynecone deploy
-```
-
-**Output:**
-
-```txt
-Repo ID: Wauplin/clock
-Space already exist: https://huggingface.co/spaces/Wauplin/clock
-  Space already configured. Do not update README.md, Dockerfile and pcconfig.py
-  Sync requirements.txt
-  Sync assets/ folder
-  Sync app folder
-Your app has been successfully deployed!
-Check it out: https://Wauplin-clock.hf.space
-```
-
-
-### What tweaks are used to deploy you apps?
-
-
-Some tweaks are necessary to make your Pynecone deployed on HF Spaces.
-Everything is taken care of by the `huggingface-pynecone` CLI tool.
-
-List of small tweaks:
-- Running in a Docker Space means only 1 open port:
-  - We use nginx proxy to expose both frontend and backend on same port 4444
-    - Port 3000 (frontend) is redirected to localhost:4444/
-    - Port 8000 (backend) is redirected to localhost:4444/pynecone-backend
-  - Port 4444 is set in several files:
-    - `README.md`: set `app_port` parameter
-    - `nginx.conf`: define which port to listen
-    - `pcconfig.py`: monkey-patch pynecone to make it think the backend is running on port 8000 even though a different `api_url` is set
-- `pc.Config` configuration:
-  - set env as `PROD`
-  - set `api_url` to the Space url + pynecone-backend path. Example: `"https://wauplin-pynecone-counter.hf.space/pynecone-backend"`
-  - set `port` to 3000 (frontend port)
-  - set db_url to `"sqlite:///pynecone.db"` but DB is not persisted across when the Space is reloaded (i.e.: not really a database yet)
-- Use a `run.sh` script to start nginx before running pynecone server
+To host and deploy your own Pynecone app on 🤗 Spaces, check out [the instructions](https://huggingface.co/spaces/Wauplin/pynecone-on-spaces-template/blob/main/README.md).

app//app.py

@@ -0,0 +1,34 @@
+import pynecone as pc
+
+
+class State(pc.State):
+    count: int = 0
+
+    def increment(self):
+        self.count += 1
+
+    def decrement(self):
+        self.count -= 1
+
+
+def index():
+    return pc.hstack(
+        pc.button(
+            "감소",
+            color_scheme="red",
+            border_radius="1em",
+            on_click=State.decrement,
+        ),
+        pc.heading(State.count, font_size="2em"),
+        pc.button(
+            "증가",
+            color_scheme="green",
+            border_radius="1em",
+            on_click=State.increment,
+        ),
+    )
+
+
+app = pc.App(state=State)
+app.add_page(index)
+app.compile()

default_app/default_app.py

@@ -1,58 +0,0 @@
-from pathlib import Path
-
-import pynecone as pc
-
-
-class State(pc.State):
-    count: int = 0
-
-    def increment(self):
-        self.count += 1
-
-    def decrement(self):
-        self.count -= 1
-
-
-def index():
-    return pc.center(
-        pc.vstack(
-            pc.box(
-                height="20px",
-            ),
-            pc.box(
-                pc.heading("Pynecone x Spaces 🚀"),
-            ),
-            pc.hstack(
-                pc.button(
-                    "Decrement",
-                    color_scheme="red",
-                    border_radius="1em",
-                    on_click=State.decrement,
-                ),
-                pc.heading(State.count, font_size="2em"),
-                pc.button(
-                    "Increment",
-                    color_scheme="green",
-                    border_radius="1em",
-                    on_click=State.increment,
-                ),
-            ),
-            pc.box(
-                height="50px",
-            ),
-            pc.box(
-                # Hacky way to append README content to the page
-                pc.markdown(
-                    (Path(__file__).parent.parent / "README.md")
-                    .read_text()
-                    .split("---")[-1]
-                    .strip()
-                )
-            ),
-        )
-    )
-
-
-app = pc.App(state=State)
-app.add_page(index)
-app.compile()

pcconfig_docker.py

@@ -1,9 +1,9 @@
 import pynecone as pc
 
 config = pc.Config(
-    app_name="default_app",
+    app_name="app",
     db_url="sqlite:///pynecone.db",
-    api_url="https://wauplin-pynecone-on-spaces-template.hf.space/pynecone-backend",
+    api_url="https://martinii-app.hf.space/pynecone-backend",
     env=pc.Env.PROD,
 )