https://github.com/polina-c/gen-ui-client-demo

https://github.com/polina-c/gen-ui-client-demo

Last synced: 16 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/polina-c/gen-ui-client-demo
• Owner: polina-c
• Created: 2024-05-31T20:41:42.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-13T02:07:51.000Z (6 months ago)
• Last Synced: 2024-12-08T06:44:33.004Z (16 days ago)
• Language: C++
• Size: 2.07 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Demo steps

## 1. RFW in Angular

```

cd ng-iframe

npm install

ng serve

```

## 2. GenUI in JS as iFrame

### Choose one of two:

#### Start app from build

In terminal 1:

1. `cd static_renderer`

2. `flutter build web` to produce `static_renderer\build\web\`

3. cd build/web/

4. Run `python3 -m http.server 8000`

5. Copy `http://localhost:8000/`

#### Or start app with flutter tools

In terminal 1:

1. `cd static_renderer`

2. `flutter run -d chrome`

3. Find `uri=` in console output and copy the url

### Render UI

In terminal 2:

1. Run `open js/iframe_host.html`

2. Paste the copied URL to boxes to replace hard coded one

3. Click `Render`

4. Find the frames rendered

If started with flutter tools:

5. Update a frame's code and trigger hot reload with 'r' in console

6. Click 'Render' near the modified frame on renderer.html

## 3. Embedding in Angular with args

Created using:

https://github.com/flutter/samples/tree/main/web_embedding/ng-flutter

https://github.com/ditman/flutter-experimental/blob/main/multi_counter/web/flutter_bootstrap.js#L36

```

cd ng-embedding

npm install

ng serve

```