breaking(core): migrate to svelte-kit + revamp ui (#104)

* feat: init commit svelte-kit

* feat: add base homepage skeleton

* feat: entries

* feat: update style

* chore(style): add some stylings

* chore(style): add more stylings

* chore(styles): add more accurate styling to svelte kit version (#105)

* chore(config): change 'purge' to 'content' in tailwind config

* chore(style): add more styling

* chore(styling): hide pagination number in smaller screen

* chore(styling): add consistent padding for smaller screen

* chore(styling): remove padding on larger screen

* feat(page): search + tag page

* fix(build): change read query onMount

* feat(core): update to mainApp

* chore: format

* fix: missing 3rd party

Co-authored-by: Irfan Maulana (@mazipan) <maulana.irfan@tokopedia.com>
Co-authored-by: Muhammad Faqih Muntashir <48067039+itsfaqih@users.noreply.github.com>

Author: 3 people

.eslintignore

@@ -1,9 +1,6 @@
-.github
-node_modules
-public
-node_modules
-node_modules/@sapper
-src/routes/_layout.svelte
-src/data-es.js
-data.js
-data-es.js
+data
+api
+cover
+build
+.svelte-kit
+coverage

.eslintrc.cjs

@@ -0,0 +1,20 @@
+module.exports = {
+	root: true,
+	parser: '@typescript-eslint/parser',
+	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+	plugins: ['svelte3', '@typescript-eslint'],
+	ignorePatterns: ['*.cjs'],
+	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+	settings: {
+		'svelte3/typescript': () => require('typescript')
+	},
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	}
+};

.eslintrc.js

@@ -4,14 +4,14 @@ on:
     branches:
       - master
     paths-ignore:
-      - "LAST_UPDATED"
-      - "data.json"
-      - "data.js"
-      - "data-es.js"
-      - "tags.txt"
-      - "tags-prefix.txt"
-      - "_redirect-out"
-      - "package.json"
+      - 'LAST_UPDATED'
+      - 'data.json'
+      - 'data.js'
+      - 'data-es.js'
+      - 'tags.txt'
+      - 'tags-prefix.txt'
+      - '_redirect-out'
+      - 'package.json'
 
 jobs:
   install-deps:
@@ -25,16 +25,13 @@ jobs:
       - name: Setup Node.js 14.x
         uses: actions/setup-node@v1
         with:
-          node-version: "14.x"
+          node-version: '14.x'
 
       - name: Install locked dependencies
         run: yarn install --frozen-lockfile
 
       - name: Generate file json
-        run: yarn toJson
-
-      - name: Update export script on package.json
-        run: yarn toTags
+        run: yarn script:toJson
 
       - name: Modify last update
         run: |
@@ -45,7 +42,7 @@ jobs:
         uses: actions/cache@v1
         id: cache-deps
         with:
-          path: "."
+          path: '.'
           key: ${{ github.sha }}
 
   build_ui:
@@ -58,27 +55,22 @@ jobs:
         uses: actions/cache@v1
         id: restore-deps
         with:
-          path: "."
+          path: '.'
           key: ${{ github.sha }}
 
       - name: Setup Node.js 14.x
         uses: actions/setup-node@v1
         with:
-          node-version: "14.x"
+          node-version: '14.x'
 
       - name: Perform export to static
-        run: yarn export
-
-      - name: Modify last update on sapper
-        run: |
-          d=`date '+%Y-%m-%dT%H:%M:%SZ'`
-          echo $d > __sapper__/export/LAST_UPDATED
+        run: yarn build
 
       - name: Deploy
         uses: peaceiris/actions-gh-pages@v3.7.3
         with:
           personal_token: ${{ secrets.PERSONAL_TOKEN }}
-          publish_dir: ./__sapper__/export
+          publish_dir: ./build
           publish_branch: netlify-pages
           full_commit_message: ${{ github.event.head_commit.message }}
           force_orphan: true
@@ -93,7 +85,7 @@ jobs:
         uses: actions/cache@v1
         id: restore-deps
         with:
-          path: "."
+          path: '.'
           key: ${{ github.sha }}
 
       - name: Deploy
@@ -102,10 +94,3 @@ jobs:
           personal_token: ${{ secrets.PERSONAL_TOKEN }}
           publish_dir: ./api
           publish_branch: api
-
-      # - name: Perform push JSON data to master
-      #   uses: ad-m/github-push-action@v0.6.0
-      #   with:
-      #     github_token: '${{ secrets.PERSONAL_TOKEN }}'
-      #     force: true
-

.github/workflows/build-ui-netlify.yml

@@ -3,7 +3,7 @@
 #
 # You may wish to alter this file to override the set of languages analyzed,
 # or to provide custom queries or build logic.
-name: "CodeQL"
+name: 'CodeQL'
 
 on:
   pull_request:
@@ -27,43 +27,43 @@ jobs:
         # https://docs.github.com/en/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#overriding-automatic-language-detection
 
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@v2
-      with:
-        # We must fetch at least the immediate parents so that if this is
-        # a pull request then we can checkout the head.
-        fetch-depth: 2
+      - name: Checkout repository
+        uses: actions/checkout@v2
+        with:
+          # We must fetch at least the immediate parents so that if this is
+          # a pull request then we can checkout the head.
+          fetch-depth: 2
 
-    # If this run was triggered by a pull request event, then checkout
-    # the head of the pull request instead of the merge commit.
-    - run: git checkout HEAD^2
-      if: ${{ github.event_name == 'pull_request' }}
+      # If this run was triggered by a pull request event, then checkout
+      # the head of the pull request instead of the merge commit.
+      - run: git checkout HEAD^2
+        if: ${{ github.event_name == 'pull_request' }}
 
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v1
-      with:
-        languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file. 
-        # Prefix the list here with "+" to use these queries and those in the config file.
-        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v1
+        with:
+          languages: ${{ matrix.language }}
+          # If you wish to specify custom queries, you can do so here or in a config file.
+          # By default, queries listed here will override any specified in a config file.
+          # Prefix the list here with "+" to use these queries and those in the config file.
+          # queries: ./path/to/local/query, your-org/your-repo/queries@main
 
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v1
+      # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+      # If this step fails, then you should remove it and run the build manually (see below)
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v1
 
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 https://git.io/JvXDl
+      # ℹ️ Command-line programs to run using the OS shell.
+      # 📚 https://git.io/JvXDl
 
-    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
-    #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
+      # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+      #    and modify them (or add more) to build your code if your project
+      #    uses a compiled language
 
-    #- run: |
-    #   make bootstrap
-    #   make release
+      #- run: |
+      #   make bootstrap
+      #   make release
 
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v1
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v1

.github/workflows/codeql-analysis.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Setup Node.js 14.x
         uses: actions/setup-node@v1
         with:
-          node-version: "14.x"
+          node-version: '14.x'
 
       - name: Install locked dependencies
         run: yarn install --frozen-lockfile
@@ -25,7 +25,7 @@ jobs:
         uses: actions/cache@v1
         id: cache-deps
         with:
-          path: "."
+          path: '.'
           key: ${{ github.sha }}
 
   lint:
@@ -38,16 +38,16 @@ jobs:
         uses: actions/cache@v1
         id: restore-deps
         with:
-          path: "."
+          path: '.'
           key: ${{ github.sha }}
 
       - name: Setup Node.js 14.x
         uses: actions/setup-node@v1
         with:
-          node-version: "14.x"
+          node-version: '14.x'
 
       - name: Lint files
-        run: yarn run lint
+        run: yarn run lint:ci
         env:
           CI: true
 
@@ -61,13 +61,13 @@ jobs:
         uses: actions/cache@v1
         id: restore-deps
         with:
-          path: "."
+          path: '.'
           key: ${{ github.sha }}
 
       - name: Setup Node.js 14.x
         uses: actions/setup-node@v1
         with:
-          node-version: "14.x"
+          node-version: '14.x'
 
       - name: Perform build checking
         run: yarn run build
@@ -84,20 +84,15 @@ jobs:
         uses: actions/cache@v1
         id: restore-deps
         with:
-          path: "."
+          path: '.'
           key: ${{ github.sha }}
 
       - name: Setup Node.js 14.x
         uses: actions/setup-node@v1
         with:
-          node-version: "14.x"
+          node-version: '14.x'
 
-      - name: Perform script toJson checking
-        run: yarn run toJson
+      - name: Perform checking script:toJson
+        run: yarn run script:toJson
         env:
           CI: true
-
-      - name: Perform script toTags checking
-        run: yarn run toTags
-        env:
-          CI: true

.github/workflows/pull-request.yml

@@ -112,3 +112,12 @@ __sapper__/
 api/data.js
 api/data-es.js
 api/data.json
+
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+.vercel
+.output

.gitignore

@@ -0,0 +1 @@
+engine-strict=true

.npmrc

@@ -0,0 +1,6 @@
+data
+api
+cover
+build
+.svelte-kit
+coverage

.prettierignore

@@ -0,0 +1,6 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100
+}

.prettierrc

@@ -1,6 +1,6 @@
 # Belajar daring bersama PHPID
 
-![PHPID](https://img.shields.io/badge/PHPID-Community-blue?cacheSeconds=604800) ![Contribution](https://img.shields.io/badge/Contributions-Welcome-BrightGreen.svg?cacheSeconds=604800) [![Build UI for Netlify](https://github.com/phpid-jakarta/phpid-learning/actions/workflows/build-ui-netlify.yml/badge.svg)](https://github.com/phpid-jakarta/phpid-learning/actions/workflows/build-ui-netlify.yml)
+![PHPID](https://img.shields.io/badge/PHPID-Community-blue?cacheSeconds=604800) ![Contribution](https://img.shields.io/badge/Contributions-Welcome-Brightemerald.svg?cacheSeconds=604800) [![Build UI for Netlify](https://github.com/phpid-jakarta/phpid-learning/actions/workflows/build-ui-netlify.yml/badge.svg)](https://github.com/phpid-jakarta/phpid-learning/actions/workflows/build-ui-netlify.yml)
 
 [![Belajar daring bersama PHPID](static/phpid-learning-logo-small.jpg)](https://s.byphp.id/learning)