https://github.com/phcode-dev/phcode.live

Phcode Live Preview Service
https://github.com/phcode-dev/phcode.live

Last synced: about 1 month ago
JSON representation

Phcode Live Preview Service

• Host: GitHub
• URL: https://github.com/phcode-dev/phcode.live
• Owner: phcode-dev
• License: agpl-3.0
• Created: 2023-05-25T05:53:52.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-15T14:32:48.000Z (about 1 year ago)
• Last Synced: 2024-03-02T09:33:42.522Z (10 months ago)
• Size: 393 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# phcode.live

Phcode Live Preview Service.

phcode will insert a hidden iframe with the `https://phcode.live` that sets up a

virtual server based on service workers. This repo hosts phcode.live in docs folder.

-   This is mainly used in web builds.

-   Not used in tauri/native builds. In tauri builds, node based server is used

    instead of virtual server.

## How to develope/run locally

By default, phcode.dev will always take the hosted `phcode.live` site instead of

localhost:8001 for live preview hosting. So for development, we need to override

this in [phoenix repo](https://github.com/phcode-dev/phoenix) to this server.

Search for `#LIVE_PREVIEW_STATIC_SERVER_BASE_URL_OVERRIDE` in

[phoenix repo](https://github.com/phcode-dev/phoenix) and follow the steps there

to use this locally hosted live preview server instead of phcode.live.

### on this repo:

-   `npm install`

-   `npm run serve` will start this live preview server on `localhost:8001`

### After that go to phcode repo

-   `npm run serve`

-   Go to browser and launch phoenix dev server link http://localhost:8000

-   Phoenix will now use this live preview server as live preview dev server.

-   Make code changes here as you wish.

-   After development, merge in your changes in this repo.

For prod deployment, push the changes to prod branch after thorough testing and

the changes will be automatically deployed to `phcode.live`.