diff --git a/.github/workflows/spelling.yml b/.github/workflows/spelling.yml index a1867c3ee8..a7f730909c 100644 --- a/.github/workflows/spelling.yml +++ b/.github/workflows/spelling.yml @@ -11,10 +11,10 @@ jobs: name: Codespell runs-on: ubuntu-latest steps: - - uses: actions/checkout@v4 - - uses: codespell-project/actions-codespell@v2 - with: - # Skip generated code as well as cstol_converter which has false - # positivies on ADN and Adn - skip: ./docs,*.map,*.min.js,*.pem,*.bin,cstol_converter - ignore_words_file: .whitelist \ No newline at end of file + - uses: actions/checkout@v4 + - uses: codespell-project/actions-codespell@v2 + with: + # Skip generated code as well as cstol_converter which has false + # positivies on ADN and Adn + skip: ./docs,*.map,*.min.js,*.pem,*.bin,cstol_converter,vue.global*,vuetify-labs* + ignore_words_file: .whitelist diff --git a/docs.openc3.com/docusaurus-plugin.config.js b/docs.openc3.com/docusaurus-plugin.config.js index e6b5a6d4c3..357ca19865 100644 --- a/docs.openc3.com/docusaurus-plugin.config.js +++ b/docs.openc3.com/docusaurus-plugin.config.js @@ -17,6 +17,10 @@ const config = { tagline: 'OpenC3 COSMOS Documentation', favicon: 'img/favicon.png', + future: { + experimental_faster: true, + }, + // Set the production url of your site here url: 'https://docs.openc3.com', // Set the // pathname under which your site is served diff --git a/docs.openc3.com/docusaurus.config.js b/docs.openc3.com/docusaurus.config.js index 219a24dfa3..4316515bb9 100644 --- a/docs.openc3.com/docusaurus.config.js +++ b/docs.openc3.com/docusaurus.config.js @@ -17,6 +17,10 @@ const config = { tagline: 'OpenC3 COSMOS Documentation', favicon: 'img/favicon.png', + future: { + experimental_faster: true, + }, + // Set the production url of your site here url: 'https://docs.openc3.com', // Set the // pathname under which your site is served diff --git a/docs.openc3.com/package.json b/docs.openc3.com/package.json index c43e10f8ea..461f4c6439 100644 --- a/docs.openc3.com/package.json +++ b/docs.openc3.com/package.json @@ -16,9 +16,10 @@ "write-heading-ids": "docusaurus write-heading-ids" }, "dependencies": { - "@docusaurus/core": "^3.5.2", - "@docusaurus/plugin-client-redirects": "^3.5.2", - "@docusaurus/preset-classic": "^3.5.2", + "@docusaurus/core": "^3.6.3", + "@docusaurus/faster": "^3.6.3", + "@docusaurus/plugin-client-redirects": "^3.6.3", + "@docusaurus/preset-classic": "^3.6.3", "@mdx-js/react": "3.1.0", "docusaurus-lunr-search": "3.5.0", "prism-react-renderer": "2.4.0", @@ -26,8 +27,8 @@ "react-dom": "18.3.1" }, "devDependencies": { - "@docusaurus/module-type-aliases": "^3.5.2", - "@docusaurus/types": "^3.5.2" + "@docusaurus/module-type-aliases": "^3.6.3", + "@docusaurus/types": "^3.6.3" }, "browserslist": { "production": [ diff --git a/examples/external_script.py b/examples/external_script.py new file mode 100644 index 0000000000..d16c9a88eb --- /dev/null +++ b/examples/external_script.py @@ -0,0 +1,59 @@ +# Copyright 2024 OpenC3, Inc. +# All Rights Reserved. +# +# This program is free software; you can modify and/or redistribute it +# under the terms of the GNU Affero General Public License +# as published by the Free Software Foundation; version 3 with +# attribution addendums as found in the LICENSE.txt +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU Affero General Public License for more details. +# +# This file may also be used under the terms of a commercial license +# if purchased from OpenC3, Inc. + +import os + +os.environ["OPENC3_API_SCHEMA"] = "http" +os.environ["OPENC3_API_HOSTNAME"] = "127.0.0.1" +os.environ["OPENC3_API_PORT"] = "2900" +os.environ["OPENC3_SCRIPT_API_SCHEMA"] = "http" +os.environ["OPENC3_SCRIPT_API_HOSTNAME"] = "127.0.0.1" +os.environ["OPENC3_SCRIPT_API_PORT"] = "2900" +# os.environ["OPENC3_API_USER"] = "admin" # Only set for Enterprise +os.environ["OPENC3_API_PASSWORD"] = "password" +os.environ["OPENC3_NO_STORE"] = "1" +# os.environ["OPENC3_KEYCLOAK_REALM"] = "openc3" # Only set for Enterprise +# os.environ["OPENC3_KEYCLOAK_URL"] = "http://127.0.0.1:2900/auth" # Only set for Enterprise + +from openc3.utilities.string import formatted +from openc3.script import * + +print(get_target_names()) + +print(tlm("INST ADCS POSX")) + +print(cmd("INST ABORT")) + +put_target_file("INST/test.txt", "this is a string test") +file = get_target_file("INST/test.txt") +print(file.read()) +file.close() +delete_target_file("INST/test.txt") + +with tempfile.NamedTemporaryFile(mode="w+t", suffix=".txt") as save_file: + save_file.write("this is a Io test") + save_file.seek(0) + put_target_file("INST/test.txt", save_file) +file = get_target_file("INST/test.txt") +print(file.read()) +file.close() +delete_target_file("INST/test.txt") + +put_target_file("INST/test.bin", "\x00\x01\x02\x03\xFF\xEE\xDD\xCC".encode()) +file = get_target_file("INST/test.bin") +print(formatted(file.read())) +file.close() +delete_target_file("INST/test.bin") diff --git a/examples/external_script.rb b/examples/external_script.rb index 71be7b6ab8..446a088e00 100644 --- a/examples/external_script.rb +++ b/examples/external_script.rb @@ -1,6 +1,6 @@ # encoding: ascii-8bit -# Copyright 2022 Ball Aerospace & Technologies Corp. +# Copyright 2024 OpenC3, Inc. # All Rights Reserved. # # This program is free software; you can modify and/or redistribute it @@ -12,10 +12,6 @@ # but WITHOUT ANY WARRANTY; without even the implied warranty of # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the # GNU Affero General Public License for more details. - -# Modified by OpenC3, Inc. -# All changes Copyright 2022, OpenC3, Inc. -# All Rights Reserved # # This file may also be used under the terms of a commercial license # if purchased from OpenC3, Inc. @@ -26,8 +22,12 @@ ENV['OPENC3_SCRIPT_API_SCHEMA'] ||= 'http' ENV['OPENC3_SCRIPT_API_HOSTNAME'] ||= '127.0.0.1' ENV['OPENC3_SCRIPT_API_PORT'] ||= '2900' +# ENV['OPENC3_API_USER'] ||= 'admin' # Only set for Enterprise ENV['OPENC3_API_PASSWORD'] ||= 'password' ENV['OPENC3_NO_STORE'] ||= '1' +# ENV['OPENC3_KEYCLOAK_REALM'] ||= 'openc3' # Only set for Enterprise +# ENV['OPENC3_KEYCLOAK_URL'] ||= 'http://127.0.0.1:2900/auth' # Only set for Enterprise + require 'openc3' require 'openc3/script' diff --git a/examples/hostinstall/centos7/openc3_install_openc3.sh b/examples/hostinstall/centos7/openc3_install_openc3.sh index 8a9fa73034..342c981b25 100755 --- a/examples/hostinstall/centos7/openc3_install_openc3.sh +++ b/examples/hostinstall/centos7/openc3_install_openc3.sh @@ -52,7 +52,7 @@ GEMS="$SCRIPT_DIR/../../../openc3-cosmos-init/plugins/gems/" OPENC3_RELEASE_VERSION=5.21.0-beta0 mkdir -p ${GEMS} -cd ${PLUGINS}openc3-tool-base && yarn install && yarn run build && rake build VERSION=${OPENC3_RELEASE_VERSION} && mv *.gem ${GEMS} +cd ${PLUGINS}packages/openc3-tool-base && yarn run build && rake build VERSION=${OPENC3_RELEASE_VERSION} && mv *.gem ${GEMS} cd ${PLUGINS}packages/openc3-cosmos-tool-admin && yarn run build && rake build VERSION=${OPENC3_RELEASE_VERSION} && mv *.gem ${GEMS} cd ${PLUGINS}packages/openc3-cosmos-tool-cmdsender && yarn run build && rake build VERSION=${OPENC3_RELEASE_VERSION} && mv *.gem ${GEMS} cd ${PLUGINS}packages/openc3-cosmos-tool-cmdtlmserver && yarn run build && rake build VERSION=${OPENC3_RELEASE_VERSION} && mv *.gem ${GEMS} diff --git a/openc3-cosmos-cmd-tlm-api/app/controllers/script_autocomplete_controller.rb b/openc3-cosmos-cmd-tlm-api/app/controllers/script_autocomplete_controller.rb index c1595920cb..8c727fb81a 100644 --- a/openc3-cosmos-cmd-tlm-api/app/controllers/script_autocomplete_controller.rb +++ b/openc3-cosmos-cmd-tlm-api/app/controllers/script_autocomplete_controller.rb @@ -215,9 +215,13 @@ def build_cmd_snippet(packet, target_info) params = filtered_items.each_with_index.map do |item, index| if item['data_type'] == 'BLOCK' # Unpack binary data to uppercase hex string - default = "0x#{item['default'].unpack('H*').first.upcase}" + if item['default'] and String === item['default'] + default = "0x#{item['default'].unpack('H*').first.upcase}" + else + default = "''" + end elsif item['data_type'] == 'STRING' - default = "'#{item['default']}'" || '' + default = "'#{item['default']}'" else default = item['default'] || 0 end diff --git a/openc3-cosmos-cmd-tlm-api/app/controllers/tools_controller.rb b/openc3-cosmos-cmd-tlm-api/app/controllers/tools_controller.rb index 993e0d71df..d46e7d8f3e 100644 --- a/openc3-cosmos-cmd-tlm-api/app/controllers/tools_controller.rb +++ b/openc3-cosmos-cmd-tlm-api/app/controllers/tools_controller.rb @@ -45,16 +45,20 @@ def position end def importmap - result = "" + result = Hash.new + result["imports"] = Hash.new + tools = @model_class.all_scopes inline_tools = {} tools.each do |key, tool| - inline_tools[key] = tool if tool['inline_url'] and tool['window'] == 'INLINE' - end - result = Hash.new - result["imports"] = Hash.new - inline_tools.each do |key, tool| - result["imports"]["@openc3/tool-#{tool['folder_name']}"] = "/tools/#{tool['folder_name']}/#{tool['inline_url']}" + if tool['import_map_items'] + tool['import_map_items'].each do |item_key, item| + result["imports"][item_key] = item + end + end + if tool['inline_url'] and tool['window'] == 'INLINE' + result["imports"]["@openc3/tool-#{tool['folder_name']}"] = "/tools/#{tool['folder_name']}/#{tool['inline_url']}" + end end render json: result end diff --git a/openc3-cosmos-init/Dockerfile b/openc3-cosmos-init/Dockerfile index 76bf486812..168882fbea 100644 --- a/openc3-cosmos-init/Dockerfile +++ b/openc3-cosmos-init/Dockerfile @@ -14,7 +14,7 @@ WORKDIR /openc3/plugins/ USER root COPY ./plugins/*.json ./ -COPY ./plugins/openc3-tool-base/*.json openc3-tool-base/ +COPY ./plugins/packages/openc3-tool-base/*.json packages/openc3-tool-base/ COPY ./plugins/packages/openc3-cosmos-tool-admin/*.json packages/openc3-cosmos-tool-admin/ COPY ./plugins/packages/openc3-cosmos-tool-bucketexplorer/*.json packages/openc3-cosmos-tool-bucketexplorer/ COPY ./plugins/packages/openc3-cosmos-tool-cmdsender/*.json packages/openc3-cosmos-tool-cmdsender/ @@ -36,14 +36,15 @@ COPY ./plugins/packages/openc3-cosmos-demo/*.json packages/openc3-cosmos-demo/ ARG NPM_URL=https://registry.npmjs.org RUN yarn config set registry $NPM_URL && yarn --network-timeout 600000 -COPY ./plugins/docker-package-build.sh ./plugins/docker-package-install.sh ./plugins/babel.config.js ./plugins/.eslintrc.js ./plugins/.nycrc ./ -RUN chmod +x ./docker-package-build.sh ./docker-package-install.sh -COPY ./plugins/openc3-tool-base/ openc3-tool-base/ -RUN ["/openc3/plugins/docker-package-install.sh", "openc3-tool-base"] +COPY ./plugins/docker-package-build.sh ./plugins/.eslintrc.cjs ./plugins/.nycrc ./ +RUN chmod +x ./docker-package-build.sh +COPY ./plugins/packages/openc3-tool-base/ packages/openc3-tool-base/ +RUN ["/openc3/plugins/docker-package-build.sh", "openc3-tool-base"] -# Build admin tool FROM openc3-frontend-tmp AS openc3-tmp1 RUN cd packages/openc3-cosmos-ace-diff && yarn build + +# Build admin tool COPY ./plugins/packages/openc3-cosmos-tool-admin/ packages/openc3-cosmos-tool-admin/ RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-admin"] @@ -117,6 +118,8 @@ RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-docs"] FROM ${OPENC3_REGISTRY}/${OPENC3_NAMESPACE}/${OPENC3_BASE_IMAGE}:${OPENC3_TAG} +USER ${USER_ID}:${GROUP_ID} + COPY --from=openc3-tmp1 --chown=${IMAGE_USER}:${IMAGE_GROUP} /openc3/plugins/packages/openc3-cosmos-ace-diff/ /openc3/plugins/packages/openc3-cosmos-ace-diff/ COPY --from=openc3-tmp1 --chown=${IMAGE_USER}:${IMAGE_GROUP} /openc3/plugins/gems/* /openc3/plugins/gems/ COPY --from=openc3-tmp2 --chown=${IMAGE_USER}:${IMAGE_GROUP} /openc3/plugins/gems/* /openc3/plugins/gems/ @@ -125,7 +128,6 @@ COPY --from=openc3-tmp4 --chown=${IMAGE_USER}:${IMAGE_GROUP} /openc3/plugins/gem COPY --from=openc3-tmp5 --chown=${IMAGE_USER}:${IMAGE_GROUP} /openc3/plugins/gems/* /openc3/plugins/gems/ COPY --from=openc3-frontend-tmp --chown=${IMAGE_USER}:${IMAGE_GROUP} /openc3/plugins/packages/openc3-tool-common/ /openc3/plugins/packages/openc3-tool-common/ COPY --from=openc3-frontend-tmp --chown=${IMAGE_USER}:${IMAGE_GROUP} /openc3/plugins/yarn.lock /openc3/plugins/yarn.lock -COPY --from=openc3-frontend-tmp --chown=${IMAGE_USER}:${IMAGE_GROUP} /openc3/plugins/openc3-tool-base/yarn.lock /openc3/plugins/yarn-tool-base.lock COPY --chown=${IMAGE_USER}:${IMAGE_GROUP} ./init.sh /openc3/ COPY --from=minio-mc /bin/mc /bin/mc diff --git a/openc3-cosmos-init/plugins/.eslintrc.js b/openc3-cosmos-init/plugins/.eslintrc.cjs similarity index 100% rename from openc3-cosmos-init/plugins/.eslintrc.js rename to openc3-cosmos-init/plugins/.eslintrc.cjs diff --git a/openc3-cosmos-init/plugins/babel.config.js b/openc3-cosmos-init/plugins/babel.config.js deleted file mode 100644 index 01546dd89b..0000000000 --- a/openc3-cosmos-init/plugins/babel.config.js +++ /dev/null @@ -1,11 +0,0 @@ -module.exports = { - presets: ['@vue/app'], - plugins: [ - [ - 'babel-plugin-istanbul', - { - extension: ['.js', '.vue'], - }, - ], - ], -} diff --git a/openc3-cosmos-init/plugins/docker-package-install.sh b/openc3-cosmos-init/plugins/docker-package-install.sh deleted file mode 100755 index 25b925b32b..0000000000 --- a/openc3-cosmos-init/plugins/docker-package-install.sh +++ /dev/null @@ -1,25 +0,0 @@ -#!/bin/sh -set -e - -PLUGINS="/openc3/plugins" -GEMS="/openc3/plugins/gems/" -PACKAGES="packages" -OPENC3_RELEASE_VERSION=5.21.0-beta0 - -mkdir -p ${GEMS} - -echo "<<< packageInstall $1" -cd ${PLUGINS}/${1}/ -echo "--- packageInstall $1 yarn install" -yarn install -echo "=== packageInstall $1 yarn install complete" -echo "--- packageInstall $1 yarn build" -yarn run build -echo "=== packageInstall $1 yarn run build complete" -echo "--- packageInstall $1 rake build" -rake build VERSION=${OPENC3_RELEASE_VERSION} -echo "=== packageInstall $1 rake build complete" -ls *.gem -echo "--- packageInstall $1 mv gem file" -mv ${1}-*.gem ${GEMS} -echo "=== packageInstall $1 mv gem complete" \ No newline at end of file diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/babel.config.json b/openc3-cosmos-init/plugins/openc3-tool-base/babel.config.json deleted file mode 100644 index 16b440465f..0000000000 --- a/openc3-cosmos-init/plugins/openc3-tool-base/babel.config.json +++ /dev/null @@ -1,24 +0,0 @@ -{ - "presets": ["@babel/preset-env"], - "plugins": [ - [ - "@babel/plugin-transform-runtime", - { - "useESModules": true, - "regenerator": false - } - ], "@babel/plugin-proposal-class-properties", "babel-plugin-istanbul" - ], - "env": { - "test": { - "presets": [ - [ - "@babel/preset-env", - { - "targets": "current node" - } - ] - ] - } - } -} diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/package.json b/openc3-cosmos-init/plugins/openc3-tool-base/package.json deleted file mode 100644 index aa6cc8ea59..0000000000 --- a/openc3-cosmos-init/plugins/openc3-tool-base/package.json +++ /dev/null @@ -1,49 +0,0 @@ -{ - "name": "@openc3/tool-base", - "version": "5.21.0-beta0", - "scripts": { - "serve": "webpack serve --port 2910 --env isLocal", - "lint": "eslint src --ext js", - "format": "prettier --write \"./**\"", - "build": "webpack --mode=production" - }, - "dependencies": { - "@astrouxds/astro-web-components": "7.24.0", - "@rails/actioncable": "7.1.3-4", - "axios": "1.7.7", - "date-fns": "4.1.0", - "import-map-overrides": "3.1.1", - "regenerator-runtime": "0.14.1", - "single-spa": "5.9.5", - "systemjs": "6.15.1", - "vue": "3.5.4", - "vue-router": "4.4.4", - "vuetify": "3.7.1", - "vuex": "4.1.0" - }, - "__comment__": "NOTE: sass can't be upgraded until Vuetify 3 to avoid tons of deprecation warnings", - "devDependencies": { - "@babel/core": "7.26.0", - "@babel/plugin-proposal-class-properties": "7.18.6", - "@babel/plugin-transform-runtime": "7.25.9", - "@babel/preset-env": "7.26.0", - "@babel/runtime": "7.26.0", - "@vue/compiler-sfc": "3.5.4", - "@types/systemjs": "6.15.1", - "babel-plugin-istanbul": "7.0.0", - "copy-webpack-plugin": "12.0.2", - "eslint": "8.56.0", - "html-webpack-plugin": "5.6.3", - "prettier": "3.3.3", - "sass": "1.80.4", - "sass-loader": "16.0.2", - "serve": "14.2.4", - "vue-loader": "17.4.2", - "vue-template-compiler": "2.7.16", - "webpack": "5.95.0", - "webpack-cli": "5.1.4", - "webpack-config-single-spa": "5.3.1", - "webpack-dev-server": "5.1.0", - "webpack-merge": "6.0.1" - } -} diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/regenerator-runtime-0.14.1.min.js b/openc3-cosmos-init/plugins/openc3-tool-base/public/js/regenerator-runtime-0.14.1.min.js deleted file mode 100644 index 20b4c91077..0000000000 --- a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/regenerator-runtime-0.14.1.min.js +++ /dev/null @@ -1,8 +0,0 @@ -/** - * Minified by jsDelivr using Terser v5.19.2. - * Original file: /npm/regenerator-runtime@0.14.1/runtime.js - * - * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files - */ -var runtime=function(t){"use strict";var r,e=Object.prototype,n=e.hasOwnProperty,o=Object.defineProperty||function(t,r,e){t[r]=e.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function h(t,r,e){return Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}),t[r]}try{h({},"")}catch(t){h=function(t,r,e){return t[r]=e}}function l(t,r,e,n){var i=r&&r.prototype instanceof d?r:d,a=Object.create(i.prototype),c=new T(n||[]);return o(a,"_invoke",{value:O(t,e,c)}),a}function f(t,r,e){try{return{type:"normal",arg:t.call(r,e)}}catch(t){return{type:"throw",arg:t}}}t.wrap=l;var s="suspendedStart",p="suspendedYield",y="executing",v="completed",g={};function d(){}function m(){}function w(){}var b={};h(b,a,(function(){return this}));var L=Object.getPrototypeOf,x=L&&L(L(P([])));x&&x!==e&&n.call(x,a)&&(b=x);var E=w.prototype=d.prototype=Object.create(b);function j(t){["next","throw","return"].forEach((function(r){h(t,r,(function(t){return this._invoke(r,t)}))}))}function _(t,r){function e(o,i,a,c){var u=f(t[o],t,i);if("throw"!==u.type){var h=u.arg,l=h.value;return l&&"object"==typeof l&&n.call(l,"__await")?r.resolve(l.__await).then((function(t){e("next",t,a,c)}),(function(t){e("throw",t,a,c)})):r.resolve(l).then((function(t){h.value=t,a(h)}),(function(t){return e("throw",t,a,c)}))}c(u.arg)}var i;o(this,"_invoke",{value:function(t,n){function o(){return new r((function(r,o){e(t,n,r,o)}))}return i=i?i.then(o,o):o()}})}function O(t,e,n){var o=s;return function(i,a){if(o===y)throw new Error("Generator is already running");if(o===v){if("throw"===i)throw a;return{value:r,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=k(c,n);if(u){if(u===g)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===s)throw o=v,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=y;var h=f(t,e,n);if("normal"===h.type){if(o=n.done?v:p,h.arg===g)continue;return{value:h.arg,done:n.done}}"throw"===h.type&&(o=v,n.method="throw",n.arg=h.arg)}}}function k(t,e){var n=e.method,o=t.iterator[n];if(o===r)return e.delegate=null,"throw"===n&&t.iterator.return&&(e.method="return",e.arg=r,k(t,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),g;var i=f(o,t.iterator,e.arg);if("throw"===i.type)return e.method="throw",e.arg=i.arg,e.delegate=null,g;var a=i.arg;return a?a.done?(e[t.resultName]=a.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=r),e.delegate=null,g):a:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,g)}function G(t){var r={tryLoc:t[0]};1 in t&&(r.catchLoc=t[1]),2 in t&&(r.finallyLoc=t[2],r.afterLoc=t[3]),this.tryEntries.push(r)}function N(t){var r=t.completion||{};r.type="normal",delete r.arg,t.completion=r}function T(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(G,this),this.reset(!0)}function P(t){if(null!=t){var e=t[a];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function e(){for(;++o=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=n.call(a,"catchLoc"),h=n.call(a,"finallyLoc");if(u&&h){if(this.prev=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--r){var e=this.tryEntries[r];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),N(e),g}},catch:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc===t){var n=e.completion;if("throw"===n.type){var o=n.arg;N(e)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:P(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=r),g}},t}("object"==typeof module?module.exports:{});try{regeneratorRuntime=runtime}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=runtime:Function("r","regeneratorRuntime = r")(runtime)} -//# sourceMappingURL=/sm/96e98265f60553d21bfd818d570dcf09b5fb2fe39b7b5691df927b69e3126335.map \ No newline at end of file diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/vue-3.5.4.min.js b/openc3-cosmos-init/plugins/openc3-tool-base/public/js/vue-3.5.4.min.js deleted file mode 100644 index 3577dfdb5e..0000000000 --- a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/vue-3.5.4.min.js +++ /dev/null @@ -1,25 +0,0 @@ -var Vue=function(e){"use strict";function t(e){const t=Object.create(null);for(const n of e.split(","))t[n]=1;return e=>e in t}const I=Object.freeze({}),D=Object.freeze([]),te=()=>{},n=()=>!1,G=e=>111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&(122e.startsWith("onUpdate:"),O=Object.assign,V=(e,t)=>{t=e.indexOf(t);-1o.call(e,t),ue=Array.isArray,d=e=>"[object Map]"===b(e),u=e=>"[object Set]"===b(e),m=e=>"[object Date]"===b(e),ne=e=>"function"==typeof e,de=e=>"string"==typeof e,pe=e=>"symbol"==typeof e,re=e=>null!==e&&"object"==typeof e,ae=e=>(re(e)||ne(e))&&ne(e.then)&&ne(e.catch),y=Object.prototype.toString,b=e=>y.call(e),S=e=>b(e).slice(8,-1),_=e=>"[object Object]"===b(e),x=e=>de(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,le=t(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Y=t("bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo");var w=t=>{const n=Object.create(null);return e=>{return n[e]||(n[e]=t(e))}};const k=/-(\w)/g,R=w(e=>e.replace(k,(e,t)=>t?t.toUpperCase():"")),C=/\B([A-Z])/g,M=w(e=>e.replace(C,"-$1").toLowerCase()),T=w(e=>e.charAt(0).toUpperCase()+e.slice(1)),ce=w(e=>{return e?"on"+T(e):""}),j=(e,t)=>!Object.is(e,t),he=(t,...n)=>{for(let e=0;e{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:r,value:n})},me=e=>{var t=parseFloat(e);return isNaN(t)?e:t},U=e=>{var t=de(e)?Number(e):NaN;return isNaN(t)?e:t};let B;const ve=()=>B=B||("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{}),ge={[1]:"TEXT",2:"CLASS",4:"STYLE",8:"PROPS",16:"FULL_PROPS",32:"NEED_HYDRATION",64:"STABLE_FRAGMENT",128:"KEYED_FRAGMENT",256:"UNKEYED_FRAGMENT",512:"NEED_PATCH",1024:"DYNAMIC_SLOTS",2048:"DEV_ROOT_FRAGMENT","-1":"HOISTED","-2":"BAIL"},H={[1]:"STABLE",2:"DYNAMIC",3:"FORWARDED"};const X=t("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol"),Q=2;function Z(t){if(ue(t)){const o={};for(let e=0;e{if(e){const t=e.split(ye);1?@[\\\]^`{|}~]/g;function Re(e){return e.replace(Oe,e=>"\\"+e)}function Me(e,t){if(e===t)return!0;let n=m(e),r=m(t);if(n||r)return!(!n||!r)&&e.getTime()===t.getTime();if(n=pe(e),r=pe(t),n||r)return e===t;if(n=ue(e),r=ue(t),n||r)return!(!n||!r)&&function(t,n){if(t.length!==n.length)return!1;let r=!0;for(let e=0;r&&eMe(e,t))}const $e=e=>!(!e||!0!==e.__v_isRef),Fe=e=>de(e)?e:null==e?"":ue(e)||re(e)&&(e.toString===y||!ne(e.toString))?$e(e)?Fe(e.value):JSON.stringify(e,De,2):String(e),De=(e,t)=>$e(t)?De(e,t.value):d(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((e,[t,n],r)=>(e[Le(t,r)+" =>"]=n,e),{})}:u(t)?{[`Set(${t.size})`]:[...t.values()].map(e=>Le(e))}:pe(t)?Le(t):!re(t)||ue(t)||_(t)?t:String(t),Le=(e,t="")=>{var n;return pe(e)?`Symbol(${null!=(n=e.description)?n:t})`:e};function Ve(e,...t){console.warn("[Vue warn] "+e,...t)}let A;class je{constructor(e=!1){this.detached=e,this._active=!0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=A,!e&&A&&(this.index=(A.scopes||(A.scopes=[])).push(this)-1)}get active(){return this._active}pause(){if(this._active){this._isPaused=!0;let e,t;if(this.scopes)for(e=0,t=this.scopes.length;e{e&&e.trigger({target:t,type:n,key:r,newValue:o,oldValue:s,oldTarget:i})};if(ze(),"clear"===n)e.forEach(c);else{var a=ue(t),l=a&&x(r);if(a&&"length"===r){const u=Number(o);e.forEach((e,t)=>{("length"===t||t===ct||!pe(t)&&t>=u)&&c(e)})}else switch(void 0!==r&&c(e.get(r)),l&&c(e.get(ct)),n){case"add":a?l&&c(e.get("length")):(c(e.get(at)),d(t)&&c(e.get(lt)));break;case"delete":a||(c(e.get(at)),d(t)&&c(e.get(lt)));break;case"set":d(t)&&c(e.get(at))}}Ke()}else ot++}function dt(e){const t=g(e);return t===e?t:(h(t,"iterate",ct),N(e)?t:t.map(hn))}function pt(e){return h(e=g(e),"iterate",ct),e}const ht={__proto__:null,[Symbol.iterator](){return ft(this,Symbol.iterator,hn)},concat(...e){return dt(this).concat(...e.map(e=>ue(e)?dt(e):e))},entries(){return ft(this,"entries",e=>(e[1]=hn(e[1]),e))},every(e,t){return vt(this,"every",e,t,void 0,arguments)},filter(e,t){return vt(this,"filter",e,t,e=>e.map(hn),arguments)},find(e,t){return vt(this,"find",e,t,hn,arguments)},findIndex(e,t){return vt(this,"findIndex",e,t,void 0,arguments)},findLast(e,t){return vt(this,"findLast",e,t,hn,arguments)},findLastIndex(e,t){return vt(this,"findLastIndex",e,t,void 0,arguments)},forEach(e,t){return vt(this,"forEach",e,t,void 0,arguments)},includes(...e){return yt(this,"includes",e)},indexOf(...e){return yt(this,"indexOf",e)},join(e){return dt(this).join(e)},lastIndexOf(...e){return yt(this,"lastIndexOf",e)},map(e,t){return vt(this,"map",e,t,void 0,arguments)},pop(){return bt(this,"pop")},push(...e){return bt(this,"push",e)},reduce(e,...t){return gt(this,"reduce",e,t)},reduceRight(e,...t){return gt(this,"reduceRight",e,t)},shift(){return bt(this,"shift")},some(e,t){return vt(this,"some",e,t,void 0,arguments)},splice(...e){return bt(this,"splice",e)},toReversed(){return dt(this).toReversed()},toSorted(e){return dt(this).toSorted(e)},toSpliced(...e){return dt(this).toSpliced(...e)},unshift(...e){return bt(this,"unshift",e)},values(){return ft(this,"values",hn)}};function ft(e,t,n){const r=pt(e),o=r[t]();return r===e||N(e)||(o._next=o.next,o.next=()=>{const e=o._next();return e.value&&(e.value=n(e.value)),e}),o}const mt=Array.prototype;function vt(n,e,r,t,o,s){var i=pt(n),a=i!==n&&!N(n);const l=i[e];if(l!==mt[e])return e=l.apply(n,s),a?hn(e):e;let c=r;i!==n&&(a?c=function(e,t){return r.call(this,hn(e),t,n)}:2"arguments"!==e&&"caller"!==e).map(e=>Symbol[e]).filter(pe));function xt(e){pe(e)||(e=String(e));const t=g(this);return h(t,"has",e),t.hasOwnProperty(e)}class wt{constructor(e=!1,t=!1){this._isReadonly=e,this._isShallow=t}get(e,t,n){var r=this._isReadonly,o=this._isShallow;if("__v_isReactive"===t)return!r;if("__v_isReadonly"===t)return r;if("__v_isShallow"===t)return o;if("__v_raw"===t)return n===(r?o?nn:tn:o?en:Zt).get(e)||Object.getPrototypeOf(e)===Object.getPrototypeOf(n)?e:void 0;var s=ue(e);if(!r){let e;if(s&&(e=ht[t]))return e;if("hasOwnProperty"===t)return xt}n=Reflect.get(e,t,J(e)?e:n);return(pe(t)?_t.has(t):St(t))?n:(r||h(e,"get",t),o?n:J(n)?s&&x(t)?n:n.value:re(n)?(r?sn:rn)(n):n)}}class kt extends wt{constructor(e=!1){super(!1,e)}set(e,t,n,r){let o=e[t];if(!this._isShallow){var s=un(o);if(N(n)||un(n)||(o=g(o),n=g(n)),!ue(e)&&J(o)&&!J(n))return!s&&(o.value=n,!0)}var s=ue(e)&&x(t)?Number(t)e,Ot=e=>Reflect.getPrototypeOf(e);function Rt(e,t,n=!1,r=!1){var o=g(e=e.__v_raw),s=g(t);n||(j(t,s)&&h(o,"get",t),h(o,"get",s));const i=Ot(o)["has"],a=r?It:n?fn:hn;return i.call(o,t)?a(e.get(t)):i.call(o,s)?a(e.get(s)):void(e!==o&&e.get(t))}function Mt(e,t=!1){const n=this.__v_raw;var r=g(n),o=g(e);return t||(j(e,o)&&h(r,"has",e),h(r,"has",o)),e===o?n.has(e):n.has(e)||n.has(o)}function Pt(e,t=!1){return e=e.__v_raw,t||h(g(e),"iterate",at),Reflect.get(e,"size",e)}function $t(e,t=!1){t||N(e)||un(e)||(e=g(e));const n=g(this),r=Ot(n);return r.has.call(n,e)||(n.add(e),ut(n,"add",e,e)),this}function Ft(e,t,n=!1){n||N(t)||un(t)||(t=g(t));const r=g(this),{has:o,get:s}=Ot(r);let i=o.call(r,e);i?Qt(r,o,e):(e=g(e),i=o.call(r,e));n=s.call(r,e);return r.set(e,t),i?j(t,n)&&ut(r,"set",e,t,n):ut(r,"add",e,t),this}function Dt(e){const t=g(this),{has:n,get:r}=Ot(t);let o=n.call(t,e);o?Qt(t,n,e):(e=g(e),o=n.call(t,e));var s=r?r.call(t,e):void 0,i=t.delete(e);return o&&ut(t,"delete",e,void 0,s),i}function Lt(){const e=g(this);var t=0!==e.size,n=new(d(e)?Map:Set)(e),r=e.clear();return t&&ut(e,"clear",void 0,void 0,n),r}function Vt(i,a){return function(n,r){const o=this,e=o.__v_raw;var t=g(e);const s=a?It:i?fn:hn;return i||h(t,"iterate",at),e.forEach((e,t)=>n.call(r,s(e),s(t),o))}}function jt(a,l,c){return function(...e){const t=this.__v_raw;var n=g(t),r=d(n);const o="entries"===a||a===Symbol.iterator&&r;r="keys"===a&&r;const s=t[a](...e),i=c?It:l?fn:hn;return l||h(n,"iterate",r?lt:at),{next(){var{value:e,done:t}=s.next();return t?{value:e,done:t}:{value:o?[i(e[0]),i(e[1])]:i(e),done:t}},[Symbol.iterator](){return this}}}}function Ut(t){return function(...e){e=e[0]?`on key "${e[0]}" `:"";return Ve(T(t)+` operation ${e}failed: target is readonly.`,g(this)),"delete"!==t&&("clear"===t?void 0:this)}}function Bt(){const t={get(e){return Rt(this,e)},get size(){return Pt(this)},has:Mt,add:$t,set:Ft,delete:Dt,clear:Lt,forEach:Vt(!1,!1)},n={get(e){return Rt(this,e,!1,!0)},get size(){return Pt(this)},has:Mt,add(e){return $t.call(this,e,!0)},set(e,t){return Ft.call(this,e,t,!0)},delete:Dt,clear:Lt,forEach:Vt(!1,!0)},r={get(e){return Rt(this,e,!0)},get size(){return Pt(this,!0)},has(e){return Mt.call(this,e,!0)},add:Ut("add"),set:Ut("set"),delete:Ut("delete"),clear:Ut("clear"),forEach:Vt(!0,!1)},o={get(e){return Rt(this,e,!0,!0)},get size(){return Pt(this,!0)},has(e){return Mt.call(this,e,!0)},add:Ut("add"),set:Ut("set"),delete:Ut("delete"),clear:Ut("clear"),forEach:Vt(!0,!0)},e=["keys","values","entries",Symbol.iterator];return e.forEach(e=>{t[e]=jt(e,!1,!1),r[e]=jt(e,!0,!1),n[e]=jt(e,!1,!0),o[e]=jt(e,!0,!0)}),[t,r,n,o]}const[Ht,qt,Wt,zt]=Bt();function Kt(r,e){const o=e?r?zt:Wt:r?qt:Ht;return(e,t,n)=>"__v_isReactive"===t?!r:"__v_isReadonly"===t?r:"__v_raw"===t?e:Reflect.get(E(o,t)&&t in e?o:e,t,n)}const Jt={get:Kt(!1,!1)},Gt={get:Kt(!1,!0)},Yt={get:Kt(!0,!1)},Xt={get:Kt(!0,!0)};function Qt(e,t,n){var r=g(n);r!==n&&t.call(e,r)&&Ve(`Reactive ${n=S(e)} contains both the raw and reactive versions of the same object${"Map"===n?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}const Zt=new WeakMap,en=new WeakMap,tn=new WeakMap,nn=new WeakMap;function rn(e){return un(e)?e:ln(e,!1,Tt,Jt,Zt)}function on(e){return ln(e,!1,At,Gt,en)}function sn(e){return ln(e,!0,Et,Yt,tn)}function an(e){return ln(e,!0,Nt,Xt,nn)}function ln(e,t,n,r,o){if(!re(e))return Ve(`value cannot be made ${t?"readonly":"reactive"}: `+String(e)),e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;t=o.get(e);if(t)return t;t=function(e){if(e.__v_skip||!Object.isExtensible(e))return 0;switch(S(e)){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}(e);if(0===t)return e;t=new Proxy(e,2===t?r:n);return o.set(e,t),t}function cn(e){return un(e)?cn(e.__v_raw):!(!e||!e.__v_isReactive)}function un(e){return!(!e||!e.__v_isReadonly)}function N(e){return!(!e||!e.__v_isShallow)}function dn(e){return!!e&&!!e.__v_raw}function g(e){var t=e&&e.__v_raw;return t?g(t):e}function pn(e){return!E(e,"__v_skip")&&Object.isExtensible(e)&&fe(e,"__v_skip",!0),e}const hn=e=>re(e)?rn(e):e,fn=e=>re(e)?sn(e):e;function J(e){return!!e&&!0===e.__v_isRef}function mn(e){return gn(e,!1)}function vn(e){return gn(e,!0)}function gn(e,t){return J(e)?e:new yn(e,t)}class yn{constructor(e,t){this.dep=new st,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=t?e:g(e),this._value=t?e:hn(e),this.__v_isShallow=t}get value(){return this.dep.track({target:this,type:"get",key:"value"}),this._value}set value(e){var t=this._rawValue,n=this.__v_isShallow||N(e)||un(e);e=n?e:g(e),j(e,t)&&(this._rawValue=e,this._value=n?e:hn(e),this.dep.trigger({target:this,type:"set",key:"value",newValue:e,oldValue:t}))}}function bn(e){return J(e)?e.value:e}const Sn={get:(e,t,n)=>"__v_raw"===t?e:bn(Reflect.get(e,t,n)),set:(e,t,n,r)=>{const o=e[t];return J(o)&&!J(n)?(o.value=n,!0):Reflect.set(e,t,n,r)}};function _n(e){return cn(e)?e:new Proxy(e,Sn)}class xn{constructor(e){this.__v_isRef=!0,this._value=void 0;const t=this.dep=new st;var{get:e,set:n}=e(t.track.bind(t),t.trigger.bind(t));this._get=e,this._set=n}get value(){return this._value=this._get()}set value(e){this._set(e)}}function wn(e){return new xn(e)}class kn{constructor(e,t,n){this._object=e,this._key=t,this._defaultValue=n,this.__v_isRef=!0,this._value=void 0}get value(){var e=this._object[this._key];return this._value=void 0===e?this._defaultValue:e}set value(e){this._object[this._key]=e}get dep(){return e=g(this._object),t=this._key,null==(e=it.get(e))?void 0:e.get(t);var e,t}}class Cn{constructor(e){this._getter=e,this.__v_isRef=!0,this.__v_isReadonly=!0,this._value=void 0}get value(){return this._value=this._getter()}}function Tn(e,t,n){var r=e[t];return J(r)?r:new kn(e,t,n)}class En{constructor(e,t,n){this.fn=e,this.setter=t,this._value=void 0,this.dep=new st(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=ot-1,(this.effect=this).__v_isReadonly=!t,this.isSSR=n}notify(){this.flags|=16,s!==this&&this.dep.notify()}get value(){const e=this.dep.track({target:this,type:"get",key:"value"});return Xe(this),e&&(e.version=this.dep.version),this._value}set value(e){this.setter?this.setter(e):Ve("Write operation failed: computed value is readonly")}}const An={},Nn=new WeakMap;let In=void 0;function On(t,e=!1,n=In){if(n){let e=Nn.get(n);e||Nn.set(n,e=[]),e.push(t)}else e||Ve("onWatcherCleanup() was called when there was no active watcher to associate with.")}function Rn(t,n=1/0,r){if(n<=0||!re(t)||t.__v_skip)return t;if((r=r||new Set).has(t))return t;if(r.add(t),n--,J(t))Rn(t.value,n,r);else if(ue(t))for(let e=0;e{Rn(e,n,r)});else if(_(t)){for(const e in t)Rn(t[e],n,r);for(const o of Object.getOwnPropertySymbols(t))Object.prototype.propertyIsEnumerable.call(t,o)&&Rn(t[o],n,r)}return t}const Mn=[];function Pn(e){Mn.push(e)}function $n(){Mn.pop()}let Fn=!1;function oe(e,...t){if(!Fn){Fn=!0,tt();const r=Mn.length?Mn[Mn.length-1].component:null;var n=r&&r.appContext.config.warnHandler;const o=function(){let e=Mn[Mn.length-1];if(!e)return[];const t=[];for(;e;){const r=t[0];r&&r.vnode===e?r.recurseCount++:t.push({vnode:e,recurseCount:0});var n=e.component&&e.component.parent;e=n&&n.vnode}return t}();if(n)Vn(n,r,11,[e+t.map(e=>{var t;return null!=(t=null==(t=e.toString)?void 0:t.call(e))?t:JSON.stringify(e)}).join(""),r&&r.proxy,o.map(({vnode:e})=>`at <${da(r,e.type)}>`).join("\n"),o]);else{const s=["[Vue warn]: "+e,...t];o.length&&s.push(` -`,...function(e){const r=[];return e.forEach((e,t)=>{var n;r.push(...0===t?[]:[` -`],...({vnode:t,recurseCount:e}=[e][0],e=0{n.push(...function e(t,n,r){return de(n)?(n=JSON.stringify(n),r?n:[t+"="+n]):"number"==typeof n||"boolean"==typeof n||null==n?r?n:[t+"="+n]:J(n)?(n=e(t,g(n.value),!0),r?n:[t+"=Ref<",n,">"]):ne(n)?[t+"=fn"+(n.name?`<${n.name}>`:"")]:(n=g(n),r?n:[t+"=",n])}(e,t[e]))}),3{Un(e,n,r)}),e}if(ue(t)){const s=[];for(let e=0;e=or(n)?qn.push(e):qn.splice(function(e){let t=Bn?Wn+1:0,n=qn.length;for(;t>>1,o=qn[r],s=or(o);sor(e)-or(t));if(zn.length=0,Kn)Kn.push(...t);else{for(Kn=t,e=e||new Map,Jn=0;Jnnull==e.id?2&e.flags?-1:1/0:e.id;function sr(e){Hn=!1,Bn=!0,e=e||new Map;var t;try{for(Wn=0;WnXn?(Un(`Maximum recursive updates exceeded${(n=(n=t.i)&&ua(n.type))?` in component <${n}>`:""}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,null,10),!0):(e.set(t,r+1),!1)}let ar=!1;const lr=new Map,cr=(ve().__VUE_HMR_RUNTIME__={createRecord:hr(ur),rerender:hr(function(e,t){const n=cr.get(e);n&&(n.initialDef.render=t,[...n.instances].forEach(e=>{t&&(e.render=t,dr(e.type).render=t),e.renderCache=[],ar=!0,e.update(),ar=!1}))}),reload:hr(function(e,n){var r=cr.get(e);if(r){n=dr(n),pr(r.initialDef,n);var o=[...r.instances];for(let t=0;t{i.parent.update(),e.delete(i)}):i.appContext.reload?i.appContext.reload():"undefined"!=typeof window?window.location.reload():console.warn("[HMR] Root or manually mounted instance modified. Full reload required."),i.root.ce&&i!==i.root&&i.root.ce._removeChildStyle(s)}tr(()=>{lr.clear()})}})},new Map);function ur(e,t){return!cr.has(e)&&(cr.set(e,{initialDef:dr(t),instances:new Set}),!0)}function dr(e){return pa(e)?e.__vccOpts:e}function pr(e,t){O(e,t);for(const n in e)"__file"===n||n in t||delete e[n]}function hr(n){return(e,t)=>{try{return n(e,t)}catch(e){console.error(e),console.warn("[HMR] Something went wrong during Vue component hot-reload. Full reload required.")}}}let fr,mr=[],vr=!1;function gr(e,...t){fr?fr.emit(e,...t):vr||mr.push({event:e,args:t})}function yr(e,t){if(fr=e)fr.enabled=!0,mr.forEach(({event:e,args:t})=>fr.emit(e,...t)),mr=[];else if("undefined"==typeof window||!window.HTMLElement||null!=(e=null==(e=window.navigator)?void 0:e.userAgent)&&e.includes("jsdom"))vr=!0,mr=[];else{const n=t.__VUE_DEVTOOLS_HOOK_REPLAY__=t.__VUE_DEVTOOLS_HOOK_REPLAY__||[];n.push(e=>{yr(e,t)}),setTimeout(()=>{fr||(t.__VUE_DEVTOOLS_HOOK_REPLAY__=null,vr=!0,mr=[])},3e3)}}const br=wr("component:added"),Sr=wr("component:updated"),_r=wr("component:removed"),xr=e=>{fr&&"function"==typeof fr.cleanupBuffer&&!fr.cleanupBuffer(e)&&_r(e)};function wr(t){return e=>{gr(t,e.appContext.app,e.uid,e.parent?e.parent.uid:void 0,e)}}const kr=Tr("perf:start"),Cr=Tr("perf:end");function Tr(r){return(e,t,n)=>{gr(r,e.appContext.app,e.uid,e,t,n)}}let f=null,Er=null;function Ar(e){var t=f;return f=e,Er=e&&e.type.__scopeId||null,t}function Nr(r,o=f,e){if(!o)return r;if(r._n)return r;const s=(...e)=>{s._d&&ki(-1);var t=Ar(o);let n;try{n=r(...e)}finally{Ar(t),s._d&&ki(1)}return Sr(o),n};return s._n=!0,s._c=!0,s._d=!0,s}function Ir(e){Y(e)&&oe("Do not use built-in directive ids as custom directive id: "+e)}function Or(t,n,r,o){var s=t.dirs,i=n&&n.dirs;for(let e=0;ee.__isTeleport,Pr=e=>e&&(e.disabled||""===e.disabled),$r=e=>"undefined"!=typeof SVGElement&&e instanceof SVGElement,Fr=e=>"function"==typeof MathMLElement&&e instanceof MathMLElement,Dr=(e,t)=>{var n=e&&e.to;return de(n)?t?((t=t(n))||Pr(e)||oe(`Failed to locate Teleport target with selector "${n}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.`),t):(oe("Current renderer does not support string target for Teleports. (missing querySelector renderer option)"),null):(n||Pr(e)||oe("Invalid Teleport target: "+n),n)};function Lr(e,t,n,{o:{insert:r},m:o},s=2){0===s&&r(e.targetAnchor,t,n);var{el:e,anchor:i,shapeFlag:a,children:l,props:c}=e,s=2===s;if(s&&r(e,t,n),(!s||Pr(c))&&16&a)for(let e=0;e{16&y&&u(b,e,t,o,s,i,a,l)};_=()=>{var e=n.target=Dr(n.props,f),t=jr(e,n,m,h);e?("svg"!==i&&$r(e)?i="svg":"mathml"!==i&&Fr(e)&&(i="mathml"),g||(T(e,t),Vr(n))):g||oe("Invalid Teleport target on mount:",e,`(${typeof e})`)};g&&(T(t,x),Vr(n)),(r=n.props)&&(r.defer||""===r.defer)?P(_,s):_()}else{n.el=e.el,n.targetStart=e.targetStart;var x=n.anchor=e.anchor,r=n.target=e.target,_=n.targetAnchor=e.targetAnchor,w=Pr(e.props),k=w?t:r,C=w?x:_;"svg"===i||$r(r)?i="svg":"mathml"!==i&&!Fr(r)||(i="mathml"),S?(p(e.dynamicChildren,S,k,o,s,i,a),Hs(e,n,!0)):l||d(e,n,k,C,o,s,i,a,!1),g?w?n.props&&e.props&&n.props.to!==e.props.to&&(n.props.to=e.props.to):Lr(n,t,x,c,1):(n.props&&n.props.to)!==(e.props&&e.props.to)?(k=n.target=Dr(n.props,f))?Lr(n,k,null,c,0):oe("Invalid Teleport target on update:",r,`(${typeof r})`):w&&Lr(n,r,_,c,1),Vr(n)}},remove(e,t,n,{um:r,o:{remove:o}},s){var{shapeFlag:e,children:i,anchor:a,targetStart:l,targetAnchor:c,target:u,props:d}=e;if(u&&(o(l),o(c)),s&&o(a),16&e){var p=s||!Pr(d);for(let e=0;e{e.isMounted=!0}),Oo(()=>{e.isUnmounting=!0}),e}var qr=[Function,Array],qr={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:qr,onEnter:qr,onAfterEnter:qr,onEnterCancelled:qr,onBeforeLeave:qr,onLeave:qr,onAfterLeave:qr,onLeaveCancelled:qr,onBeforeAppear:qr,onAppear:qr,onAfterAppear:qr,onAppearCancelled:qr};const Wr=e=>{e=e.subTree;return e.component?Wr(e.component):e};function zr(t){let n=t[0];if(1 can only be used on a single element or component. Use for lists.");break}n=r,e=!0}}return n}const Kr={name:"BaseTransition",props:qr,setup(l,{slots:o}){const c=qi(),u=Hr();return()=>{var e=o.default&&Zr(o.default(),!0);if(e&&e.length){var e=zr(e),t=g(l),n=t["mode"];if(n&&"in-out"!==n&&"out-in"!==n&&"default"!==n&&oe("invalid mode: "+n),u.isLeaving)return Yr(e);var r=Xr(e);if(!r)return Yr(e);let o=Gr(r,t,u,c,e=>o=e);r.type!==ie&&Qr(r,o);var s=c.subTree;const i=s&&Xr(s);if(i&&i.type!==ie&&!Ai(r,i)&&Wr(c).type!==ie){const a=Gr(i,t,u,c);if(Qr(i,a),"out-in"===n&&r.type!==ie)return u.isLeaving=!0,a.afterLeave=()=>{u.isLeaving=!1,8&c.job.flags||c.update(),delete a.afterLeave},Yr(e);"in-out"===n&&r.type!==ie&&(a.delayLeave=(e,t,n)=>{const r=Jr(u,i);r[String(i.key)]=i,e[Ur]=()=>{t(),e[Ur]=void 0,delete o.delayedLeave},o.delayedLeave=n})}return e}}}};function Jr(e,t){const n=e["leavingVNodes"];let r=n.get(t.type);return r||(r=Object.create(null),n.set(t.type,r)),r}function Gr(s,t,i,n,r){const{appear:a,mode:e,persisted:o=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:u,onEnterCancelled:d,onBeforeLeave:p,onLeave:h,onAfterLeave:f,onLeaveCancelled:m,onBeforeAppear:v,onAppear:g,onAfterAppear:y,onAppearCancelled:b}=t,S=String(s.key),_=Jr(i,s),x=(e,t)=>{e&&jn(e,n,9,t)},w=(e,t)=>{const n=t[1];x(e,t),ue(e)?e.every(e=>e.length<=1)&&n():e.length<=1&&n()},k={mode:e,persisted:o,beforeEnter(e){let t=l;if(!i.isMounted){if(!a)return;t=v||l}e[Ur]&&e[Ur](!0);const n=_[S];n&&Ai(s,n)&&n.el[Ur]&&n.el[Ur](),x(t,[e])},enter(t){let e=c,n=u,r=d;if(!i.isMounted){if(!a)return;e=g||c,n=y||u,r=b||d}let o=!1;var s=t[Br]=e=>{o||(o=!0,e?x(r,[t]):x(n,[t]),k.delayedLeave&&k.delayedLeave(),t[Br]=void 0)};e?w(e,[t,s]):s()},leave(t,n){const r=String(s.key);if(t[Br]&&t[Br](!0),i.isUnmounting)return n();x(p,[t]);let o=!1;var e=t[Ur]=e=>{o||(o=!0,n(),e?x(m,[t]):x(f,[t]),t[Ur]=void 0,_[r]===s&&delete _[r])};_[r]=s,h?w(h,[t,e]):e()},clone(e){e=Gr(e,t,i,n,r);return r&&r(e),e}};return k}function Yr(e){if(go(e))return(e=Pi(e)).children=null,e}function Xr(e){if(!go(e))return Mr(e.type)&&e.children?zr(e.children):e;if(e.component)return e.component.subTree;const{shapeFlag:t,children:n}=e;return n?16&t?n[0]:32&t&&ne(n.default)?n.default():void 0:void 0}function Qr(e,t){6&e.shapeFlag&&e.component?(e.transition=t,Qr(e.component.subTree,t)):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Zr(t,n=!1,r){let o=[],s=0;for(let e=0;eO({name:e.name},t,{setup:e}))():e}function to(e){e.ids=[e.ids[0]+e.ids[2]+++"-",0,0]}const no=new WeakSet;function ro(t,n,r,o,s=!1){if(ue(t))t.forEach((e,t)=>ro(e,n&&(ue(n)?n[t]:n),r,o,s));else if(!mo(o)||s){const i=4&o.shapeFlag?aa(o.component):o.el,a=s?null:i,{i:l,r:c}=t;if(l){const u=n&&n.r,d=l.refs===I?l.refs={}:l.refs,p=l.setupState,h=g(p),f=p===I?()=>!1:e=>!no.has(h[e])&&E(h,e);if(null!=u&&u!==c&&(de(u)?(d[u]=null,f(u)&&(p[u]=null)):J(u)&&(u.value=null)),ne(c))Vn(c,l,12,[a,d]);else{const m=de(c),v=J(c);var e;m||v?(e=()=>{if(t.f){const e=m?(f(c)?p:d)[c]:c.value;s?ue(e)&&V(e,i):ue(e)?e.includes(i)||e.push(i):m?(d[c]=[i],f(c)&&(p[c]=d[c])):(c.value=[i],t.k&&(d[t.k]=c.value))}else m?(d[c]=a,f(c)&&(p[c]=a)):v?(c.value=a,t.k&&(d[t.k]=a)):oe("Invalid template ref type:",c,`(${typeof c})`)},a?(e.id=-1,P(e,r)):e()):oe("Invalid template ref type:",c,`(${typeof c})`)}}else oe("Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function.")}}let oo=!1;const so=()=>{oo||(console.error("Hydration completed but contains mismatches."),oo=!0)},io=e=>{var t;if(1===e.nodeType)return(t=e).namespaceURI.includes("svg")&&"foreignObject"!==t.tagName?"svg":e.namespaceURI.includes("MathML")?"mathml":void 0},ao=e=>8===e.nodeType;function lo(v){const{mt:g,p,o:{patchProp:y,createText:b,nextSibling:S,parentNode:_,remove:x,insert:w,createComment:a}}=v;const k=(t,n,e,r,o,s=!1)=>{s=s||!!n.dynamicChildren;const i=ao(t)&&"["===t.data;var a=()=>A(t,n,e,r,o,i),{type:l,ref:c,shapeFlag:u,patchFlag:d}=n;let p=t.nodeType,h=(n.el=t,fe(t,"__vnode",n,!0),fe(t,"__vueParentComponent",e,!0),-2===d&&(s=!1,n.dynamicChildren=null),null);switch(l){case gi:h=3!==p?""===n.children?(w(n.el=b(""),_(t),t),t):a():(t.data!==n.children&&(oe("Hydration text mismatch in",t.parentNode,` - - rendered on server: ${JSON.stringify(t.data)} - - expected on client: `+JSON.stringify(n.children)),so(),t.data=n.children),S(t));break;case ie:O(t)?(h=S(t),I(n.el=t.content.firstChild,t,e)):h=8!==p||i?a():S(t);break;case yi:if(i&&(t=S(t),p=t.nodeType),1===p||3===p){h=t;var f=!n.children.length;for(let e=0;e{a=a||!!r.dynamicChildren;const{type:e,props:l,shapeFlag:c,dirs:u,transition:d}=r;var p,h="input"===e||"option"===e;{u&&Or(r,null,o,"created");let e=!1;if(O(n)&&(e=Bs(s,d)&&o&&o.vnode.props&&o.vnode.props.appear,p=n.content.firstChild,e&&d.beforeEnter(p),I(p,n,o),r.el=n=p),16&c&&(!l||!l.innerHTML&&!l.textContent)){let e=T(n.firstChild,r,n,o,s,i,a),t=!1;for(;e;){fo(n,1)||(t||(oe("Hydration children mismatch on",n,` -Server rendered element contains more child nodes than client vdom.`),t=!0),so());var f=e;e=e.nextSibling,x(f)}}else 8&c&&n.textContent!==r.children&&(fo(n,0)||(oe("Hydration text content mismatch on",n,` - - rendered on server: ${n.textContent} - - expected on client: `+r.children),so()),n.textContent=r.children);if(l){var m=n.tagName.includes("-");for(const v in l)u&&u.some(e=>e.dir.created)||!function(e,t,n,r,o){let s,i,a,l;if("class"===t)a=e.getAttribute("class"),l=_e(n),!function(e,t){if(e.size!==t.size)return;for(const n of e)if(!t.has(n))return;return 1}(co(a||""),co(l))&&(s=2,i="class");else if("style"===t){a=e.getAttribute("style")||"",l=de(n)?n:function(e){let t="";if(!e||de(e))return t;for(const o in e){var n,r=e[o];!de(r)&&"number"!=typeof r||(n=o.startsWith("--")?o:M(o),t+=n+`:${r};`)}return t}(Z(n));var c=uo(a);const p=uo(l);if(r.dirs)for(var{dir:u,value:d}of r.dirs)"show"!==u.name||d||p.set("display","none");o&&!function e(t,n,r){const o=t.subTree;if(t.getCssVars&&(n===o||o&&o.type===se&&o.children.includes(n))){const s=t.getCssVars();for(const i in s)r.set("--"+Re(i),String(s[i]))}n===o&&t.parent&&e(t.parent,t.vnode,r)}(o,r,p),!function(e,t){if(e.size!==t.size)return;for(var[n,r]of e)if(r!==t.get(n))return;return 1}(c,p)&&(s=3,i="style")}else(e instanceof SVGElement&&Ie(t)||e instanceof HTMLElement&&(Ee(t)||Ne(t)))&&(l=Ee(t)?(a=e.hasAttribute(t),Ae(n)):null==n?(a=e.hasAttribute(t),!1):(a=e.hasAttribute(t)?e.getAttribute(t):"value"===t&&"TEXTAREA"===e.tagName&&e.value,!!function(e){if(null!=e)return"string"==(e=typeof e)||"number"==e||"boolean"==e}(n)&&String(n)),a!==l&&(s=4,i=t));if(null==s||fo(e,s))return;{o=e=>!1===e?"(not rendered)":i+`="${e}"`,r=`Hydration ${ho[s]} mismatch on`,c=` - - rendered on server: ${o(a)} - - expected on client: ${o(l)} - Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead. - You should fix the source of the mismatch.`;return oe(r,e,c),1}}(n,v,l[v],r,o)||so(),(h&&(v.endsWith("value")||"indeterminate"===v)||G(v)&&!le(v)||"."===v[0]||m)&&y(n,v,null,l[v],void 0,o)}let t;(t=l&&l.onVnodeBeforeMount)&&Ui(t,o,r),u&&Or(r,null,o,"beforeMount"),((t=l&&l.onVnodeMounted)||u||e)&&mi(()=>{t&&Ui(t,o,r),e&&d.enter(n),u&&Or(r,null,o,"mounted")},s)}return n.nextSibling},T=(t,e,n,r,o,s,i)=>{i=i||!!e.dynamicChildren;const a=e.children;var l=a.length;let c=!1;for(let e=0;e{var i=t["slotScopeIds"],i=(i&&(o=o?o.concat(i):i),_(e)),e=T(S(e),t,i,n,r,o,s);return e&&ao(e)&&"]"===e.data?S(t.anchor=e):(so(),w(t.anchor=a("]"),i,e),e)},A=(e,t,n,r,o,s)=>{if(fo(e.parentElement,1)||(oe(`Hydration node mismatch: -- rendered on server:`,e,3===e.nodeType?"(text)":ao(e)&&"["===e.data?"(start of fragment)":"",` -- expected on client:`,t.type),so()),t.el=null,s)for(var i=N(e);;){var a=S(e);if(!a||a===i)break;x(a)}var s=S(e),l=_(e);return x(e),p(null,t,l,s,n,r,io(l),o),s},N=(e,t="[",n="]")=>{let r=0;for(;e;)if((e=S(e))&&ao(e)&&(e.data===t&&r++,e.data===n)){if(0===r)return S(e);r--}return e},I=(e,t,n)=>{const r=t.parentNode;r&&r.replaceChild(e,t);let o=n;for(;o;)o.vnode.el===t&&(o.vnode.el=o.subTree.el=e),o=o.parent},O=e=>1===e.nodeType&&"template"===e.tagName.toLowerCase();return[(e,t)=>{if(!t.hasChildNodes())return oe("Attempting to hydrate existing markup but container is empty. Performing full mount instead."),p(null,e,t),rr(),void(t._vnode=e);k(t.firstChild,e,null,null,null),rr(),t._vnode=e},k]}function co(e){return new Set(e.trim().split(/\s+/))}function uo(e){const n=new Map;for(const r of e.split(";")){let[e,t]=r.split(":");e=e.trim(),t=t&&t.trim(),e&&t&&n.set(e,t)}return n}const po="data-allow-mismatch",ho={[0]:"text",1:"children",2:"class",3:"style",4:"attribute"};function fo(e,t){if(0===t||1===t)for(;e&&!e.hasAttribute(po);)e=e.parentElement;const n=e&&e.getAttribute(po);if(null!=n){if(""===n)return 1;{const r=n.split(",");return 0===t&&r.includes("children")?1:n.split(",").includes(ho[t])}}}const mo=e=>!!e.type.__asyncLoader;function vo(e,t){var{ref:n,props:r,children:o,ce:s}=t.vnode;const i=$(e,r,o);return i.ref=n,i.ce=s,delete t.vnode.ce,i}const go=e=>e.type.__isKeepAlive;var yo={name:"KeepAlive",__isKeepAlive:!0,props:{include:[String,RegExp,Array],exclude:[String,RegExp,Array],max:[String,Number]},setup(a,{slots:l}){const r=qi(),e=r.ctx,c=new Map,u=new Set;let d=null;r.__v_cache=c;const i=r.suspense,{p,m:h,um:t,o:{createElement:n}}=e["renderer"],o=n("div");function s(e){wo(e),t(e,r,i,!0)}function f(n){c.forEach((e,t)=>{e=ua(e.type);e&&!n(e)&&m(t)})}function m(e){var t=c.get(e);!t||d&&Ai(t,d)?d&&wo(d):s(t),c.delete(e),u.delete(e)}e.activate=(t,e,n,r,o)=>{const s=t.component;h(t,e,n,0,i),p(s.vnode,t,e,n,s,i,r,t.slotScopeIds,o),P(()=>{s.isDeactivated=!1,s.a&&he(s.a);var e=t.props&&t.props.onVnodeMounted;e&&Ui(e,s.parent,t)},i),br(s)},e.deactivate=t=>{const n=t.component;qs(n.m),qs(n.a),h(t,o,null,1,i),P(()=>{n.da&&he(n.da);var e=t.props&&t.props.onVnodeUnmounted;e&&Ui(e,n.parent,t),n.isDeactivated=!0},i),br(n)},Ks(()=>[a.include,a.exclude],([t,n])=>{t&&f(e=>bo(t,e)),n&&f(e=>!bo(n,e))},{flush:"post",deep:!0});let v=null;var g=()=>{null!=v&&(li(r.subTree.type)?P(()=>{c.set(v,ko(r.subTree))},r.subTree.suspense):c.set(v,ko(r.subTree)))};return Ao(g),Io(g),Oo(()=>{c.forEach(e=>{var{subTree:t,suspense:n}=r,t=ko(t);if(e.type===t.type&&e.key===t.key)return wo(t),void((t=t.component.da)&&P(t,n));s(e)})}),()=>{if(v=null,!l.default)return d=null;var e=l.default();const t=e[0];if(1parseInt(i,10)&&m(u.values().next().value)),n.shapeFlag|=256,d=n,li(t.type)?t:n}}};function bo(e,t){return ue(e)?e.some(e=>bo(e,t)):de(e)?e.split(",").includes(t):(n=e,"[object RegExp]"===b(n)&&(e.lastIndex=0,e.test(t)));var n}function So(e,t){xo(e,"a",t)}function _o(e,t){xo(e,"da",t)}function xo(t,n,r=F){var o=t.__wdc||(t.__wdc=()=>{let e=r;for(;e;){if(e.isDeactivated)return;e=e.parent}return t()});if(Co(n,o,r),r){let e=r.parent;for(;e&&e.parent;)go(e.parent.vnode)&&!function(e,t,n,r){const o=Co(t,e,r,!0);Ro(()=>{V(r[t],o)},n)}(o,n,r,e),e=e.parent}}function wo(e){e.shapeFlag&=-257,e.shapeFlag&=-513}function ko(e){return 128&e.shapeFlag?e.ssContent:e}function Co(n,r,o=F,e=!1){if(o){const s=o[n]||(o[n]=[]);var t=r.__weh||(r.__weh=(...e)=>{tt();const t=Ki(o);e=jn(r,o,n,e);return t(),nt(),e});return e?s.unshift(t):s.push(t),t}oe(ce(Ln[n].replace(/ hook$/,""))+" is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.")}var To=n=>(t,e=F)=>{Qi&&"sp"!==n||Co(n,(...e)=>t(...e),e)};const Eo=To("bm"),Ao=To("m"),No=To("bu"),Io=To("u"),Oo=To("bum"),Ro=To("um"),Mo=To("sp"),Po=To("rtg"),$o=To("rtc");function Fo(e,t=F){Co("ec",e,t)}const Do="components";const Lo=Symbol.for("v-ndc");function Vo(e,t,n=!0,r=!1){var o=f||F;if(o){var s=o.type;if(e===Do){var i=ua(s,!1);if(i&&(i===t||i===R(t)||i===T(R(t))))return s}i=jo(o[e]||s[e],t)||jo(o.appContext[e],t);return!i&&r?s:(n&&!i&&(o=e===Do?` -If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.`:"",oe(`Failed to resolve ${e.slice(0,-1)}: `+t+o)),i)}oe(`resolve${T(e.slice(0,-1))} can only be used in render() or setup().`)}function jo(e,t){return e&&(e[t]||e[R(t)]||e[T(R(t))])}const Uo=e=>e?Xi(e)?aa(e):Uo(e.parent):null,Bo=O(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>an(e.props),$attrs:e=>an(e.attrs),$slots:e=>an(e.slots),$refs:e=>an(e.refs),$parent:e=>Uo(e.parent),$root:e=>Uo(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>Zo(e),$forceUpdate:e=>e.f||(e.f=()=>{Zn(e.update)}),$nextTick:e=>e.n||(e.n=Qn.bind(e.proxy)),$watch:e=>function(e,t,n){const r=this.proxy,o=de(e)?e.includes(".")?Gs(r,e):()=>r[e]:e.bind(r,r);let s;ne(t)?s=t:(s=t.handler,n=t);const i=Ki(this),a=Js(o,s.bind(r),n);return i(),a}.bind(e)}),Ho=e=>"_"===e||"$"===e,qo=(e,t)=>e!==I&&!e.__isScriptSetup&&E(e,t),Wo={get({_:e},t){if("__v_skip"===t)return!0;const{ctx:n,setupState:r,data:o,props:s,accessCache:i,type:a,appContext:l}=e;if("__isVue"===t)return!0;if("$"!==t[0]){var c=i[t];if(void 0!==c)switch(c){case 1:return r[t];case 2:return o[t];case 4:return n[t];case 3:return s[t]}else{if(qo(r,t))return i[t]=1,r[t];if(o!==I&&E(o,t))return i[t]=2,o[t];if((c=e.propsOptions[0])&&E(c,t))return i[t]=3,s[t];if(n!==I&&E(n,t))return i[t]=4,n[t];Yo&&(i[t]=0)}}const u=Bo[t];let d,p;return u?("$attrs"===t?(h(e.attrs,"get",""),Zs()):"$slots"===t&&h(e,"get",t),u(e)):(d=a.__cssModules)&&(d=d[t])?d:n!==I&&E(n,t)?(i[t]=4,n[t]):(p=l.config.globalProperties,E(p,t)?p[t]:void(!f||de(t)&&0===t.indexOf("__v")||(o!==I&&Ho(t[0])&&E(o,t)?oe(`Property ${JSON.stringify(t)} must be accessed via $data because it starts with a reserved character ("$" or "_") and is not proxied on the render context.`):e===f&&oe(`Property ${JSON.stringify(t)} was accessed during render but is not defined on instance.`))))},set({_:e},t,n){const{data:r,setupState:o,ctx:s}=e;return qo(o,t)?(o[t]=n,!0):o.__isScriptSetup&&E(o,t)?(oe(`Cannot mutate - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/src/index.ejs b/openc3-cosmos-init/plugins/openc3-tool-base/src/index.ejs deleted file mode 100644 index 96a78993d5..0000000000 --- a/openc3-cosmos-init/plugins/openc3-tool-base/src/index.ejs +++ /dev/null @@ -1,104 +0,0 @@ - - - - - - - OpenC3 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/src/plugins/vuetify.js b/openc3-cosmos-init/plugins/openc3-tool-base/src/plugins/vuetify.js deleted file mode 100644 index 6af574f045..0000000000 --- a/openc3-cosmos-init/plugins/openc3-tool-base/src/plugins/vuetify.js +++ /dev/null @@ -1,49 +0,0 @@ -/* -# Copyright 2022 Ball Aerospace & Technologies Corp. -# All Rights Reserved. -# -# This program is free software; you can modify and/or redistribute it -# under the terms of the GNU Affero General Public License -# as published by the Free Software Foundation; version 3 with -# attribution addendums as found in the LICENSE.txt -# -# This program is distributed in the hope that it will be useful, -# but WITHOUT ANY WARRANTY; without even the implied warranty of -# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -# GNU Affero General Public License for more details. - -# Modified by OpenC3, Inc. -# All changes Copyright 2024, OpenC3, Inc. -# All Rights Reserved -*/ - -import { createVuetify } from 'vuetify' -import * as components from 'vuetify/components' -import * as directives from 'vuetify/directives' -import { mdi } from 'vuetify/iconsets/mdi' -import { VTreeview } from 'vuetify/labs/VTreeview' -import { AstroIconVuetifySets } from '../../../packages/openc3-tool-common/src/components/icons/index.js' -import cosmosDark from '../../../packages/openc3-tool-common/src/plugins/cosmosThemeDark' - -import '@astrouxds/astro-web-components/dist/astro-web-components/astro-web-components.css' - -export default createVuetify({ - components: { - ...components, - VTreeview, - }, - directives, - theme: { - defaultTheme: 'cosmosDark', - themes: { - cosmosDark, - }, - }, - icons: { - defaultSet: 'mdi', - sets: { - mdi, - ...AstroIconVuetifySets, - }, - }, -}) diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/webpack.config.js b/openc3-cosmos-init/plugins/openc3-tool-base/webpack.config.js deleted file mode 100644 index cf05a01bf3..0000000000 --- a/openc3-cosmos-init/plugins/openc3-tool-base/webpack.config.js +++ /dev/null @@ -1,106 +0,0 @@ -const webpack = require('webpack') -const systemjsInterop = require('systemjs-webpack-interop/webpack-config') -const { mergeWithRules } = require('webpack-merge') -const singleSpaDefaults = require('webpack-config-single-spa') -const HtmlWebpackPlugin = require('html-webpack-plugin') -const CopyWebpackPlugin = require('copy-webpack-plugin') -const { VueLoaderPlugin } = require('vue-loader') -const path = require('path') - -function resolve(dir) { - return path.join(__dirname, '..', dir) -} - -module.exports = (webpackConfigEnv, argv) => { - const orgName = 'openc3' - const defaultConfig = singleSpaDefaults({ - orgName, - projectName: 'tool-base', - webpackConfigEnv, - argv, - disableHtmlGeneration: true, - }) - - return mergeWithRules({ - module: { - rules: { - test: 'match', - use: 'replace', - loader: 'replace', - }, - }, - })(defaultConfig, { - // modify the webpack config however you'd like to by adding to this object - output: { - path: path.resolve(__dirname, 'tools/base'), - libraryTarget: 'system', // This line is in all the vue.config.js files, is it needed here? - }, - plugins: [ - new HtmlWebpackPlugin({ - inject: false, - template: 'src/index.ejs', - templateParameters: { - isLocal: webpackConfigEnv && webpackConfigEnv.isLocal, - orgName, - }, - }), - new HtmlWebpackPlugin({ - inject: false, - template: 'src/index-allow-http.ejs', - filename: 'index-allow-http.html', - templateParameters: { - isLocal: webpackConfigEnv && webpackConfigEnv.isLocal, - orgName, - }, - }), - new VueLoaderPlugin(), - new CopyWebpackPlugin({ patterns: [{ from: 'public', to: '.' }] }), - new webpack.DefinePlugin({ - 'process.env.BASE_URL': process.env.BASE_URL, - }), - ], - module: { - rules: [ - { - test: /\.vue$/, - loader: 'vue-loader', - options: { - compilerOptions: { - isCustomElement: (tag) => tag.startsWith('rux-'), - }, - }, - }, - { - test: /\.html$/i, - exclude: /node_modules/, - use: { loader: 'vue-loader' }, - }, - { - test: /\.s[ac]ss$/i, - use: [ - // Creates `style` nodes from JS strings - 'vue-style-loader', - // Translates CSS into CommonJS - 'css-loader', - // Compiles Sass to CSS - 'sass-loader', - ], - }, - { - test: /\.(png|jpe?g|gif)$/i, - type: 'asset/resource', - }, - ], - }, - resolve: { - extensions: ['.js', '.vue', '.json'], - alias: { - '@': resolve('src'), - }, - }, - externals: ['vue', 'vuetify', 'vuex', 'vue-router'], - }) -} - -// Throws errors if your webpack config won't interop well with SystemJS -systemjsInterop.checkWebpackConfig(module.exports) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-ace-diff/package.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-ace-diff/package.json index 7852cc4162..87b8b04e54 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-ace-diff/package.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-ace-diff/package.json @@ -20,6 +20,7 @@ "devDependencies": { "@babel/core": "^7.26.0", "@babel/plugin-proposal-class-properties": "7.18.6", + "@babel/plugin-syntax-dynamic-import": "7.8.3", "@babel/plugin-transform-runtime": "7.25.9", "@babel/preset-env": "^7.26.0", "@babel/runtime": "7.26.0", diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/.eslintrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/.eslintrc.cjs similarity index 93% rename from openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/.eslintrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/.eslintrc.cjs index c3a051f432..3e278f14fe 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/.eslintrc.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/.eslintrc.cjs @@ -27,9 +27,6 @@ module.exports = { ], }, parser: 'vue-eslint-parser', - parserOptions: { - parser: '@babel/eslint-parser', - }, overrides: [ { files: [ diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/.prettierrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/.prettierrc.cjs similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/.prettierrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/.prettierrc.cjs diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/babel.config.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/babel.config.json deleted file mode 100644 index 91fa88dbe0..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/babel.config.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "presets": ["@vue/cli-plugin-babel/preset"], - "plugins": [ - [ - "babel-plugin-istanbul", - { - "extension": [".js", ".vue"] - } - ] - ] -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/package.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/package.json index b0f25343be..9c3a9ec18b 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/package.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/package.json @@ -2,35 +2,26 @@ "name": "widgets_src", "version": "5.21.0-beta0", "private": true, + "type": "module", "scripts": { - "build": "vue-cli-service build --target lib --dest tools/widgets/HelloworldWidget --formats umd-min src/HelloworldWidget.vue --name HelloworldWidget && vue-cli-service build --target lib --dest tools/widgets/BigWidget --formats umd-min src/BigWidget.vue --name BigWidget && vue-cli-service build --target lib --dest tools/widgets/DataviewertimeWidget --formats umd-min src/DataviewertimeWidget.vue --name DataviewertimeWidget && vue-cli-service build --target lib --dest tools/widgets/DataviewerquaternionWidget --formats umd-min src/DataviewerquaternionWidget.vue --name DataviewerquaternionWidget" + "build": "vite build -c vite-HelloworldWidget.config.js && vite build -c vite-BigWidget.config.js && vite build -c vite-DataviewerquaternionWidget.config.js && vite build -c vite-DataviewertimeWidget.config.js" }, "dependencies": { "@astrouxds/astro-web-components": "7.24.0", - "@openc3/tool-common": "5.21.0-beta0", - "vue": "3.5.4", - "vuetify": "3.7.1" + "@openc3/tool-common": "5.21.0-beta0" }, "devDependencies": { - "@babel/eslint-parser": "7.25.9", "@rushstack/eslint-patch": "1.10.4", - "@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-service": "5.0.8", - "@vue/compiler-sfc": "3.5.4", + "@vitejs/plugin-vue": "5.1.5", "@vue/eslint-config-prettier": "9.0.0", - "babel-loader": "9.2.1", - "babel-plugin-istanbul": "7.0.0", "eslint": "8.56.0", "eslint-config-prettier": "9.1.0", "eslint-plugin-prettier": "5.2.1", "eslint-plugin-vue": "9.30.0", "prettier": "3.3.3", "sass": "1.80.4", - "sass-loader": "16.0.2", - "vue-cli-plugin-vuetify": "2.5.8", - "webpack": "5.95.0" + "vite": "5.4.11", + "vite-plugin-style-inject": "0.0.1", + "vue": "3.5.13" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/targets/INST2/procedures/my_script_suite.py b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/targets/INST2/procedures/my_script_suite.py index c41b5db0d8..d70e9bf377 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/targets/INST2/procedures/my_script_suite.py +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/targets/INST2/procedures/my_script_suite.py @@ -43,7 +43,3 @@ class MySuite(Suite): def __init__(self): super().__init__() self.add_group(ExampleGroup) - - -print("Running") -MySuite().run() diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-BigWidget.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-BigWidget.config.js new file mode 100644 index 0000000000..36d8b9d570 --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-BigWidget.config.js @@ -0,0 +1,26 @@ +import { defineConfig } from 'vite' +import VitePluginStyleInject from 'vite-plugin-style-inject' +import vue from '@vitejs/plugin-vue' + +const DEFAULT_EXTENSIONS = ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] + +export default defineConfig({ + build: { + outDir: 'tools/widgets/BigWidget', + emptyOutDir: true, + sourcemap: true, + lib: { + entry: './src/BigWidget.vue', + name: 'BigWidget', + fileName: (format, entryName) => `${entryName}.${format}.min.js`, + formats: ['umd'], + }, + rollupOptions: { + external: ['vue', 'vuetify'], + }, + }, + plugins: [vue(), VitePluginStyleInject()], + resolve: { + extensions: [...DEFAULT_EXTENSIONS, '.vue'], // not recommended but saves us from having to change every SFC import + }, +}) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-DataviewerquaternionWidget.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-DataviewerquaternionWidget.config.js new file mode 100644 index 0000000000..1dfc299a0a --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-DataviewerquaternionWidget.config.js @@ -0,0 +1,26 @@ +import { defineConfig } from 'vite' +import VitePluginStyleInject from 'vite-plugin-style-inject' +import vue from '@vitejs/plugin-vue' + +const DEFAULT_EXTENSIONS = ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] + +export default defineConfig({ + build: { + outDir: 'tools/widgets/DataviewerquaternionWidget', + emptyOutDir: true, + sourcemap: true, + lib: { + entry: './src/DataviewerquaternionWidget.vue', + name: 'DataviewerquaternionWidget', + fileName: (format, entryName) => `${entryName}.${format}.min.js`, + formats: ['umd'], + }, + rollupOptions: { + external: ['vue', 'vuetify'], + }, + }, + plugins: [vue(), VitePluginStyleInject()], + resolve: { + extensions: [...DEFAULT_EXTENSIONS, '.vue'], // not recommended but saves us from having to change every SFC import + }, +}) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-DataviewertimeWidget.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-DataviewertimeWidget.config.js new file mode 100644 index 0000000000..6f62273bfb --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-DataviewertimeWidget.config.js @@ -0,0 +1,26 @@ +import { defineConfig } from 'vite' +import VitePluginStyleInject from 'vite-plugin-style-inject' +import vue from '@vitejs/plugin-vue' + +const DEFAULT_EXTENSIONS = ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] + +export default defineConfig({ + build: { + outDir: 'tools/widgets/DataviewertimeWidget', + emptyOutDir: true, + sourcemap: true, + lib: { + entry: './src/DataviewertimeWidget.vue', + name: 'DataviewertimeWidget', + fileName: (format, entryName) => `${entryName}.${format}.min.js`, + formats: ['umd'], + }, + rollupOptions: { + external: ['vue', 'vuetify'], + }, + }, + plugins: [vue(), VitePluginStyleInject()], + resolve: { + extensions: [...DEFAULT_EXTENSIONS, '.vue'], // not recommended but saves us from having to change every SFC import + }, +}) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-HelloworldWidget.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-HelloworldWidget.config.js new file mode 100644 index 0000000000..87c4c4415c --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vite-HelloworldWidget.config.js @@ -0,0 +1,26 @@ +import { defineConfig } from 'vite' +import VitePluginStyleInject from 'vite-plugin-style-inject' +import vue from '@vitejs/plugin-vue' + +const DEFAULT_EXTENSIONS = ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] + +export default defineConfig({ + build: { + outDir: 'tools/widgets/HelloworldWidget', + emptyOutDir: true, + sourcemap: true, + lib: { + entry: './src/HelloworldWidget.vue', + name: 'HelloworldWidget', + fileName: (format, entryName) => `${entryName}.${format}.min.js`, + formats: ['umd'], + }, + rollupOptions: { + external: ['vue', 'vuetify'], + }, + }, + plugins: [vue(), VitePluginStyleInject()], + resolve: { + extensions: [...DEFAULT_EXTENSIONS, '.vue'], // not recommended but saves us from having to change every SFC import + }, +}) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vue.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vue.config.js deleted file mode 100644 index f49bf2decc..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/vue.config.js +++ /dev/null @@ -1,28 +0,0 @@ -const path = require('path') - -module.exports = { - css: { - extract: false, - }, - filenameHashing: false, - transpileDependencies: ['vuetify'], - chainWebpack(config) { - config.module - .rule('js') - .use('babel-loader') - .tap((options) => { - return { - rootMode: 'upward', - } - }) - config.module - .rule('vue') - .use('vue-loader') - .tap((options) => { - return { - prettify: false, - } - }) - config.externals(['vue', 'vuetify', 'vuex', 'vue-router']) - }, -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/.eslintrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/.eslintrc.cjs similarity index 93% rename from openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/.eslintrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/.eslintrc.cjs index c3a051f432..3e278f14fe 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/.eslintrc.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/.eslintrc.cjs @@ -27,9 +27,6 @@ module.exports = { ], }, parser: 'vue-eslint-parser', - parserOptions: { - parser: '@babel/eslint-parser', - }, overrides: [ { files: [ diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/.prettierrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/.prettierrc.cjs similarity index 100% rename from openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/.prettierrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/.prettierrc.cjs diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/babel.config.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/babel.config.json deleted file mode 100644 index 91fa88dbe0..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/babel.config.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "presets": ["@vue/cli-plugin-babel/preset"], - "plugins": [ - [ - "babel-plugin-istanbul", - { - "extension": [".js", ".vue"] - } - ] - ] -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/jsconfig.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/jsconfig.json index 734be9580d..787d71d3ad 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/jsconfig.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/jsconfig.json @@ -1,6 +1,6 @@ { "exclude": ["node_modules"], "vueCompilerOptions": { - "target": 3.5 + "target": "auto" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/package.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/package.json index 063bcb9ba4..3feb537689 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/package.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/package.json @@ -2,51 +2,31 @@ "name": "@openc3/cosmos-tool-admin", "version": "5.21.0-beta0", "private": true, + "type": "module", "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" + "serve": "vite build --watch --mode dev-server", + "build": "vite build", + "lint": "eslint src", + "serve:standalone": "vite preview --mode standalone" }, "dependencies": { "@astrouxds/astro-web-components": "7.24.0", "@openc3/ace-diff": "5.21.0-beta0", "@openc3/tool-common": "5.21.0-beta0", "ace-builds": "1.36.3", - "portal-vue": "2.1.7", - "single-spa-vue": "3.0.0", - "systemjs-webpack-interop": "2.3.7", - "vue": "3.5.4", - "vue-router": "4.4.4", - "vuetify": "3.7.1", - "vuex": "4.1.0" + "single-spa-vue": "3.0.0" }, "devDependencies": { - "@babel/eslint-parser": "7.25.9", - "@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/compiler-sfc": "3.5.4", + "@vitejs/plugin-vue": "5.1.5", "@vue/eslint-config-prettier": "9.0.0", "@vue/test-utils": "2.4.6", - "babel-loader": "9.2.1", - "babel-plugin-istanbul": "7.0.0", "eslint": "8.56.0", "eslint-config-prettier": "9.1.0", "eslint-plugin-prettier": "5.2.1", "eslint-plugin-vue": "9.30.0", - "html-webpack-plugin": "5.6.3", "prettier": "3.3.3", "sass": "1.80.4", - "sass-loader": "16.0.2", - "vue-cli-plugin-single-spa": "3.3.0", - "vue-cli-plugin-vuetify": "2.5.8", - "webpack": "5.95.0" + "vite": "5.4.11", + "vue": "3.5.13" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/plugin.txt b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/plugin.txt index c25f0f6ce1..3f93b74637 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/plugin.txt +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/plugin.txt @@ -1,4 +1,4 @@ TOOL admin Admin - INLINE_URL js/app.js + INLINE_URL main.js CATEGORY Admin - POSITION 1 # Special position at top that doesn't change \ No newline at end of file + POSITION 1 # Special position at top that doesn't change diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/src/main.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/src/main.js index 8f23e9de3f..8c71d720fa 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/src/main.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/src/main.js @@ -1,4 +1,3 @@ -import 'systemjs-webpack-interop/auto-public-path/2' import { createApp, h } from 'vue' import singleSpaVue from 'single-spa-vue' diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/vite.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/vite.config.js new file mode 100644 index 0000000000..634175a2ae --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/vite.config.js @@ -0,0 +1,52 @@ +import { resolve } from 'path' +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' +import { devServerPlugin } from '@openc3/tool-common/viteDevServerPlugin' + +const DEFAULT_EXTENSIONS = ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] + +export default defineConfig((options) => { + return { + build: { + outDir: 'tools/admin', + emptyOutDir: true, + rollupOptions: { + input: 'src/main.js', + output: { + format: 'systemjs', + hashCharacters: 'hex', + entryFileNames: '[name].js', + chunkFileNames: '[name]-[hash:20].js', + assetFileNames: 'assets/[name]-[hash][extname]', + }, + external: ['single-spa', 'vue', 'vuex', 'vue-router', 'vuetify'], + preserveEntrySignatures: 'strict', + }, + }, + server: { + port: 2930, + }, + plugins: [ + vue({ + template: { + compilerOptions: { + isCustomElement: (tag) => tag.startsWith('rux-'), + }, + }, + }), + devServerPlugin(options), + ], + resolve: { + alias: { + '@': resolve(__dirname, './src'), + }, + extensions: [...DEFAULT_EXTENSIONS, '.vue'], // not recommended but saves us from having to change every SFC import + }, + define: { + __BASE_URL__: JSON.stringify('/tools/admin'), + }, + optimizeDeps: { + entries: [], // https://github.com/vituum/vituum/issues/25#issuecomment-1690080284 + }, + } +}) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/vue.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/vue.config.js deleted file mode 100644 index 2d5df1da20..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/vue.config.js +++ /dev/null @@ -1,46 +0,0 @@ -module.exports = { - publicPath: '/tools/admin', - outputDir: 'tools/admin', - filenameHashing: false, - transpileDependencies: ['vuetify'], - devServer: { - port: 2930, - headers: { - 'Access-Control-Allow-Origin': '*', - }, - client: { - webSocketURL: { - hostname: 'localhost', - pathname: '/tools/admin', - port: 2930, - }, - }, - }, - configureWebpack: { - output: { - libraryTarget: 'system', - }, - }, - chainWebpack(config) { - config.module - .rule('js') - .use('babel-loader') - .tap((options) => { - return { - rootMode: 'upward', - } - }) - config.module - .rule('vue') - .use('vue-loader') - .tap((options) => { - return { - prettify: false, - compilerOptions: { - isCustomElement: (tag) => tag.startsWith('rux-'), - }, - } - }) - config.externals(['vue', 'vuetify', 'vuex', 'vue-router']) - }, -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/.eslintrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/.eslintrc.cjs similarity index 93% rename from openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/.eslintrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/.eslintrc.cjs index c3a051f432..3e278f14fe 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/.eslintrc.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/.eslintrc.cjs @@ -27,9 +27,6 @@ module.exports = { ], }, parser: 'vue-eslint-parser', - parserOptions: { - parser: '@babel/eslint-parser', - }, overrides: [ { files: [ diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/.prettierrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/.prettierrc.cjs similarity index 100% rename from openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/.prettierrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/.prettierrc.cjs diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/babel.config.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/babel.config.json deleted file mode 100644 index 91fa88dbe0..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/babel.config.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "presets": ["@vue/cli-plugin-babel/preset"], - "plugins": [ - [ - "babel-plugin-istanbul", - { - "extension": [".js", ".vue"] - } - ] - ] -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/jsconfig.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/jsconfig.json index 734be9580d..787d71d3ad 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/jsconfig.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/jsconfig.json @@ -1,6 +1,6 @@ { "exclude": ["node_modules"], "vueCompilerOptions": { - "target": 3.5 + "target": "auto" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/package.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/package.json index 6b9b2862e9..f6b3b94e2d 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/package.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/package.json @@ -2,13 +2,12 @@ "name": "@openc3/cosmos-tool-bucketexplorer", "version": "5.21.0-beta0", "private": true, + "type": "module", "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" + "serve": "vite build --watch --mode dev-server", + "build": "vite build", + "lint": "eslint src", + "serve:standalone": "vite preview --mode standalone" }, "dependencies": { "@astrouxds/astro-web-components": "7.24.0", @@ -17,36 +16,19 @@ "date-fns": "4.1.0", "lodash": "4.17.21", "single-spa-vue": "3.0.0", - "sprintf-js": "1.1.3", - "systemjs-webpack-interop": "2.3.7", - "vue": "3.5.4", - "vue-router": "4.4.4", - "vuetify": "3.7.1", - "vuex": "4.1.0" + "sprintf-js": "1.1.3" }, "devDependencies": { - "@babel/eslint-parser": "7.25.9", - "@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/compiler-sfc": "3.5.4", + "@vitejs/plugin-vue": "5.1.5", "@vue/eslint-config-prettier": "9.0.0", "@vue/test-utils": "2.4.6", - "babel-loader": "9.2.1", - "babel-plugin-istanbul": "7.0.0", "eslint": "8.56.0", "eslint-config-prettier": "9.1.0", "eslint-plugin-prettier": "5.2.1", "eslint-plugin-vue": "9.30.0", "prettier": "3.3.3", "sass": "1.80.4", - "sass-loader": "16.0.2", - "vue-cli-plugin-single-spa": "3.3.0", - "vue-cli-plugin-vuetify": "2.5.8", - "webpack": "5.95.0" + "vite": "5.4.11", + "vue": "3.5.13" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/plugin.txt b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/plugin.txt index 642070d69b..b51d192dd4 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/plugin.txt +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/plugin.txt @@ -1,5 +1,5 @@ TOOL bucketexplorer "Bucket Explorer" - INLINE_URL js/app.js + INLINE_URL main.js ICON mdi-pail POSITION 13 CATEGORY Utilities diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/src/main.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/src/main.js index 8f23e9de3f..8c71d720fa 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/src/main.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/src/main.js @@ -1,4 +1,3 @@ -import 'systemjs-webpack-interop/auto-public-path/2' import { createApp, h } from 'vue' import singleSpaVue from 'single-spa-vue' diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/vite.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/vite.config.js new file mode 100644 index 0000000000..627c833648 --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/vite.config.js @@ -0,0 +1,52 @@ +import { resolve } from 'path' +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' +import { devServerPlugin } from '@openc3/tool-common/viteDevServerPlugin' + +const DEFAULT_EXTENSIONS = ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] + +export default defineConfig((options) => { + return { + build: { + outDir: 'tools/bucketexplorer', + emptyOutDir: true, + rollupOptions: { + input: 'src/main.js', + output: { + format: 'systemjs', + hashCharacters: 'hex', + entryFileNames: '[name].js', + chunkFileNames: '[name]-[hash:20].js', + assetFileNames: 'assets/[name]-[hash][extname]', + }, + external: ['single-spa', 'vue', 'vuex', 'vue-router', 'vuetify'], + preserveEntrySignatures: 'strict', + }, + }, + server: { + port: 2923, + }, + plugins: [ + vue({ + template: { + compilerOptions: { + isCustomElement: (tag) => tag.startsWith('rux-'), + }, + }, + }), + devServerPlugin(options), + ], + resolve: { + alias: { + '@': resolve(__dirname, './src'), + }, + extensions: [...DEFAULT_EXTENSIONS, '.vue'], // not recommended but saves us from having to change every SFC import + }, + define: { + __BASE_URL__: JSON.stringify('/tools/bucketexplorer'), + }, + optimizeDeps: { + entries: [], // https://github.com/vituum/vituum/issues/25#issuecomment-1690080284 + }, + } +}) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/vue.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/vue.config.js deleted file mode 100644 index b215ae7009..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/vue.config.js +++ /dev/null @@ -1,46 +0,0 @@ -module.exports = { - publicPath: '/tools/bucketexplorer', - outputDir: 'tools/bucketexplorer', - filenameHashing: false, - transpileDependencies: ['vuetify'], - devServer: { - port: 2923, - headers: { - 'Access-Control-Allow-Origin': '*', - }, - client: { - webSocketURL: { - hostname: 'localhost', - pathname: '/tools/bucketexplorer', - port: 2923, - }, - }, - }, - configureWebpack: { - output: { - libraryTarget: 'system', - }, - }, - chainWebpack(config) { - config.module - .rule('js') - .use('babel-loader') - .tap((options) => { - return { - rootMode: 'upward', - } - }) - config.module - .rule('vue') - .use('vue-loader') - .tap((options) => { - return { - prettify: false, - compilerOptions: { - isCustomElement: (tag) => tag.startsWith('rux-'), - }, - } - }) - config.externals(['vue', 'vuetify', 'vuex', 'vue-router']) - }, -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/.eslintrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/.eslintrc.cjs similarity index 93% rename from openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/.eslintrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/.eslintrc.cjs index c3a051f432..3e278f14fe 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-admin/.eslintrc.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/.eslintrc.cjs @@ -27,9 +27,6 @@ module.exports = { ], }, parser: 'vue-eslint-parser', - parserOptions: { - parser: '@babel/eslint-parser', - }, overrides: [ { files: [ diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/.prettierrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/.prettierrc.cjs similarity index 100% rename from openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-bucketexplorer/.prettierrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/.prettierrc.cjs diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/babel.config.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/babel.config.json deleted file mode 100644 index 91fa88dbe0..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/babel.config.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "presets": ["@vue/cli-plugin-babel/preset"], - "plugins": [ - [ - "babel-plugin-istanbul", - { - "extension": [".js", ".vue"] - } - ] - ] -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/jsconfig.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/jsconfig.json index 734be9580d..787d71d3ad 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/jsconfig.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/jsconfig.json @@ -1,6 +1,6 @@ { "exclude": ["node_modules"], "vueCompilerOptions": { - "target": 3.5 + "target": "auto" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/package.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/package.json index 9dacec47ea..42cfdf3b58 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/package.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/package.json @@ -2,13 +2,12 @@ "name": "@openc3/cosmos-tool-cmdsender", "version": "5.21.0-beta0", "private": true, + "type": "module", "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" + "serve": "vite build --watch --mode dev-server", + "build": "vite build", + "lint": "eslint src", + "serve:standalone": "vite preview --mode standalone" }, "dependencies": { "@astrouxds/astro-web-components": "7.24.0", @@ -16,37 +15,20 @@ "axios": "1.7.7", "date-fns": "4.1.0", "single-spa-vue": "3.0.0", - "sprintf-js": "1.1.3", - "systemjs-webpack-interop": "2.3.7", - "vue": "3.5.4", - "vue-router": "4.4.4", - "vuetify": "3.7.1", - "vuex": "4.1.0" + "sprintf-js": "1.1.3" }, "devDependencies": { - "@babel/eslint-parser": "7.25.9", "@rushstack/eslint-patch": "1.10.4", - "@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/compiler-sfc": "3.5.4", + "@vitejs/plugin-vue": "5.1.5", "@vue/eslint-config-prettier": "9.0.0", "@vue/test-utils": "2.4.6", - "babel-loader": "9.2.1", - "babel-plugin-istanbul": "7.0.0", "eslint": "8.56.0", "eslint-config-prettier": "9.1.0", "eslint-plugin-prettier": "5.2.1", "eslint-plugin-vue": "9.30.0", "prettier": "3.3.3", "sass": "1.80.4", - "sass-loader": "16.0.2", - "vue-cli-plugin-single-spa": "3.3.0", - "vue-cli-plugin-vuetify": "2.5.8", - "webpack": "5.95.0" + "vite": "5.4.11", + "vue": "3.5.13" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/plugin.txt b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/plugin.txt index 6838ae255c..b68f44562c 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/plugin.txt +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/plugin.txt @@ -1,4 +1,4 @@ TOOL cmdsender "Command Sender" - INLINE_URL js/app.js + INLINE_URL main.js ICON astro:antenna-transmit POSITION 4 diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/src/main.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/src/main.js index 8f23e9de3f..8c71d720fa 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/src/main.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/src/main.js @@ -1,4 +1,3 @@ -import 'systemjs-webpack-interop/auto-public-path/2' import { createApp, h } from 'vue' import singleSpaVue from 'single-spa-vue' diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/vite.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/vite.config.js new file mode 100644 index 0000000000..039f32c5e5 --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/vite.config.js @@ -0,0 +1,52 @@ +import { resolve } from 'path' +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' +import { devServerPlugin } from '@openc3/tool-common/viteDevServerPlugin' + +const DEFAULT_EXTENSIONS = ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] + +export default defineConfig((options) => { + return { + build: { + outDir: 'tools/cmdsender', + emptyOutDir: true, + rollupOptions: { + input: 'src/main.js', + output: { + format: 'systemjs', + hashCharacters: 'hex', + entryFileNames: '[name].js', + chunkFileNames: '[name]-[hash:20].js', + assetFileNames: 'assets/[name]-[hash][extname]', + }, + external: ['single-spa', 'vue', 'vuex', 'vue-router', 'vuetify'], + preserveEntrySignatures: 'strict', + }, + }, + server: { + port: 2913, + }, + plugins: [ + vue({ + template: { + compilerOptions: { + isCustomElement: (tag) => tag.startsWith('rux-'), + }, + }, + }), + devServerPlugin(options), + ], + resolve: { + alias: { + '@': resolve(__dirname, './src'), + }, + extensions: [...DEFAULT_EXTENSIONS, '.vue'], // not recommended but saves us from having to change every SFC import + }, + define: { + __BASE_URL__: JSON.stringify('/tools/cmdsender'), + }, + optimizeDeps: { + entries: [], // https://github.com/vituum/vituum/issues/25#issuecomment-1690080284 + }, + } +}) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/vue.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/vue.config.js deleted file mode 100644 index 4ec8f8c628..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/vue.config.js +++ /dev/null @@ -1,46 +0,0 @@ -module.exports = { - publicPath: '/tools/cmdsender', - outputDir: 'tools/cmdsender', - filenameHashing: false, - transpileDependencies: ['vuetify'], - devServer: { - port: 2913, - headers: { - 'Access-Control-Allow-Origin': '*', - }, - client: { - webSocketURL: { - hostname: 'localhost', - pathname: '/tools/cmdsender', - port: 2913, - }, - }, - }, - configureWebpack: { - output: { - libraryTarget: 'system', - }, - }, - chainWebpack: (config) => { - config.module - .rule('js') - .use('babel-loader') - .tap((options) => { - return { - rootMode: 'upward', - } - }) - config.module - .rule('vue') - .use('vue-loader') - .tap((options) => { - return { - prettify: false, - compilerOptions: { - isCustomElement: (tag) => tag.startsWith('rux-'), - }, - } - }) - config.externals(['vue', 'vuetify', 'vuex', 'vue-router']) - }, -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/.eslintrc.cjs b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/.eslintrc.cjs new file mode 100644 index 0000000000..3e278f14fe --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/.eslintrc.cjs @@ -0,0 +1,41 @@ +module.exports = { + root: true, + env: { + node: true, + }, + extends: [ + 'plugin:vue/vue3-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, + }, + ], + }, + parser: 'vue-eslint-parser', + overrides: [ + { + files: [ + '**/__tests__/*.{j,t}s?(x)', + '**/tests/unit/**/*.spec.{j,t}s?(x)', + ], + env: { + jest: true, + }, + }, + ], +} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/.eslintrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/.eslintrc.js deleted file mode 100644 index c3a051f432..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/.eslintrc.js +++ /dev/null @@ -1,44 +0,0 @@ -module.exports = { - root: true, - env: { - node: true, - }, - extends: [ - 'plugin:vue/vue3-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, - }, - ], - }, - parser: 'vue-eslint-parser', - parserOptions: { - parser: '@babel/eslint-parser', - }, - overrides: [ - { - files: [ - '**/__tests__/*.{j,t}s?(x)', - '**/tests/unit/**/*.spec.{j,t}s?(x)', - ], - env: { - jest: true, - }, - }, - ], -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/.prettierrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/.prettierrc.cjs similarity index 100% rename from openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdsender/.prettierrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/.prettierrc.cjs diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/babel.config.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/babel.config.json deleted file mode 100644 index 91fa88dbe0..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/babel.config.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "presets": ["@vue/cli-plugin-babel/preset"], - "plugins": [ - [ - "babel-plugin-istanbul", - { - "extension": [".js", ".vue"] - } - ] - ] -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/jsconfig.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/jsconfig.json index 734be9580d..787d71d3ad 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/jsconfig.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/jsconfig.json @@ -1,6 +1,6 @@ { "exclude": ["node_modules"], "vueCompilerOptions": { - "target": 3.5 + "target": "auto" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/package.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/package.json index baaa37891f..c49240619c 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/package.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/package.json @@ -2,13 +2,12 @@ "name": "@openc3/cosmos-tool-cmdtlmserver", "version": "5.21.0-beta0", "private": true, + "type": "module", "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" + "serve": "vite build --watch --mode dev-server", + "build": "vite build", + "lint": "eslint src", + "serve:standalone": "vite preview --mode standalone" }, "dependencies": { "@astrouxds/astro-web-components": "7.24.0", @@ -16,36 +15,19 @@ "axios": "1.7.7", "date-fns": "4.1.0", "single-spa-vue": "3.0.0", - "sprintf-js": "1.1.3", - "systemjs-webpack-interop": "2.3.7", - "vue": "3.5.4", - "vue-router": "4.4.4", - "vuetify": "3.7.1", - "vuex": "4.1.0" + "sprintf-js": "1.1.3" }, "devDependencies": { - "@babel/eslint-parser": "7.25.9", - "@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/compiler-sfc": "3.5.4", + "@vitejs/plugin-vue": "5.1.5", "@vue/eslint-config-prettier": "9.0.0", "@vue/test-utils": "2.4.6", - "babel-loader": "9.2.1", - "babel-plugin-istanbul": "7.0.0", "eslint": "8.56.0", "eslint-config-prettier": "9.1.0", "eslint-plugin-prettier": "5.2.1", "eslint-plugin-vue": "9.30.0", "prettier": "3.3.3", "sass": "1.80.4", - "sass-loader": "16.0.2", - "vue-cli-plugin-single-spa": "3.3.0", - "vue-cli-plugin-vuetify": "2.5.8", - "webpack": "5.95.0" + "vite": "5.4.11", + "vue": "3.5.13" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/plugin.txt b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/plugin.txt index 1a867cdd7f..f45deb2c5d 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/plugin.txt +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/plugin.txt @@ -1,4 +1,4 @@ TOOL cmdtlmserver CmdTlmServer - INLINE_URL js/app.js + INLINE_URL main.js ICON astro:equipment POSITION 2 # First tool position after Admin diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/main.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/main.js index 8f23e9de3f..8c71d720fa 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/main.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/main.js @@ -1,4 +1,3 @@ -import 'systemjs-webpack-interop/auto-public-path/2' import { createApp, h } from 'vue' import singleSpaVue from 'single-spa-vue' diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/tools/CmdTlmServer/Updater.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/tools/CmdTlmServer/Updater.js index b47fc551c8..f59ceb39de 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/tools/CmdTlmServer/Updater.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/tools/CmdTlmServer/Updater.js @@ -47,7 +47,6 @@ export default { } }, watch: { - // eslint-disable-next-line no-unused-vars refreshInterval: function (newVal, oldVal) { this.changeUpdater() }, diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/vite.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/vite.config.js new file mode 100644 index 0000000000..4a7e60105a --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/vite.config.js @@ -0,0 +1,52 @@ +import { resolve } from 'path' +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' +import { devServerPlugin } from '@openc3/tool-common/viteDevServerPlugin' + +const DEFAULT_EXTENSIONS = ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] + +export default defineConfig((options) => { + return { + build: { + outDir: 'tools/cmdtlmserver', + emptyOutDir: true, + rollupOptions: { + input: 'src/main.js', + output: { + format: 'systemjs', + hashCharacters: 'hex', + entryFileNames: '[name].js', + chunkFileNames: '[name]-[hash:20].js', + assetFileNames: 'assets/[name]-[hash][extname]', + }, + external: ['single-spa', 'vue', 'vuex', 'vue-router', 'vuetify'], + preserveEntrySignatures: 'strict', + }, + }, + server: { + port: 2911, + }, + plugins: [ + vue({ + template: { + compilerOptions: { + isCustomElement: (tag) => tag.startsWith('rux-'), + }, + }, + }), + devServerPlugin(options), + ], + resolve: { + alias: { + '@': resolve(__dirname, './src'), + }, + extensions: [...DEFAULT_EXTENSIONS, '.vue'], // not recommended but saves us from having to change every SFC import + }, + define: { + __BASE_URL__: JSON.stringify('/tools/cmdtlmserver'), + }, + optimizeDeps: { + entries: [], // https://github.com/vituum/vituum/issues/25#issuecomment-1690080284 + }, + } +}) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/vue.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/vue.config.js deleted file mode 100644 index d8a0f12dfb..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/vue.config.js +++ /dev/null @@ -1,46 +0,0 @@ -module.exports = { - publicPath: '/tools/cmdtlmserver', - outputDir: 'tools/cmdtlmserver', - filenameHashing: false, - transpileDependencies: ['vuetify'], - devServer: { - port: 2911, - headers: { - 'Access-Control-Allow-Origin': '*', - }, - client: { - webSocketURL: { - hostname: 'localhost', - pathname: '/tools/cmdtlmserver', - port: 2911, - }, - }, - }, - configureWebpack: { - output: { - libraryTarget: 'system', - }, - }, - chainWebpack(config) { - config.module - .rule('js') - .use('babel-loader') - .tap((options) => { - return { - rootMode: 'upward', - } - }) - config.module - .rule('vue') - .use('vue-loader') - .tap((options) => { - return { - prettify: false, - compilerOptions: { - isCustomElement: (tag) => tag.startsWith('rux-'), - }, - } - }) - config.externals(['vue', 'vuetify', 'vuex', 'vue-router']) - }, -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/.eslintrc.cjs b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/.eslintrc.cjs new file mode 100644 index 0000000000..3e278f14fe --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/.eslintrc.cjs @@ -0,0 +1,41 @@ +module.exports = { + root: true, + env: { + node: true, + }, + extends: [ + 'plugin:vue/vue3-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, + }, + ], + }, + parser: 'vue-eslint-parser', + overrides: [ + { + files: [ + '**/__tests__/*.{j,t}s?(x)', + '**/tests/unit/**/*.spec.{j,t}s?(x)', + ], + env: { + jest: true, + }, + }, + ], +} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/.eslintrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/.eslintrc.js deleted file mode 100644 index c3a051f432..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/.eslintrc.js +++ /dev/null @@ -1,44 +0,0 @@ -module.exports = { - root: true, - env: { - node: true, - }, - extends: [ - 'plugin:vue/vue3-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, - }, - ], - }, - parser: 'vue-eslint-parser', - parserOptions: { - parser: '@babel/eslint-parser', - }, - overrides: [ - { - files: [ - '**/__tests__/*.{j,t}s?(x)', - '**/tests/unit/**/*.spec.{j,t}s?(x)', - ], - env: { - jest: true, - }, - }, - ], -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/.prettierrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/.prettierrc.cjs similarity index 100% rename from openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/.prettierrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/.prettierrc.cjs diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/babel.config.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/babel.config.json deleted file mode 100644 index 91fa88dbe0..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/babel.config.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "presets": ["@vue/cli-plugin-babel/preset"], - "plugins": [ - [ - "babel-plugin-istanbul", - { - "extension": [".js", ".vue"] - } - ] - ] -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/jsconfig.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/jsconfig.json index 734be9580d..787d71d3ad 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/jsconfig.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/jsconfig.json @@ -1,6 +1,6 @@ { "exclude": ["node_modules"], "vueCompilerOptions": { - "target": 3.5 + "target": "auto" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/package.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/package.json index 76eb263c00..31f239113c 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/package.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/package.json @@ -2,13 +2,12 @@ "name": "@openc3/cosmos-tool-dataextractor", "version": "5.21.0-beta0", "private": true, + "type": "module", "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" + "serve": "vite build --watch --mode dev-server", + "build": "vite build", + "lint": "eslint src", + "serve:standalone": "vite preview --mode standalone" }, "dependencies": { "@astrouxds/astro-web-components": "7.24.0", @@ -16,36 +15,19 @@ "axios": "1.7.7", "date-fns": "4.1.0", "single-spa-vue": "3.0.0", - "sprintf-js": "1.1.3", - "systemjs-webpack-interop": "2.3.7", - "vue": "3.5.4", - "vue-router": "4.4.4", - "vuetify": "3.7.1", - "vuex": "4.1.0" + "sprintf-js": "1.1.3" }, "devDependencies": { - "@babel/eslint-parser": "7.25.9", - "@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/compiler-sfc": "3.5.4", + "@vitejs/plugin-vue": "5.1.5", "@vue/eslint-config-prettier": "9.0.0", "@vue/test-utils": "2.4.6", - "babel-loader": "9.2.1", - "babel-plugin-istanbul": "7.0.0", "eslint": "8.56.0", "eslint-config-prettier": "9.1.0", "eslint-plugin-prettier": "5.2.1", "eslint-plugin-vue": "9.30.0", "prettier": "3.3.3", "sass": "1.80.4", - "sass-loader": "16.0.2", - "vue-cli-plugin-single-spa": "3.3.0", - "vue-cli-plugin-vuetify": "2.5.8", - "webpack": "5.95.0" + "vite": "5.4.11", + "vue": "3.5.13" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/plugin.txt b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/plugin.txt index fd432db5b1..1ddc928440 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/plugin.txt +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/plugin.txt @@ -1,4 +1,4 @@ TOOL dataextractor "Data Extractor" - INLINE_URL js/app.js + INLINE_URL main.js ICON mdi-archive-arrow-down POSITION 9 diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/src/main.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/src/main.js index 8f23e9de3f..8c71d720fa 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/src/main.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/src/main.js @@ -1,4 +1,3 @@ -import 'systemjs-webpack-interop/auto-public-path/2' import { createApp, h } from 'vue' import singleSpaVue from 'single-spa-vue' diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/vite.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/vite.config.js new file mode 100644 index 0000000000..aa74462313 --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/vite.config.js @@ -0,0 +1,52 @@ +import { resolve } from 'path' +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' +import { devServerPlugin } from '@openc3/tool-common/viteDevServerPlugin' + +const DEFAULT_EXTENSIONS = ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] + +export default defineConfig((options) => { + return { + build: { + outDir: 'tools/dataextractor', + emptyOutDir: true, + rollupOptions: { + input: 'src/main.js', + output: { + format: 'systemjs', + hashCharacters: 'hex', + entryFileNames: '[name].js', + chunkFileNames: '[name]-[hash:20].js', + assetFileNames: 'assets/[name]-[hash][extname]', + }, + external: ['single-spa', 'vue', 'vuex', 'vue-router', 'vuetify'], + preserveEntrySignatures: 'strict', + }, + }, + server: { + port: 2918, + }, + plugins: [ + vue({ + template: { + compilerOptions: { + isCustomElement: (tag) => tag.startsWith('rux-'), + }, + }, + }), + devServerPlugin(options), + ], + resolve: { + alias: { + '@': resolve(__dirname, './src'), + }, + extensions: [...DEFAULT_EXTENSIONS, '.vue'], // not recommended but saves us from having to change every SFC import + }, + define: { + __BASE_URL__: JSON.stringify('/tools/dataextractor'), + }, + optimizeDeps: { + entries: [], // https://github.com/vituum/vituum/issues/25#issuecomment-1690080284 + }, + } +}) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/vue.config.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/vue.config.js deleted file mode 100644 index 252292653d..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/vue.config.js +++ /dev/null @@ -1,46 +0,0 @@ -module.exports = { - publicPath: '/tools/dataextractor', - outputDir: 'tools/dataextractor', - filenameHashing: false, - transpileDependencies: ['vuetify'], - devServer: { - port: 2918, - headers: { - 'Access-Control-Allow-Origin': '*', - }, - client: { - webSocketURL: { - hostname: 'localhost', - pathname: '/tools/dataextractor', - port: 2918, - }, - }, - }, - configureWebpack: { - output: { - libraryTarget: 'system', - }, - }, - chainWebpack(config) { - config.module - .rule('js') - .use('babel-loader') - .tap((options) => { - return { - rootMode: 'upward', - } - }) - config.module - .rule('vue') - .use('vue-loader') - .tap((options) => { - return { - prettify: false, - compilerOptions: { - isCustomElement: (tag) => tag.startsWith('rux-'), - }, - } - }) - config.externals(['vue', 'vuetify', 'vuex', 'vue-router']) - }, -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/.eslintrc.cjs b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/.eslintrc.cjs new file mode 100644 index 0000000000..3e278f14fe --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/.eslintrc.cjs @@ -0,0 +1,41 @@ +module.exports = { + root: true, + env: { + node: true, + }, + extends: [ + 'plugin:vue/vue3-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, + }, + ], + }, + parser: 'vue-eslint-parser', + overrides: [ + { + files: [ + '**/__tests__/*.{j,t}s?(x)', + '**/tests/unit/**/*.spec.{j,t}s?(x)', + ], + env: { + jest: true, + }, + }, + ], +} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/.eslintrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/.eslintrc.js deleted file mode 100644 index c3a051f432..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/.eslintrc.js +++ /dev/null @@ -1,44 +0,0 @@ -module.exports = { - root: true, - env: { - node: true, - }, - extends: [ - 'plugin:vue/vue3-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, - }, - ], - }, - parser: 'vue-eslint-parser', - parserOptions: { - parser: '@babel/eslint-parser', - }, - overrides: [ - { - files: [ - '**/__tests__/*.{j,t}s?(x)', - '**/tests/unit/**/*.spec.{j,t}s?(x)', - ], - env: { - jest: true, - }, - }, - ], -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/.prettierrc.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/.prettierrc.cjs similarity index 100% rename from openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataextractor/.prettierrc.js rename to openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/.prettierrc.cjs diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/babel.config.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/babel.config.json deleted file mode 100644 index 91fa88dbe0..0000000000 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/babel.config.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "presets": ["@vue/cli-plugin-babel/preset"], - "plugins": [ - [ - "babel-plugin-istanbul", - { - "extension": [".js", ".vue"] - } - ] - ] -} diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/jsconfig.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/jsconfig.json index 734be9580d..787d71d3ad 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/jsconfig.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/jsconfig.json @@ -1,6 +1,6 @@ { "exclude": ["node_modules"], "vueCompilerOptions": { - "target": 3.5 + "target": "auto" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/package.json b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/package.json index 0ef84fbd18..6c7075d7d9 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/package.json +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/package.json @@ -2,13 +2,12 @@ "name": "@openc3/cosmos-tool-dataviewer", "version": "5.21.0-beta0", "private": true, + "type": "module", "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" + "serve": "vite build --watch --mode dev-server", + "build": "vite build", + "lint": "eslint src", + "serve:standalone": "vite preview --mode standalone" }, "dependencies": { "@astrouxds/astro-web-components": "7.24.0", @@ -17,36 +16,19 @@ "date-fns": "4.1.0", "lodash": "4.17.21", "single-spa-vue": "3.0.0", - "sprintf-js": "1.1.3", - "systemjs-webpack-interop": "2.3.7", - "vue": "3.5.4", - "vue-router": "4.4.4", - "vuetify": "3.7.1", - "vuex": "4.1.0" + "sprintf-js": "1.1.3" }, "devDependencies": { - "@babel/eslint-parser": "7.25.9", - "@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/compiler-sfc": "3.5.4", + "@vitejs/plugin-vue": "5.1.5", "@vue/eslint-config-prettier": "9.0.0", "@vue/test-utils": "2.4.6", - "babel-loader": "9.2.1", - "babel-plugin-istanbul": "7.0.0", "eslint": "8.56.0", "eslint-config-prettier": "9.1.0", "eslint-plugin-prettier": "5.2.1", "eslint-plugin-vue": "9.30.0", "prettier": "3.3.3", "sass": "1.80.4", - "sass-loader": "16.0.2", - "vue-cli-plugin-single-spa": "3.3.0", - "vue-cli-plugin-vuetify": "2.5.8", - "webpack": "5.95.0" + "vite": "5.4.11", + "vue": "3.5.13" } } diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/plugin.txt b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/plugin.txt index 9b60d586ae..65af334939 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/plugin.txt +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/plugin.txt @@ -1,4 +1,4 @@ TOOL dataviewer "Data Viewer" - INLINE_URL js/app.js + INLINE_URL main.js ICON mdi-hexadecimal POSITION 10 diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/src/main.js b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/src/main.js index 8f23e9de3f..8c71d720fa 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/src/main.js +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/src/main.js @@ -1,4 +1,3 @@ -import 'systemjs-webpack-interop/auto-public-path/2' import { createApp, h } from 'vue' import singleSpaVue from 'single-spa-vue' diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/src/tools/DataViewer/DumpComponent.vue b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/src/tools/DataViewer/DumpComponent.vue index 8624ba4468..edad750486 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/src/tools/DataViewer/DumpComponent.vue +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-dataviewer/src/tools/DataViewer/DumpComponent.vue @@ -31,6 +31,7 @@ + + + + + + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/index.html b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/index.html new file mode 100644 index 0000000000..77b0be64af --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/index.html @@ -0,0 +1,100 @@ + + + + + + + + OpenC3 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/amd.min.js b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/amd.min.js similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/amd.min.js rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/amd.min.js diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/amd.min.js.map b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/amd.min.js.map similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/amd.min.js.map rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/amd.min.js.map diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/auth.js b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/auth.js similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/auth.js rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/auth.js diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/import-map-overrides-3.1.1.min.js b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/import-map-overrides-3.1.1.min.js similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/import-map-overrides-3.1.1.min.js rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/import-map-overrides-3.1.1.min.js diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/import-map-overrides-3.1.1.min.js.map b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/import-map-overrides-3.1.1.min.js.map similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/import-map-overrides-3.1.1.min.js.map rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/import-map-overrides-3.1.1.min.js.map diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/named-register.min.js b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/named-register.min.js similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/named-register.min.js rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/named-register.min.js diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/named-register.min.js.map b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/named-register.min.js.map similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/named-register.min.js.map rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/named-register.min.js.map diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/single-spa-5.9.5.min.js b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/single-spa-5.9.5.min.js similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/single-spa-5.9.5.min.js rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/single-spa-5.9.5.min.js diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/single-spa-5.9.5.min.js.map b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/single-spa-5.9.5.min.js.map similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/single-spa-5.9.5.min.js.map rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/single-spa-5.9.5.min.js.map diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/systemjs-6.15.1.min.js b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/systemjs-6.15.1.min.js similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/systemjs-6.15.1.min.js rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/systemjs-6.15.1.min.js diff --git a/openc3-cosmos-init/plugins/openc3-tool-base/public/js/vue-router-4.4.4.min.js b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/vue-router-4.4.4.min.js similarity index 100% rename from openc3-cosmos-init/plugins/openc3-tool-base/public/js/vue-router-4.4.4.min.js rename to openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/vue-router-4.4.4.min.js diff --git a/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/vue.global-3.5.13.js b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/vue.global-3.5.13.js new file mode 100644 index 0000000000..ba3fbfb480 --- /dev/null +++ b/openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/vue.global-3.5.13.js @@ -0,0 +1,18096 @@ +/** +* vue v3.5.13 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/ +var Vue = (function (exports) { + 'use strict'; + + /*! #__NO_SIDE_EFFECTS__ */ + // @__NO_SIDE_EFFECTS__ + function makeMap(str) { + const map = /* @__PURE__ */ Object.create(null); + for (const key of str.split(",")) map[key] = 1; + return (val) => val in map; + } + + const EMPTY_OBJ = Object.freeze({}) ; + const EMPTY_ARR = Object.freeze([]) ; + const NOOP = () => { + }; + const NO = () => false; + const isOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // uppercase letter + (key.charCodeAt(2) > 122 || key.charCodeAt(2) < 97); + const isModelListener = (key) => key.startsWith("onUpdate:"); + const extend = Object.assign; + const remove = (arr, el) => { + const i = arr.indexOf(el); + if (i > -1) { + arr.splice(i, 1); + } + }; + const hasOwnProperty$1 = Object.prototype.hasOwnProperty; + const hasOwn = (val, key) => hasOwnProperty$1.call(val, key); + const isArray = Array.isArray; + const isMap = (val) => toTypeString(val) === "[object Map]"; + const isSet = (val) => toTypeString(val) === "[object Set]"; + const isDate = (val) => toTypeString(val) === "[object Date]"; + const isRegExp = (val) => toTypeString(val) === "[object RegExp]"; + const isFunction = (val) => typeof val === "function"; + const isString = (val) => typeof val === "string"; + const isSymbol = (val) => typeof val === "symbol"; + const isObject = (val) => val !== null && typeof val === "object"; + const isPromise = (val) => { + return (isObject(val) || isFunction(val)) && isFunction(val.then) && isFunction(val.catch); + }; + const objectToString = Object.prototype.toString; + const toTypeString = (value) => objectToString.call(value); + const toRawType = (value) => { + return toTypeString(value).slice(8, -1); + }; + const isPlainObject = (val) => toTypeString(val) === "[object Object]"; + const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key; + const isReservedProp = /* @__PURE__ */ makeMap( + // the leading comma is intentional so empty string "" is also included + ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted" + ); + const isBuiltInDirective = /* @__PURE__ */ makeMap( + "bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo" + ); + const cacheStringFunction = (fn) => { + const cache = /* @__PURE__ */ Object.create(null); + return (str) => { + const hit = cache[str]; + return hit || (cache[str] = fn(str)); + }; + }; + const camelizeRE = /-(\w)/g; + const camelize = cacheStringFunction( + (str) => { + return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : ""); + } + ); + const hyphenateRE = /\B([A-Z])/g; + const hyphenate = cacheStringFunction( + (str) => str.replace(hyphenateRE, "-$1").toLowerCase() + ); + const capitalize = cacheStringFunction((str) => { + return str.charAt(0).toUpperCase() + str.slice(1); + }); + const toHandlerKey = cacheStringFunction( + (str) => { + const s = str ? `on${capitalize(str)}` : ``; + return s; + } + ); + const hasChanged = (value, oldValue) => !Object.is(value, oldValue); + const invokeArrayFns = (fns, ...arg) => { + for (let i = 0; i < fns.length; i++) { + fns[i](...arg); + } + }; + const def = (obj, key, value, writable = false) => { + Object.defineProperty(obj, key, { + configurable: true, + enumerable: false, + writable, + value + }); + }; + const looseToNumber = (val) => { + const n = parseFloat(val); + return isNaN(n) ? val : n; + }; + const toNumber = (val) => { + const n = isString(val) ? Number(val) : NaN; + return isNaN(n) ? val : n; + }; + let _globalThis; + const getGlobalThis = () => { + return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {}); + }; + function genCacheKey(source, options) { + return source + JSON.stringify( + options, + (_, val) => typeof val === "function" ? val.toString() : val + ); + } + + const PatchFlagNames = { + [1]: `TEXT`, + [2]: `CLASS`, + [4]: `STYLE`, + [8]: `PROPS`, + [16]: `FULL_PROPS`, + [32]: `NEED_HYDRATION`, + [64]: `STABLE_FRAGMENT`, + [128]: `KEYED_FRAGMENT`, + [256]: `UNKEYED_FRAGMENT`, + [512]: `NEED_PATCH`, + [1024]: `DYNAMIC_SLOTS`, + [2048]: `DEV_ROOT_FRAGMENT`, + [-1]: `HOISTED`, + [-2]: `BAIL` + }; + + const slotFlagsText = { + [1]: "STABLE", + [2]: "DYNAMIC", + [3]: "FORWARDED" + }; + + const GLOBALS_ALLOWED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol"; + const isGloballyAllowed = /* @__PURE__ */ makeMap(GLOBALS_ALLOWED); + + const range = 2; + function generateCodeFrame(source, start = 0, end = source.length) { + start = Math.max(0, Math.min(start, source.length)); + end = Math.max(0, Math.min(end, source.length)); + if (start > end) return ""; + let lines = source.split(/(\r?\n)/); + const newlineSequences = lines.filter((_, idx) => idx % 2 === 1); + lines = lines.filter((_, idx) => idx % 2 === 0); + let count = 0; + const res = []; + for (let i = 0; i < lines.length; i++) { + count += lines[i].length + (newlineSequences[i] && newlineSequences[i].length || 0); + if (count >= start) { + for (let j = i - range; j <= i + range || end > count; j++) { + if (j < 0 || j >= lines.length) continue; + const line = j + 1; + res.push( + `${line}${" ".repeat(Math.max(3 - String(line).length, 0))}| ${lines[j]}` + ); + const lineLength = lines[j].length; + const newLineSeqLength = newlineSequences[j] && newlineSequences[j].length || 0; + if (j === i) { + const pad = start - (count - (lineLength + newLineSeqLength)); + const length = Math.max( + 1, + end > count ? lineLength - pad : end - start + ); + res.push(` | ` + " ".repeat(pad) + "^".repeat(length)); + } else if (j > i) { + if (end > count) { + const length = Math.max(Math.min(end - count, lineLength), 1); + res.push(` | ` + "^".repeat(length)); + } + count += lineLength + newLineSeqLength; + } + } + break; + } + } + return res.join("\n"); + } + + function normalizeStyle(value) { + if (isArray(value)) { + const res = {}; + for (let i = 0; i < value.length; i++) { + const item = value[i]; + const normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item); + if (normalized) { + for (const key in normalized) { + res[key] = normalized[key]; + } + } + } + return res; + } else if (isString(value) || isObject(value)) { + return value; + } + } + const listDelimiterRE = /;(?![^(]*\))/g; + const propertyDelimiterRE = /:([^]+)/; + const styleCommentRE = /\/\*[^]*?\*\//g; + function parseStringStyle(cssText) { + const ret = {}; + cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => { + if (item) { + const tmp = item.split(propertyDelimiterRE); + tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim()); + } + }); + return ret; + } + function stringifyStyle(styles) { + if (!styles) return ""; + if (isString(styles)) return styles; + let ret = ""; + for (const key in styles) { + const value = styles[key]; + if (isString(value) || typeof value === "number") { + const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key); + ret += `${normalizedKey}:${value};`; + } + } + return ret; + } + function normalizeClass(value) { + let res = ""; + if (isString(value)) { + res = value; + } else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + const normalized = normalizeClass(value[i]); + if (normalized) { + res += normalized + " "; + } + } + } else if (isObject(value)) { + for (const name in value) { + if (value[name]) { + res += name + " "; + } + } + } + return res.trim(); + } + function normalizeProps(props) { + if (!props) return null; + let { class: klass, style } = props; + if (klass && !isString(klass)) { + props.class = normalizeClass(klass); + } + if (style) { + props.style = normalizeStyle(style); + } + return props; + } + + const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot"; + const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view"; + const MATH_TAGS = "annotation,annotation-xml,maction,maligngroup,malignmark,math,menclose,merror,mfenced,mfrac,mfraction,mglyph,mi,mlabeledtr,mlongdiv,mmultiscripts,mn,mo,mover,mpadded,mphantom,mprescripts,mroot,mrow,ms,mscarries,mscarry,msgroup,msline,mspace,msqrt,msrow,mstack,mstyle,msub,msubsup,msup,mtable,mtd,mtext,mtr,munder,munderover,none,semantics"; + const VOID_TAGS = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr"; + const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS); + const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS); + const isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS); + const isVoidTag = /* @__PURE__ */ makeMap(VOID_TAGS); + + const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`; + const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs); + const isBooleanAttr = /* @__PURE__ */ makeMap( + specialBooleanAttrs + `,async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected` + ); + function includeBooleanAttr(value) { + return !!value || value === ""; + } + const isKnownHtmlAttr = /* @__PURE__ */ makeMap( + `accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap` + ); + const isKnownSvgAttr = /* @__PURE__ */ makeMap( + `xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan` + ); + function isRenderableAttrValue(value) { + if (value == null) { + return false; + } + const type = typeof value; + return type === "string" || type === "number" || type === "boolean"; + } + + const cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g; + function getEscapedCssVarName(key, doubleEscape) { + return key.replace( + cssVarNameEscapeSymbolsRE, + (s) => `\\${s}` + ); + } + + function looseCompareArrays(a, b) { + if (a.length !== b.length) return false; + let equal = true; + for (let i = 0; equal && i < a.length; i++) { + equal = looseEqual(a[i], b[i]); + } + return equal; + } + function looseEqual(a, b) { + if (a === b) return true; + let aValidType = isDate(a); + let bValidType = isDate(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? a.getTime() === b.getTime() : false; + } + aValidType = isSymbol(a); + bValidType = isSymbol(b); + if (aValidType || bValidType) { + return a === b; + } + aValidType = isArray(a); + bValidType = isArray(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? looseCompareArrays(a, b) : false; + } + aValidType = isObject(a); + bValidType = isObject(b); + if (aValidType || bValidType) { + if (!aValidType || !bValidType) { + return false; + } + const aKeysCount = Object.keys(a).length; + const bKeysCount = Object.keys(b).length; + if (aKeysCount !== bKeysCount) { + return false; + } + for (const key in a) { + const aHasKey = a.hasOwnProperty(key); + const bHasKey = b.hasOwnProperty(key); + if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) { + return false; + } + } + } + return String(a) === String(b); + } + function looseIndexOf(arr, val) { + return arr.findIndex((item) => looseEqual(item, val)); + } + + const isRef$1 = (val) => { + return !!(val && val["__v_isRef"] === true); + }; + const toDisplayString = (val) => { + return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val); + }; + const replacer = (_key, val) => { + if (isRef$1(val)) { + return replacer(_key, val.value); + } else if (isMap(val)) { + return { + [`Map(${val.size})`]: [...val.entries()].reduce( + (entries, [key, val2], i) => { + entries[stringifySymbol(key, i) + " =>"] = val2; + return entries; + }, + {} + ) + }; + } else if (isSet(val)) { + return { + [`Set(${val.size})`]: [...val.values()].map((v) => stringifySymbol(v)) + }; + } else if (isSymbol(val)) { + return stringifySymbol(val); + } else if (isObject(val) && !isArray(val) && !isPlainObject(val)) { + return String(val); + } + return val; + }; + const stringifySymbol = (v, i = "") => { + var _a; + return ( + // Symbol.description in es2019+ so we need to cast here to pass + // the lib: es2016 check + isSymbol(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v + ); + }; + + function warn$2(msg, ...args) { + console.warn(`[Vue warn] ${msg}`, ...args); + } + + let activeEffectScope; + class EffectScope { + constructor(detached = false) { + this.detached = detached; + /** + * @internal + */ + this._active = true; + /** + * @internal + */ + this.effects = []; + /** + * @internal + */ + this.cleanups = []; + this._isPaused = false; + this.parent = activeEffectScope; + if (!detached && activeEffectScope) { + this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push( + this + ) - 1; + } + } + get active() { + return this._active; + } + pause() { + if (this._active) { + this._isPaused = true; + let i, l; + if (this.scopes) { + for (i = 0, l = this.scopes.length; i < l; i++) { + this.scopes[i].pause(); + } + } + for (i = 0, l = this.effects.length; i < l; i++) { + this.effects[i].pause(); + } + } + } + /** + * Resumes the effect scope, including all child scopes and effects. + */ + resume() { + if (this._active) { + if (this._isPaused) { + this._isPaused = false; + let i, l; + if (this.scopes) { + for (i = 0, l = this.scopes.length; i < l; i++) { + this.scopes[i].resume(); + } + } + for (i = 0, l = this.effects.length; i < l; i++) { + this.effects[i].resume(); + } + } + } + } + run(fn) { + if (this._active) { + const currentEffectScope = activeEffectScope; + try { + activeEffectScope = this; + return fn(); + } finally { + activeEffectScope = currentEffectScope; + } + } else { + warn$2(`cannot run an inactive effect scope.`); + } + } + /** + * This should only be called on non-detached scopes + * @internal + */ + on() { + activeEffectScope = this; + } + /** + * This should only be called on non-detached scopes + * @internal + */ + off() { + activeEffectScope = this.parent; + } + stop(fromParent) { + if (this._active) { + this._active = false; + let i, l; + for (i = 0, l = this.effects.length; i < l; i++) { + this.effects[i].stop(); + } + this.effects.length = 0; + for (i = 0, l = this.cleanups.length; i < l; i++) { + this.cleanups[i](); + } + this.cleanups.length = 0; + if (this.scopes) { + for (i = 0, l = this.scopes.length; i < l; i++) { + this.scopes[i].stop(true); + } + this.scopes.length = 0; + } + if (!this.detached && this.parent && !fromParent) { + const last = this.parent.scopes.pop(); + if (last && last !== this) { + this.parent.scopes[this.index] = last; + last.index = this.index; + } + } + this.parent = void 0; + } + } + } + function effectScope(detached) { + return new EffectScope(detached); + } + function getCurrentScope() { + return activeEffectScope; + } + function onScopeDispose(fn, failSilently = false) { + if (activeEffectScope) { + activeEffectScope.cleanups.push(fn); + } else if (!failSilently) { + warn$2( + `onScopeDispose() is called when there is no active effect scope to be associated with.` + ); + } + } + + let activeSub; + const pausedQueueEffects = /* @__PURE__ */ new WeakSet(); + class ReactiveEffect { + constructor(fn) { + this.fn = fn; + /** + * @internal + */ + this.deps = void 0; + /** + * @internal + */ + this.depsTail = void 0; + /** + * @internal + */ + this.flags = 1 | 4; + /** + * @internal + */ + this.next = void 0; + /** + * @internal + */ + this.cleanup = void 0; + this.scheduler = void 0; + if (activeEffectScope && activeEffectScope.active) { + activeEffectScope.effects.push(this); + } + } + pause() { + this.flags |= 64; + } + resume() { + if (this.flags & 64) { + this.flags &= ~64; + if (pausedQueueEffects.has(this)) { + pausedQueueEffects.delete(this); + this.trigger(); + } + } + } + /** + * @internal + */ + notify() { + if (this.flags & 2 && !(this.flags & 32)) { + return; + } + if (!(this.flags & 8)) { + batch(this); + } + } + run() { + if (!(this.flags & 1)) { + return this.fn(); + } + this.flags |= 2; + cleanupEffect(this); + prepareDeps(this); + const prevEffect = activeSub; + const prevShouldTrack = shouldTrack; + activeSub = this; + shouldTrack = true; + try { + return this.fn(); + } finally { + if (activeSub !== this) { + warn$2( + "Active effect was not restored correctly - this is likely a Vue internal bug." + ); + } + cleanupDeps(this); + activeSub = prevEffect; + shouldTrack = prevShouldTrack; + this.flags &= ~2; + } + } + stop() { + if (this.flags & 1) { + for (let link = this.deps; link; link = link.nextDep) { + removeSub(link); + } + this.deps = this.depsTail = void 0; + cleanupEffect(this); + this.onStop && this.onStop(); + this.flags &= ~1; + } + } + trigger() { + if (this.flags & 64) { + pausedQueueEffects.add(this); + } else if (this.scheduler) { + this.scheduler(); + } else { + this.runIfDirty(); + } + } + /** + * @internal + */ + runIfDirty() { + if (isDirty(this)) { + this.run(); + } + } + get dirty() { + return isDirty(this); + } + } + let batchDepth = 0; + let batchedSub; + let batchedComputed; + function batch(sub, isComputed = false) { + sub.flags |= 8; + if (isComputed) { + sub.next = batchedComputed; + batchedComputed = sub; + return; + } + sub.next = batchedSub; + batchedSub = sub; + } + function startBatch() { + batchDepth++; + } + function endBatch() { + if (--batchDepth > 0) { + return; + } + if (batchedComputed) { + let e = batchedComputed; + batchedComputed = void 0; + while (e) { + const next = e.next; + e.next = void 0; + e.flags &= ~8; + e = next; + } + } + let error; + while (batchedSub) { + let e = batchedSub; + batchedSub = void 0; + while (e) { + const next = e.next; + e.next = void 0; + e.flags &= ~8; + if (e.flags & 1) { + try { + ; + e.trigger(); + } catch (err) { + if (!error) error = err; + } + } + e = next; + } + } + if (error) throw error; + } + function prepareDeps(sub) { + for (let link = sub.deps; link; link = link.nextDep) { + link.version = -1; + link.prevActiveLink = link.dep.activeLink; + link.dep.activeLink = link; + } + } + function cleanupDeps(sub) { + let head; + let tail = sub.depsTail; + let link = tail; + while (link) { + const prev = link.prevDep; + if (link.version === -1) { + if (link === tail) tail = prev; + removeSub(link); + removeDep(link); + } else { + head = link; + } + link.dep.activeLink = link.prevActiveLink; + link.prevActiveLink = void 0; + link = prev; + } + sub.deps = head; + sub.depsTail = tail; + } + function isDirty(sub) { + for (let link = sub.deps; link; link = link.nextDep) { + if (link.dep.version !== link.version || link.dep.computed && (refreshComputed(link.dep.computed) || link.dep.version !== link.version)) { + return true; + } + } + if (sub._dirty) { + return true; + } + return false; + } + function refreshComputed(computed) { + if (computed.flags & 4 && !(computed.flags & 16)) { + return; + } + computed.flags &= ~16; + if (computed.globalVersion === globalVersion) { + return; + } + computed.globalVersion = globalVersion; + const dep = computed.dep; + computed.flags |= 2; + if (dep.version > 0 && !computed.isSSR && computed.deps && !isDirty(computed)) { + computed.flags &= ~2; + return; + } + const prevSub = activeSub; + const prevShouldTrack = shouldTrack; + activeSub = computed; + shouldTrack = true; + try { + prepareDeps(computed); + const value = computed.fn(computed._value); + if (dep.version === 0 || hasChanged(value, computed._value)) { + computed._value = value; + dep.version++; + } + } catch (err) { + dep.version++; + throw err; + } finally { + activeSub = prevSub; + shouldTrack = prevShouldTrack; + cleanupDeps(computed); + computed.flags &= ~2; + } + } + function removeSub(link, soft = false) { + const { dep, prevSub, nextSub } = link; + if (prevSub) { + prevSub.nextSub = nextSub; + link.prevSub = void 0; + } + if (nextSub) { + nextSub.prevSub = prevSub; + link.nextSub = void 0; + } + if (dep.subsHead === link) { + dep.subsHead = nextSub; + } + if (dep.subs === link) { + dep.subs = prevSub; + if (!prevSub && dep.computed) { + dep.computed.flags &= ~4; + for (let l = dep.computed.deps; l; l = l.nextDep) { + removeSub(l, true); + } + } + } + if (!soft && !--dep.sc && dep.map) { + dep.map.delete(dep.key); + } + } + function removeDep(link) { + const { prevDep, nextDep } = link; + if (prevDep) { + prevDep.nextDep = nextDep; + link.prevDep = void 0; + } + if (nextDep) { + nextDep.prevDep = prevDep; + link.nextDep = void 0; + } + } + function effect(fn, options) { + if (fn.effect instanceof ReactiveEffect) { + fn = fn.effect.fn; + } + const e = new ReactiveEffect(fn); + if (options) { + extend(e, options); + } + try { + e.run(); + } catch (err) { + e.stop(); + throw err; + } + const runner = e.run.bind(e); + runner.effect = e; + return runner; + } + function stop(runner) { + runner.effect.stop(); + } + let shouldTrack = true; + const trackStack = []; + function pauseTracking() { + trackStack.push(shouldTrack); + shouldTrack = false; + } + function resetTracking() { + const last = trackStack.pop(); + shouldTrack = last === void 0 ? true : last; + } + function cleanupEffect(e) { + const { cleanup } = e; + e.cleanup = void 0; + if (cleanup) { + const prevSub = activeSub; + activeSub = void 0; + try { + cleanup(); + } finally { + activeSub = prevSub; + } + } + } + + let globalVersion = 0; + class Link { + constructor(sub, dep) { + this.sub = sub; + this.dep = dep; + this.version = dep.version; + this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0; + } + } + class Dep { + constructor(computed) { + this.computed = computed; + this.version = 0; + /** + * Link between this dep and the current active effect + */ + this.activeLink = void 0; + /** + * Doubly linked list representing the subscribing effects (tail) + */ + this.subs = void 0; + /** + * For object property deps cleanup + */ + this.map = void 0; + this.key = void 0; + /** + * Subscriber counter + */ + this.sc = 0; + { + this.subsHead = void 0; + } + } + track(debugInfo) { + if (!activeSub || !shouldTrack || activeSub === this.computed) { + return; + } + let link = this.activeLink; + if (link === void 0 || link.sub !== activeSub) { + link = this.activeLink = new Link(activeSub, this); + if (!activeSub.deps) { + activeSub.deps = activeSub.depsTail = link; + } else { + link.prevDep = activeSub.depsTail; + activeSub.depsTail.nextDep = link; + activeSub.depsTail = link; + } + addSub(link); + } else if (link.version === -1) { + link.version = this.version; + if (link.nextDep) { + const next = link.nextDep; + next.prevDep = link.prevDep; + if (link.prevDep) { + link.prevDep.nextDep = next; + } + link.prevDep = activeSub.depsTail; + link.nextDep = void 0; + activeSub.depsTail.nextDep = link; + activeSub.depsTail = link; + if (activeSub.deps === link) { + activeSub.deps = next; + } + } + } + if (activeSub.onTrack) { + activeSub.onTrack( + extend( + { + effect: activeSub + }, + debugInfo + ) + ); + } + return link; + } + trigger(debugInfo) { + this.version++; + globalVersion++; + this.notify(debugInfo); + } + notify(debugInfo) { + startBatch(); + try { + if (true) { + for (let head = this.subsHead; head; head = head.nextSub) { + if (head.sub.onTrigger && !(head.sub.flags & 8)) { + head.sub.onTrigger( + extend( + { + effect: head.sub + }, + debugInfo + ) + ); + } + } + } + for (let link = this.subs; link; link = link.prevSub) { + if (link.sub.notify()) { + ; + link.sub.dep.notify(); + } + } + } finally { + endBatch(); + } + } + } + function addSub(link) { + link.dep.sc++; + if (link.sub.flags & 4) { + const computed = link.dep.computed; + if (computed && !link.dep.subs) { + computed.flags |= 4 | 16; + for (let l = computed.deps; l; l = l.nextDep) { + addSub(l); + } + } + const currentTail = link.dep.subs; + if (currentTail !== link) { + link.prevSub = currentTail; + if (currentTail) currentTail.nextSub = link; + } + if (link.dep.subsHead === void 0) { + link.dep.subsHead = link; + } + link.dep.subs = link; + } + } + const targetMap = /* @__PURE__ */ new WeakMap(); + const ITERATE_KEY = Symbol( + "Object iterate" + ); + const MAP_KEY_ITERATE_KEY = Symbol( + "Map keys iterate" + ); + const ARRAY_ITERATE_KEY = Symbol( + "Array iterate" + ); + function track(target, type, key) { + if (shouldTrack && activeSub) { + let depsMap = targetMap.get(target); + if (!depsMap) { + targetMap.set(target, depsMap = /* @__PURE__ */ new Map()); + } + let dep = depsMap.get(key); + if (!dep) { + depsMap.set(key, dep = new Dep()); + dep.map = depsMap; + dep.key = key; + } + { + dep.track({ + target, + type, + key + }); + } + } + } + function trigger(target, type, key, newValue, oldValue, oldTarget) { + const depsMap = targetMap.get(target); + if (!depsMap) { + globalVersion++; + return; + } + const run = (dep) => { + if (dep) { + { + dep.trigger({ + target, + type, + key, + newValue, + oldValue, + oldTarget + }); + } + } + }; + startBatch(); + if (type === "clear") { + depsMap.forEach(run); + } else { + const targetIsArray = isArray(target); + const isArrayIndex = targetIsArray && isIntegerKey(key); + if (targetIsArray && key === "length") { + const newLength = Number(newValue); + depsMap.forEach((dep, key2) => { + if (key2 === "length" || key2 === ARRAY_ITERATE_KEY || !isSymbol(key2) && key2 >= newLength) { + run(dep); + } + }); + } else { + if (key !== void 0 || depsMap.has(void 0)) { + run(depsMap.get(key)); + } + if (isArrayIndex) { + run(depsMap.get(ARRAY_ITERATE_KEY)); + } + switch (type) { + case "add": + if (!targetIsArray) { + run(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + run(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } else if (isArrayIndex) { + run(depsMap.get("length")); + } + break; + case "delete": + if (!targetIsArray) { + run(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + run(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } + break; + case "set": + if (isMap(target)) { + run(depsMap.get(ITERATE_KEY)); + } + break; + } + } + } + endBatch(); + } + function getDepFromReactive(object, key) { + const depMap = targetMap.get(object); + return depMap && depMap.get(key); + } + + function reactiveReadArray(array) { + const raw = toRaw(array); + if (raw === array) return raw; + track(raw, "iterate", ARRAY_ITERATE_KEY); + return isShallow(array) ? raw : raw.map(toReactive); + } + function shallowReadArray(arr) { + track(arr = toRaw(arr), "iterate", ARRAY_ITERATE_KEY); + return arr; + } + const arrayInstrumentations = { + __proto__: null, + [Symbol.iterator]() { + return iterator(this, Symbol.iterator, toReactive); + }, + concat(...args) { + return reactiveReadArray(this).concat( + ...args.map((x) => isArray(x) ? reactiveReadArray(x) : x) + ); + }, + entries() { + return iterator(this, "entries", (value) => { + value[1] = toReactive(value[1]); + return value; + }); + }, + every(fn, thisArg) { + return apply(this, "every", fn, thisArg, void 0, arguments); + }, + filter(fn, thisArg) { + return apply(this, "filter", fn, thisArg, (v) => v.map(toReactive), arguments); + }, + find(fn, thisArg) { + return apply(this, "find", fn, thisArg, toReactive, arguments); + }, + findIndex(fn, thisArg) { + return apply(this, "findIndex", fn, thisArg, void 0, arguments); + }, + findLast(fn, thisArg) { + return apply(this, "findLast", fn, thisArg, toReactive, arguments); + }, + findLastIndex(fn, thisArg) { + return apply(this, "findLastIndex", fn, thisArg, void 0, arguments); + }, + // flat, flatMap could benefit from ARRAY_ITERATE but are not straight-forward to implement + forEach(fn, thisArg) { + return apply(this, "forEach", fn, thisArg, void 0, arguments); + }, + includes(...args) { + return searchProxy(this, "includes", args); + }, + indexOf(...args) { + return searchProxy(this, "indexOf", args); + }, + join(separator) { + return reactiveReadArray(this).join(separator); + }, + // keys() iterator only reads `length`, no optimisation required + lastIndexOf(...args) { + return searchProxy(this, "lastIndexOf", args); + }, + map(fn, thisArg) { + return apply(this, "map", fn, thisArg, void 0, arguments); + }, + pop() { + return noTracking(this, "pop"); + }, + push(...args) { + return noTracking(this, "push", args); + }, + reduce(fn, ...args) { + return reduce(this, "reduce", fn, args); + }, + reduceRight(fn, ...args) { + return reduce(this, "reduceRight", fn, args); + }, + shift() { + return noTracking(this, "shift"); + }, + // slice could use ARRAY_ITERATE but also seems to beg for range tracking + some(fn, thisArg) { + return apply(this, "some", fn, thisArg, void 0, arguments); + }, + splice(...args) { + return noTracking(this, "splice", args); + }, + toReversed() { + return reactiveReadArray(this).toReversed(); + }, + toSorted(comparer) { + return reactiveReadArray(this).toSorted(comparer); + }, + toSpliced(...args) { + return reactiveReadArray(this).toSpliced(...args); + }, + unshift(...args) { + return noTracking(this, "unshift", args); + }, + values() { + return iterator(this, "values", toReactive); + } + }; + function iterator(self, method, wrapValue) { + const arr = shallowReadArray(self); + const iter = arr[method](); + if (arr !== self && !isShallow(self)) { + iter._next = iter.next; + iter.next = () => { + const result = iter._next(); + if (result.value) { + result.value = wrapValue(result.value); + } + return result; + }; + } + return iter; + } + const arrayProto = Array.prototype; + function apply(self, method, fn, thisArg, wrappedRetFn, args) { + const arr = shallowReadArray(self); + const needsWrap = arr !== self && !isShallow(self); + const methodFn = arr[method]; + if (methodFn !== arrayProto[method]) { + const result2 = methodFn.apply(self, args); + return needsWrap ? toReactive(result2) : result2; + } + let wrappedFn = fn; + if (arr !== self) { + if (needsWrap) { + wrappedFn = function(item, index) { + return fn.call(this, toReactive(item), index, self); + }; + } else if (fn.length > 2) { + wrappedFn = function(item, index) { + return fn.call(this, item, index, self); + }; + } + } + const result = methodFn.call(arr, wrappedFn, thisArg); + return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result; + } + function reduce(self, method, fn, args) { + const arr = shallowReadArray(self); + let wrappedFn = fn; + if (arr !== self) { + if (!isShallow(self)) { + wrappedFn = function(acc, item, index) { + return fn.call(this, acc, toReactive(item), index, self); + }; + } else if (fn.length > 3) { + wrappedFn = function(acc, item, index) { + return fn.call(this, acc, item, index, self); + }; + } + } + return arr[method](wrappedFn, ...args); + } + function searchProxy(self, method, args) { + const arr = toRaw(self); + track(arr, "iterate", ARRAY_ITERATE_KEY); + const res = arr[method](...args); + if ((res === -1 || res === false) && isProxy(args[0])) { + args[0] = toRaw(args[0]); + return arr[method](...args); + } + return res; + } + function noTracking(self, method, args = []) { + pauseTracking(); + startBatch(); + const res = toRaw(self)[method].apply(self, args); + endBatch(); + resetTracking(); + return res; + } + + const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`); + const builtInSymbols = new Set( + /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol) + ); + function hasOwnProperty(key) { + if (!isSymbol(key)) key = String(key); + const obj = toRaw(this); + track(obj, "has", key); + return obj.hasOwnProperty(key); + } + class BaseReactiveHandler { + constructor(_isReadonly = false, _isShallow = false) { + this._isReadonly = _isReadonly; + this._isShallow = _isShallow; + } + get(target, key, receiver) { + if (key === "__v_skip") return target["__v_skip"]; + const isReadonly2 = this._isReadonly, isShallow2 = this._isShallow; + if (key === "__v_isReactive") { + return !isReadonly2; + } else if (key === "__v_isReadonly") { + return isReadonly2; + } else if (key === "__v_isShallow") { + return isShallow2; + } else if (key === "__v_raw") { + if (receiver === (isReadonly2 ? isShallow2 ? shallowReadonlyMap : readonlyMap : isShallow2 ? shallowReactiveMap : reactiveMap).get(target) || // receiver is not the reactive proxy, but has the same prototype + // this means the receiver is a user proxy of the reactive proxy + Object.getPrototypeOf(target) === Object.getPrototypeOf(receiver)) { + return target; + } + return; + } + const targetIsArray = isArray(target); + if (!isReadonly2) { + let fn; + if (targetIsArray && (fn = arrayInstrumentations[key])) { + return fn; + } + if (key === "hasOwnProperty") { + return hasOwnProperty; + } + } + const res = Reflect.get( + target, + key, + // if this is a proxy wrapping a ref, return methods using the raw ref + // as receiver so that we don't have to call `toRaw` on the ref in all + // its class methods + isRef(target) ? target : receiver + ); + if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) { + return res; + } + if (!isReadonly2) { + track(target, "get", key); + } + if (isShallow2) { + return res; + } + if (isRef(res)) { + return targetIsArray && isIntegerKey(key) ? res : res.value; + } + if (isObject(res)) { + return isReadonly2 ? readonly(res) : reactive(res); + } + return res; + } + } + class MutableReactiveHandler extends BaseReactiveHandler { + constructor(isShallow2 = false) { + super(false, isShallow2); + } + set(target, key, value, receiver) { + let oldValue = target[key]; + if (!this._isShallow) { + const isOldValueReadonly = isReadonly(oldValue); + if (!isShallow(value) && !isReadonly(value)) { + oldValue = toRaw(oldValue); + value = toRaw(value); + } + if (!isArray(target) && isRef(oldValue) && !isRef(value)) { + if (isOldValueReadonly) { + return false; + } else { + oldValue.value = value; + return true; + } + } + } + const hadKey = isArray(target) && isIntegerKey(key) ? Number(key) < target.length : hasOwn(target, key); + const result = Reflect.set( + target, + key, + value, + isRef(target) ? target : receiver + ); + if (target === toRaw(receiver)) { + if (!hadKey) { + trigger(target, "add", key, value); + } else if (hasChanged(value, oldValue)) { + trigger(target, "set", key, value, oldValue); + } + } + return result; + } + deleteProperty(target, key) { + const hadKey = hasOwn(target, key); + const oldValue = target[key]; + const result = Reflect.deleteProperty(target, key); + if (result && hadKey) { + trigger(target, "delete", key, void 0, oldValue); + } + return result; + } + has(target, key) { + const result = Reflect.has(target, key); + if (!isSymbol(key) || !builtInSymbols.has(key)) { + track(target, "has", key); + } + return result; + } + ownKeys(target) { + track( + target, + "iterate", + isArray(target) ? "length" : ITERATE_KEY + ); + return Reflect.ownKeys(target); + } + } + class ReadonlyReactiveHandler extends BaseReactiveHandler { + constructor(isShallow2 = false) { + super(true, isShallow2); + } + set(target, key) { + { + warn$2( + `Set operation on key "${String(key)}" failed: target is readonly.`, + target + ); + } + return true; + } + deleteProperty(target, key) { + { + warn$2( + `Delete operation on key "${String(key)}" failed: target is readonly.`, + target + ); + } + return true; + } + } + const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler(); + const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(); + const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true); + const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true); + + const toShallow = (value) => value; + const getProto = (v) => Reflect.getPrototypeOf(v); + function createIterableMethod(method, isReadonly2, isShallow2) { + return function(...args) { + const target = this["__v_raw"]; + const rawTarget = toRaw(target); + const targetIsMap = isMap(rawTarget); + const isPair = method === "entries" || method === Symbol.iterator && targetIsMap; + const isKeyOnly = method === "keys" && targetIsMap; + const innerIterator = target[method](...args); + const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive; + !isReadonly2 && track( + rawTarget, + "iterate", + isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY + ); + return { + // iterator protocol + next() { + const { value, done } = innerIterator.next(); + return done ? { value, done } : { + value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value), + done + }; + }, + // iterable protocol + [Symbol.iterator]() { + return this; + } + }; + }; + } + function createReadonlyMethod(type) { + return function(...args) { + { + const key = args[0] ? `on key "${args[0]}" ` : ``; + warn$2( + `${capitalize(type)} operation ${key}failed: target is readonly.`, + toRaw(this) + ); + } + return type === "delete" ? false : type === "clear" ? void 0 : this; + }; + } + function createInstrumentations(readonly, shallow) { + const instrumentations = { + get(key) { + const target = this["__v_raw"]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (!readonly) { + if (hasChanged(key, rawKey)) { + track(rawTarget, "get", key); + } + track(rawTarget, "get", rawKey); + } + const { has } = getProto(rawTarget); + const wrap = shallow ? toShallow : readonly ? toReadonly : toReactive; + if (has.call(rawTarget, key)) { + return wrap(target.get(key)); + } else if (has.call(rawTarget, rawKey)) { + return wrap(target.get(rawKey)); + } else if (target !== rawTarget) { + target.get(key); + } + }, + get size() { + const target = this["__v_raw"]; + !readonly && track(toRaw(target), "iterate", ITERATE_KEY); + return Reflect.get(target, "size", target); + }, + has(key) { + const target = this["__v_raw"]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (!readonly) { + if (hasChanged(key, rawKey)) { + track(rawTarget, "has", key); + } + track(rawTarget, "has", rawKey); + } + return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey); + }, + forEach(callback, thisArg) { + const observed = this; + const target = observed["__v_raw"]; + const rawTarget = toRaw(target); + const wrap = shallow ? toShallow : readonly ? toReadonly : toReactive; + !readonly && track(rawTarget, "iterate", ITERATE_KEY); + return target.forEach((value, key) => { + return callback.call(thisArg, wrap(value), wrap(key), observed); + }); + } + }; + extend( + instrumentations, + readonly ? { + add: createReadonlyMethod("add"), + set: createReadonlyMethod("set"), + delete: createReadonlyMethod("delete"), + clear: createReadonlyMethod("clear") + } : { + add(value) { + if (!shallow && !isShallow(value) && !isReadonly(value)) { + value = toRaw(value); + } + const target = toRaw(this); + const proto = getProto(target); + const hadKey = proto.has.call(target, value); + if (!hadKey) { + target.add(value); + trigger(target, "add", value, value); + } + return this; + }, + set(key, value) { + if (!shallow && !isShallow(value) && !isReadonly(value)) { + value = toRaw(value); + } + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } else { + checkIdentityKeys(target, has, key); + } + const oldValue = get.call(target, key); + target.set(key, value); + if (!hadKey) { + trigger(target, "add", key, value); + } else if (hasChanged(value, oldValue)) { + trigger(target, "set", key, value, oldValue); + } + return this; + }, + delete(key) { + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } else { + checkIdentityKeys(target, has, key); + } + const oldValue = get ? get.call(target, key) : void 0; + const result = target.delete(key); + if (hadKey) { + trigger(target, "delete", key, void 0, oldValue); + } + return result; + }, + clear() { + const target = toRaw(this); + const hadItems = target.size !== 0; + const oldTarget = isMap(target) ? new Map(target) : new Set(target) ; + const result = target.clear(); + if (hadItems) { + trigger( + target, + "clear", + void 0, + void 0, + oldTarget + ); + } + return result; + } + } + ); + const iteratorMethods = [ + "keys", + "values", + "entries", + Symbol.iterator + ]; + iteratorMethods.forEach((method) => { + instrumentations[method] = createIterableMethod(method, readonly, shallow); + }); + return instrumentations; + } + function createInstrumentationGetter(isReadonly2, shallow) { + const instrumentations = createInstrumentations(isReadonly2, shallow); + return (target, key, receiver) => { + if (key === "__v_isReactive") { + return !isReadonly2; + } else if (key === "__v_isReadonly") { + return isReadonly2; + } else if (key === "__v_raw") { + return target; + } + return Reflect.get( + hasOwn(instrumentations, key) && key in target ? instrumentations : target, + key, + receiver + ); + }; + } + const mutableCollectionHandlers = { + get: /* @__PURE__ */ createInstrumentationGetter(false, false) + }; + const shallowCollectionHandlers = { + get: /* @__PURE__ */ createInstrumentationGetter(false, true) + }; + const readonlyCollectionHandlers = { + get: /* @__PURE__ */ createInstrumentationGetter(true, false) + }; + const shallowReadonlyCollectionHandlers = { + get: /* @__PURE__ */ createInstrumentationGetter(true, true) + }; + function checkIdentityKeys(target, has, key) { + const rawKey = toRaw(key); + if (rawKey !== key && has.call(target, rawKey)) { + const type = toRawType(target); + warn$2( + `Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.` + ); + } + } + + const reactiveMap = /* @__PURE__ */ new WeakMap(); + const shallowReactiveMap = /* @__PURE__ */ new WeakMap(); + const readonlyMap = /* @__PURE__ */ new WeakMap(); + const shallowReadonlyMap = /* @__PURE__ */ new WeakMap(); + function targetTypeMap(rawType) { + switch (rawType) { + case "Object": + case "Array": + return 1 /* COMMON */; + case "Map": + case "Set": + case "WeakMap": + case "WeakSet": + return 2 /* COLLECTION */; + default: + return 0 /* INVALID */; + } + } + function getTargetType(value) { + return value["__v_skip"] || !Object.isExtensible(value) ? 0 /* INVALID */ : targetTypeMap(toRawType(value)); + } + function reactive(target) { + if (isReadonly(target)) { + return target; + } + return createReactiveObject( + target, + false, + mutableHandlers, + mutableCollectionHandlers, + reactiveMap + ); + } + function shallowReactive(target) { + return createReactiveObject( + target, + false, + shallowReactiveHandlers, + shallowCollectionHandlers, + shallowReactiveMap + ); + } + function readonly(target) { + return createReactiveObject( + target, + true, + readonlyHandlers, + readonlyCollectionHandlers, + readonlyMap + ); + } + function shallowReadonly(target) { + return createReactiveObject( + target, + true, + shallowReadonlyHandlers, + shallowReadonlyCollectionHandlers, + shallowReadonlyMap + ); + } + function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) { + if (!isObject(target)) { + { + warn$2( + `value cannot be made ${isReadonly2 ? "readonly" : "reactive"}: ${String( + target + )}` + ); + } + return target; + } + if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) { + return target; + } + const existingProxy = proxyMap.get(target); + if (existingProxy) { + return existingProxy; + } + const targetType = getTargetType(target); + if (targetType === 0 /* INVALID */) { + return target; + } + const proxy = new Proxy( + target, + targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers + ); + proxyMap.set(target, proxy); + return proxy; + } + function isReactive(value) { + if (isReadonly(value)) { + return isReactive(value["__v_raw"]); + } + return !!(value && value["__v_isReactive"]); + } + function isReadonly(value) { + return !!(value && value["__v_isReadonly"]); + } + function isShallow(value) { + return !!(value && value["__v_isShallow"]); + } + function isProxy(value) { + return value ? !!value["__v_raw"] : false; + } + function toRaw(observed) { + const raw = observed && observed["__v_raw"]; + return raw ? toRaw(raw) : observed; + } + function markRaw(value) { + if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) { + def(value, "__v_skip", true); + } + return value; + } + const toReactive = (value) => isObject(value) ? reactive(value) : value; + const toReadonly = (value) => isObject(value) ? readonly(value) : value; + + function isRef(r) { + return r ? r["__v_isRef"] === true : false; + } + function ref(value) { + return createRef(value, false); + } + function shallowRef(value) { + return createRef(value, true); + } + function createRef(rawValue, shallow) { + if (isRef(rawValue)) { + return rawValue; + } + return new RefImpl(rawValue, shallow); + } + class RefImpl { + constructor(value, isShallow2) { + this.dep = new Dep(); + this["__v_isRef"] = true; + this["__v_isShallow"] = false; + this._rawValue = isShallow2 ? value : toRaw(value); + this._value = isShallow2 ? value : toReactive(value); + this["__v_isShallow"] = isShallow2; + } + get value() { + { + this.dep.track({ + target: this, + type: "get", + key: "value" + }); + } + return this._value; + } + set value(newValue) { + const oldValue = this._rawValue; + const useDirectValue = this["__v_isShallow"] || isShallow(newValue) || isReadonly(newValue); + newValue = useDirectValue ? newValue : toRaw(newValue); + if (hasChanged(newValue, oldValue)) { + this._rawValue = newValue; + this._value = useDirectValue ? newValue : toReactive(newValue); + { + this.dep.trigger({ + target: this, + type: "set", + key: "value", + newValue, + oldValue + }); + } + } + } + } + function triggerRef(ref2) { + if (ref2.dep) { + { + ref2.dep.trigger({ + target: ref2, + type: "set", + key: "value", + newValue: ref2._value + }); + } + } + } + function unref(ref2) { + return isRef(ref2) ? ref2.value : ref2; + } + function toValue(source) { + return isFunction(source) ? source() : unref(source); + } + const shallowUnwrapHandlers = { + get: (target, key, receiver) => key === "__v_raw" ? target : unref(Reflect.get(target, key, receiver)), + set: (target, key, value, receiver) => { + const oldValue = target[key]; + if (isRef(oldValue) && !isRef(value)) { + oldValue.value = value; + return true; + } else { + return Reflect.set(target, key, value, receiver); + } + } + }; + function proxyRefs(objectWithRefs) { + return isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers); + } + class CustomRefImpl { + constructor(factory) { + this["__v_isRef"] = true; + this._value = void 0; + const dep = this.dep = new Dep(); + const { get, set } = factory(dep.track.bind(dep), dep.trigger.bind(dep)); + this._get = get; + this._set = set; + } + get value() { + return this._value = this._get(); + } + set value(newVal) { + this._set(newVal); + } + } + function customRef(factory) { + return new CustomRefImpl(factory); + } + function toRefs(object) { + if (!isProxy(object)) { + warn$2(`toRefs() expects a reactive object but received a plain one.`); + } + const ret = isArray(object) ? new Array(object.length) : {}; + for (const key in object) { + ret[key] = propertyToRef(object, key); + } + return ret; + } + class ObjectRefImpl { + constructor(_object, _key, _defaultValue) { + this._object = _object; + this._key = _key; + this._defaultValue = _defaultValue; + this["__v_isRef"] = true; + this._value = void 0; + } + get value() { + const val = this._object[this._key]; + return this._value = val === void 0 ? this._defaultValue : val; + } + set value(newVal) { + this._object[this._key] = newVal; + } + get dep() { + return getDepFromReactive(toRaw(this._object), this._key); + } + } + class GetterRefImpl { + constructor(_getter) { + this._getter = _getter; + this["__v_isRef"] = true; + this["__v_isReadonly"] = true; + this._value = void 0; + } + get value() { + return this._value = this._getter(); + } + } + function toRef(source, key, defaultValue) { + if (isRef(source)) { + return source; + } else if (isFunction(source)) { + return new GetterRefImpl(source); + } else if (isObject(source) && arguments.length > 1) { + return propertyToRef(source, key, defaultValue); + } else { + return ref(source); + } + } + function propertyToRef(source, key, defaultValue) { + const val = source[key]; + return isRef(val) ? val : new ObjectRefImpl(source, key, defaultValue); + } + + class ComputedRefImpl { + constructor(fn, setter, isSSR) { + this.fn = fn; + this.setter = setter; + /** + * @internal + */ + this._value = void 0; + /** + * @internal + */ + this.dep = new Dep(this); + /** + * @internal + */ + this.__v_isRef = true; + // TODO isolatedDeclarations "__v_isReadonly" + // A computed is also a subscriber that tracks other deps + /** + * @internal + */ + this.deps = void 0; + /** + * @internal + */ + this.depsTail = void 0; + /** + * @internal + */ + this.flags = 16; + /** + * @internal + */ + this.globalVersion = globalVersion - 1; + /** + * @internal + */ + this.next = void 0; + // for backwards compat + this.effect = this; + this["__v_isReadonly"] = !setter; + this.isSSR = isSSR; + } + /** + * @internal + */ + notify() { + this.flags |= 16; + if (!(this.flags & 8) && // avoid infinite self recursion + activeSub !== this) { + batch(this, true); + return true; + } + } + get value() { + const link = this.dep.track({ + target: this, + type: "get", + key: "value" + }) ; + refreshComputed(this); + if (link) { + link.version = this.dep.version; + } + return this._value; + } + set value(newValue) { + if (this.setter) { + this.setter(newValue); + } else { + warn$2("Write operation failed: computed value is readonly"); + } + } + } + function computed$1(getterOrOptions, debugOptions, isSSR = false) { + let getter; + let setter; + if (isFunction(getterOrOptions)) { + getter = getterOrOptions; + } else { + getter = getterOrOptions.get; + setter = getterOrOptions.set; + } + const cRef = new ComputedRefImpl(getter, setter, isSSR); + if (debugOptions && !isSSR) { + cRef.onTrack = debugOptions.onTrack; + cRef.onTrigger = debugOptions.onTrigger; + } + return cRef; + } + + const TrackOpTypes = { + "GET": "get", + "HAS": "has", + "ITERATE": "iterate" + }; + const TriggerOpTypes = { + "SET": "set", + "ADD": "add", + "DELETE": "delete", + "CLEAR": "clear" + }; + + const INITIAL_WATCHER_VALUE = {}; + const cleanupMap = /* @__PURE__ */ new WeakMap(); + let activeWatcher = void 0; + function getCurrentWatcher() { + return activeWatcher; + } + function onWatcherCleanup(cleanupFn, failSilently = false, owner = activeWatcher) { + if (owner) { + let cleanups = cleanupMap.get(owner); + if (!cleanups) cleanupMap.set(owner, cleanups = []); + cleanups.push(cleanupFn); + } else if (!failSilently) { + warn$2( + `onWatcherCleanup() was called when there was no active watcher to associate with.` + ); + } + } + function watch$1(source, cb, options = EMPTY_OBJ) { + const { immediate, deep, once, scheduler, augmentJob, call } = options; + const warnInvalidSource = (s) => { + (options.onWarn || warn$2)( + `Invalid watch source: `, + s, + `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.` + ); + }; + const reactiveGetter = (source2) => { + if (deep) return source2; + if (isShallow(source2) || deep === false || deep === 0) + return traverse(source2, 1); + return traverse(source2); + }; + let effect; + let getter; + let cleanup; + let boundCleanup; + let forceTrigger = false; + let isMultiSource = false; + if (isRef(source)) { + getter = () => source.value; + forceTrigger = isShallow(source); + } else if (isReactive(source)) { + getter = () => reactiveGetter(source); + forceTrigger = true; + } else if (isArray(source)) { + isMultiSource = true; + forceTrigger = source.some((s) => isReactive(s) || isShallow(s)); + getter = () => source.map((s) => { + if (isRef(s)) { + return s.value; + } else if (isReactive(s)) { + return reactiveGetter(s); + } else if (isFunction(s)) { + return call ? call(s, 2) : s(); + } else { + warnInvalidSource(s); + } + }); + } else if (isFunction(source)) { + if (cb) { + getter = call ? () => call(source, 2) : source; + } else { + getter = () => { + if (cleanup) { + pauseTracking(); + try { + cleanup(); + } finally { + resetTracking(); + } + } + const currentEffect = activeWatcher; + activeWatcher = effect; + try { + return call ? call(source, 3, [boundCleanup]) : source(boundCleanup); + } finally { + activeWatcher = currentEffect; + } + }; + } + } else { + getter = NOOP; + warnInvalidSource(source); + } + if (cb && deep) { + const baseGetter = getter; + const depth = deep === true ? Infinity : deep; + getter = () => traverse(baseGetter(), depth); + } + const scope = getCurrentScope(); + const watchHandle = () => { + effect.stop(); + if (scope && scope.active) { + remove(scope.effects, effect); + } + }; + if (once && cb) { + const _cb = cb; + cb = (...args) => { + _cb(...args); + watchHandle(); + }; + } + let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE; + const job = (immediateFirstRun) => { + if (!(effect.flags & 1) || !effect.dirty && !immediateFirstRun) { + return; + } + if (cb) { + const newValue = effect.run(); + if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) { + if (cleanup) { + cleanup(); + } + const currentWatcher = activeWatcher; + activeWatcher = effect; + try { + const args = [ + newValue, + // pass undefined as the old value when it's changed for the first time + oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue, + boundCleanup + ]; + call ? call(cb, 3, args) : ( + // @ts-expect-error + cb(...args) + ); + oldValue = newValue; + } finally { + activeWatcher = currentWatcher; + } + } + } else { + effect.run(); + } + }; + if (augmentJob) { + augmentJob(job); + } + effect = new ReactiveEffect(getter); + effect.scheduler = scheduler ? () => scheduler(job, false) : job; + boundCleanup = (fn) => onWatcherCleanup(fn, false, effect); + cleanup = effect.onStop = () => { + const cleanups = cleanupMap.get(effect); + if (cleanups) { + if (call) { + call(cleanups, 4); + } else { + for (const cleanup2 of cleanups) cleanup2(); + } + cleanupMap.delete(effect); + } + }; + { + effect.onTrack = options.onTrack; + effect.onTrigger = options.onTrigger; + } + if (cb) { + if (immediate) { + job(true); + } else { + oldValue = effect.run(); + } + } else if (scheduler) { + scheduler(job.bind(null, true), true); + } else { + effect.run(); + } + watchHandle.pause = effect.pause.bind(effect); + watchHandle.resume = effect.resume.bind(effect); + watchHandle.stop = watchHandle; + return watchHandle; + } + function traverse(value, depth = Infinity, seen) { + if (depth <= 0 || !isObject(value) || value["__v_skip"]) { + return value; + } + seen = seen || /* @__PURE__ */ new Set(); + if (seen.has(value)) { + return value; + } + seen.add(value); + depth--; + if (isRef(value)) { + traverse(value.value, depth, seen); + } else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + traverse(value[i], depth, seen); + } + } else if (isSet(value) || isMap(value)) { + value.forEach((v) => { + traverse(v, depth, seen); + }); + } else if (isPlainObject(value)) { + for (const key in value) { + traverse(value[key], depth, seen); + } + for (const key of Object.getOwnPropertySymbols(value)) { + if (Object.prototype.propertyIsEnumerable.call(value, key)) { + traverse(value[key], depth, seen); + } + } + } + return value; + } + + const stack$1 = []; + function pushWarningContext(vnode) { + stack$1.push(vnode); + } + function popWarningContext() { + stack$1.pop(); + } + let isWarning = false; + function warn$1(msg, ...args) { + if (isWarning) return; + isWarning = true; + pauseTracking(); + const instance = stack$1.length ? stack$1[stack$1.length - 1].component : null; + const appWarnHandler = instance && instance.appContext.config.warnHandler; + const trace = getComponentTrace(); + if (appWarnHandler) { + callWithErrorHandling( + appWarnHandler, + instance, + 11, + [ + // eslint-disable-next-line no-restricted-syntax + msg + args.map((a) => { + var _a, _b; + return (_b = (_a = a.toString) == null ? void 0 : _a.call(a)) != null ? _b : JSON.stringify(a); + }).join(""), + instance && instance.proxy, + trace.map( + ({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>` + ).join("\n"), + trace + ] + ); + } else { + const warnArgs = [`[Vue warn]: ${msg}`, ...args]; + if (trace.length && // avoid spamming console during tests + true) { + warnArgs.push(` +`, ...formatTrace(trace)); + } + console.warn(...warnArgs); + } + resetTracking(); + isWarning = false; + } + function getComponentTrace() { + let currentVNode = stack$1[stack$1.length - 1]; + if (!currentVNode) { + return []; + } + const normalizedStack = []; + while (currentVNode) { + const last = normalizedStack[0]; + if (last && last.vnode === currentVNode) { + last.recurseCount++; + } else { + normalizedStack.push({ + vnode: currentVNode, + recurseCount: 0 + }); + } + const parentInstance = currentVNode.component && currentVNode.component.parent; + currentVNode = parentInstance && parentInstance.vnode; + } + return normalizedStack; + } + function formatTrace(trace) { + const logs = []; + trace.forEach((entry, i) => { + logs.push(...i === 0 ? [] : [` +`], ...formatTraceEntry(entry)); + }); + return logs; + } + function formatTraceEntry({ vnode, recurseCount }) { + const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``; + const isRoot = vnode.component ? vnode.component.parent == null : false; + const open = ` at <${formatComponentName( + vnode.component, + vnode.type, + isRoot + )}`; + const close = `>` + postfix; + return vnode.props ? [open, ...formatProps(vnode.props), close] : [open + close]; + } + function formatProps(props) { + const res = []; + const keys = Object.keys(props); + keys.slice(0, 3).forEach((key) => { + res.push(...formatProp(key, props[key])); + }); + if (keys.length > 3) { + res.push(` ...`); + } + return res; + } + function formatProp(key, value, raw) { + if (isString(value)) { + value = JSON.stringify(value); + return raw ? value : [`${key}=${value}`]; + } else if (typeof value === "number" || typeof value === "boolean" || value == null) { + return raw ? value : [`${key}=${value}`]; + } else if (isRef(value)) { + value = formatProp(key, toRaw(value.value), true); + return raw ? value : [`${key}=Ref<`, value, `>`]; + } else if (isFunction(value)) { + return [`${key}=fn${value.name ? `<${value.name}>` : ``}`]; + } else { + value = toRaw(value); + return raw ? value : [`${key}=`, value]; + } + } + function assertNumber(val, type) { + if (val === void 0) { + return; + } else if (typeof val !== "number") { + warn$1(`${type} is not a valid number - got ${JSON.stringify(val)}.`); + } else if (isNaN(val)) { + warn$1(`${type} is NaN - the duration expression might be incorrect.`); + } + } + + const ErrorCodes = { + "SETUP_FUNCTION": 0, + "0": "SETUP_FUNCTION", + "RENDER_FUNCTION": 1, + "1": "RENDER_FUNCTION", + "NATIVE_EVENT_HANDLER": 5, + "5": "NATIVE_EVENT_HANDLER", + "COMPONENT_EVENT_HANDLER": 6, + "6": "COMPONENT_EVENT_HANDLER", + "VNODE_HOOK": 7, + "7": "VNODE_HOOK", + "DIRECTIVE_HOOK": 8, + "8": "DIRECTIVE_HOOK", + "TRANSITION_HOOK": 9, + "9": "TRANSITION_HOOK", + "APP_ERROR_HANDLER": 10, + "10": "APP_ERROR_HANDLER", + "APP_WARN_HANDLER": 11, + "11": "APP_WARN_HANDLER", + "FUNCTION_REF": 12, + "12": "FUNCTION_REF", + "ASYNC_COMPONENT_LOADER": 13, + "13": "ASYNC_COMPONENT_LOADER", + "SCHEDULER": 14, + "14": "SCHEDULER", + "COMPONENT_UPDATE": 15, + "15": "COMPONENT_UPDATE", + "APP_UNMOUNT_CLEANUP": 16, + "16": "APP_UNMOUNT_CLEANUP" + }; + const ErrorTypeStrings$1 = { + ["sp"]: "serverPrefetch hook", + ["bc"]: "beforeCreate hook", + ["c"]: "created hook", + ["bm"]: "beforeMount hook", + ["m"]: "mounted hook", + ["bu"]: "beforeUpdate hook", + ["u"]: "updated", + ["bum"]: "beforeUnmount hook", + ["um"]: "unmounted hook", + ["a"]: "activated hook", + ["da"]: "deactivated hook", + ["ec"]: "errorCaptured hook", + ["rtc"]: "renderTracked hook", + ["rtg"]: "renderTriggered hook", + [0]: "setup function", + [1]: "render function", + [2]: "watcher getter", + [3]: "watcher callback", + [4]: "watcher cleanup function", + [5]: "native event handler", + [6]: "component event handler", + [7]: "vnode hook", + [8]: "directive hook", + [9]: "transition hook", + [10]: "app errorHandler", + [11]: "app warnHandler", + [12]: "ref function", + [13]: "async component loader", + [14]: "scheduler flush", + [15]: "component update", + [16]: "app unmount cleanup function" + }; + function callWithErrorHandling(fn, instance, type, args) { + try { + return args ? fn(...args) : fn(); + } catch (err) { + handleError(err, instance, type); + } + } + function callWithAsyncErrorHandling(fn, instance, type, args) { + if (isFunction(fn)) { + const res = callWithErrorHandling(fn, instance, type, args); + if (res && isPromise(res)) { + res.catch((err) => { + handleError(err, instance, type); + }); + } + return res; + } + if (isArray(fn)) { + const values = []; + for (let i = 0; i < fn.length; i++) { + values.push(callWithAsyncErrorHandling(fn[i], instance, type, args)); + } + return values; + } else { + warn$1( + `Invalid value type passed to callWithAsyncErrorHandling(): ${typeof fn}` + ); + } + } + function handleError(err, instance, type, throwInDev = true) { + const contextVNode = instance ? instance.vnode : null; + const { errorHandler, throwUnhandledErrorInProduction } = instance && instance.appContext.config || EMPTY_OBJ; + if (instance) { + let cur = instance.parent; + const exposedInstance = instance.proxy; + const errorInfo = ErrorTypeStrings$1[type] ; + while (cur) { + const errorCapturedHooks = cur.ec; + if (errorCapturedHooks) { + for (let i = 0; i < errorCapturedHooks.length; i++) { + if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) { + return; + } + } + } + cur = cur.parent; + } + if (errorHandler) { + pauseTracking(); + callWithErrorHandling(errorHandler, null, 10, [ + err, + exposedInstance, + errorInfo + ]); + resetTracking(); + return; + } + } + logError(err, type, contextVNode, throwInDev, throwUnhandledErrorInProduction); + } + function logError(err, type, contextVNode, throwInDev = true, throwInProd = false) { + { + const info = ErrorTypeStrings$1[type]; + if (contextVNode) { + pushWarningContext(contextVNode); + } + warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`); + if (contextVNode) { + popWarningContext(); + } + if (throwInDev) { + throw err; + } else { + console.error(err); + } + } + } + + const queue = []; + let flushIndex = -1; + const pendingPostFlushCbs = []; + let activePostFlushCbs = null; + let postFlushIndex = 0; + const resolvedPromise = /* @__PURE__ */ Promise.resolve(); + let currentFlushPromise = null; + const RECURSION_LIMIT = 100; + function nextTick(fn) { + const p = currentFlushPromise || resolvedPromise; + return fn ? p.then(this ? fn.bind(this) : fn) : p; + } + function findInsertionIndex(id) { + let start = flushIndex + 1; + let end = queue.length; + while (start < end) { + const middle = start + end >>> 1; + const middleJob = queue[middle]; + const middleJobId = getId(middleJob); + if (middleJobId < id || middleJobId === id && middleJob.flags & 2) { + start = middle + 1; + } else { + end = middle; + } + } + return start; + } + function queueJob(job) { + if (!(job.flags & 1)) { + const jobId = getId(job); + const lastJob = queue[queue.length - 1]; + if (!lastJob || // fast path when the job id is larger than the tail + !(job.flags & 2) && jobId >= getId(lastJob)) { + queue.push(job); + } else { + queue.splice(findInsertionIndex(jobId), 0, job); + } + job.flags |= 1; + queueFlush(); + } + } + function queueFlush() { + if (!currentFlushPromise) { + currentFlushPromise = resolvedPromise.then(flushJobs); + } + } + function queuePostFlushCb(cb) { + if (!isArray(cb)) { + if (activePostFlushCbs && cb.id === -1) { + activePostFlushCbs.splice(postFlushIndex + 1, 0, cb); + } else if (!(cb.flags & 1)) { + pendingPostFlushCbs.push(cb); + cb.flags |= 1; + } + } else { + pendingPostFlushCbs.push(...cb); + } + queueFlush(); + } + function flushPreFlushCbs(instance, seen, i = flushIndex + 1) { + { + seen = seen || /* @__PURE__ */ new Map(); + } + for (; i < queue.length; i++) { + const cb = queue[i]; + if (cb && cb.flags & 2) { + if (instance && cb.id !== instance.uid) { + continue; + } + if (checkRecursiveUpdates(seen, cb)) { + continue; + } + queue.splice(i, 1); + i--; + if (cb.flags & 4) { + cb.flags &= ~1; + } + cb(); + if (!(cb.flags & 4)) { + cb.flags &= ~1; + } + } + } + } + function flushPostFlushCbs(seen) { + if (pendingPostFlushCbs.length) { + const deduped = [...new Set(pendingPostFlushCbs)].sort( + (a, b) => getId(a) - getId(b) + ); + pendingPostFlushCbs.length = 0; + if (activePostFlushCbs) { + activePostFlushCbs.push(...deduped); + return; + } + activePostFlushCbs = deduped; + { + seen = seen || /* @__PURE__ */ new Map(); + } + for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) { + const cb = activePostFlushCbs[postFlushIndex]; + if (checkRecursiveUpdates(seen, cb)) { + continue; + } + if (cb.flags & 4) { + cb.flags &= ~1; + } + if (!(cb.flags & 8)) cb(); + cb.flags &= ~1; + } + activePostFlushCbs = null; + postFlushIndex = 0; + } + } + const getId = (job) => job.id == null ? job.flags & 2 ? -1 : Infinity : job.id; + function flushJobs(seen) { + { + seen = seen || /* @__PURE__ */ new Map(); + } + const check = (job) => checkRecursiveUpdates(seen, job) ; + try { + for (flushIndex = 0; flushIndex < queue.length; flushIndex++) { + const job = queue[flushIndex]; + if (job && !(job.flags & 8)) { + if (check(job)) { + continue; + } + if (job.flags & 4) { + job.flags &= ~1; + } + callWithErrorHandling( + job, + job.i, + job.i ? 15 : 14 + ); + if (!(job.flags & 4)) { + job.flags &= ~1; + } + } + } + } finally { + for (; flushIndex < queue.length; flushIndex++) { + const job = queue[flushIndex]; + if (job) { + job.flags &= ~1; + } + } + flushIndex = -1; + queue.length = 0; + flushPostFlushCbs(seen); + currentFlushPromise = null; + if (queue.length || pendingPostFlushCbs.length) { + flushJobs(seen); + } + } + } + function checkRecursiveUpdates(seen, fn) { + const count = seen.get(fn) || 0; + if (count > RECURSION_LIMIT) { + const instance = fn.i; + const componentName = instance && getComponentName(instance.type); + handleError( + `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`, + null, + 10 + ); + return true; + } + seen.set(fn, count + 1); + return false; + } + + let isHmrUpdating = false; + const hmrDirtyComponents = /* @__PURE__ */ new Map(); + { + getGlobalThis().__VUE_HMR_RUNTIME__ = { + createRecord: tryWrap(createRecord), + rerender: tryWrap(rerender), + reload: tryWrap(reload) + }; + } + const map = /* @__PURE__ */ new Map(); + function registerHMR(instance) { + const id = instance.type.__hmrId; + let record = map.get(id); + if (!record) { + createRecord(id, instance.type); + record = map.get(id); + } + record.instances.add(instance); + } + function unregisterHMR(instance) { + map.get(instance.type.__hmrId).instances.delete(instance); + } + function createRecord(id, initialDef) { + if (map.has(id)) { + return false; + } + map.set(id, { + initialDef: normalizeClassComponent(initialDef), + instances: /* @__PURE__ */ new Set() + }); + return true; + } + function normalizeClassComponent(component) { + return isClassComponent(component) ? component.__vccOpts : component; + } + function rerender(id, newRender) { + const record = map.get(id); + if (!record) { + return; + } + record.initialDef.render = newRender; + [...record.instances].forEach((instance) => { + if (newRender) { + instance.render = newRender; + normalizeClassComponent(instance.type).render = newRender; + } + instance.renderCache = []; + isHmrUpdating = true; + instance.update(); + isHmrUpdating = false; + }); + } + function reload(id, newComp) { + const record = map.get(id); + if (!record) return; + newComp = normalizeClassComponent(newComp); + updateComponentDef(record.initialDef, newComp); + const instances = [...record.instances]; + for (let i = 0; i < instances.length; i++) { + const instance = instances[i]; + const oldComp = normalizeClassComponent(instance.type); + let dirtyInstances = hmrDirtyComponents.get(oldComp); + if (!dirtyInstances) { + if (oldComp !== record.initialDef) { + updateComponentDef(oldComp, newComp); + } + hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set()); + } + dirtyInstances.add(instance); + instance.appContext.propsCache.delete(instance.type); + instance.appContext.emitsCache.delete(instance.type); + instance.appContext.optionsCache.delete(instance.type); + if (instance.ceReload) { + dirtyInstances.add(instance); + instance.ceReload(newComp.styles); + dirtyInstances.delete(instance); + } else if (instance.parent) { + queueJob(() => { + isHmrUpdating = true; + instance.parent.update(); + isHmrUpdating = false; + dirtyInstances.delete(instance); + }); + } else if (instance.appContext.reload) { + instance.appContext.reload(); + } else if (typeof window !== "undefined") { + window.location.reload(); + } else { + console.warn( + "[HMR] Root or manually mounted instance modified. Full reload required." + ); + } + if (instance.root.ce && instance !== instance.root) { + instance.root.ce._removeChildStyle(oldComp); + } + } + queuePostFlushCb(() => { + hmrDirtyComponents.clear(); + }); + } + function updateComponentDef(oldComp, newComp) { + extend(oldComp, newComp); + for (const key in oldComp) { + if (key !== "__file" && !(key in newComp)) { + delete oldComp[key]; + } + } + } + function tryWrap(fn) { + return (id, arg) => { + try { + return fn(id, arg); + } catch (e) { + console.error(e); + console.warn( + `[HMR] Something went wrong during Vue component hot-reload. Full reload required.` + ); + } + }; + } + + let devtools$1; + let buffer = []; + let devtoolsNotInstalled = false; + function emit$1(event, ...args) { + if (devtools$1) { + devtools$1.emit(event, ...args); + } else if (!devtoolsNotInstalled) { + buffer.push({ event, args }); + } + } + function setDevtoolsHook$1(hook, target) { + var _a, _b; + devtools$1 = hook; + if (devtools$1) { + devtools$1.enabled = true; + buffer.forEach(({ event, args }) => devtools$1.emit(event, ...args)); + buffer = []; + } else if ( + // handle late devtools injection - only do this if we are in an actual + // browser environment to avoid the timer handle stalling test runner exit + // (#4815) + typeof window !== "undefined" && // some envs mock window but not fully + window.HTMLElement && // also exclude jsdom + // eslint-disable-next-line no-restricted-syntax + !((_b = (_a = window.navigator) == null ? void 0 : _a.userAgent) == null ? void 0 : _b.includes("jsdom")) + ) { + const replay = target.__VUE_DEVTOOLS_HOOK_REPLAY__ = target.__VUE_DEVTOOLS_HOOK_REPLAY__ || []; + replay.push((newHook) => { + setDevtoolsHook$1(newHook, target); + }); + setTimeout(() => { + if (!devtools$1) { + target.__VUE_DEVTOOLS_HOOK_REPLAY__ = null; + devtoolsNotInstalled = true; + buffer = []; + } + }, 3e3); + } else { + devtoolsNotInstalled = true; + buffer = []; + } + } + function devtoolsInitApp(app, version) { + emit$1("app:init" /* APP_INIT */, app, version, { + Fragment, + Text, + Comment, + Static + }); + } + function devtoolsUnmountApp(app) { + emit$1("app:unmount" /* APP_UNMOUNT */, app); + } + const devtoolsComponentAdded = /* @__PURE__ */ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */); + const devtoolsComponentUpdated = /* @__PURE__ */ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */); + const _devtoolsComponentRemoved = /* @__PURE__ */ createDevtoolsComponentHook( + "component:removed" /* COMPONENT_REMOVED */ + ); + const devtoolsComponentRemoved = (component) => { + if (devtools$1 && typeof devtools$1.cleanupBuffer === "function" && // remove the component if it wasn't buffered + !devtools$1.cleanupBuffer(component)) { + _devtoolsComponentRemoved(component); + } + }; + /*! #__NO_SIDE_EFFECTS__ */ + // @__NO_SIDE_EFFECTS__ + function createDevtoolsComponentHook(hook) { + return (component) => { + emit$1( + hook, + component.appContext.app, + component.uid, + component.parent ? component.parent.uid : void 0, + component + ); + }; + } + const devtoolsPerfStart = /* @__PURE__ */ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */); + const devtoolsPerfEnd = /* @__PURE__ */ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */); + function createDevtoolsPerformanceHook(hook) { + return (component, type, time) => { + emit$1(hook, component.appContext.app, component.uid, component, type, time); + }; + } + function devtoolsComponentEmit(component, event, params) { + emit$1( + "component:emit" /* COMPONENT_EMIT */, + component.appContext.app, + component, + event, + params + ); + } + + let currentRenderingInstance = null; + let currentScopeId = null; + function setCurrentRenderingInstance(instance) { + const prev = currentRenderingInstance; + currentRenderingInstance = instance; + currentScopeId = instance && instance.type.__scopeId || null; + return prev; + } + function pushScopeId(id) { + currentScopeId = id; + } + function popScopeId() { + currentScopeId = null; + } + const withScopeId = (_id) => withCtx; + function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) { + if (!ctx) return fn; + if (fn._n) { + return fn; + } + const renderFnWithContext = (...args) => { + if (renderFnWithContext._d) { + setBlockTracking(-1); + } + const prevInstance = setCurrentRenderingInstance(ctx); + let res; + try { + res = fn(...args); + } finally { + setCurrentRenderingInstance(prevInstance); + if (renderFnWithContext._d) { + setBlockTracking(1); + } + } + { + devtoolsComponentUpdated(ctx); + } + return res; + }; + renderFnWithContext._n = true; + renderFnWithContext._c = true; + renderFnWithContext._d = true; + return renderFnWithContext; + } + + function validateDirectiveName(name) { + if (isBuiltInDirective(name)) { + warn$1("Do not use built-in directive ids as custom directive id: " + name); + } + } + function withDirectives(vnode, directives) { + if (currentRenderingInstance === null) { + warn$1(`withDirectives can only be used inside render functions.`); + return vnode; + } + const instance = getComponentPublicInstance(currentRenderingInstance); + const bindings = vnode.dirs || (vnode.dirs = []); + for (let i = 0; i < directives.length; i++) { + let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i]; + if (dir) { + if (isFunction(dir)) { + dir = { + mounted: dir, + updated: dir + }; + } + if (dir.deep) { + traverse(value); + } + bindings.push({ + dir, + instance, + value, + oldValue: void 0, + arg, + modifiers + }); + } + } + return vnode; + } + function invokeDirectiveHook(vnode, prevVNode, instance, name) { + const bindings = vnode.dirs; + const oldBindings = prevVNode && prevVNode.dirs; + for (let i = 0; i < bindings.length; i++) { + const binding = bindings[i]; + if (oldBindings) { + binding.oldValue = oldBindings[i].value; + } + let hook = binding.dir[name]; + if (hook) { + pauseTracking(); + callWithAsyncErrorHandling(hook, instance, 8, [ + vnode.el, + binding, + vnode, + prevVNode + ]); + resetTracking(); + } + } + } + + const TeleportEndKey = Symbol("_vte"); + const isTeleport = (type) => type.__isTeleport; + const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === ""); + const isTeleportDeferred = (props) => props && (props.defer || props.defer === ""); + const isTargetSVG = (target) => typeof SVGElement !== "undefined" && target instanceof SVGElement; + const isTargetMathML = (target) => typeof MathMLElement === "function" && target instanceof MathMLElement; + const resolveTarget = (props, select) => { + const targetSelector = props && props.to; + if (isString(targetSelector)) { + if (!select) { + warn$1( + `Current renderer does not support string target for Teleports. (missing querySelector renderer option)` + ); + return null; + } else { + const target = select(targetSelector); + if (!target && !isTeleportDisabled(props)) { + warn$1( + `Failed to locate Teleport target with selector "${targetSelector}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.` + ); + } + return target; + } + } else { + if (!targetSelector && !isTeleportDisabled(props)) { + warn$1(`Invalid Teleport target: ${targetSelector}`); + } + return targetSelector; + } + }; + const TeleportImpl = { + name: "Teleport", + __isTeleport: true, + process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) { + const { + mc: mountChildren, + pc: patchChildren, + pbc: patchBlockChildren, + o: { insert, querySelector, createText, createComment } + } = internals; + const disabled = isTeleportDisabled(n2.props); + let { shapeFlag, children, dynamicChildren } = n2; + if (isHmrUpdating) { + optimized = false; + dynamicChildren = null; + } + if (n1 == null) { + const placeholder = n2.el = createComment("teleport start") ; + const mainAnchor = n2.anchor = createComment("teleport end") ; + insert(placeholder, container, anchor); + insert(mainAnchor, container, anchor); + const mount = (container2, anchor2) => { + if (shapeFlag & 16) { + if (parentComponent && parentComponent.isCE) { + parentComponent.ce._teleportTarget = container2; + } + mountChildren( + children, + container2, + anchor2, + parentComponent, + parentSuspense, + namespace, + slotScopeIds, + optimized + ); + } + }; + const mountToTarget = () => { + const target = n2.target = resolveTarget(n2.props, querySelector); + const targetAnchor = prepareAnchor(target, n2, createText, insert); + if (target) { + if (namespace !== "svg" && isTargetSVG(target)) { + namespace = "svg"; + } else if (namespace !== "mathml" && isTargetMathML(target)) { + namespace = "mathml"; + } + if (!disabled) { + mount(target, targetAnchor); + updateCssVars(n2, false); + } + } else if (!disabled) { + warn$1( + "Invalid Teleport target on mount:", + target, + `(${typeof target})` + ); + } + }; + if (disabled) { + mount(container, mainAnchor); + updateCssVars(n2, true); + } + if (isTeleportDeferred(n2.props)) { + queuePostRenderEffect(() => { + mountToTarget(); + n2.el.__isMounted = true; + }, parentSuspense); + } else { + mountToTarget(); + } + } else { + if (isTeleportDeferred(n2.props) && !n1.el.__isMounted) { + queuePostRenderEffect(() => { + TeleportImpl.process( + n1, + n2, + container, + anchor, + parentComponent, + parentSuspense, + namespace, + slotScopeIds, + optimized, + internals + ); + delete n1.el.__isMounted; + }, parentSuspense); + return; + } + n2.el = n1.el; + n2.targetStart = n1.targetStart; + const mainAnchor = n2.anchor = n1.anchor; + const target = n2.target = n1.target; + const targetAnchor = n2.targetAnchor = n1.targetAnchor; + const wasDisabled = isTeleportDisabled(n1.props); + const currentContainer = wasDisabled ? container : target; + const currentAnchor = wasDisabled ? mainAnchor : targetAnchor; + if (namespace === "svg" || isTargetSVG(target)) { + namespace = "svg"; + } else if (namespace === "mathml" || isTargetMathML(target)) { + namespace = "mathml"; + } + if (dynamicChildren) { + patchBlockChildren( + n1.dynamicChildren, + dynamicChildren, + currentContainer, + parentComponent, + parentSuspense, + namespace, + slotScopeIds + ); + traverseStaticChildren(n1, n2, true); + } else if (!optimized) { + patchChildren( + n1, + n2, + currentContainer, + currentAnchor, + parentComponent, + parentSuspense, + namespace, + slotScopeIds, + false + ); + } + if (disabled) { + if (!wasDisabled) { + moveTeleport( + n2, + container, + mainAnchor, + internals, + 1 + ); + } else { + if (n2.props && n1.props && n2.props.to !== n1.props.to) { + n2.props.to = n1.props.to; + } + } + } else { + if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) { + const nextTarget = n2.target = resolveTarget( + n2.props, + querySelector + ); + if (nextTarget) { + moveTeleport( + n2, + nextTarget, + null, + internals, + 0 + ); + } else { + warn$1( + "Invalid Teleport target on update:", + target, + `(${typeof target})` + ); + } + } else if (wasDisabled) { + moveTeleport( + n2, + target, + targetAnchor, + internals, + 1 + ); + } + } + updateCssVars(n2, disabled); + } + }, + remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) { + const { + shapeFlag, + children, + anchor, + targetStart, + targetAnchor, + target, + props + } = vnode; + if (target) { + hostRemove(targetStart); + hostRemove(targetAnchor); + } + doRemove && hostRemove(anchor); + if (shapeFlag & 16) { + const shouldRemove = doRemove || !isTeleportDisabled(props); + for (let i = 0; i < children.length; i++) { + const child = children[i]; + unmount( + child, + parentComponent, + parentSuspense, + shouldRemove, + !!child.dynamicChildren + ); + } + } + }, + move: moveTeleport, + hydrate: hydrateTeleport + }; + function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2) { + if (moveType === 0) { + insert(vnode.targetAnchor, container, parentAnchor); + } + const { el, anchor, shapeFlag, children, props } = vnode; + const isReorder = moveType === 2; + if (isReorder) { + insert(el, container, parentAnchor); + } + if (!isReorder || isTeleportDisabled(props)) { + if (shapeFlag & 16) { + for (let i = 0; i < children.length; i++) { + move( + children[i], + container, + parentAnchor, + 2 + ); + } + } + } + if (isReorder) { + insert(anchor, container, parentAnchor); + } + } + function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { + o: { nextSibling, parentNode, querySelector, insert, createText } + }, hydrateChildren) { + const target = vnode.target = resolveTarget( + vnode.props, + querySelector + ); + if (target) { + const disabled = isTeleportDisabled(vnode.props); + const targetNode = target._lpa || target.firstChild; + if (vnode.shapeFlag & 16) { + if (disabled) { + vnode.anchor = hydrateChildren( + nextSibling(node), + vnode, + parentNode(node), + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + vnode.targetStart = targetNode; + vnode.targetAnchor = targetNode && nextSibling(targetNode); + } else { + vnode.anchor = nextSibling(node); + let targetAnchor = targetNode; + while (targetAnchor) { + if (targetAnchor && targetAnchor.nodeType === 8) { + if (targetAnchor.data === "teleport start anchor") { + vnode.targetStart = targetAnchor; + } else if (targetAnchor.data === "teleport anchor") { + vnode.targetAnchor = targetAnchor; + target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor); + break; + } + } + targetAnchor = nextSibling(targetAnchor); + } + if (!vnode.targetAnchor) { + prepareAnchor(target, vnode, createText, insert); + } + hydrateChildren( + targetNode && nextSibling(targetNode), + vnode, + target, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + } + } + updateCssVars(vnode, disabled); + } + return vnode.anchor && nextSibling(vnode.anchor); + } + const Teleport = TeleportImpl; + function updateCssVars(vnode, isDisabled) { + const ctx = vnode.ctx; + if (ctx && ctx.ut) { + let node, anchor; + if (isDisabled) { + node = vnode.el; + anchor = vnode.anchor; + } else { + node = vnode.targetStart; + anchor = vnode.targetAnchor; + } + while (node && node !== anchor) { + if (node.nodeType === 1) node.setAttribute("data-v-owner", ctx.uid); + node = node.nextSibling; + } + ctx.ut(); + } + } + function prepareAnchor(target, vnode, createText, insert) { + const targetStart = vnode.targetStart = createText(""); + const targetAnchor = vnode.targetAnchor = createText(""); + targetStart[TeleportEndKey] = targetAnchor; + if (target) { + insert(targetStart, target); + insert(targetAnchor, target); + } + return targetAnchor; + } + + const leaveCbKey = Symbol("_leaveCb"); + const enterCbKey$1 = Symbol("_enterCb"); + function useTransitionState() { + const state = { + isMounted: false, + isLeaving: false, + isUnmounting: false, + leavingVNodes: /* @__PURE__ */ new Map() + }; + onMounted(() => { + state.isMounted = true; + }); + onBeforeUnmount(() => { + state.isUnmounting = true; + }); + return state; + } + const TransitionHookValidator = [Function, Array]; + const BaseTransitionPropsValidators = { + mode: String, + appear: Boolean, + persisted: Boolean, + // enter + onBeforeEnter: TransitionHookValidator, + onEnter: TransitionHookValidator, + onAfterEnter: TransitionHookValidator, + onEnterCancelled: TransitionHookValidator, + // leave + onBeforeLeave: TransitionHookValidator, + onLeave: TransitionHookValidator, + onAfterLeave: TransitionHookValidator, + onLeaveCancelled: TransitionHookValidator, + // appear + onBeforeAppear: TransitionHookValidator, + onAppear: TransitionHookValidator, + onAfterAppear: TransitionHookValidator, + onAppearCancelled: TransitionHookValidator + }; + const recursiveGetSubtree = (instance) => { + const subTree = instance.subTree; + return subTree.component ? recursiveGetSubtree(subTree.component) : subTree; + }; + const BaseTransitionImpl = { + name: `BaseTransition`, + props: BaseTransitionPropsValidators, + setup(props, { slots }) { + const instance = getCurrentInstance(); + const state = useTransitionState(); + return () => { + const children = slots.default && getTransitionRawChildren(slots.default(), true); + if (!children || !children.length) { + return; + } + const child = findNonCommentChild(children); + const rawProps = toRaw(props); + const { mode } = rawProps; + if (mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") { + warn$1(`invalid mode: ${mode}`); + } + if (state.isLeaving) { + return emptyPlaceholder(child); + } + const innerChild = getInnerChild$1(child); + if (!innerChild) { + return emptyPlaceholder(child); + } + let enterHooks = resolveTransitionHooks( + innerChild, + rawProps, + state, + instance, + // #11061, ensure enterHooks is fresh after clone + (hooks) => enterHooks = hooks + ); + if (innerChild.type !== Comment) { + setTransitionHooks(innerChild, enterHooks); + } + let oldInnerChild = instance.subTree && getInnerChild$1(instance.subTree); + if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(innerChild, oldInnerChild) && recursiveGetSubtree(instance).type !== Comment) { + let leavingHooks = resolveTransitionHooks( + oldInnerChild, + rawProps, + state, + instance + ); + setTransitionHooks(oldInnerChild, leavingHooks); + if (mode === "out-in" && innerChild.type !== Comment) { + state.isLeaving = true; + leavingHooks.afterLeave = () => { + state.isLeaving = false; + if (!(instance.job.flags & 8)) { + instance.update(); + } + delete leavingHooks.afterLeave; + oldInnerChild = void 0; + }; + return emptyPlaceholder(child); + } else if (mode === "in-out" && innerChild.type !== Comment) { + leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => { + const leavingVNodesCache = getLeavingNodesForType( + state, + oldInnerChild + ); + leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; + el[leaveCbKey] = () => { + earlyRemove(); + el[leaveCbKey] = void 0; + delete enterHooks.delayedLeave; + oldInnerChild = void 0; + }; + enterHooks.delayedLeave = () => { + delayedLeave(); + delete enterHooks.delayedLeave; + oldInnerChild = void 0; + }; + }; + } else { + oldInnerChild = void 0; + } + } else if (oldInnerChild) { + oldInnerChild = void 0; + } + return child; + }; + } + }; + function findNonCommentChild(children) { + let child = children[0]; + if (children.length > 1) { + let hasFound = false; + for (const c of children) { + if (c.type !== Comment) { + if (hasFound) { + warn$1( + " can only be used on a single element or component. Use for lists." + ); + break; + } + child = c; + hasFound = true; + } + } + } + return child; + } + const BaseTransition = BaseTransitionImpl; + function getLeavingNodesForType(state, vnode) { + const { leavingVNodes } = state; + let leavingVNodesCache = leavingVNodes.get(vnode.type); + if (!leavingVNodesCache) { + leavingVNodesCache = /* @__PURE__ */ Object.create(null); + leavingVNodes.set(vnode.type, leavingVNodesCache); + } + return leavingVNodesCache; + } + function resolveTransitionHooks(vnode, props, state, instance, postClone) { + const { + appear, + mode, + persisted = false, + onBeforeEnter, + onEnter, + onAfterEnter, + onEnterCancelled, + onBeforeLeave, + onLeave, + onAfterLeave, + onLeaveCancelled, + onBeforeAppear, + onAppear, + onAfterAppear, + onAppearCancelled + } = props; + const key = String(vnode.key); + const leavingVNodesCache = getLeavingNodesForType(state, vnode); + const callHook = (hook, args) => { + hook && callWithAsyncErrorHandling( + hook, + instance, + 9, + args + ); + }; + const callAsyncHook = (hook, args) => { + const done = args[1]; + callHook(hook, args); + if (isArray(hook)) { + if (hook.every((hook2) => hook2.length <= 1)) done(); + } else if (hook.length <= 1) { + done(); + } + }; + const hooks = { + mode, + persisted, + beforeEnter(el) { + let hook = onBeforeEnter; + if (!state.isMounted) { + if (appear) { + hook = onBeforeAppear || onBeforeEnter; + } else { + return; + } + } + if (el[leaveCbKey]) { + el[leaveCbKey]( + true + /* cancelled */ + ); + } + const leavingVNode = leavingVNodesCache[key]; + if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el[leaveCbKey]) { + leavingVNode.el[leaveCbKey](); + } + callHook(hook, [el]); + }, + enter(el) { + let hook = onEnter; + let afterHook = onAfterEnter; + let cancelHook = onEnterCancelled; + if (!state.isMounted) { + if (appear) { + hook = onAppear || onEnter; + afterHook = onAfterAppear || onAfterEnter; + cancelHook = onAppearCancelled || onEnterCancelled; + } else { + return; + } + } + let called = false; + const done = el[enterCbKey$1] = (cancelled) => { + if (called) return; + called = true; + if (cancelled) { + callHook(cancelHook, [el]); + } else { + callHook(afterHook, [el]); + } + if (hooks.delayedLeave) { + hooks.delayedLeave(); + } + el[enterCbKey$1] = void 0; + }; + if (hook) { + callAsyncHook(hook, [el, done]); + } else { + done(); + } + }, + leave(el, remove) { + const key2 = String(vnode.key); + if (el[enterCbKey$1]) { + el[enterCbKey$1]( + true + /* cancelled */ + ); + } + if (state.isUnmounting) { + return remove(); + } + callHook(onBeforeLeave, [el]); + let called = false; + const done = el[leaveCbKey] = (cancelled) => { + if (called) return; + called = true; + remove(); + if (cancelled) { + callHook(onLeaveCancelled, [el]); + } else { + callHook(onAfterLeave, [el]); + } + el[leaveCbKey] = void 0; + if (leavingVNodesCache[key2] === vnode) { + delete leavingVNodesCache[key2]; + } + }; + leavingVNodesCache[key2] = vnode; + if (onLeave) { + callAsyncHook(onLeave, [el, done]); + } else { + done(); + } + }, + clone(vnode2) { + const hooks2 = resolveTransitionHooks( + vnode2, + props, + state, + instance, + postClone + ); + if (postClone) postClone(hooks2); + return hooks2; + } + }; + return hooks; + } + function emptyPlaceholder(vnode) { + if (isKeepAlive(vnode)) { + vnode = cloneVNode(vnode); + vnode.children = null; + return vnode; + } + } + function getInnerChild$1(vnode) { + if (!isKeepAlive(vnode)) { + if (isTeleport(vnode.type) && vnode.children) { + return findNonCommentChild(vnode.children); + } + return vnode; + } + if (vnode.component) { + return vnode.component.subTree; + } + const { shapeFlag, children } = vnode; + if (children) { + if (shapeFlag & 16) { + return children[0]; + } + if (shapeFlag & 32 && isFunction(children.default)) { + return children.default(); + } + } + } + function setTransitionHooks(vnode, hooks) { + if (vnode.shapeFlag & 6 && vnode.component) { + vnode.transition = hooks; + setTransitionHooks(vnode.component.subTree, hooks); + } else if (vnode.shapeFlag & 128) { + vnode.ssContent.transition = hooks.clone(vnode.ssContent); + vnode.ssFallback.transition = hooks.clone(vnode.ssFallback); + } else { + vnode.transition = hooks; + } + } + function getTransitionRawChildren(children, keepComment = false, parentKey) { + let ret = []; + let keyedFragmentCount = 0; + for (let i = 0; i < children.length; i++) { + let child = children[i]; + const key = parentKey == null ? child.key : String(parentKey) + String(child.key != null ? child.key : i); + if (child.type === Fragment) { + if (child.patchFlag & 128) keyedFragmentCount++; + ret = ret.concat( + getTransitionRawChildren(child.children, keepComment, key) + ); + } else if (keepComment || child.type !== Comment) { + ret.push(key != null ? cloneVNode(child, { key }) : child); + } + } + if (keyedFragmentCount > 1) { + for (let i = 0; i < ret.length; i++) { + ret[i].patchFlag = -2; + } + } + return ret; + } + + /*! #__NO_SIDE_EFFECTS__ */ + // @__NO_SIDE_EFFECTS__ + function defineComponent(options, extraOptions) { + return isFunction(options) ? ( + // #8236: extend call and options.name access are considered side-effects + // by Rollup, so we have to wrap it in a pure-annotated IIFE. + /* @__PURE__ */ (() => extend({ name: options.name }, extraOptions, { setup: options }))() + ) : options; + } + + function useId() { + const i = getCurrentInstance(); + if (i) { + return (i.appContext.config.idPrefix || "v") + "-" + i.ids[0] + i.ids[1]++; + } else { + warn$1( + `useId() is called when there is no active component instance to be associated with.` + ); + } + return ""; + } + function markAsyncBoundary(instance) { + instance.ids = [instance.ids[0] + instance.ids[2]++ + "-", 0, 0]; + } + + const knownTemplateRefs = /* @__PURE__ */ new WeakSet(); + function useTemplateRef(key) { + const i = getCurrentInstance(); + const r = shallowRef(null); + if (i) { + const refs = i.refs === EMPTY_OBJ ? i.refs = {} : i.refs; + let desc; + if ((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable) { + warn$1(`useTemplateRef('${key}') already exists.`); + } else { + Object.defineProperty(refs, key, { + enumerable: true, + get: () => r.value, + set: (val) => r.value = val + }); + } + } else { + warn$1( + `useTemplateRef() is called when there is no active component instance to be associated with.` + ); + } + const ret = readonly(r) ; + { + knownTemplateRefs.add(ret); + } + return ret; + } + + function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) { + if (isArray(rawRef)) { + rawRef.forEach( + (r, i) => setRef( + r, + oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), + parentSuspense, + vnode, + isUnmount + ) + ); + return; + } + if (isAsyncWrapper(vnode) && !isUnmount) { + if (vnode.shapeFlag & 512 && vnode.type.__asyncResolved && vnode.component.subTree.component) { + setRef(rawRef, oldRawRef, parentSuspense, vnode.component.subTree); + } + return; + } + const refValue = vnode.shapeFlag & 4 ? getComponentPublicInstance(vnode.component) : vnode.el; + const value = isUnmount ? null : refValue; + const { i: owner, r: ref } = rawRef; + if (!owner) { + warn$1( + `Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function.` + ); + return; + } + const oldRef = oldRawRef && oldRawRef.r; + const refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs; + const setupState = owner.setupState; + const rawSetupState = toRaw(setupState); + const canSetSetupRef = setupState === EMPTY_OBJ ? () => false : (key) => { + { + if (hasOwn(rawSetupState, key) && !isRef(rawSetupState[key])) { + warn$1( + `Template ref "${key}" used on a non-ref value. It will not work in the production build.` + ); + } + if (knownTemplateRefs.has(rawSetupState[key])) { + return false; + } + } + return hasOwn(rawSetupState, key); + }; + if (oldRef != null && oldRef !== ref) { + if (isString(oldRef)) { + refs[oldRef] = null; + if (canSetSetupRef(oldRef)) { + setupState[oldRef] = null; + } + } else if (isRef(oldRef)) { + oldRef.value = null; + } + } + if (isFunction(ref)) { + callWithErrorHandling(ref, owner, 12, [value, refs]); + } else { + const _isString = isString(ref); + const _isRef = isRef(ref); + if (_isString || _isRef) { + const doSet = () => { + if (rawRef.f) { + const existing = _isString ? canSetSetupRef(ref) ? setupState[ref] : refs[ref] : ref.value; + if (isUnmount) { + isArray(existing) && remove(existing, refValue); + } else { + if (!isArray(existing)) { + if (_isString) { + refs[ref] = [refValue]; + if (canSetSetupRef(ref)) { + setupState[ref] = refs[ref]; + } + } else { + ref.value = [refValue]; + if (rawRef.k) refs[rawRef.k] = ref.value; + } + } else if (!existing.includes(refValue)) { + existing.push(refValue); + } + } + } else if (_isString) { + refs[ref] = value; + if (canSetSetupRef(ref)) { + setupState[ref] = value; + } + } else if (_isRef) { + ref.value = value; + if (rawRef.k) refs[rawRef.k] = value; + } else { + warn$1("Invalid template ref type:", ref, `(${typeof ref})`); + } + }; + if (value) { + doSet.id = -1; + queuePostRenderEffect(doSet, parentSuspense); + } else { + doSet(); + } + } else { + warn$1("Invalid template ref type:", ref, `(${typeof ref})`); + } + } + } + + let hasLoggedMismatchError = false; + const logMismatchError = () => { + if (hasLoggedMismatchError) { + return; + } + console.error("Hydration completed but contains mismatches."); + hasLoggedMismatchError = true; + }; + const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject"; + const isMathMLContainer = (container) => container.namespaceURI.includes("MathML"); + const getContainerType = (container) => { + if (container.nodeType !== 1) return void 0; + if (isSVGContainer(container)) return "svg"; + if (isMathMLContainer(container)) return "mathml"; + return void 0; + }; + const isComment = (node) => node.nodeType === 8; + function createHydrationFunctions(rendererInternals) { + const { + mt: mountComponent, + p: patch, + o: { + patchProp, + createText, + nextSibling, + parentNode, + remove, + insert, + createComment + } + } = rendererInternals; + const hydrate = (vnode, container) => { + if (!container.hasChildNodes()) { + warn$1( + `Attempting to hydrate existing markup but container is empty. Performing full mount instead.` + ); + patch(null, vnode, container); + flushPostFlushCbs(); + container._vnode = vnode; + return; + } + hydrateNode(container.firstChild, vnode, null, null, null); + flushPostFlushCbs(); + container._vnode = vnode; + }; + const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => { + optimized = optimized || !!vnode.dynamicChildren; + const isFragmentStart = isComment(node) && node.data === "["; + const onMismatch = () => handleMismatch( + node, + vnode, + parentComponent, + parentSuspense, + slotScopeIds, + isFragmentStart + ); + const { type, ref, shapeFlag, patchFlag } = vnode; + let domType = node.nodeType; + vnode.el = node; + { + def(node, "__vnode", vnode, true); + def(node, "__vueParentComponent", parentComponent, true); + } + if (patchFlag === -2) { + optimized = false; + vnode.dynamicChildren = null; + } + let nextNode = null; + switch (type) { + case Text: + if (domType !== 3) { + if (vnode.children === "") { + insert(vnode.el = createText(""), parentNode(node), node); + nextNode = node; + } else { + nextNode = onMismatch(); + } + } else { + if (node.data !== vnode.children) { + warn$1( + `Hydration text mismatch in`, + node.parentNode, + ` + - rendered on server: ${JSON.stringify( + node.data + )} + - expected on client: ${JSON.stringify(vnode.children)}` + ); + logMismatchError(); + node.data = vnode.children; + } + nextNode = nextSibling(node); + } + break; + case Comment: + if (isTemplateNode(node)) { + nextNode = nextSibling(node); + replaceNode( + vnode.el = node.content.firstChild, + node, + parentComponent + ); + } else if (domType !== 8 || isFragmentStart) { + nextNode = onMismatch(); + } else { + nextNode = nextSibling(node); + } + break; + case Static: + if (isFragmentStart) { + node = nextSibling(node); + domType = node.nodeType; + } + if (domType === 1 || domType === 3) { + nextNode = node; + const needToAdoptContent = !vnode.children.length; + for (let i = 0; i < vnode.staticCount; i++) { + if (needToAdoptContent) + vnode.children += nextNode.nodeType === 1 ? nextNode.outerHTML : nextNode.data; + if (i === vnode.staticCount - 1) { + vnode.anchor = nextNode; + } + nextNode = nextSibling(nextNode); + } + return isFragmentStart ? nextSibling(nextNode) : nextNode; + } else { + onMismatch(); + } + break; + case Fragment: + if (!isFragmentStart) { + nextNode = onMismatch(); + } else { + nextNode = hydrateFragment( + node, + vnode, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + } + break; + default: + if (shapeFlag & 1) { + if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode(node)) { + nextNode = onMismatch(); + } else { + nextNode = hydrateElement( + node, + vnode, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + } + } else if (shapeFlag & 6) { + vnode.slotScopeIds = slotScopeIds; + const container = parentNode(node); + if (isFragmentStart) { + nextNode = locateClosingAnchor(node); + } else if (isComment(node) && node.data === "teleport start") { + nextNode = locateClosingAnchor(node, node.data, "teleport end"); + } else { + nextNode = nextSibling(node); + } + mountComponent( + vnode, + container, + null, + parentComponent, + parentSuspense, + getContainerType(container), + optimized + ); + if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved) { + let subTree; + if (isFragmentStart) { + subTree = createVNode(Fragment); + subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild; + } else { + subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("div"); + } + subTree.el = node; + vnode.component.subTree = subTree; + } + } else if (shapeFlag & 64) { + if (domType !== 8) { + nextNode = onMismatch(); + } else { + nextNode = vnode.type.hydrate( + node, + vnode, + parentComponent, + parentSuspense, + slotScopeIds, + optimized, + rendererInternals, + hydrateChildren + ); + } + } else if (shapeFlag & 128) { + nextNode = vnode.type.hydrate( + node, + vnode, + parentComponent, + parentSuspense, + getContainerType(parentNode(node)), + slotScopeIds, + optimized, + rendererInternals, + hydrateNode + ); + } else { + warn$1("Invalid HostVNode type:", type, `(${typeof type})`); + } + } + if (ref != null) { + setRef(ref, null, parentSuspense, vnode); + } + return nextNode; + }; + const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!vnode.dynamicChildren; + const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode; + const forcePatch = type === "input" || type === "option"; + { + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, "created"); + } + let needCallTransitionHooks = false; + if (isTemplateNode(el)) { + needCallTransitionHooks = needTransition( + null, + // no need check parentSuspense in hydration + transition + ) && parentComponent && parentComponent.vnode.props && parentComponent.vnode.props.appear; + const content = el.content.firstChild; + if (needCallTransitionHooks) { + transition.beforeEnter(content); + } + replaceNode(content, el, parentComponent); + vnode.el = el = content; + } + if (shapeFlag & 16 && // skip if element has innerHTML / textContent + !(props && (props.innerHTML || props.textContent))) { + let next = hydrateChildren( + el.firstChild, + vnode, + el, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + let hasWarned = false; + while (next) { + if (!isMismatchAllowed(el, 1 /* CHILDREN */)) { + if (!hasWarned) { + warn$1( + `Hydration children mismatch on`, + el, + ` +Server rendered element contains more child nodes than client vdom.` + ); + hasWarned = true; + } + logMismatchError(); + } + const cur = next; + next = next.nextSibling; + remove(cur); + } + } else if (shapeFlag & 8) { + let clientText = vnode.children; + if (clientText[0] === "\n" && (el.tagName === "PRE" || el.tagName === "TEXTAREA")) { + clientText = clientText.slice(1); + } + if (el.textContent !== clientText) { + if (!isMismatchAllowed(el, 0 /* TEXT */)) { + warn$1( + `Hydration text content mismatch on`, + el, + ` + - rendered on server: ${el.textContent} + - expected on client: ${vnode.children}` + ); + logMismatchError(); + } + el.textContent = vnode.children; + } + } + if (props) { + { + const isCustomElement = el.tagName.includes("-"); + for (const key in props) { + if (// #11189 skip if this node has directives that have created hooks + // as it could have mutated the DOM in any possible way + !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) { + logMismatchError(); + } + if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers + key[0] === "." || isCustomElement) { + patchProp(el, key, null, props[key], void 0, parentComponent); + } + } + } + } + let vnodeHooks; + if (vnodeHooks = props && props.onVnodeBeforeMount) { + invokeVNodeHook(vnodeHooks, parentComponent, vnode); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, "beforeMount"); + } + if ((vnodeHooks = props && props.onVnodeMounted) || dirs || needCallTransitionHooks) { + queueEffectWithSuspense(() => { + vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode); + needCallTransitionHooks && transition.enter(el); + dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted"); + }, parentSuspense); + } + } + return el.nextSibling; + }; + const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!parentVNode.dynamicChildren; + const children = parentVNode.children; + const l = children.length; + let hasWarned = false; + for (let i = 0; i < l; i++) { + const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]); + const isText = vnode.type === Text; + if (node) { + if (isText && !optimized) { + if (i + 1 < l && normalizeVNode(children[i + 1]).type === Text) { + insert( + createText( + node.data.slice(vnode.children.length) + ), + container, + nextSibling(node) + ); + node.data = vnode.children; + } + } + node = hydrateNode( + node, + vnode, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + } else if (isText && !vnode.children) { + insert(vnode.el = createText(""), container); + } else { + if (!isMismatchAllowed(container, 1 /* CHILDREN */)) { + if (!hasWarned) { + warn$1( + `Hydration children mismatch on`, + container, + ` +Server rendered element contains fewer child nodes than client vdom.` + ); + hasWarned = true; + } + logMismatchError(); + } + patch( + null, + vnode, + container, + null, + parentComponent, + parentSuspense, + getContainerType(container), + slotScopeIds + ); + } + } + return node; + }; + const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + const { slotScopeIds: fragmentSlotScopeIds } = vnode; + if (fragmentSlotScopeIds) { + slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds; + } + const container = parentNode(node); + const next = hydrateChildren( + nextSibling(node), + vnode, + container, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + if (next && isComment(next) && next.data === "]") { + return nextSibling(vnode.anchor = next); + } else { + logMismatchError(); + insert(vnode.anchor = createComment(`]`), container, next); + return next; + } + }; + const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => { + if (!isMismatchAllowed(node.parentElement, 1 /* CHILDREN */)) { + warn$1( + `Hydration node mismatch: +- rendered on server:`, + node, + node.nodeType === 3 ? `(text)` : isComment(node) && node.data === "[" ? `(start of fragment)` : ``, + ` +- expected on client:`, + vnode.type + ); + logMismatchError(); + } + vnode.el = null; + if (isFragment) { + const end = locateClosingAnchor(node); + while (true) { + const next2 = nextSibling(node); + if (next2 && next2 !== end) { + remove(next2); + } else { + break; + } + } + } + const next = nextSibling(node); + const container = parentNode(node); + remove(node); + patch( + null, + vnode, + container, + next, + parentComponent, + parentSuspense, + getContainerType(container), + slotScopeIds + ); + if (parentComponent) { + parentComponent.vnode.el = vnode.el; + updateHOCHostEl(parentComponent, vnode.el); + } + return next; + }; + const locateClosingAnchor = (node, open = "[", close = "]") => { + let match = 0; + while (node) { + node = nextSibling(node); + if (node && isComment(node)) { + if (node.data === open) match++; + if (node.data === close) { + if (match === 0) { + return nextSibling(node); + } else { + match--; + } + } + } + } + return node; + }; + const replaceNode = (newNode, oldNode, parentComponent) => { + const parentNode2 = oldNode.parentNode; + if (parentNode2) { + parentNode2.replaceChild(newNode, oldNode); + } + let parent = parentComponent; + while (parent) { + if (parent.vnode.el === oldNode) { + parent.vnode.el = parent.subTree.el = newNode; + } + parent = parent.parent; + } + }; + const isTemplateNode = (node) => { + return node.nodeType === 1 && node.tagName === "TEMPLATE"; + }; + return [hydrate, hydrateNode]; + } + function propHasMismatch(el, key, clientValue, vnode, instance) { + let mismatchType; + let mismatchKey; + let actual; + let expected; + if (key === "class") { + actual = el.getAttribute("class"); + expected = normalizeClass(clientValue); + if (!isSetEqual(toClassSet(actual || ""), toClassSet(expected))) { + mismatchType = 2 /* CLASS */; + mismatchKey = `class`; + } + } else if (key === "style") { + actual = el.getAttribute("style") || ""; + expected = isString(clientValue) ? clientValue : stringifyStyle(normalizeStyle(clientValue)); + const actualMap = toStyleMap(actual); + const expectedMap = toStyleMap(expected); + if (vnode.dirs) { + for (const { dir, value } of vnode.dirs) { + if (dir.name === "show" && !value) { + expectedMap.set("display", "none"); + } + } + } + if (instance) { + resolveCssVars(instance, vnode, expectedMap); + } + if (!isMapEqual(actualMap, expectedMap)) { + mismatchType = 3 /* STYLE */; + mismatchKey = "style"; + } + } else if (el instanceof SVGElement && isKnownSvgAttr(key) || el instanceof HTMLElement && (isBooleanAttr(key) || isKnownHtmlAttr(key))) { + if (isBooleanAttr(key)) { + actual = el.hasAttribute(key); + expected = includeBooleanAttr(clientValue); + } else if (clientValue == null) { + actual = el.hasAttribute(key); + expected = false; + } else { + if (el.hasAttribute(key)) { + actual = el.getAttribute(key); + } else if (key === "value" && el.tagName === "TEXTAREA") { + actual = el.value; + } else { + actual = false; + } + expected = isRenderableAttrValue(clientValue) ? String(clientValue) : false; + } + if (actual !== expected) { + mismatchType = 4 /* ATTRIBUTE */; + mismatchKey = key; + } + } + if (mismatchType != null && !isMismatchAllowed(el, mismatchType)) { + const format = (v) => v === false ? `(not rendered)` : `${mismatchKey}="${v}"`; + const preSegment = `Hydration ${MismatchTypeString[mismatchType]} mismatch on`; + const postSegment = ` + - rendered on server: ${format(actual)} + - expected on client: ${format(expected)} + Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead. + You should fix the source of the mismatch.`; + { + warn$1(preSegment, el, postSegment); + } + return true; + } + return false; + } + function toClassSet(str) { + return new Set(str.trim().split(/\s+/)); + } + function isSetEqual(a, b) { + if (a.size !== b.size) { + return false; + } + for (const s of a) { + if (!b.has(s)) { + return false; + } + } + return true; + } + function toStyleMap(str) { + const styleMap = /* @__PURE__ */ new Map(); + for (const item of str.split(";")) { + let [key, value] = item.split(":"); + key = key.trim(); + value = value && value.trim(); + if (key && value) { + styleMap.set(key, value); + } + } + return styleMap; + } + function isMapEqual(a, b) { + if (a.size !== b.size) { + return false; + } + for (const [key, value] of a) { + if (value !== b.get(key)) { + return false; + } + } + return true; + } + function resolveCssVars(instance, vnode, expectedMap) { + const root = instance.subTree; + if (instance.getCssVars && (vnode === root || root && root.type === Fragment && root.children.includes(vnode))) { + const cssVars = instance.getCssVars(); + for (const key in cssVars) { + expectedMap.set( + `--${getEscapedCssVarName(key)}`, + String(cssVars[key]) + ); + } + } + if (vnode === root && instance.parent) { + resolveCssVars(instance.parent, instance.vnode, expectedMap); + } + } + const allowMismatchAttr = "data-allow-mismatch"; + const MismatchTypeString = { + [0 /* TEXT */]: "text", + [1 /* CHILDREN */]: "children", + [2 /* CLASS */]: "class", + [3 /* STYLE */]: "style", + [4 /* ATTRIBUTE */]: "attribute" + }; + function isMismatchAllowed(el, allowedType) { + if (allowedType === 0 /* TEXT */ || allowedType === 1 /* CHILDREN */) { + while (el && !el.hasAttribute(allowMismatchAttr)) { + el = el.parentElement; + } + } + const allowedAttr = el && el.getAttribute(allowMismatchAttr); + if (allowedAttr == null) { + return false; + } else if (allowedAttr === "") { + return true; + } else { + const list = allowedAttr.split(","); + if (allowedType === 0 /* TEXT */ && list.includes("children")) { + return true; + } + return allowedAttr.split(",").includes(MismatchTypeString[allowedType]); + } + } + + const requestIdleCallback = getGlobalThis().requestIdleCallback || ((cb) => setTimeout(cb, 1)); + const cancelIdleCallback = getGlobalThis().cancelIdleCallback || ((id) => clearTimeout(id)); + const hydrateOnIdle = (timeout = 1e4) => (hydrate) => { + const id = requestIdleCallback(hydrate, { timeout }); + return () => cancelIdleCallback(id); + }; + function elementIsVisibleInViewport(el) { + const { top, left, bottom, right } = el.getBoundingClientRect(); + const { innerHeight, innerWidth } = window; + return (top > 0 && top < innerHeight || bottom > 0 && bottom < innerHeight) && (left > 0 && left < innerWidth || right > 0 && right < innerWidth); + } + const hydrateOnVisible = (opts) => (hydrate, forEach) => { + const ob = new IntersectionObserver((entries) => { + for (const e of entries) { + if (!e.isIntersecting) continue; + ob.disconnect(); + hydrate(); + break; + } + }, opts); + forEach((el) => { + if (!(el instanceof Element)) return; + if (elementIsVisibleInViewport(el)) { + hydrate(); + ob.disconnect(); + return false; + } + ob.observe(el); + }); + return () => ob.disconnect(); + }; + const hydrateOnMediaQuery = (query) => (hydrate) => { + if (query) { + const mql = matchMedia(query); + if (mql.matches) { + hydrate(); + } else { + mql.addEventListener("change", hydrate, { once: true }); + return () => mql.removeEventListener("change", hydrate); + } + } + }; + const hydrateOnInteraction = (interactions = []) => (hydrate, forEach) => { + if (isString(interactions)) interactions = [interactions]; + let hasHydrated = false; + const doHydrate = (e) => { + if (!hasHydrated) { + hasHydrated = true; + teardown(); + hydrate(); + e.target.dispatchEvent(new e.constructor(e.type, e)); + } + }; + const teardown = () => { + forEach((el) => { + for (const i of interactions) { + el.removeEventListener(i, doHydrate); + } + }); + }; + forEach((el) => { + for (const i of interactions) { + el.addEventListener(i, doHydrate, { once: true }); + } + }); + return teardown; + }; + function forEachElement(node, cb) { + if (isComment(node) && node.data === "[") { + let depth = 1; + let next = node.nextSibling; + while (next) { + if (next.nodeType === 1) { + const result = cb(next); + if (result === false) { + break; + } + } else if (isComment(next)) { + if (next.data === "]") { + if (--depth === 0) break; + } else if (next.data === "[") { + depth++; + } + } + next = next.nextSibling; + } + } else { + cb(node); + } + } + + const isAsyncWrapper = (i) => !!i.type.__asyncLoader; + /*! #__NO_SIDE_EFFECTS__ */ + // @__NO_SIDE_EFFECTS__ + function defineAsyncComponent(source) { + if (isFunction(source)) { + source = { loader: source }; + } + const { + loader, + loadingComponent, + errorComponent, + delay = 200, + hydrate: hydrateStrategy, + timeout, + // undefined = never times out + suspensible = true, + onError: userOnError + } = source; + let pendingRequest = null; + let resolvedComp; + let retries = 0; + const retry = () => { + retries++; + pendingRequest = null; + return load(); + }; + const load = () => { + let thisRequest; + return pendingRequest || (thisRequest = pendingRequest = loader().catch((err) => { + err = err instanceof Error ? err : new Error(String(err)); + if (userOnError) { + return new Promise((resolve, reject) => { + const userRetry = () => resolve(retry()); + const userFail = () => reject(err); + userOnError(err, userRetry, userFail, retries + 1); + }); + } else { + throw err; + } + }).then((comp) => { + if (thisRequest !== pendingRequest && pendingRequest) { + return pendingRequest; + } + if (!comp) { + warn$1( + `Async component loader resolved to undefined. If you are using retry(), make sure to return its return value.` + ); + } + if (comp && (comp.__esModule || comp[Symbol.toStringTag] === "Module")) { + comp = comp.default; + } + if (comp && !isObject(comp) && !isFunction(comp)) { + throw new Error(`Invalid async component load result: ${comp}`); + } + resolvedComp = comp; + return comp; + })); + }; + return defineComponent({ + name: "AsyncComponentWrapper", + __asyncLoader: load, + __asyncHydrate(el, instance, hydrate) { + const doHydrate = hydrateStrategy ? () => { + const teardown = hydrateStrategy( + hydrate, + (cb) => forEachElement(el, cb) + ); + if (teardown) { + (instance.bum || (instance.bum = [])).push(teardown); + } + } : hydrate; + if (resolvedComp) { + doHydrate(); + } else { + load().then(() => !instance.isUnmounted && doHydrate()); + } + }, + get __asyncResolved() { + return resolvedComp; + }, + setup() { + const instance = currentInstance; + markAsyncBoundary(instance); + if (resolvedComp) { + return () => createInnerComp(resolvedComp, instance); + } + const onError = (err) => { + pendingRequest = null; + handleError( + err, + instance, + 13, + !errorComponent + ); + }; + if (suspensible && instance.suspense || false) { + return load().then((comp) => { + return () => createInnerComp(comp, instance); + }).catch((err) => { + onError(err); + return () => errorComponent ? createVNode(errorComponent, { + error: err + }) : null; + }); + } + const loaded = ref(false); + const error = ref(); + const delayed = ref(!!delay); + if (delay) { + setTimeout(() => { + delayed.value = false; + }, delay); + } + if (timeout != null) { + setTimeout(() => { + if (!loaded.value && !error.value) { + const err = new Error( + `Async component timed out after ${timeout}ms.` + ); + onError(err); + error.value = err; + } + }, timeout); + } + load().then(() => { + loaded.value = true; + if (instance.parent && isKeepAlive(instance.parent.vnode)) { + instance.parent.update(); + } + }).catch((err) => { + onError(err); + error.value = err; + }); + return () => { + if (loaded.value && resolvedComp) { + return createInnerComp(resolvedComp, instance); + } else if (error.value && errorComponent) { + return createVNode(errorComponent, { + error: error.value + }); + } else if (loadingComponent && !delayed.value) { + return createVNode(loadingComponent); + } + }; + } + }); + } + function createInnerComp(comp, parent) { + const { ref: ref2, props, children, ce } = parent.vnode; + const vnode = createVNode(comp, props, children); + vnode.ref = ref2; + vnode.ce = ce; + delete parent.vnode.ce; + return vnode; + } + + const isKeepAlive = (vnode) => vnode.type.__isKeepAlive; + const KeepAliveImpl = { + name: `KeepAlive`, + // Marker for special handling inside the renderer. We are not using a === + // check directly on KeepAlive in the renderer, because importing it directly + // would prevent it from being tree-shaken. + __isKeepAlive: true, + props: { + include: [String, RegExp, Array], + exclude: [String, RegExp, Array], + max: [String, Number] + }, + setup(props, { slots }) { + const instance = getCurrentInstance(); + const sharedContext = instance.ctx; + const cache = /* @__PURE__ */ new Map(); + const keys = /* @__PURE__ */ new Set(); + let current = null; + { + instance.__v_cache = cache; + } + const parentSuspense = instance.suspense; + const { + renderer: { + p: patch, + m: move, + um: _unmount, + o: { createElement } + } + } = sharedContext; + const storageContainer = createElement("div"); + sharedContext.activate = (vnode, container, anchor, namespace, optimized) => { + const instance2 = vnode.component; + move(vnode, container, anchor, 0, parentSuspense); + patch( + instance2.vnode, + vnode, + container, + anchor, + instance2, + parentSuspense, + namespace, + vnode.slotScopeIds, + optimized + ); + queuePostRenderEffect(() => { + instance2.isDeactivated = false; + if (instance2.a) { + invokeArrayFns(instance2.a); + } + const vnodeHook = vnode.props && vnode.props.onVnodeMounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance2.parent, vnode); + } + }, parentSuspense); + { + devtoolsComponentAdded(instance2); + } + }; + sharedContext.deactivate = (vnode) => { + const instance2 = vnode.component; + invalidateMount(instance2.m); + invalidateMount(instance2.a); + move(vnode, storageContainer, null, 1, parentSuspense); + queuePostRenderEffect(() => { + if (instance2.da) { + invokeArrayFns(instance2.da); + } + const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance2.parent, vnode); + } + instance2.isDeactivated = true; + }, parentSuspense); + { + devtoolsComponentAdded(instance2); + } + }; + function unmount(vnode) { + resetShapeFlag(vnode); + _unmount(vnode, instance, parentSuspense, true); + } + function pruneCache(filter) { + cache.forEach((vnode, key) => { + const name = getComponentName(vnode.type); + if (name && !filter(name)) { + pruneCacheEntry(key); + } + }); + } + function pruneCacheEntry(key) { + const cached = cache.get(key); + if (cached && (!current || !isSameVNodeType(cached, current))) { + unmount(cached); + } else if (current) { + resetShapeFlag(current); + } + cache.delete(key); + keys.delete(key); + } + watch( + () => [props.include, props.exclude], + ([include, exclude]) => { + include && pruneCache((name) => matches(include, name)); + exclude && pruneCache((name) => !matches(exclude, name)); + }, + // prune post-render after `current` has been updated + { flush: "post", deep: true } + ); + let pendingCacheKey = null; + const cacheSubtree = () => { + if (pendingCacheKey != null) { + if (isSuspense(instance.subTree.type)) { + queuePostRenderEffect(() => { + cache.set(pendingCacheKey, getInnerChild(instance.subTree)); + }, instance.subTree.suspense); + } else { + cache.set(pendingCacheKey, getInnerChild(instance.subTree)); + } + } + }; + onMounted(cacheSubtree); + onUpdated(cacheSubtree); + onBeforeUnmount(() => { + cache.forEach((cached) => { + const { subTree, suspense } = instance; + const vnode = getInnerChild(subTree); + if (cached.type === vnode.type && cached.key === vnode.key) { + resetShapeFlag(vnode); + const da = vnode.component.da; + da && queuePostRenderEffect(da, suspense); + return; + } + unmount(cached); + }); + }); + return () => { + pendingCacheKey = null; + if (!slots.default) { + return current = null; + } + const children = slots.default(); + const rawVNode = children[0]; + if (children.length > 1) { + { + warn$1(`KeepAlive should contain exactly one component child.`); + } + current = null; + return children; + } else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4) && !(rawVNode.shapeFlag & 128)) { + current = null; + return rawVNode; + } + let vnode = getInnerChild(rawVNode); + if (vnode.type === Comment) { + current = null; + return vnode; + } + const comp = vnode.type; + const name = getComponentName( + isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp + ); + const { include, exclude, max } = props; + if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) { + vnode.shapeFlag &= ~256; + current = vnode; + return rawVNode; + } + const key = vnode.key == null ? comp : vnode.key; + const cachedVNode = cache.get(key); + if (vnode.el) { + vnode = cloneVNode(vnode); + if (rawVNode.shapeFlag & 128) { + rawVNode.ssContent = vnode; + } + } + pendingCacheKey = key; + if (cachedVNode) { + vnode.el = cachedVNode.el; + vnode.component = cachedVNode.component; + if (vnode.transition) { + setTransitionHooks(vnode, vnode.transition); + } + vnode.shapeFlag |= 512; + keys.delete(key); + keys.add(key); + } else { + keys.add(key); + if (max && keys.size > parseInt(max, 10)) { + pruneCacheEntry(keys.values().next().value); + } + } + vnode.shapeFlag |= 256; + current = vnode; + return isSuspense(rawVNode.type) ? rawVNode : vnode; + }; + } + }; + const KeepAlive = KeepAliveImpl; + function matches(pattern, name) { + if (isArray(pattern)) { + return pattern.some((p) => matches(p, name)); + } else if (isString(pattern)) { + return pattern.split(",").includes(name); + } else if (isRegExp(pattern)) { + pattern.lastIndex = 0; + return pattern.test(name); + } + return false; + } + function onActivated(hook, target) { + registerKeepAliveHook(hook, "a", target); + } + function onDeactivated(hook, target) { + registerKeepAliveHook(hook, "da", target); + } + function registerKeepAliveHook(hook, type, target = currentInstance) { + const wrappedHook = hook.__wdc || (hook.__wdc = () => { + let current = target; + while (current) { + if (current.isDeactivated) { + return; + } + current = current.parent; + } + return hook(); + }); + injectHook(type, wrappedHook, target); + if (target) { + let current = target.parent; + while (current && current.parent) { + if (isKeepAlive(current.parent.vnode)) { + injectToKeepAliveRoot(wrappedHook, type, target, current); + } + current = current.parent; + } + } + } + function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) { + const injected = injectHook( + type, + hook, + keepAliveRoot, + true + /* prepend */ + ); + onUnmounted(() => { + remove(keepAliveRoot[type], injected); + }, target); + } + function resetShapeFlag(vnode) { + vnode.shapeFlag &= ~256; + vnode.shapeFlag &= ~512; + } + function getInnerChild(vnode) { + return vnode.shapeFlag & 128 ? vnode.ssContent : vnode; + } + + function injectHook(type, hook, target = currentInstance, prepend = false) { + if (target) { + const hooks = target[type] || (target[type] = []); + const wrappedHook = hook.__weh || (hook.__weh = (...args) => { + pauseTracking(); + const reset = setCurrentInstance(target); + const res = callWithAsyncErrorHandling(hook, target, type, args); + reset(); + resetTracking(); + return res; + }); + if (prepend) { + hooks.unshift(wrappedHook); + } else { + hooks.push(wrappedHook); + } + return wrappedHook; + } else { + const apiName = toHandlerKey(ErrorTypeStrings$1[type].replace(/ hook$/, "")); + warn$1( + `${apiName} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup().` + (` If you are using async setup(), make sure to register lifecycle hooks before the first await statement.` ) + ); + } + } + const createHook = (lifecycle) => (hook, target = currentInstance) => { + if (!isInSSRComponentSetup || lifecycle === "sp") { + injectHook(lifecycle, (...args) => hook(...args), target); + } + }; + const onBeforeMount = createHook("bm"); + const onMounted = createHook("m"); + const onBeforeUpdate = createHook( + "bu" + ); + const onUpdated = createHook("u"); + const onBeforeUnmount = createHook( + "bum" + ); + const onUnmounted = createHook("um"); + const onServerPrefetch = createHook( + "sp" + ); + const onRenderTriggered = createHook("rtg"); + const onRenderTracked = createHook("rtc"); + function onErrorCaptured(hook, target = currentInstance) { + injectHook("ec", hook, target); + } + + const COMPONENTS = "components"; + const DIRECTIVES = "directives"; + function resolveComponent(name, maybeSelfReference) { + return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name; + } + const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc"); + function resolveDynamicComponent(component) { + if (isString(component)) { + return resolveAsset(COMPONENTS, component, false) || component; + } else { + return component || NULL_DYNAMIC_COMPONENT; + } + } + function resolveDirective(name) { + return resolveAsset(DIRECTIVES, name); + } + function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) { + const instance = currentRenderingInstance || currentInstance; + if (instance) { + const Component = instance.type; + if (type === COMPONENTS) { + const selfName = getComponentName( + Component, + false + ); + if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) { + return Component; + } + } + const res = ( + // local registration + // check instance[type] first which is resolved for options API + resolve(instance[type] || Component[type], name) || // global registration + resolve(instance.appContext[type], name) + ); + if (!res && maybeSelfReference) { + return Component; + } + if (warnMissing && !res) { + const extra = type === COMPONENTS ? ` +If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.` : ``; + warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`); + } + return res; + } else { + warn$1( + `resolve${capitalize(type.slice(0, -1))} can only be used in render() or setup().` + ); + } + } + function resolve(registry, name) { + return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]); + } + + function renderList(source, renderItem, cache, index) { + let ret; + const cached = cache && cache[index]; + const sourceIsArray = isArray(source); + if (sourceIsArray || isString(source)) { + const sourceIsReactiveArray = sourceIsArray && isReactive(source); + let needsWrap = false; + if (sourceIsReactiveArray) { + needsWrap = !isShallow(source); + source = shallowReadArray(source); + } + ret = new Array(source.length); + for (let i = 0, l = source.length; i < l; i++) { + ret[i] = renderItem( + needsWrap ? toReactive(source[i]) : source[i], + i, + void 0, + cached && cached[i] + ); + } + } else if (typeof source === "number") { + if (!Number.isInteger(source)) { + warn$1(`The v-for range expect an integer value but got ${source}.`); + } + ret = new Array(source); + for (let i = 0; i < source; i++) { + ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]); + } + } else if (isObject(source)) { + if (source[Symbol.iterator]) { + ret = Array.from( + source, + (item, i) => renderItem(item, i, void 0, cached && cached[i]) + ); + } else { + const keys = Object.keys(source); + ret = new Array(keys.length); + for (let i = 0, l = keys.length; i < l; i++) { + const key = keys[i]; + ret[i] = renderItem(source[key], key, i, cached && cached[i]); + } + } + } else { + ret = []; + } + if (cache) { + cache[index] = ret; + } + return ret; + } + + function createSlots(slots, dynamicSlots) { + for (let i = 0; i < dynamicSlots.length; i++) { + const slot = dynamicSlots[i]; + if (isArray(slot)) { + for (let j = 0; j < slot.length; j++) { + slots[slot[j].name] = slot[j].fn; + } + } else if (slot) { + slots[slot.name] = slot.key ? (...args) => { + const res = slot.fn(...args); + if (res) res.key = slot.key; + return res; + } : slot.fn; + } + } + return slots; + } + + function renderSlot(slots, name, props = {}, fallback, noSlotted) { + if (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce) { + if (name !== "default") props.name = name; + return openBlock(), createBlock( + Fragment, + null, + [createVNode("slot", props, fallback && fallback())], + 64 + ); + } + let slot = slots[name]; + if (slot && slot.length > 1) { + warn$1( + `SSR-optimized slot function detected in a non-SSR-optimized render function. You need to mark this component with $dynamic-slots in the parent template.` + ); + slot = () => []; + } + if (slot && slot._c) { + slot._d = false; + } + openBlock(); + const validSlotContent = slot && ensureValidVNode(slot(props)); + const slotKey = props.key || // slot content array of a dynamic conditional slot may have a branch + // key attached in the `createSlots` helper, respect that + validSlotContent && validSlotContent.key; + const rendered = createBlock( + Fragment, + { + key: (slotKey && !isSymbol(slotKey) ? slotKey : `_${name}`) + // #7256 force differentiate fallback content from actual content + (!validSlotContent && fallback ? "_fb" : "") + }, + validSlotContent || (fallback ? fallback() : []), + validSlotContent && slots._ === 1 ? 64 : -2 + ); + if (!noSlotted && rendered.scopeId) { + rendered.slotScopeIds = [rendered.scopeId + "-s"]; + } + if (slot && slot._c) { + slot._d = true; + } + return rendered; + } + function ensureValidVNode(vnodes) { + return vnodes.some((child) => { + if (!isVNode(child)) return true; + if (child.type === Comment) return false; + if (child.type === Fragment && !ensureValidVNode(child.children)) + return false; + return true; + }) ? vnodes : null; + } + + function toHandlers(obj, preserveCaseIfNecessary) { + const ret = {}; + if (!isObject(obj)) { + warn$1(`v-on with no argument expects an object value.`); + return ret; + } + for (const key in obj) { + ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key]; + } + return ret; + } + + const getPublicInstance = (i) => { + if (!i) return null; + if (isStatefulComponent(i)) return getComponentPublicInstance(i); + return getPublicInstance(i.parent); + }; + const publicPropertiesMap = ( + // Move PURE marker to new line to workaround compiler discarding it + // due to type annotation + /* @__PURE__ */ extend(/* @__PURE__ */ Object.create(null), { + $: (i) => i, + $el: (i) => i.vnode.el, + $data: (i) => i.data, + $props: (i) => shallowReadonly(i.props) , + $attrs: (i) => shallowReadonly(i.attrs) , + $slots: (i) => shallowReadonly(i.slots) , + $refs: (i) => shallowReadonly(i.refs) , + $parent: (i) => getPublicInstance(i.parent), + $root: (i) => getPublicInstance(i.root), + $host: (i) => i.ce, + $emit: (i) => i.emit, + $options: (i) => resolveMergedOptions(i) , + $forceUpdate: (i) => i.f || (i.f = () => { + queueJob(i.update); + }), + $nextTick: (i) => i.n || (i.n = nextTick.bind(i.proxy)), + $watch: (i) => instanceWatch.bind(i) + }) + ); + const isReservedPrefix = (key) => key === "_" || key === "$"; + const hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScriptSetup && hasOwn(state, key); + const PublicInstanceProxyHandlers = { + get({ _: instance }, key) { + if (key === "__v_skip") { + return true; + } + const { ctx, setupState, data, props, accessCache, type, appContext } = instance; + if (key === "__isVue") { + return true; + } + let normalizedProps; + if (key[0] !== "$") { + const n = accessCache[key]; + if (n !== void 0) { + switch (n) { + case 1 /* SETUP */: + return setupState[key]; + case 2 /* DATA */: + return data[key]; + case 4 /* CONTEXT */: + return ctx[key]; + case 3 /* PROPS */: + return props[key]; + } + } else if (hasSetupBinding(setupState, key)) { + accessCache[key] = 1 /* SETUP */; + return setupState[key]; + } else if (data !== EMPTY_OBJ && hasOwn(data, key)) { + accessCache[key] = 2 /* DATA */; + return data[key]; + } else if ( + // only cache other properties when instance has declared (thus stable) + // props + (normalizedProps = instance.propsOptions[0]) && hasOwn(normalizedProps, key) + ) { + accessCache[key] = 3 /* PROPS */; + return props[key]; + } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + accessCache[key] = 4 /* CONTEXT */; + return ctx[key]; + } else if (shouldCacheAccess) { + accessCache[key] = 0 /* OTHER */; + } + } + const publicGetter = publicPropertiesMap[key]; + let cssModule, globalProperties; + if (publicGetter) { + if (key === "$attrs") { + track(instance.attrs, "get", ""); + markAttrsAccessed(); + } else if (key === "$slots") { + track(instance, "get", key); + } + return publicGetter(instance); + } else if ( + // css module (injected by vue-loader) + (cssModule = type.__cssModules) && (cssModule = cssModule[key]) + ) { + return cssModule; + } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + accessCache[key] = 4 /* CONTEXT */; + return ctx[key]; + } else if ( + // global properties + globalProperties = appContext.config.globalProperties, hasOwn(globalProperties, key) + ) { + { + return globalProperties[key]; + } + } else if (currentRenderingInstance && (!isString(key) || // #1091 avoid internal isRef/isVNode checks on component instance leading + // to infinite warning loop + key.indexOf("__v") !== 0)) { + if (data !== EMPTY_OBJ && isReservedPrefix(key[0]) && hasOwn(data, key)) { + warn$1( + `Property ${JSON.stringify( + key + )} must be accessed via $data because it starts with a reserved character ("$" or "_") and is not proxied on the render context.` + ); + } else if (instance === currentRenderingInstance) { + warn$1( + `Property ${JSON.stringify(key)} was accessed during render but is not defined on instance.` + ); + } + } + }, + set({ _: instance }, key, value) { + const { data, setupState, ctx } = instance; + if (hasSetupBinding(setupState, key)) { + setupState[key] = value; + return true; + } else if (setupState.__isScriptSetup && hasOwn(setupState, key)) { + warn$1(`Cannot mutate