fix: Fix ci and docs.

.github/workflows/test-and-release.yml

@@ -75,14 +75,15 @@ jobs:
     needs: [ tests ]
     outputs:
       version: ${{ steps.semantic.outputs.new_release_version }}
+      channel: ${{ steps.semantic.outputs.new_release_channel }}
     steps:
       - name: 🛑 Cancel Previous Runs
         uses: styfle/cancel-workflow-action@0.9.1
         with:
           access_token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: ⬇️ Checkout repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: 💊 Setup Elixir
         uses: erlef/setup-beam@v1
@@ -91,9 +92,9 @@ jobs:
           elixir-version: '1.14.0'
 
       - name: ⎔ Setup node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
 
       - name: 🚀 Release
         uses: cycjimmy/semantic-release-action@v3
@@ -111,6 +112,14 @@ jobs:
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
           HEX_API_KEY: ${{ secrets.HEX_API_KEY }}
 
+  build-demo:
+    name: Build demo 
+    runs-on: ubuntu-latest
+    needs: [ release ]
+    steps:
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v3
+
       - name: Set up QEMU
         uses: docker/setup-qemu-action@v2
       - name: Set up Docker Buildx
@@ -120,15 +129,16 @@ jobs:
         with:
           username: ${{ secrets.DOCKERHUB_USER }}
           password: ${{ secrets.DOCKERHUB_PASSWD }}
+
       - name: Build and push
         uses: docker/build-push-action@v4
         with:
           context: .
           file: Dockerfile
-          platforms: linux/amd64,linux/arm64/v8
+          platforms: linux/amd64
           push: true
           build-args: |
-            RELEASE_VERSION=${{ steps.semantic.outputs.new_release_version }}
+            RELEASE_VERSION=${{ needs.release.outputs.version }}
           tags: |
-            docker.io/gsmlg/phx-wc-storybook:v${{ steps.semantic.outputs.new_release_version }}
-            docker.io/gsmlg/phx-wc-storybook:${{ steps.semantic.outputs.new_release_channel || 'latest' }}
+            docker.io/gsmlg/phx-wc-storybook:v${{ needs.release.outputs.version }}
+            docker.io/gsmlg/phx-wc-storybook:${{ needs.release.outputs.channel || 'latest' }}

README.md

@@ -16,13 +16,13 @@ About at [Web Component](https://developer.mozilla.org/en-US/docs/Web/Web_Compon
 
 Add deps in `mix.exs`
 ```elixir
-    {:phoenix_webcomponent, "~> 2.0"},
+    {:phoenix_webcomponent, "~> 3.0"},
 ```
 
 Include in phoenix view helpers
 
 ```elixir
- defp view_helpers do
+ defp html_helpers do
     quote do
         # import all helper functions
         use Phoenix.WebComponent
@@ -34,13 +34,26 @@ Include in phoenix view helpers
 end
 ```
 
-Include javascript
+Include `javascript`
 
 ```javascript
 import 'phoenix_webcomponent';
 ```
 
+Web Componet library is now external
+
+```bash
+npm install @gsmlg/lit
+```
+
+Import `css`
+
+```css
+@import 'phoenix_webcomponent/priv/static/phoenix_webcomponent.css';
+```
+
 Use custom hook
+
 ```javascript
 import "phoenix_webcomponent";
 const PhxWCHook = window.__PhxWCHook__;
@@ -66,7 +79,7 @@ Receive live view event:
 
 Import CSS
 
-```javascript
+```css
 import "phoenix_webcomponent/priv/static/phoenix_webcomponent.css"
 ```
 

apps/phoenix_webcomponent/README.md

@@ -16,13 +16,13 @@ About at [Web Component](https://developer.mozilla.org/en-US/docs/Web/Web_Compon
 
 Add deps in `mix.exs`
 ```elixir
-    {:phoenix_webcomponent, "~> 2.0"},
+    {:phoenix_webcomponent, "~> 3.0"},
 ```
 
 Include in phoenix view helpers
 
 ```elixir
- defp view_helpers do
+ defp html_helpers do
     quote do
         # import all helper functions
         use Phoenix.WebComponent
@@ -34,13 +34,26 @@ Include in phoenix view helpers
 end
 ```
 
-Include javascript
+Include `javascript`
 
 ```javascript
 import 'phoenix_webcomponent';
 ```
 
+Web Componet library is now external
+
+```bash
+npm install @gsmlg/lit
+```
+
+Import `css`
+
+```css
+@import 'phoenix_webcomponent/priv/static/phoenix_webcomponent.css';
+```
+
 Use custom hook
+
 ```javascript
 import "phoenix_webcomponent";
 const PhxWCHook = window.__PhxWCHook__;
@@ -70,16 +83,6 @@ Import CSS
 import "phoenix_webcomponent/priv/static/phoenix_webcomponent.css"
 ```
 
-### All helpers
-
-- wc_actionbar
-- wc_appbar
-- wc_card
-- wc_left_menu
-- wc_markdown
-- wc_pagination
-- wc_table
-
 ## Live Storybook
 
 [Live Storybook](https://phoenix-webcomponent.gsmlg.org)