@fdm-monster/client-next 0.0.1

package/.all-contributorsrc

@@ -0,0 +1,57 @@
+{
+  "files": [
+    "README.md"
+  ],
+  "imageSize": 100,
+  "commit": false,
+  "contributors": [
+    {
+      "login": "davidzwa",
+      "name": "David Zwart",
+      "avatar_url": "https://avatars.githubusercontent.com/u/6005355?v=4",
+      "profile": "https://github.com/davidzwa",
+      "contributions": [
+        "bug",
+        "code",
+        "maintenance",
+        "userTesting"
+      ]
+    },
+    {
+      "login": "Abdullah-Abuzaid",
+      "name": "Abdullah Abuzaid",
+      "avatar_url": "https://avatars.githubusercontent.com/u/61384954?v=4",
+      "profile": "https://github.com/Abdullah-Abuzaid",
+      "contributions": [
+        "code",
+        "bug"
+      ]
+    },
+    {
+      "login": "timmiedinnie",
+      "name": "Tim Dinh",
+      "avatar_url": "https://avatars.githubusercontent.com/u/3026022?v=4",
+      "profile": "https://github.com/timmiedinnie",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "WindArrow3d",
+      "name": "WindArrow3d",
+      "avatar_url": "https://avatars.githubusercontent.com/u/91099282?v=4",
+      "profile": "https://github.com/WindArrow3d",
+      "contributions": [
+        "bug"
+      ]
+    }
+  ],
+  "contributorsPerLine": 7,
+  "projectName": "fdm-monster-client",
+  "projectOwner": "fdm-monster",
+  "repoType": "github",
+  "repoHost": "https://github.com",
+  "skipCi": true,
+  "commitType": "docs",
+  "commitConvention": "angular"
+}

package/.browserslistrc

@@ -0,0 +1,4 @@
+> 1%
+last 2 versions
+not dead
+not ie 11

package/.editorconfig

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

package/.env

@@ -0,0 +1 @@
+BASE_URL=/

package/.eslintrc-auto-import.json

@@ -0,0 +1,73 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useSlots": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true,
+    "onWatcherCleanup": true,
+    "useId": true,
+    "useModel": true,
+    "useTemplateRef": true
+  }
+}

package/.eslintrc.js

@@ -0,0 +1,126 @@
+/**
+ * .eslint.js
+ *
+ * ESLint configuration file.
+ */
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: '@typescript-eslint/parser'
+  },
+  plugins: ['vue', 'prettier'],
+  extends: [
+    'plugin:@typescript-eslint/recommended',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+    'plugin:vue/vue3-recommended',
+    'prettier',
+    'plugin:vuetify/base'
+  ],
+  rules: {
+    'vue/multi-word-component-names': 'off',
+    'prettier/prettier': ['error'],
+    // Note: you must disable the base rule as it can report incorrect errors
+    // Bye bye useless characters
+    // semi: ['error', 'never'],
+    // '@typescript-eslint/semi': ['error', 'never'],
+    // // "vue/multiline-"
+    // 'vue/singleline-html-element-content-newline': [
+    //   'error',
+    //   {
+    //     ignoreWhenNoAttributes: false,
+    //     ignoreWhenEmpty: true,
+    //     ignores: ['pre', 'textarea', 'v-icon'],
+    //     externalIgnores: []
+    //   }
+    // ],
+    'vue/html-self-closing': [
+      'error',
+      {
+        html: {
+          void: 'always',
+          normal: 'always',
+          component: 'always'
+        },
+        svg: 'always',
+        math: 'always'
+      }
+    ],
+    // // Enforce certain multiline behavior
+    // 'vue/multiline-html-element-content-newline': [
+    //   'error',
+    //   {
+    //     ignoreWhenEmpty: true,
+    //     ignores: ['pre', 'textarea'],
+    //     allowEmptyLines: false
+    //   }
+    // ],
+    // // Clear empty lines proactively, is very rough
+    // 'no-multiple-empty-lines': [
+    //   'warn',
+    //   {
+    //     max: 1
+    //   }
+    // ],
+    // // This rule is left like the default, just for showing why formatting is the way it is
+    // 'vue/html-indent': [
+    //   'error',
+    //   2,
+    //   {
+    //     attribute: 1,
+    //     baseIndent: 1,
+    //     closeBracket: 0,
+    //     alignAttributesVertically: true,
+    //     ignores: []
+    //   }
+    // ],
+    // 'vue/html-closing-bracket-newline': [
+    //   'error',
+    //   {
+    //     singleline: 'never',
+    //     multiline: 'never',
+    //     selfClosingTag: {
+    //       singleline: 'never',
+    //       multiline: 'never'
+    //     }
+    //   }
+    // ]
+    // 'vue/new-line-between-multi-line-property': [
+    //   'error',
+    //   {
+    //     minLineOfMultilineProperty: 2
+    //   }
+    // ],
+    'vue/block-lang': [
+      'error',
+      {
+        script: {
+          lang: 'ts'
+        }
+      }
+    ],
+    'vue/no-unused-vars': ['error', {}],
+    // // Throws an error ast undefined
+    // '@typescript-eslint/no-unused-vars': ['off'],
+    'vue/no-ref-object-reactivity-loss': ['error']
+    // "vue/no-undef-components": ["error", {
+    //   "ignorePatterns": []
+    // }],
+    // 'vue/require-typed-object-prop': 'error',
+    // 'vue/valid-v-on': [
+    //   'error',
+    //   {
+    //     modifiers: []
+    //   }
+    // ],
+    // Let prettier fix this
+    // quotes: ['error', 'single'],
+    // '@typescript-eslint/indent': ['error', 2],
+    // // {var:val} in f.e. template activator
+    // 'vue/object-curly-spacing': 'error',
+  }
+}

