openc3 5.8.1 → 5.9.0

data/templates/tool_vue/.browserslistrc

@@ -0,0 +1,16 @@
+> 0.2%
+# Chome 80 is circa Feb 2020
+# See https://en.wikipedia.org/wiki/Google_Chrome_version_history
+chrome >= 80
+# Edge 80 is circa Jan 2020
+# See https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-archive-stable-channel
+edge >= 80
+# Firefox ESR is extended support release
+firefox ESR
+# Safari 13.1 released Mar 24, 2020
+# See https://en.wikipedia.org/wiki/Safari_version_history
+safari >= 13.1
+not dead
+not ie 11
+# Opera mini doesn't have built-in support for ES6
+not op_mini all

data/templates/tool_vue/.env.standalone

@@ -0,0 +1 @@
+STANDALONE_SINGLE_SPA=true

data/templates/tool_vue/.eslintrc.js

@@ -0,0 +1,43 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    'plugin:vue/essential',
+    'plugin:prettier/recommended',
+    '@vue/prettier',
+  ],
+  plugins: ['prettier'],
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'prettier/prettier': [
+      'warn',
+      {
+        endOfLine: 'auto',
+      },
+    ],
+    'vue/multi-word-component-names': 'off',
+    'vue/valid-v-slot': [
+      'error',
+      {
+        allowModifiers: true,
+      },
+    ],
+  },
+  parserOptions: {
+    parser: '@babel/eslint-parser',
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)',
+      ],
+      env: {
+        jest: true,
+      },
+    },
+  ],
+}

data/templates/tool_vue/.gitignore

@@ -0,0 +1,2 @@
+tools/*
+node_modules

data/templates/tool_vue/.nycrc

@@ -0,0 +1,3 @@
+{
+  "extension": [".js", ".vue"]
+}

data/templates/tool_vue/.prettierrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  singleQuote: true,
+  semi: false,
+  bracketSpacing: true,
+}

data/templates/tool_vue/babel.config.json

@@ -0,0 +1,11 @@
+{
+  "presets": ["@vue/cli-plugin-babel/preset"],
+  "plugins": [
+    [
+      "babel-plugin-istanbul",
+      {
+        "extension": [".js", ".vue"]
+      }
+    ]
+  ]
+}

data/templates/tool_vue/jsconfig.json

@@ -0,0 +1,6 @@
+{
+  "exclude": ["node_modules"],
+  "vueCompilerOptions": {
+    "target": 2.7
+  }
+}

data/templates/tool_vue/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "<%= tool_name %>",
+  "version": "5.9.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build --no-module",
+    "test:unit": "vue-cli-service test:unit",
+    "lint": "vue-cli-service lint",
+    "serve:standalone": "vue-cli-service serve --mode standalone",
+    "test:components": "vue-cli-service test:components"
+  },
+  "dependencies": {
+    "@openc3/tool-common": "5.9.0",
+    "axios": "0.27.2",
+    "date-fns": "2.30.0",
+    "portal-vue": "2.1.7",
+    "single-spa-vue": "2.5.1",
+    "sprintf-js": "1.1.2",
+    "systemjs-webpack-interop": "2.3.7",
+    "vue": "2.7.14",
+    "vue-router": "3.5.3",
+    "vuetify": "2.6.14",
+    "vuex": "3.6.2"
+  },
+  "devDependencies": {
+    "@babel/eslint-parser": "7.22.5",
+    "@vue/babel-preset-app": "5.0.8",
+    "@vue/cli": "5.0.8",
+    "@vue/cli-plugin-babel": "5.0.8",
+    "@vue/cli-plugin-eslint": "5.0.8",
+    "@vue/cli-plugin-router": "5.0.8",
+    "@vue/cli-plugin-vuex": "5.0.8",
+    "@vue/cli-service": "5.0.8",
+    "@vue/eslint-config-prettier": "7.1.0",
+    "@vue/test-utils": "1.3.0",
+    "babel-loader": "9.1.2",
+    "babel-plugin-istanbul": "6.1.1",
+    "eslint": "8.44.0",
+    "eslint-config-prettier": "8.8.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-vue": "9.15.1",
+    "html-webpack-plugin": "^5.5.3",
+    "prettier": "2.8.8",
+    "sass": "1.63.6",
+    "sass-loader": "13.3.2",
+    "vue-cli-plugin-single-spa": "3.3.0",
+    "vue-cli-plugin-vuetify": "2.5.8",
+    "vue-template-compiler": "2.7.14",
+    "webpack": "5.88.1"
+  }
+}

data/templates/tool_vue/src/App.vue

@@ -0,0 +1,15 @@
+<!--
+# Copyright 2023 OpenC3, Inc.
+# All Rights Reserved.
+#
+# This file may also be used under the terms of a commercial license
+# if purchased from OpenC3, Inc.
+-->
+
+<template>
+  <div>
+    <v-app id="innerapp">
+      <router-view></router-view>
+    </v-app>
+  </div>
+</template>

data/templates/tool_vue/src/main.js

@@ -0,0 +1,38 @@
+import 'systemjs-webpack-interop/auto-public-path/2'
+import Vue from 'vue'
+import singleSpaVue from 'single-spa-vue'
+
+import App from './App.vue'
+import router from './router'
+import store from '@openc3/tool-common/src/plugins/store'
+
+Vue.config.productionTip = false
+
+import '@openc3/tool-common/src/assets/stylesheets/layout/layout.scss'
+import vuetify from '@openc3/tool-common/src/plugins/vuetify'
+import Dialog from '@openc3/tool-common/src/plugins/dialog'
+import PortalVue from 'portal-vue'
+import Notify from '@openc3/tool-common/src/plugins/notify'
+
+Vue.use(PortalVue)
+Vue.use(Dialog)
+Vue.use(Notify, { store })
+
+const vueLifecycles = singleSpaVue({
+  Vue,
+  appOptions: {
+    router,
+    store,
+    vuetify,
+    render(h) {
+      return h(App, {
+        props: {},
+      })
+    },
+    el: '#openc3-tool',
+  },
+})
+
+export const bootstrap = vueLifecycles.bootstrap
+export const mount = vueLifecycles.mount
+export const unmount = vueLifecycles.unmount

data/templates/tool_vue/src/router.js

@@ -0,0 +1,29 @@
+/*
+# Copyright 2023 OpenC3, Inc.
+# All Rights Reserved.
+#
+# This file may also be used under the terms of a commercial license
+# if purchased from OpenC3, Inc.
+*/
+
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+export default new Router({
+  mode: 'history',
+  base: process.env.BASE_URL,
+  routes: [
+    {
+      path: '/',
+      name: '<%= tool_name %>',
+      component: () => import('./tools/<%= tool_name %>/<%= tool_name %>.vue'),
+    },
+    {
+      path: '*',
+      name: 'NotFound',
+      component: () => import('@openc3/tool-common/src/components/NotFound'),
+    },
+  ],
+})

