Merge pull request #17 from Andrew87E/release/0.1.0

Release/0.1.0
Andrew87E · Dec 23, 2023 · 2bf830a · 2bf830a
2 parents bf2e592 + f434a01
commit 2bf830a
Show file tree

Hide file tree

Showing 27 changed files with 9,188 additions and 8,387 deletions.
diff --git a/.github/workflows/ghDeploy.yml b/.github/workflows/ghDeploy.yml
@@ -0,0 +1,33 @@
+name: Deploy to GitHub Pages
+
+permissions:
+  contents: write
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy
+        uses: JamesIves/github-pages-deploy-action@4.1.5
+        with:
+          branch: gh-pages
+          folder: build
diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@ React Component to show animated text and objects, built with [styled-components
 
 The Component provides regular animation for common object and some animation effects especially for typography like letters and multi-line text.
 
-<!-- **View [Demo and Playground](https://yidaoj.github.io/react-style-text/)** -->
+<!-- **View [Demo and Playground](https://andrew87e.github.io/react-style-text/)** -->
 
 ## Installation
 

diff --git a/example/.prettierrc b/example/.prettierrc
diff --git a/example/dist/index.html b/example/dist/index.html
@@ -1,11 +1,11 @@
 <html>
   <head>
-    <title>React-Moving-Text</title>
+    <title>React-Style-Text</title>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  </head>
+  <script defer src="index_bundle.js"></script></head>
   <body>
     <div id="root"></div>
-  <script type="text/javascript" src="index_bundle.js"></script></body>
+  </body>
 </html>
diff --git a/example/dist/index_bundle.js b/example/dist/index_bundle.js
diff --git a/example/index.html b/example/index.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <title>React-Moving-Text</title>
+    <title>React-Style-Text</title>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">

diff --git a/example/index.js b/example/index.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './src/App';
+import ReactDOM from "react-dom/client";
+import App from "./src/App";
+import React from "react";
 
-const rootElement = document.getElementById('root');
-
-ReactDOM.render(<App />, rootElement);
+const root = document.getElementById("root");
+ReactDOM.createRoot(root).render(<App />);