package/.github/FUNDING.yml

@@ -0,0 +1,3 @@
+github: [davidzwa, fdm-monster] # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+# patreon: davidzwa # Replace with a single Patreon username
+ko_fi: davidzwa

package/.github/workflows/release-client.yml

@@ -0,0 +1,94 @@
+name: Dist Release
+on:
+  push:
+    branches:
+      - 'develop'
+      - 'main'
+      - 'release/*'  # Add this line to include all release branches
+
+jobs:
+  checkversion:
+    runs-on: ubuntu-latest
+    outputs:
+      foundClientVersion: ${{ steps.init.outputs.foundClientVersion }}
+    steps:
+      - uses: actions/checkout@v4
+      - name: get-client-version
+        # https://gist.github.com/DarrenN/8c6a5b969481725a4413?permalink_comment_id=3863317#gistcomment-3863317
+        run: |
+          echo "CLIENT_VERSION=$(npm pkg get version | sed 's/"//g')" >> $GITHUB_ENV
+      - uses: mukunku/tag-exists-action@v1.6.0
+        id: checkTag
+        with:
+          tag: ${{ env.CLIENT_VERSION }}
+      - run: echo ${{ steps.checkTag.outputs.exists }}
+      - name: Environment variables to output
+        id: init
+        run: |
+          echo "foundClientVersion=${{ steps.checkTag.outputs.exists }}" >> $GITHUB_OUTPUT
+
+  publish:
+    needs: checkversion
+    runs-on: ubuntu-latest
+    environment: npm-release
+    if: needs.checkversion.outputs.foundClientVersion == 'false'
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+
+      # https://stackoverflow.com/questions/57968497/how-do-i-set-an-env-var-with-a-bash-expression-in-github-actions
+      - name: get-client-version
+        # https://gist.github.com/DarrenN/8c6a5b969481725a4413?permalink_comment_id=3863317#gistcomment-3863317
+        run: |
+          echo "CLIENT_VERSION=$(npm pkg get version | sed 's/"//g')" >> $GITHUB_ENV
+
+      # Build bundle
+      - run: yarn set version berry
+      - run: yarn install --immutable
+      - run: yarn run build
+
+      # Clear fields that make installing harder
+      - name: Replace JSON Value
+        run: |
+          jq '.dependencies = {}' package.json > tmp.json && mv tmp.json package.json
+          jq '.devDependencies = {}' package.json > tmp.json && mv tmp.json package.json
+      - name: Output package.json
+        run: |
+          cat package.json
+
+      # Publish to NPM
+      - uses: JS-DevTools/npm-publish@v3
+        with:
+          token: ${{ secrets.NPM_TOKEN }}
+          package: package.json
+          
+      # Create GitHub release
+      - name: Create release
+        uses: actions/create-release@v1
+        id: create_release
+        with:
+          draft: false
+          prerelease: ${{ contains(env.CLIENT_VERSION, 'rc') || contains(env.CLIENT_VERSION, 'unstable') }}
+          release_name: "fdm-monster-client-next ${{ env.CLIENT_VERSION }}"
+          tag_name: ${{ env.CLIENT_VERSION }}
+          body: "Release notes not added" # ${{ steps.build_changelog.outputs.changelog }}
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
+
+      - name: action-zip
+        uses: montudor/action-zip@v1.0.0
+        with:
+          args: zip -qq -r dist-client-${{ env.CLIENT_VERSION }}.zip dist ./package.json
+
+      - name: Upload client bundle zip
+        uses: actions/upload-release-asset@v1
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
+        with:
+          upload_url: ${{ steps.create_release.outputs.upload_url }}
+          asset_path: dist-client-${{ env.CLIENT_VERSION }}.zip
+          asset_name: dist-client-${{ env.CLIENT_VERSION }}.zip
+          asset_content_type: application/zip
+

package/.github/workflows/vue-publish.yml

@@ -0,0 +1,26 @@
+name: Vue publish
+on:
+  pull_request:
+  push:
+    branches:
+      - 'main'
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+          cache: 'yarn'
+
+      - run: yarn set version berry
+      - run: yarn install --immutable
+      - run: yarn run build
+      - run: yarn run test:unit
+      - uses: JS-DevTools/npm-publish@v3
+        if: ${{ github.repository.name == 'fdm-monster-client' }}
+        with:
+          dry-run: true
+          token: ${{ secrets.NPM_TOKEN }}
+          package: package.json

package/.prettierignore

@@ -0,0 +1,15 @@
+# Ignore transient folders
+.idea
+.git
+**/coverage
+**/.github
+**/docs
+**/images
+
+# Ignore unuseful folders
+**/node_modules
+**/assets
+**/dist
+
+# Ignore root files
+**/README.md

package/.prettierrc.cjs

@@ -0,0 +1,7 @@
+module.exports = {
+    semi: false,
+    singleQuote: true,
+    tabWidth: 2,
+    trailingComma: 'none',
+    singleAttributePerLine: true
+}

package/.whitesource

@@ -0,0 +1,12 @@
+{
+  "scanSettings": {
+    "baseBranches": []
+  },
+  "checkRunSettings": {
+    "vulnerableCheckRunConclusionLevel": "failure",
+    "displayMode": "diff"
+  },
+  "issueSettings": {
+    "minSeverityLevel": "LOW"
+  }
+}