feat: add starter

apps/starter/.dockerignore

@@ -0,0 +1,5 @@
+node_modules
+.DS_Store
+dist
+storybook-static
+.firebase

apps/starter/.env.example

@@ -0,0 +1 @@
+VITE_API_BASE_URL=https://api-starter.warsono.id/

apps/starter/.env.staging

@@ -0,0 +1,2 @@
+NODE_ENV=production
+VITE_API_BASE_URL=https://api-starter.warsono.id/

apps/starter/.eslintrc

@@ -0,0 +1,30 @@
+{
+  "root": true,
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "node": true
+  },
+  "extends": [
+    // "eslint:recommended",
+    "plugin:vue/vue3-recommended",
+    "@vue/typescript/recommended",
+    "@vue/prettier",
+    "@vue/prettier/@typescript-eslint"
+  ],
+  "parser": "vue-eslint-parser",
+  "parserOptions": {
+    "parser": "babel-eslint",
+    "ecmaVersion": 2021
+  },
+  "plugins": [],
+  "rules": {
+    "vue/valid-v-slot": ["error", {"allowModifiers": true}],
+    "vue/component-tags-order": [
+      "error",
+      {
+        "order": ["script", "template", "style"]
+      }
+    ]
+  }
+}

apps/starter/.firebaserc

@@ -0,0 +1,14 @@
+{
+  "projects": {
+    "default": "gits-starter"
+  },
+  "targets": {
+    "gits-starter": {
+      "hosting": {
+        "starter": [
+          "gits-starter"
+        ]
+      }
+    }
+  }
+}

apps/starter/.gitignore

@@ -0,0 +1,9 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+storybook-static
+hosting.*
+.env
+yarn-error.log

apps/starter/.gitlab-ci.yml

@@ -0,0 +1,82 @@
+stages:
+    - analyze
+    - build
+    - deploy
+
+image: node:14.17.5-alpine
+
+cache:
+    paths:
+        - node_modules/
+
+# build-staging:
+#     stage: build
+#     rules:
+#         - if: $CI_COMMIT_BRANCH == "staging"
+#     script:
+#         # Install dependencies
+#         - npm install
+#         # Build App
+#         - npm run build
+#     artifacts:
+#         paths:
+#             # Build folder
+#             - dist
+#         expire_in: 1 hour
+
+# deploy-staging:
+#     stage: deploy
+#     script:
+#         - npm install -g firebase-tools
+#         - firebase use --token $FIREBASE_TOKEN staging
+#         - firebase deploy --only hosting -m "Pipeline $CI_PIPELINE_ID, build $CI_BUILD_ID" --non-interactive --token $FIREBASE_TOKEN
+#     rules:
+#         - if: $CI_COMMIT_BRANCH == "staging"
+
+analyze:sonar:
+  stage: analyze
+  variables:
+    SONAR_USER_HOME: "${CI_PROJECT_DIR}/.sonar"
+    GIT_DEPTH: 0
+  image:
+    name: sonarsource/sonar-scanner-cli:4.5
+    entrypoint: [""]
+  cache:
+    key: "${CI_JOB_NAME}"
+    paths:
+      - .sonar/cache
+  script:
+    - sonar-scanner -Dsonar.projectKey=$CI_PROJECT_NAME -Dsonar.sources=. -Dsonar.host.url=$SONAR_HOST_URL -Dsonar.login=$SONAR_USER -Dsonar.password=$SONAR_PASSWORD
+  allow_failure: false
+  only:
+    - main
+  tags:
+    - nginx-proxy-sonar
+
+build-production:
+    stage: build
+    rules:
+        - if: $CI_COMMIT_BRANCH == "main"
+    script:
+        # Install dependencies
+        - npm install
+        # Build App
+        - npm run build
+    artifacts:
+        paths:
+            # Build folder
+            - dist
+        expire_in: 1 hour
+    tags:
+        - nginx-proxy-sonar
+
+deploy-production:
+    stage: deploy
+    script:
+        - npm install -g firebase-tools
+        - firebase use gits-starter --token $FIREBASE_TOKEN 
+        - firebase deploy --only hosting:starter -m "Pipeline $CI_PIPELINE_ID, build $CI_BUILD_ID" --non-interactive --token $FIREBASE_TOKEN
+    rules:
+        - if: $CI_COMMIT_BRANCH == "main"
+    tags:
+        - nginx-proxy-sonar

apps/starter/.gitlab/merge_request_templates/General.md

@@ -0,0 +1,25 @@
+## Description
+
+Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.
+
+## Type of change
+
+Please delete options that are not relevant.
+
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+- [ ] This change requires a documentation update
+
+## Checklist
+
+- [ ] My code follows the style guidelines of this project
+- [ ] I have performed a self-review of my own code
+- [ ] I have commented my code, particularly in hard-to-understand areas
+- [ ] I have added tests that prove my fix is effective or that my feature works
+- [ ] New and existing unit tests pass locally with my changes
+- [ ] Any dependent changes have been merged and published in downstream modules
+
+## Screenshot
+
+For UI changes, please provide screenshots on mobile and desktop versions if relevant.

apps/starter/.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install commitlint --edit "$1"

apps/starter/.npmignore

@@ -0,0 +1,6 @@
+node_modules
+.gitlab
+.vscode
+components.d.ts
+packages
+dist

apps/starter/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "bracketSpacing": false,
+  "trailingComma": "all"
+}

apps/starter/.storybook/main.js

@@ -0,0 +1,41 @@
+const Pages = require('vite-plugin-pages').default;
+const Layouts = require('vite-plugin-vue-layouts').default;
+// const Vue = require('@vitejs/plugin-vue').default;
+
+module.exports = {
+  stories: [
+    '../src/**/*.stories.mdx',
+    '../src/**/*.stories.@(js|jsx|ts|tsx)',
+    // dev only
+    // '../packages/ui/src/**/*.stories.mdx',
+    // '../packages/ui/src/**/*.stories.@(js|jsx|ts|tsx)',
+    // prod
+    '../node_modules/@frontend/ui/src/**/*.stories.mdx',
+    '../node_modules/@frontend/ui/src/**/*.stories.@(js|jsx|ts|tsx)',
+  ],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    // '@storybook/addon-postcss/register',
+  ],
+  core: {
+    builder: 'storybook-builder-vite',
+  },
+  async viteFinal(config, {configType}) {
+    // customize the Vite config here
+    // config.resolve.alias.foo = 'bar';
+
+    config.plugins = [
+      ...config.plugins,
+      // Vue(),
+      Pages({
+        exclude: ['**/parts/*.vue'],
+        nuxtStyle: true,
+      }),
+      Layouts(),
+    ];
+
+    // return the customized config
+    return config;
+  },
+};

apps/starter/.storybook/preview.js

@@ -0,0 +1,24 @@
+import '../src/index.css';
+import {app} from '@storybook/vue3';
+// import CorePlugins from '../src/core';
+import {createMemoryHistory, createRouter} from 'vue-router';
+import VueFeather from 'vue-feather';
+
+const router = createRouter({
+  history: createMemoryHistory(),
+  routes: [],
+});
+
+// app.use(CorePlugins);
+app.use(router);
+app.component(VueFeather.name, VueFeather);
+
+export const parameters = {
+  actions: {argTypesRegex: '^on[A-Z].*'},
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};

apps/starter/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.formatOnSave": true
+}