data/templates/tool_vue/src/tools/tool_name/tool_name.vue

@@ -0,0 +1,63 @@
+<!--
+# Copyright 2023 OpenC3, Inc.
+# All Rights Reserved.
+#
+# This file may also be used under the terms of a commercial license
+# if purchased from OpenC3, Inc.
+-->
+
+<template>
+  <div>
+    <top-bar :menus="menus" :title="title" />
+    <v-card>
+      <v-card-title> Example Card </v-card-title>
+      <v-card-text>
+        <v-btn block @click="buttonPress"> Send Command </v-btn>
+      </v-card-text>
+    </v-card>
+  </div>
+</template>
+
+<script>
+import { OpenC3Api } from '@openc3/tool-common/src/services/openc3-api'
+import TopBar from '@openc3/tool-common/src/components/TopBar'
+
+export default {
+  components: {
+    TopBar,
+  },
+  data() {
+    return {
+      title: '<%= tool_name_display %>',
+      api: null,
+      menus: [
+        {
+          label: 'File',
+          items: [
+            {
+              label: 'Send Command',
+              command: () => {
+                this.api
+                  .cmd('INST', 'COLLECT', { TYPE: 'NORMAL' })
+                  .then((response) => {
+                    alert('Command Sent!')
+                  })
+              },
+            },
+          ],
+        },
+      ],
+    }
+  },
+  created() {
+    this.api = new OpenC3Api()
+  },
+  methods: {
+    buttonPress() {
+      this.api.cmd('INST', 'COLLECT', { TYPE: 'NORMAL' }).then((response) => {
+        alert('Command Sent!')
+      })
+    },
+  },
+}
+</script>

data/templates/tool_vue/vue.config.js

@@ -0,0 +1,30 @@
+const path = require("path");
+
+module.exports = {
+  publicPath: '/tools/<%= tool_name %>',
+  outputDir: 'tools/<%= tool_name %>',
+  filenameHashing: false,
+  transpileDependencies: ['vuetify'],
+  devServer: {
+    port: 2999,
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+    },
+    client: {
+      webSocketURL: {
+        hostname: 'localhost',
+        pathname: '/tools/<%= tool_name %>',
+        port: 2999,
+      },
+    },
+  },
+  configureWebpack: {
+    output: {
+      libraryTarget: 'system'
+    },
+  },
+  chainWebpack: (config) => {
+    config.module.rule('js').use('babel-loader')
+    config.externals(['vue', 'vuetify', 'vuex', 'vue-router'])
+  },
+}