feat: jubi chatbot

.eslintignore

@@ -2,3 +2,5 @@
 /build
 /.docusaurus
 /coverage
+
+*.mdx

.github/workflows/main-build.yaml

@@ -25,32 +25,32 @@ jobs:
         with:
           node-version: 20.x
           cache: npm
-      
+
       - name: Install dependencies
         run: npm install
-      
+
       - name: Create .env file
         uses: ozaytsev86/create-env-file@v1
         with:
           ENV_APPLICATION_ID: ${{ secrets.APPLICATION_ID }}
           ENV_API_KEY: ${{ secrets.API_KEY }}
           ENV_INDEX_NAME: ${{ secrets.INDEX_NAME }}
-      
+
       - name: Build website
         run: npm run build
-      
+
       - name: Create .nojekyll file for GitHub Pages
         run: |
           mkdir -p build/test-site/ && touch -f build/test-site/.nojekyll
-      
+
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./build
           user_name: liuyuweitarek
           user_email: [email protected]
-      
+
       - name: Get the content of algolia.json as config
         id: algolia_config
         run: echo "config=$(cat ./algolia/prod-algolia-config.json | jq -r tostring)" >> $GITHUB_OUTPUT
@@ -61,4 +61,4 @@ jobs:
           INDEX_NAME: ${{ secrets.INDEX_NAME }}
           APPLICATION_ID: ${{ secrets.APPLICATION_ID }}
           API_KEY: ${{ secrets.API_KEY }}
-          CONFIG: ${{ steps.algolia_config.outputs.config }}
+          CONFIG: ${{ steps.algolia_config.outputs.config }}

.github/workflows/pr-build.yaml

@@ -12,9 +12,13 @@ jobs:
   build:
     name: Lint and build website
     runs-on: ubuntu-latest
+    environment: github-pages
     permissions:
       contents: read
-
+    env:
+      APPLICATION_ID: ${{ secrets.APPLICATION_ID }}
+      API_KEY: ${{ secrets.API_KEY }}
+      INDEX_NAME: ${{ secrets.DEV_INDEX_NAME }}
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
@@ -28,6 +32,13 @@ jobs:
       - name: Lint code
         run: npm run lint
 
+      - name: Create .env file
+        uses: ozaytsev86/create-env-file@v1
+        with:
+          ENV_APPLICATION_ID: ${{ secrets.APPLICATION_ID }}
+          ENV_API_KEY: ${{ secrets.API_KEY }}
+          ENV_INDEX_NAME: ${{ secrets.DEV_INDEX_NAME }}
+
       - name: Build website
         run: npm run build
 
@@ -70,5 +81,5 @@ jobs:
           file-extension: ".md"
           check-modified-files-only: "yes"
           config-file: ".mlc.config.json"
-          folder-path: "blog, src/components/talks/abstracts, src/components/homepage"
+          folder-path: "blog, src/components/talks, src/components/homepage"
           base-branch: "main"

.prettierignore

@@ -2,3 +2,5 @@
 /build
 /.docusaurus
 /coverage
+
+*.mdx

LICENSE.md

@@ -8,4 +8,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
+THE SOFTWARE.

LICENSE_PAGE_TEMPLATE.md

