Add an Ionic App Version of SayLah!

.github/workflows/pull-request.yml

@@ -39,6 +39,7 @@ jobs:
         run: cd vueapp && npm run test:unit
   build-and-preview:
     needs: [lint, test]
+    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2

ionicapp/.browserslistrc

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

ionicapp/.eslintrc.js

@@ -0,0 +1,31 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/typescript/recommended'
+  ],
+  parserOptions: {
+    ecmaVersion: 2020
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'vue/no-deprecated-slot-attribute': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+      ],
+      env: {
+        jest: true
+      }
+    }
+  ]
+}

ionicapp/.gitignore

@@ -0,0 +1,31 @@
+# Specifies intentionally untracked files to ignore when using Git
+# http://git-scm.com/docs/gitignore
+
+*~
+*.sw[mnpcod]
+.tmp
+*.tmp
+*.tmp.*
+*.sublime-project
+*.sublime-workspace
+.DS_Store
+Thumbs.db
+UserInterfaceState.xcuserstate
+$RECYCLE.BIN/
+
+*.log
+log.txt
+npm-debug.log*
+
+/.idea
+/.ionic
+/.sass-cache
+/.sourcemaps
+/.versions
+/.vscode
+/coverage
+/dist
+/node_modules
+/platforms
+/plugins
+/www

ionicapp/README.md

@@ -0,0 +1,12 @@
+# saylah-mobile
+A Ionic Vue Version of Saylah!
+
+
+
+(I am workshopping this so that we can easily move over to cross-platform development.)
+
+
+
+## How to move from Vue to Ionic
+
+Ionic is a cross-platform system and can deploy a Vue app to multiple devices. To go from Vue to Ionic, refer to [this link](https://ionicframework.com/blog/a-vue-from-ionic/).

ionicapp/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

ionicapp/capacitor.config.ts

@@ -0,0 +1,10 @@
+import { CapacitorConfig } from '@capacitor/cli';
+
+const config: CapacitorConfig = {
+  appId: 'io.ionic.starter',
+  appName: 'saylah-mobile',
+  webDir: 'dist',
+  bundledWebRuntime: false
+};
+
+export default config;

ionicapp/cypress.json

@@ -0,0 +1,3 @@
+{
+  "pluginsFile": "tests/e2e/plugins/index.js"
+}

ionicapp/ionic.config.json

@@ -0,0 +1,7 @@
+{
+  "name": "saylah-mobile",
+  "integrations": {
+    "capacitor": {}
+  },
+  "type": "vue"
+}

ionicapp/jest.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  preset: '@vue/cli-plugin-unit-jest/presets/typescript-and-babel',
+  transform: {
+    '^.+\\.vue$': 'vue-jest'
+  },
+  transformIgnorePatterns: ['/node_modules/(?!@ionic/vue|@ionic/vue-router)']
+}