@@ -20,4 +20,4 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
-This license page was created by [Paweł Kosiec](https://github.com/pkosiec) from [MIT License](https://github.com/pkosiec/website/blob/main/LICENSE) licensed template [pkosiec/website](https://github.com/pkosiec/website).
+This license page was created by [Paweł Kosiec](https://github.com/pkosiec) from [MIT License](https://github.com/pkosiec/website/blob/main/LICENSE) licensed template [pkosiec/website](https://github.com/pkosiec/website).

README.md

@@ -1,6 +1,6 @@
 # Personal Website
 
-This repository contains source code of the Tarek's personal website, which is built based on [Docusaurus 2](https://docusaurus.io/), a modern static website generator. 
+This repository contains source code of the Tarek's personal website, which is built based on [Docusaurus 2](https://docusaurus.io/), a modern static website generator.
 
 > [!IMPORTANT]
 > This website originally comes from [Paweł Kosiec's awesome personal website](https://github.com/pkosiec/website). You can read more details in Paweł Kosiec's README. Appreciate his kind sharing and contribution!
@@ -9,27 +9,27 @@ This repository contains source code of the Tarek's personal website, which is b
 
 Choose one of the following:
 
-- Install on your computer using [npm](https://docs.npmjs.com/cli/install): 
+- Install on your computer using [npm](https://docs.npmjs.com/cli/install):
+
+  ```bash
+  $ npm install
+  ```
+
+- Install with Docker, and develop in container:
+
+  You can find more details in the [Dev-Guide](./docs/Dev-Guide/index.mdx).
+
+  - On local machine
 
-
     ```bash
-    $ npm install
+    $ docker compose --profile dev up --build -d
     ```
 
-- Install with Docker, and develop in container:
-
-    You can find more details in the [Dev-Guide](./docs/Dev-Guide/index.mdx).
-
-    - On local machine 
-
-        ```bash
-        $ docker compose --profile dev up --build -d
-        ```
-    - Attach on container, in container terminal
-
-        ```bash
-        $ npm install
-        ```
+  - Attach on container, in container terminal
+
+    ```bash
+    $ npm install
+    ```
 
 ### Local Development
 

algolia/dev-algolia-config.json

@@ -1,39 +1,37 @@
 {
-    "index_name": "dev_personal_website",
-    "start_urls": ["https://1f2e-42-73-214-202.ngrok-free.app"],
-    "sitemap_urls": [
-      "https://1f2e-42-73-214-202.ngrok-free.app/sitemap.xml"
-    ],
-    "sitemap_alternate_links": true,
-    "stop_urls": ["/tests"],
-    "selectors": {
-      "lvl0": {
-        "selector": "(//ul[contains(@class,'menu__list')]//a[contains(@class, 'menu__link menu__link--sublist menu__link--active')]/text() | //nav[contains(@class, 'navbar')]//a[contains(@class, 'navbar__link--active')]/text())[last()]",
-        "type": "xpath",
-        "global": true,
-        "default_value": "Documentation"
-      },
-      "lvl1": "header h1",
-      "lvl2": "article h2",
-      "lvl3": "article h3",
-      "lvl4": "article h4",
-      "lvl5": "article h5, article td:first-child",
-      "lvl6": "article h6",
-      "text": "article p, article li, article td:last-child"
+  "index_name": "dev_personal_website",
+  "start_urls": ["https://1f2e-42-73-214-202.ngrok-free.app"],
+  "sitemap_urls": ["https://1f2e-42-73-214-202.ngrok-free.app/sitemap.xml"],
+  "sitemap_alternate_links": true,
+  "stop_urls": ["/tests"],
+  "selectors": {
+    "lvl0": {
+      "selector": "(//ul[contains(@class,'menu__list')]//a[contains(@class, 'menu__link menu__link--sublist menu__link--active')]/text() | //nav[contains(@class, 'navbar')]//a[contains(@class, 'navbar__link--active')]/text())[last()]",
+      "type": "xpath",
+      "global": true,
+      "default_value": "Documentation"
     },
-    "strip_chars": " .,;:#",
-    "custom_settings": {
-      "separatorsToIndex": "_",
-      "attributesForFaceting": ["language", "version", "type", "docusaurus_tag"],
-      "attributesToRetrieve": [
-        "hierarchy",
-        "content",
-        "anchor",
-        "url",
-        "url_without_anchor",
-        "type"
-      ]
-    },
-    "conversation_id": ["833762294"],
-    "nb_hits": 46250
-  }
+    "lvl1": "header h1",
+    "lvl2": "article h2",
+    "lvl3": "article h3",
+    "lvl4": "article h4",
+    "lvl5": "article h5, article td:first-child",
+    "lvl6": "article h6",
+    "text": "article p, article li, article td:last-child"
+  },
+  "strip_chars": " .,;:#",
+  "custom_settings": {
+    "separatorsToIndex": "_",
+    "attributesForFaceting": ["language", "version", "type", "docusaurus_tag"],
+    "attributesToRetrieve": [
+      "hierarchy",
+      "content",
+      "anchor",
+      "url",
+      "url_without_anchor",
+      "type"
+    ]
+  },
+  "conversation_id": ["833762294"],
+  "nb_hits": 46250
+}

algolia/prod-algolia-config.json

@@ -1,39 +1,37 @@
 {
-    "index_name": "personal_website",
-    "start_urls": ["https://liuyuweitarek.github.io"],
-    "sitemap_urls": [
-      "https://liuyuweitarek.github.io/sitemap.xml"
-    ],
-    "sitemap_alternate_links": true,
-    "stop_urls": ["/tests"],
-    "selectors": {
-      "lvl0": {
-        "selector": "(//ul[contains(@class,'menu__list')]//a[contains(@class, 'menu__link menu__link--sublist menu__link--active')]/text() | //nav[contains(@class, 'navbar')]//a[contains(@class, 'navbar__link--active')]/text())[last()]",
-        "type": "xpath",
-        "global": true,
-        "default_value": "Documentation"
-      },
-      "lvl1": "header h1",
-      "lvl2": "article h2",
-      "lvl3": "article h3",
-      "lvl4": "article h4",
-      "lvl5": "article h5, article td:first-child",
-      "lvl6": "article h6",
-      "text": "article p, article li, article td:last-child"
+  "index_name": "personal_website",
+  "start_urls": ["https://liuyuweitarek.github.io"],
+  "sitemap_urls": ["https://liuyuweitarek.github.io/sitemap.xml"],
+  "sitemap_alternate_links": true,
+  "stop_urls": ["/tests"],
+  "selectors": {
+    "lvl0": {
+      "selector": "(//ul[contains(@class,'menu__list')]//a[contains(@class, 'menu__link menu__link--sublist menu__link--active')]/text() | //nav[contains(@class, 'navbar')]//a[contains(@class, 'navbar__link--active')]/text())[last()]",
+      "type": "xpath",
+      "global": true,
+      "default_value": "Documentation"
     },
-    "strip_chars": " .,;:#",
-    "custom_settings": {
-      "separatorsToIndex": "_",
-      "attributesForFaceting": ["language", "version", "type", "docusaurus_tag"],
-      "attributesToRetrieve": [
-        "hierarchy",
-        "content",
-        "anchor",
-        "url",
-        "url_without_anchor",
-        "type"
-      ]
-    },
-    "conversation_id": ["833762294"],
-    "nb_hits": 46250
-  }
+    "lvl1": "header h1",
+    "lvl2": "article h2",
+    "lvl3": "article h3",
+    "lvl4": "article h4",
+    "lvl5": "article h5, article td:first-child",
+    "lvl6": "article h6",
+    "text": "article p, article li, article td:last-child"
+  },
+  "strip_chars": " .,;:#",
+  "custom_settings": {
+    "separatorsToIndex": "_",
+    "attributesForFaceting": ["language", "version", "type", "docusaurus_tag"],
+    "attributesToRetrieve": [
+      "hierarchy",
+      "content",
+      "anchor",
+      "url",
+      "url_without_anchor",
+      "type"
+    ]
+  },
+  "conversation_id": ["833762294"],
+  "nb_hits": 46250
+}

blog/hello-world.mdx

@@ -5,30 +5,47 @@ authors: liuyuweitarek
 date: 2021-09-30T18:00
 tags: [shorts, hello, introduction]
 ---
-Hello, I am Tarek, who’s interested in implementing psychological paradigms into human-robot interaction, particularly for observing human beings’ actual behaviors using digital phenotyping or informatics methods. 
+
+Hello, I am Tarek, who’s interested in implementing psychological paradigms into human-robot interaction, particularly for observing human beings’ actual behaviors using digital phenotyping or informatics methods.
 
 <!-- truncate -->
 
-My interest in <ins>[psychoinformatics](https://en.wikipedia.org/wiki/Psychoinformatics)</ins><sup>[1](#ref-1), </sup><sup>[2](#ref-2)</sup> can be traced back to the time when I questioned _**if self-report was a reliable method to quantify human’s traits**_. The question also led me to recognize the need for replication in psychology for the first time. On the replication issue, [Baumeister(2007)](https://doi.org/10.1111/j.1745-6916.2007.00051.x)<sup>[3](#ref-3)</sup> stated that researchers should be more careful about actual behaviors than simply believing in introspective self-reports or reaction times. 
+My interest in <ins>[psychoinformatics](https://en.wikipedia.org/wiki/Psychoinformatics)</ins><sup>[1](#ref-1), </sup><sup>[2](#ref-2)</sup> can be traced back to the time when I questioned _**if self-report was a reliable method to quantify human’s traits**_. The question also led me to recognize the need for replication in psychology for the first time. On the replication issue, [Baumeister(2007)](https://doi.org/10.1111/j.1745-6916.2007.00051.x)<sup>[3](#ref-3)</sup> stated that researchers should be more careful about actual behaviors than simply believing in introspective self-reports or reaction times.
 
 For example, in order to measure [social mindfulness](https://www.socialmindfulness.nl/) without using questionnaires, [Van(2013)](https://doi.org/10.1037/a0032540)<sup>[4](#ref-4)</sup> gave each participants three pens, two in an identical color and the third in a different color. Participants were told, after picking up one pen, another person would pick up another pen. [Van(2013)](https://doi.org/10.1037/a0032540)<sup>[4](#ref-4)</sup> used this simple actual behavior to determine if the participant had social mindfulness. Furthermore, [Gospling(2002)](https://doi.org/10.1037/0022-3514.82.3.379)<sup>[5](#ref-5)</sup> assessed the personality with the tidiness of bedroom and [Gachter(2016)](https://doi.org/10.1038/nature17160)<sup>[6](#ref-6)</sup> measured intrinsic honesty and the prevalence of rule violations across social segments using the expectation value of throwing dices.
 
-With all these creative and brilliant paradigms, psychological experiments could be implemented into authentic life conditions rather than in the laboratory, which participants might change their behavior or be with poor intention because of knowing it’s an experiment. To extend the range of behavioral data collecting field, I started to sharp my technical skill on developing wearable devices, apps, web applications and even social robotics. For instance, I developed phone tracker apps and collected data from participants’ cellphones, including GPS locations, accelerometers, gyroscopes and photoreceptors, in order to yield correlations with human’s cognitive functions. Furthermore, without dropping the crystallized form of psychological tests, I designed [Asynchronous Testing Question(ATQ)](https://doi.org/10.1007/s12369-020-00716-y)<sup>[7](#ref-7)</sup>, embedding psychological test questions into human—robot conversations for user profiling, and developed the robot remote controlling system to improving machine cognition and service. 
+With all these creative and brilliant paradigms, psychological experiments could be implemented into authentic life conditions rather than in the laboratory, which participants might change their behavior or be with poor intention because of knowing it’s an experiment. To extend the range of behavioral data collecting field, I started to sharp my technical skill on developing wearable devices, apps, web applications and even social robotics. For instance, I developed phone tracker apps and collected data from participants’ cellphones, including GPS locations, accelerometers, gyroscopes and photoreceptors, in order to yield correlations with human’s cognitive functions. Furthermore, without dropping the crystallized form of psychological tests, I designed [Asynchronous Testing Question(ATQ)](https://doi.org/10.1007/s12369-020-00716-y)<sup>[7](#ref-7)</sup>, embedding psychological test questions into human—robot conversations for user profiling, and developed the robot remote controlling system to improving machine cognition and service.
 
 I’m fully aware of the dedication, resilience and resolve required to persue the future project！ Feel free to email me to learn more about my current work or discuss research projects you would like me to implement. :)
 
 ### References
 
-<a id="ref-1"></a> 1. Yarkoni, T. (2012). Psychoinformatics: New Horizons at the Interface of the Psychological and Computing Sciences. <i>Current Directions in Psychological Science</i>, <i>21</i>(6), 391-397. https://doi.org/10.1177/0963721412457362  
+<a id="ref-1"></a> 1. Yarkoni, T. (2012). Psychoinformatics: New Horizons at the
+Interface of the Psychological and Computing Sciences. <i>Current Directions in Psychological Science</i>
+, <i>21</i>(6), 391-397. https://doi.org/10.1177/0963721412457362{" "}
 
-<a id="ref-2"></a> 2. Montag, C., Duke, É., & Markowetz, A. (2016). Toward Psychoinformatics: Computer Science Meets Psychology. <i>Computational and mathematical methods in medicine</i>, <i>2016</i>, 2983685. https://doi.org/10.1155/2016/2983685
+<a id="ref-2"></a> 2. Montag, C., Duke, É., & Markowetz, A. (2016). Toward
+Psychoinformatics: Computer Science Meets Psychology. <i>Computational and mathematical methods in medicine</i>
+, <i>2016</i>, 2983685. https://doi.org/10.1155/2016/2983685
 
-<a id="ref-3"></a> 3. Baumeister, R. F., Vohs, K. D., & Funder, D. C. (2007). Psychology as the Science of Self-Reports and Finger Movements: Whatever Happened to Actual Behavior? <i>Perspectives on Psychological Science</i>, <i>2</i>(4), 396-403. https://doi.org/10.1111/j.1745-6916.2007.00051.x
+<a id="ref-3"></a> 3. Baumeister, R. F., Vohs, K. D., & Funder, D. C. (2007).
+Psychology as the Science of Self-Reports and Finger Movements: Whatever
+Happened to Actual Behavior? <i>Perspectives on Psychological Science</i>, <i>2</i>
+(4), 396-403. https://doi.org/10.1111/j.1745-6916.2007.00051.x
 
-<a id="ref-4"></a> 4. Van Doesum, N. J., Van Lange, D. A. W., & Van Lange, P. A. M. (2013). Social mindfulness: Skill and will to navigate the social world. <i>Journal of Personality and Social Psychology</i>, <i>105</i>(1), 86–103. https://doi.org/10.1037/a0032540
+<a id="ref-4"></a> 4. Van Doesum, N. J., Van Lange, D. A. W., & Van Lange, P. A.
+M. (2013). Social mindfulness: Skill and will to navigate the social world. <i>Journal of Personality and Social Psychology</i>
+, <i>105</i>(1), 86–103. https://doi.org/10.1037/a0032540
 
-<a id="ref-5"></a> 5. Gosling, S. D., Ko, S. J., Mannarelli, T., & Morris, M. E. (2002). A room with a cue: Personality judgments based on offices and bedrooms. <i>Journal of Personality and Social Psychology</i>, <i>82</i>(3), 379–398. https://doi.org/10.1037/0022-3514.82.3.379
+<a id="ref-5"></a> 5. Gosling, S. D., Ko, S. J., Mannarelli, T., & Morris, M. E.
+(2002). A room with a cue: Personality judgments based on offices and bedrooms. <i>Journal of Personality and Social Psychology</i>
+, <i>82</i>(3), 379–398. https://doi.org/10.1037/0022-3514.82.3.379
 
-<a id="ref-6"></a> 6. Gächter, S., & Schulz, J. F. (2016). Intrinsic honesty and the prevalence of rule violations across societies. <i>Nature</i>, <i>531</i>(7595), 496–499. https://doi.org/10.1038/nature17160
+<a id="ref-6"></a> 6. Gächter, S., & Schulz, J. F. (2016). Intrinsic honesty and
+the prevalence of rule violations across societies. <i>Nature</i>, <i>531</i>
+(7595), 496–499. https://doi.org/10.1038/nature17160
 
-<a id="ref-7"></a> 7. Huang, TR., Liu, YW., Hsu, SM. et al. Asynchronously Embedding Psychological Test Questions into Human–Robot Conversations for User Profiling. <i>Int J of Soc Robotics</i> **13**, 1359–1368 (2021). https://doi.org/10.1007/s12369-020-00716-y
+<a id="ref-7"></a> 7. Huang, TR., Liu, YW., Hsu, SM. et al. Asynchronously
+Embedding Psychological Test Questions into Human–Robot Conversations for User
+Profiling. <i>Int J of Soc Robotics</i> **13**, 1359–1368 (2021).
+https://doi.org/10.1007/s12369-020-00716-y

docker-compose.yml

@@ -14,7 +14,7 @@ services:
       - .:/opt/website
     environment:
       - NODE_ENV=development
-    
+
   serve:
     build:
       context: .
@@ -25,7 +25,7 @@ services:
       - "3006:3006"
     environment:
       - NODE_ENV=production
-  
+
   caddy:
     build:
       context: .
@@ -44,4 +44,4 @@ services:
       - caddy_config:/config
 volumes:
   caddy_data:
-  caddy_config:
+  caddy_config: