diff --git a/.editorconfig b/.editorconfig
deleted file mode 100644
index 6e87a00..0000000
--- a/.editorconfig
+++ /dev/null
@@ -1,13 +0,0 @@
-# Editor configuration, see http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false
diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index 3c3629e..0000000
--- a/.eslintignore
+++ /dev/null
@@ -1 +0,0 @@
-node_modules
diff --git a/.eslintrc.json b/.eslintrc.json
deleted file mode 100644
index 155eafd..0000000
--- a/.eslintrc.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
- "root": true,
- "ignorePatterns": ["**/*"],
- "plugins": ["@nrwl/nx"],
- "overrides": [
- {
- "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
- "rules": {
- "@nrwl/nx/enforce-module-boundaries": [
- "error",
- {
- "enforceBuildableLibDependency": true,
- "allow": [],
- "depConstraints": [
- {
- "sourceTag": "*",
- "onlyDependOnLibsWithTags": ["*"]
- }
- ]
- }
- ]
- }
- },
- {
- "files": ["*.ts", "*.tsx"],
- "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended", "prettier", "plugin:@nrwl/nx/typescript"],
- "rules": {}
- },
- {
- "files": ["*.js", "*.jsx"],
- "extends": ["plugin:@nrwl/nx/javascript"],
- "rules": {}
- },
- {
- "files": ["references.d.ts"],
- "rules": {
- "@typescript-eslint/triple-slash-reference": "off"
- }
- }
- ]
-}
diff --git a/.gitignore b/.gitignore
index 742dab1..a3ab1f3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,49 +1,13 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-/apps/demo-vue
-/packages/vue/.vitepress/cache
-/apps/NativeScriptVueUse-demo
-# compiled output
-/dist
-/tmp
-/out-tsc
-
-# dependencies
node_modules
-package-lock.json
-yarn.lock
-
-# IDEs and editors
-/.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-
-# misc
-/.sass-cache
-/connect.lock
-/coverage
-/libpeerconnection.log
-npm-debug.log
-yarn-error.log
-testem.log
-/typings
-
-# System Files
+/**/*.js
+types
+dist
+publish
+.idea
.DS_Store
-Thumbs.db
-
-*.tgz
-packages/**/angular/dist
-.nx/cache
-.nx/workspace-data
\ No newline at end of file
+demo/node_modules
+demo/hooks
+demo/platforms
+demo
+/demo/
diff --git a/.husky/.gitignore b/.husky/.gitignore
deleted file mode 100644
index 31354ec..0000000
--- a/.husky/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-_
diff --git a/.husky/pre-commit b/.husky/pre-commit
deleted file mode 100755
index 146c0df..0000000
--- a/.husky/pre-commit
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx lint-staged --allow-empty
diff --git a/.npmignore b/.npmignore
new file mode 100644
index 0000000..b59d6a7
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1,8 @@
+global_types
+packages
+.idea
+.DS_Store
+dist
+rollup.config.js
+tsconfig.json
+demo
\ No newline at end of file
diff --git a/.npsrc b/.npsrc
deleted file mode 100644
index 12f87dc..0000000
--- a/.npsrc
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "config": "./tools/workspace-scripts.js"
-}
\ No newline at end of file
diff --git a/.nxignore b/.nxignore
deleted file mode 100644
index 80a8f0e..0000000
--- a/.nxignore
+++ /dev/null
@@ -1 +0,0 @@
-apps/**/*_off
\ No newline at end of file
diff --git a/.prettierignore b/.prettierignore
deleted file mode 100644
index 342760a..0000000
--- a/.prettierignore
+++ /dev/null
@@ -1,8 +0,0 @@
-# Add files here to ignore them from prettier formatting
-
-/dist
-/coverage
-native-src
-
-/.nx/cache
-/.nx/workspace-data
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
deleted file mode 100644
index c5f2587..0000000
--- a/.prettierrc
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "useTabs": false,
- "printWidth": 800,
- "tabWidth": 2,
- "singleQuote": true
-}
diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index 5c1f9b0..0000000
--- a/.travis.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-language: node_js
-node_js:
- - "node"
-script:
-- npm run setup
-- npm start @vallemar.build-all
diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index 061c440..0000000
--- a/LICENSE
+++ /dev/null
@@ -1,201 +0,0 @@
- Apache License
- Version 2.0, January 2004
- http://www.apache.org/licenses/
-
- TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
- 1. Definitions.
-
- "License" shall mean the terms and conditions for use, reproduction,
- and distribution as defined by Sections 1 through 9 of this document.
-
- "Licensor" shall mean the copyright owner or entity authorized by
- the copyright owner that is granting the License.
-
- "Legal Entity" shall mean the union of the acting entity and all
- other entities that control, are controlled by, or are under common
- control with that entity. For the purposes of this definition,
- "control" means (i) the power, direct or indirect, to cause the
- direction or management of such entity, whether by contract or
- otherwise, or (ii) ownership of fifty percent (50%) or more of the
- outstanding shares, or (iii) beneficial ownership of such entity.
-
- "You" (or "Your") shall mean an individual or Legal Entity
- exercising permissions granted by this License.
-
- "Source" form shall mean the preferred form for making modifications,
- including but not limited to software source code, documentation
- source, and configuration files.
-
- "Object" form shall mean any form resulting from mechanical
- transformation or translation of a Source form, including but
- not limited to compiled object code, generated documentation,
- and conversions to other media types.
-
- "Work" shall mean the work of authorship, whether in Source or
- Object form, made available under the License, as indicated by a
- copyright notice that is included in or attached to the work
- (an example is provided in the Appendix below).
-
- "Derivative Works" shall mean any work, whether in Source or Object
- form, that is based on (or derived from) the Work and for which the
- editorial revisions, annotations, elaborations, or other modifications
- represent, as a whole, an original work of authorship. For the purposes
- of this License, Derivative Works shall not include works that remain
- separable from, or merely link (or bind by name) to the interfaces of,
- the Work and Derivative Works thereof.
-
- "Contribution" shall mean any work of authorship, including
- the original version of the Work and any modifications or additions
- to that Work or Derivative Works thereof, that is intentionally
- submitted to Licensor for inclusion in the Work by the copyright owner
- or by an individual or Legal Entity authorized to submit on behalf of
- the copyright owner. For the purposes of this definition, "submitted"
- means any form of electronic, verbal, or written communication sent
- to the Licensor or its representatives, including but not limited to
- communication on electronic mailing lists, source code control systems,
- and issue tracking systems that are managed by, or on behalf of, the
- Licensor for the purpose of discussing and improving the Work, but
- excluding communication that is conspicuously marked or otherwise
- designated in writing by the copyright owner as "Not a Contribution."
-
- "Contributor" shall mean Licensor and any individual or Legal Entity
- on behalf of whom a Contribution has been received by Licensor and
- subsequently incorporated within the Work.
-
- 2. Grant of Copyright License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- copyright license to reproduce, prepare Derivative Works of,
- publicly display, publicly perform, sublicense, and distribute the
- Work and such Derivative Works in Source or Object form.
-
- 3. Grant of Patent License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- (except as stated in this section) patent license to make, have made,
- use, offer to sell, sell, import, and otherwise transfer the Work,
- where such license applies only to those patent claims licensable
- by such Contributor that are necessarily infringed by their
- Contribution(s) alone or by combination of their Contribution(s)
- with the Work to which such Contribution(s) was submitted. If You
- institute patent litigation against any entity (including a
- cross-claim or counterclaim in a lawsuit) alleging that the Work
- or a Contribution incorporated within the Work constitutes direct
- or contributory patent infringement, then any patent licenses
- granted to You under this License for that Work shall terminate
- as of the date such litigation is filed.
-
- 4. Redistribution. You may reproduce and distribute copies of the
- Work or Derivative Works thereof in any medium, with or without
- modifications, and in Source or Object form, provided that You
- meet the following conditions:
-
- (a) You must give any other recipients of the Work or
- Derivative Works a copy of this License; and
-
- (b) You must cause any modified files to carry prominent notices
- stating that You changed the files; and
-
- (c) You must retain, in the Source form of any Derivative Works
- that You distribute, all copyright, patent, trademark, and
- attribution notices from the Source form of the Work,
- excluding those notices that do not pertain to any part of
- the Derivative Works; and
-
- (d) If the Work includes a "NOTICE" text file as part of its
- distribution, then any Derivative Works that You distribute must
- include a readable copy of the attribution notices contained
- within such NOTICE file, excluding those notices that do not
- pertain to any part of the Derivative Works, in at least one
- of the following places: within a NOTICE text file distributed
- as part of the Derivative Works; within the Source form or
- documentation, if provided along with the Derivative Works; or,
- within a display generated by the Derivative Works, if and
- wherever such third-party notices normally appear. The contents
- of the NOTICE file are for informational purposes only and
- do not modify the License. You may add Your own attribution
- notices within Derivative Works that You distribute, alongside
- or as an addendum to the NOTICE text from the Work, provided
- that such additional attribution notices cannot be construed
- as modifying the License.
-
- You may add Your own copyright statement to Your modifications and
- may provide additional or different license terms and conditions
- for use, reproduction, or distribution of Your modifications, or
- for any such Derivative Works as a whole, provided Your use,
- reproduction, and distribution of the Work otherwise complies with
- the conditions stated in this License.
-
- 5. Submission of Contributions. Unless You explicitly state otherwise,
- any Contribution intentionally submitted for inclusion in the Work
- by You to the Licensor shall be under the terms and conditions of
- this License, without any additional terms or conditions.
- Notwithstanding the above, nothing herein shall supersede or modify
- the terms of any separate license agreement you may have executed
- with Licensor regarding such Contributions.
-
- 6. Trademarks. This License does not grant permission to use the trade
- names, trademarks, service marks, or product names of the Licensor,
- except as required for reasonable and customary use in describing the
- origin of the Work and reproducing the content of the NOTICE file.
-
- 7. Disclaimer of Warranty. Unless required by applicable law or
- agreed to in writing, Licensor provides the Work (and each
- Contributor provides its Contributions) on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
- implied, including, without limitation, any warranties or conditions
- of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
- PARTICULAR PURPOSE. You are solely responsible for determining the
- appropriateness of using or redistributing the Work and assume any
- risks associated with Your exercise of permissions under this License.
-
- 8. Limitation of Liability. In no event and under no legal theory,
- whether in tort (including negligence), contract, or otherwise,
- unless required by applicable law (such as deliberate and grossly
- negligent acts) or agreed to in writing, shall any Contributor be
- liable to You for damages, including any direct, indirect, special,
- incidental, or consequential damages of any character arising as a
- result of this License or out of the use or inability to use the
- Work (including but not limited to damages for loss of goodwill,
- work stoppage, computer failure or malfunction, or any and all
- other commercial damages or losses), even if such Contributor
- has been advised of the possibility of such damages.
-
- 9. Accepting Warranty or Additional Liability. While redistributing
- the Work or Derivative Works thereof, You may choose to offer,
- and charge a fee for, acceptance of support, warranty, indemnity,
- or other liability obligations and/or rights consistent with this
- License. However, in accepting such obligations, You may act only
- on Your own behalf and on Your sole responsibility, not on behalf
- of any other Contributor, and only if You agree to indemnify,
- defend, and hold each Contributor harmless for any liability
- incurred by, or claims asserted against, such Contributor by reason
- of your accepting any such warranty or additional liability.
-
- END OF TERMS AND CONDITIONS
-
- APPENDIX: How to apply the Apache License to your work.
-
- To apply the Apache License to your work, attach the following
- boilerplate notice, with the fields enclosed by brackets "{}"
- replaced with your own identifying information. (Don't include
- the brackets!) The text should be enclosed in the appropriate
- comment syntax for the file format. We also recommend that a
- file or class name and description of purpose be included on the
- same "printed page" as the copyright notice for easier
- identification within third-party archives.
-
- Copyright (c) 2015-2019 Progress Software Corporation
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
\ No newline at end of file
diff --git a/README.md b/README.md
index 2462bcb..0b6f3ae 100644
--- a/README.md
+++ b/README.md
@@ -1,45 +1 @@
-# NativeScript-Use
-
-Collection of NativeScript-Use Composition Utilities
-
-[Documentation (Vue3)](https://nativescriptuse-vue.netlify.app/)
-Made with ❤️
+[Doc](https://nativescriptvueuse.netlify.app/)
\ No newline at end of file
diff --git a/global_types/references.d.ts b/global_types/references.d.ts
new file mode 100644
index 0000000..dedd793
--- /dev/null
+++ b/global_types/references.d.ts
@@ -0,0 +1 @@
+/// renders non-element root node that cannot be animated.`\n );\n }\n root.transition = vnode.transition;\n }\n if (!!(process.env.NODE_ENV !== \"production\") && setRoot) {\n setRoot(root);\n } else {\n result = root;\n }\n setCurrentRenderingInstance(prev);\n return result;\n}\nconst getChildRoot = (vnode) => {\n const rawChildren = vnode.children;\n const dynamicChildren = vnode.dynamicChildren;\n const childRoot = filterSingleRoot(rawChildren);\n if (!childRoot) {\n return [vnode, void 0];\n }\n const index = rawChildren.indexOf(childRoot);\n const dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1;\n const setRoot = (updatedRoot) => {\n rawChildren[index] = updatedRoot;\n if (dynamicChildren) {\n if (dynamicIndex > -1) {\n dynamicChildren[dynamicIndex] = updatedRoot;\n } else if (updatedRoot.patchFlag > 0) {\n vnode.dynamicChildren = [...dynamicChildren, updatedRoot];\n }\n }\n };\n return [normalizeVNode(childRoot), setRoot];\n};\nfunction filterSingleRoot(children) {\n let singleRoot;\n for (let i = 0; i < children.length; i++) {\n const child = children[i];\n if (isVNode(child)) {\n if (child.type !== Comment || child.children === \"v-if\") {\n if (singleRoot) {\n return;\n } else {\n singleRoot = child;\n }\n }\n } else {\n return;\n }\n }\n return singleRoot;\n}\nconst getFunctionalFallthrough = (attrs) => {\n let res;\n for (const key in attrs) {\n if (key === \"class\" || key === \"style\" || isOn(key)) {\n (res || (res = {}))[key] = attrs[key];\n }\n }\n return res;\n};\nconst filterModelListeners = (attrs, props) => {\n const res = {};\n for (const key in attrs) {\n if (!isModelListener(key) || !(key.slice(9) in props)) {\n res[key] = attrs[key];\n }\n }\n return res;\n};\nconst isElementRoot = (vnode) => {\n return vnode.shapeFlag & (6 | 1) || vnode.type === Comment;\n};\nfunction shouldUpdateComponent(prevVNode, nextVNode, optimized) {\n const { props: prevProps, children: prevChildren, component } = prevVNode;\n const { props: nextProps, children: nextChildren, patchFlag } = nextVNode;\n const emits = component.emitsOptions;\n if (!!(process.env.NODE_ENV !== \"production\") && (prevChildren || nextChildren) && isHmrUpdating) {\n return true;\n }\n if (nextVNode.dirs || nextVNode.transition) {\n return true;\n }\n if (optimized && patchFlag >= 0) {\n if (patchFlag & 1024) {\n return true;\n }\n if (patchFlag & 16) {\n if (!prevProps) {\n return !!nextProps;\n }\n return hasPropsChanged(prevProps, nextProps, emits);\n } else if (patchFlag & 8) {\n const dynamicProps = nextVNode.dynamicProps;\n for (let i = 0; i < dynamicProps.length; i++) {\n const key = dynamicProps[i];\n if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) {\n return true;\n }\n }\n }\n } else {\n if (prevChildren || nextChildren) {\n if (!nextChildren || !nextChildren.$stable) {\n return true;\n }\n }\n if (prevProps === nextProps) {\n return false;\n }\n if (!prevProps) {\n return !!nextProps;\n }\n if (!nextProps) {\n return true;\n }\n return hasPropsChanged(prevProps, nextProps, emits);\n }\n return false;\n}\nfunction hasPropsChanged(prevProps, nextProps, emitsOptions) {\n const nextKeys = Object.keys(nextProps);\n if (nextKeys.length !== Object.keys(prevProps).length) {\n return true;\n }\n for (let i = 0; i < nextKeys.length; i++) {\n const key = nextKeys[i];\n if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) {\n return true;\n }\n }\n return false;\n}\nfunction updateHOCHostEl({ vnode, parent }, el) {\n while (parent && parent.subTree === vnode) {\n (vnode = parent.vnode).el = el;\n parent = parent.parent;\n }\n}\n\nconst isSuspense = (type) => type.__isSuspense;\nconst SuspenseImpl = {\n name: \"Suspense\",\n // In order to make Suspense tree-shakable, we need to avoid importing it\n // directly in the renderer. The renderer checks for the __isSuspense flag\n // on a vnode's type and calls the `process` method, passing in renderer\n // internals.\n __isSuspense: true,\n process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) {\n if (n1 == null) {\n mountSuspense(\n n2,\n container,\n anchor,\n parentComponent,\n parentSuspense,\n isSVG,\n slotScopeIds,\n optimized,\n rendererInternals\n );\n } else {\n patchSuspense(\n n1,\n n2,\n container,\n anchor,\n parentComponent,\n isSVG,\n slotScopeIds,\n optimized,\n rendererInternals\n );\n }\n },\n hydrate: hydrateSuspense,\n create: createSuspenseBoundary,\n normalize: normalizeSuspenseChildren\n};\nconst Suspense = SuspenseImpl ;\nfunction triggerEvent(vnode, name) {\n const eventListener = vnode.props && vnode.props[name];\n if (isFunction(eventListener)) {\n eventListener();\n }\n}\nfunction mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) {\n const {\n p: patch,\n o: { createElement }\n } = rendererInternals;\n const hiddenContainer = createElement(\"div\");\n const suspense = vnode.suspense = createSuspenseBoundary(\n vnode,\n parentSuspense,\n parentComponent,\n container,\n hiddenContainer,\n anchor,\n isSVG,\n slotScopeIds,\n optimized,\n rendererInternals\n );\n patch(\n null,\n suspense.pendingBranch = vnode.ssContent,\n hiddenContainer,\n null,\n parentComponent,\n suspense,\n isSVG,\n slotScopeIds\n );\n if (suspense.deps > 0) {\n triggerEvent(vnode, \"onPending\");\n triggerEvent(vnode, \"onFallback\");\n patch(\n null,\n vnode.ssFallback,\n container,\n anchor,\n parentComponent,\n null,\n // fallback tree will not have suspense context\n isSVG,\n slotScopeIds\n );\n setActiveBranch(suspense, vnode.ssFallback);\n } else {\n suspense.resolve(false, true);\n }\n}\nfunction patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) {\n const suspense = n2.suspense = n1.suspense;\n suspense.vnode = n2;\n n2.el = n1.el;\n const newBranch = n2.ssContent;\n const newFallback = n2.ssFallback;\n const { activeBranch, pendingBranch, isInFallback, isHydrating } = suspense;\n if (pendingBranch) {\n suspense.pendingBranch = newBranch;\n if (isSameVNodeType(newBranch, pendingBranch)) {\n patch(\n pendingBranch,\n newBranch,\n suspense.hiddenContainer,\n null,\n parentComponent,\n suspense,\n isSVG,\n slotScopeIds,\n optimized\n );\n if (suspense.deps <= 0) {\n suspense.resolve();\n } else if (isInFallback) {\n patch(\n activeBranch,\n newFallback,\n container,\n anchor,\n parentComponent,\n null,\n // fallback tree will not have suspense context\n isSVG,\n slotScopeIds,\n optimized\n );\n setActiveBranch(suspense, newFallback);\n }\n } else {\n suspense.pendingId++;\n if (isHydrating) {\n suspense.isHydrating = false;\n suspense.activeBranch = pendingBranch;\n } else {\n unmount(pendingBranch, parentComponent, suspense);\n }\n suspense.deps = 0;\n suspense.effects.length = 0;\n suspense.hiddenContainer = createElement(\"div\");\n if (isInFallback) {\n patch(\n null,\n newBranch,\n suspense.hiddenContainer,\n null,\n parentComponent,\n suspense,\n isSVG,\n slotScopeIds,\n optimized\n );\n if (suspense.deps <= 0) {\n suspense.resolve();\n } else {\n patch(\n activeBranch,\n newFallback,\n container,\n anchor,\n parentComponent,\n null,\n // fallback tree will not have suspense context\n isSVG,\n slotScopeIds,\n optimized\n );\n setActiveBranch(suspense, newFallback);\n }\n } else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {\n patch(\n activeBranch,\n newBranch,\n container,\n anchor,\n parentComponent,\n suspense,\n isSVG,\n slotScopeIds,\n optimized\n );\n suspense.resolve(true);\n } else {\n patch(\n null,\n newBranch,\n suspense.hiddenContainer,\n null,\n parentComponent,\n suspense,\n isSVG,\n slotScopeIds,\n optimized\n );\n if (suspense.deps <= 0) {\n suspense.resolve();\n }\n }\n }\n } else {\n if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {\n patch(\n activeBranch,\n newBranch,\n container,\n anchor,\n parentComponent,\n suspense,\n isSVG,\n slotScopeIds,\n optimized\n );\n setActiveBranch(suspense, newBranch);\n } else {\n triggerEvent(n2, \"onPending\");\n suspense.pendingBranch = newBranch;\n suspense.pendingId++;\n patch(\n null,\n newBranch,\n suspense.hiddenContainer,\n null,\n parentComponent,\n suspense,\n isSVG,\n slotScopeIds,\n optimized\n );\n if (suspense.deps <= 0) {\n suspense.resolve();\n } else {\n const { timeout, pendingId } = suspense;\n if (timeout > 0) {\n setTimeout(() => {\n if (suspense.pendingId === pendingId) {\n suspense.fallback(newFallback);\n }\n }, timeout);\n } else if (timeout === 0) {\n suspense.fallback(newFallback);\n }\n }\n }\n }\n}\nlet hasWarned = false;\nfunction createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {\n if (!!(process.env.NODE_ENV !== \"production\") && true && !hasWarned) {\n hasWarned = true;\n console[console.info ? \"info\" : \"log\"](\n ` is an experimental feature and its API will likely change.`\n );\n }\n const {\n p: patch,\n m: move,\n um: unmount,\n n: next,\n o: { parentNode, remove }\n } = rendererInternals;\n let parentSuspenseId;\n const isSuspensible = isVNodeSuspensible(vnode);\n if (isSuspensible) {\n if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) {\n parentSuspenseId = parentSuspense.pendingId;\n parentSuspense.deps++;\n }\n }\n const timeout = vnode.props ? toNumber(vnode.props.timeout) : void 0;\n if (!!(process.env.NODE_ENV !== \"production\")) {\n assertNumber(timeout, `Suspense timeout`);\n }\n const suspense = {\n vnode,\n parent: parentSuspense,\n parentComponent,\n isSVG,\n container,\n hiddenContainer,\n anchor,\n deps: 0,\n pendingId: 0,\n timeout: typeof timeout === \"number\" ? timeout : -1,\n activeBranch: null,\n pendingBranch: null,\n isInFallback: true,\n isHydrating,\n isUnmounted: false,\n effects: [],\n resolve(resume = false, sync = false) {\n if (!!(process.env.NODE_ENV !== \"production\")) {\n if (!resume && !suspense.pendingBranch) {\n throw new Error(\n `suspense.resolve() is called without a pending branch.`\n );\n }\n if (suspense.isUnmounted) {\n throw new Error(\n `suspense.resolve() is called on an already unmounted suspense boundary.`\n );\n }\n }\n const {\n vnode: vnode2,\n activeBranch,\n pendingBranch,\n pendingId,\n effects,\n parentComponent: parentComponent2,\n container: container2\n } = suspense;\n if (suspense.isHydrating) {\n suspense.isHydrating = false;\n } else if (!resume) {\n const delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === \"out-in\";\n if (delayEnter) {\n activeBranch.transition.afterLeave = () => {\n if (pendingId === suspense.pendingId) {\n move(pendingBranch, container2, anchor2, 0);\n }\n };\n }\n let { anchor: anchor2 } = suspense;\n if (activeBranch) {\n anchor2 = next(activeBranch);\n unmount(activeBranch, parentComponent2, suspense, true);\n }\n if (!delayEnter) {\n move(pendingBranch, container2, anchor2, 0);\n }\n }\n setActiveBranch(suspense, pendingBranch);\n suspense.pendingBranch = null;\n suspense.isInFallback = false;\n let parent = suspense.parent;\n let hasUnresolvedAncestor = false;\n while (parent) {\n if (parent.pendingBranch) {\n parent.effects.push(...effects);\n hasUnresolvedAncestor = true;\n break;\n }\n parent = parent.parent;\n }\n if (!hasUnresolvedAncestor) {\n queuePostFlushCb(effects);\n }\n suspense.effects = [];\n if (isSuspensible) {\n if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {\n parentSuspense.deps--;\n if (parentSuspense.deps === 0 && !sync) {\n parentSuspense.resolve();\n }\n }\n }\n triggerEvent(vnode2, \"onResolve\");\n },\n fallback(fallbackVNode) {\n if (!suspense.pendingBranch) {\n return;\n }\n const { vnode: vnode2, activeBranch, parentComponent: parentComponent2, container: container2, isSVG: isSVG2 } = suspense;\n triggerEvent(vnode2, \"onFallback\");\n const anchor2 = next(activeBranch);\n const mountFallback = () => {\n if (!suspense.isInFallback) {\n return;\n }\n patch(\n null,\n fallbackVNode,\n container2,\n anchor2,\n parentComponent2,\n null,\n // fallback tree will not have suspense context\n isSVG2,\n slotScopeIds,\n optimized\n );\n setActiveBranch(suspense, fallbackVNode);\n };\n const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === \"out-in\";\n if (delayEnter) {\n activeBranch.transition.afterLeave = mountFallback;\n }\n suspense.isInFallback = true;\n unmount(\n activeBranch,\n parentComponent2,\n null,\n // no suspense so unmount hooks fire now\n true\n // shouldRemove\n );\n if (!delayEnter) {\n mountFallback();\n }\n },\n move(container2, anchor2, type) {\n suspense.activeBranch && move(suspense.activeBranch, container2, anchor2, type);\n suspense.container = container2;\n },\n next() {\n return suspense.activeBranch && next(suspense.activeBranch);\n },\n registerDep(instance, setupRenderEffect) {\n const isInPendingSuspense = !!suspense.pendingBranch;\n if (isInPendingSuspense) {\n suspense.deps++;\n }\n const hydratedEl = instance.vnode.el;\n instance.asyncDep.catch((err) => {\n handleError(err, instance, 0);\n }).then((asyncSetupResult) => {\n if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) {\n return;\n }\n instance.asyncResolved = true;\n const { vnode: vnode2 } = instance;\n if (!!(process.env.NODE_ENV !== \"production\")) {\n pushWarningContext(vnode2);\n }\n handleSetupResult(instance, asyncSetupResult, false);\n if (hydratedEl) {\n vnode2.el = hydratedEl;\n }\n const placeholder = !hydratedEl && instance.subTree.el;\n setupRenderEffect(\n instance,\n vnode2,\n // component may have been moved before resolve.\n // if this is not a hydration, instance.subTree will be the comment\n // placeholder.\n parentNode(hydratedEl || instance.subTree.el),\n // anchor will not be used if this is hydration, so only need to\n // consider the comment placeholder case.\n hydratedEl ? null : next(instance.subTree),\n suspense,\n isSVG,\n optimized\n );\n if (placeholder) {\n remove(placeholder);\n }\n updateHOCHostEl(instance, vnode2.el);\n if (!!(process.env.NODE_ENV !== \"production\")) {\n popWarningContext();\n }\n if (isInPendingSuspense && --suspense.deps === 0) {\n suspense.resolve();\n }\n });\n },\n unmount(parentSuspense2, doRemove) {\n suspense.isUnmounted = true;\n if (suspense.activeBranch) {\n unmount(\n suspense.activeBranch,\n parentComponent,\n parentSuspense2,\n doRemove\n );\n }\n if (suspense.pendingBranch) {\n unmount(\n suspense.pendingBranch,\n parentComponent,\n parentSuspense2,\n doRemove\n );\n }\n }\n };\n return suspense;\n}\nfunction hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) {\n const suspense = vnode.suspense = createSuspenseBoundary(\n vnode,\n parentSuspense,\n parentComponent,\n node.parentNode,\n document.createElement(\"div\"),\n null,\n isSVG,\n slotScopeIds,\n optimized,\n rendererInternals,\n true\n /* hydrating */\n );\n const result = hydrateNode(\n node,\n suspense.pendingBranch = vnode.ssContent,\n parentComponent,\n suspense,\n slotScopeIds,\n optimized\n );\n if (suspense.deps === 0) {\n suspense.resolve(false, true);\n }\n return result;\n}\nfunction normalizeSuspenseChildren(vnode) {\n const { shapeFlag, children } = vnode;\n const isSlotChildren = shapeFlag & 32;\n vnode.ssContent = normalizeSuspenseSlot(\n isSlotChildren ? children.default : children\n );\n vnode.ssFallback = isSlotChildren ? normalizeSuspenseSlot(children.fallback) : createVNode(Comment);\n}\nfunction normalizeSuspenseSlot(s) {\n let block;\n if (isFunction(s)) {\n const trackBlock = isBlockTreeEnabled && s._c;\n if (trackBlock) {\n s._d = false;\n openBlock();\n }\n s = s();\n if (trackBlock) {\n s._d = true;\n block = currentBlock;\n closeBlock();\n }\n }\n if (isArray(s)) {\n const singleChild = filterSingleRoot(s);\n if (!!(process.env.NODE_ENV !== \"production\") && !singleChild) {\n warn(` slots expect a single root node.`);\n }\n s = singleChild;\n }\n s = normalizeVNode(s);\n if (block && !s.dynamicChildren) {\n s.dynamicChildren = block.filter((c) => c !== s);\n }\n return s;\n}\nfunction queueEffectWithSuspense(fn, suspense) {\n if (suspense && suspense.pendingBranch) {\n if (isArray(fn)) {\n suspense.effects.push(...fn);\n } else {\n suspense.effects.push(fn);\n }\n } else {\n queuePostFlushCb(fn);\n }\n}\nfunction setActiveBranch(suspense, branch) {\n suspense.activeBranch = branch;\n const { vnode, parentComponent } = suspense;\n const el = vnode.el = branch.el;\n if (parentComponent && parentComponent.subTree === vnode) {\n parentComponent.vnode.el = el;\n updateHOCHostEl(parentComponent, el);\n }\n}\nfunction isVNodeSuspensible(vnode) {\n var _a;\n return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;\n}\n\nfunction watchEffect(effect, options) {\n return doWatch(effect, null, options);\n}\nfunction watchPostEffect(effect, options) {\n return doWatch(\n effect,\n null,\n !!(process.env.NODE_ENV !== \"production\") ? extend({}, options, { flush: \"post\" }) : { flush: \"post\" }\n );\n}\nfunction watchSyncEffect(effect, options) {\n return doWatch(\n effect,\n null,\n !!(process.env.NODE_ENV !== \"production\") ? extend({}, options, { flush: \"sync\" }) : { flush: \"sync\" }\n );\n}\nconst INITIAL_WATCHER_VALUE = {};\nfunction watch(source, cb, options) {\n if (!!(process.env.NODE_ENV !== \"production\") && !isFunction(cb)) {\n warn(\n `\\`watch(fn, options?)\\` signature has been moved to a separate API. Use \\`watchEffect(fn, options?)\\` instead. \\`watch\\` now only supports \\`watch(source, cb, options?) signature.`\n );\n }\n return doWatch(source, cb, options);\n}\nfunction doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {\n var _a;\n if (!!(process.env.NODE_ENV !== \"production\") && !cb) {\n if (immediate !== void 0) {\n warn(\n `watch() \"immediate\" option is only respected when using the watch(source, callback, options?) signature.`\n );\n }\n if (deep !== void 0) {\n warn(\n `watch() \"deep\" option is only respected when using the watch(source, callback, options?) signature.`\n );\n }\n }\n const warnInvalidSource = (s) => {\n warn(\n `Invalid watch source: `,\n s,\n `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.`\n );\n };\n const instance = getCurrentScope() === ((_a = currentInstance) == null ? void 0 : _a.scope) ? currentInstance : null;\n let getter;\n let forceTrigger = false;\n let isMultiSource = false;\n if (isRef(source)) {\n getter = () => source.value;\n forceTrigger = isShallow$1(source);\n } else if (isReactive(source)) {\n getter = () => source;\n deep = true;\n } else if (isArray(source)) {\n isMultiSource = true;\n forceTrigger = source.some((s) => isReactive(s) || isShallow$1(s));\n getter = () => source.map((s) => {\n if (isRef(s)) {\n return s.value;\n } else if (isReactive(s)) {\n return traverse(s);\n } else if (isFunction(s)) {\n return callWithErrorHandling(s, instance, 2);\n } else {\n !!(process.env.NODE_ENV !== \"production\") && warnInvalidSource(s);\n }\n });\n } else if (isFunction(source)) {\n if (cb) {\n getter = () => callWithErrorHandling(source, instance, 2);\n } else {\n getter = () => {\n if (instance && instance.isUnmounted) {\n return;\n }\n if (cleanup) {\n cleanup();\n }\n return callWithAsyncErrorHandling(\n source,\n instance,\n 3,\n [onCleanup]\n );\n };\n }\n } else {\n getter = NOOP;\n !!(process.env.NODE_ENV !== \"production\") && warnInvalidSource(source);\n }\n if (cb && deep) {\n const baseGetter = getter;\n getter = () => traverse(baseGetter());\n }\n let cleanup;\n let onCleanup = (fn) => {\n cleanup = effect.onStop = () => {\n callWithErrorHandling(fn, instance, 4);\n };\n };\n let ssrCleanup;\n if (isInSSRComponentSetup) {\n onCleanup = NOOP;\n if (!cb) {\n getter();\n } else if (immediate) {\n callWithAsyncErrorHandling(cb, instance, 3, [\n getter(),\n isMultiSource ? [] : void 0,\n onCleanup\n ]);\n }\n if (flush === \"sync\") {\n const ctx = useSSRContext();\n ssrCleanup = ctx.__watcherHandles || (ctx.__watcherHandles = []);\n } else {\n return NOOP;\n }\n }\n let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;\n const job = () => {\n if (!effect.active) {\n return;\n }\n if (cb) {\n const newValue = effect.run();\n if (deep || forceTrigger || (isMultiSource ? newValue.some(\n (v, i) => hasChanged(v, oldValue[i])\n ) : hasChanged(newValue, oldValue)) || false) {\n if (cleanup) {\n cleanup();\n }\n callWithAsyncErrorHandling(cb, instance, 3, [\n newValue,\n // pass undefined as the old value when it's changed for the first time\n oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,\n onCleanup\n ]);\n oldValue = newValue;\n }\n } else {\n effect.run();\n }\n };\n job.allowRecurse = !!cb;\n let scheduler;\n if (flush === \"sync\") {\n scheduler = job;\n } else if (flush === \"post\") {\n scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);\n } else {\n job.pre = true;\n if (instance)\n job.id = instance.uid;\n scheduler = () => queueJob(job);\n }\n const effect = new ReactiveEffect(getter, scheduler);\n if (!!(process.env.NODE_ENV !== \"production\")) {\n effect.onTrack = onTrack;\n effect.onTrigger = onTrigger;\n }\n if (cb) {\n if (immediate) {\n job();\n } else {\n oldValue = effect.run();\n }\n } else if (flush === \"post\") {\n queuePostRenderEffect(\n effect.run.bind(effect),\n instance && instance.suspense\n );\n } else {\n effect.run();\n }\n const unwatch = () => {\n effect.stop();\n if (instance && instance.scope) {\n remove(instance.scope.effects, effect);\n }\n };\n if (ssrCleanup)\n ssrCleanup.push(unwatch);\n return unwatch;\n}\nfunction instanceWatch(source, value, options) {\n const publicThis = this.proxy;\n const getter = isString(source) ? source.includes(\".\") ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);\n let cb;\n if (isFunction(value)) {\n cb = value;\n } else {\n cb = value.handler;\n options = value;\n }\n const cur = currentInstance;\n setCurrentInstance(this);\n const res = doWatch(getter, cb.bind(publicThis), options);\n if (cur) {\n setCurrentInstance(cur);\n } else {\n unsetCurrentInstance();\n }\n return res;\n}\nfunction createPathGetter(ctx, path) {\n const segments = path.split(\".\");\n return () => {\n let cur = ctx;\n for (let i = 0; i < segments.length && cur; i++) {\n cur = cur[segments[i]];\n }\n return cur;\n };\n}\nfunction traverse(value, seen) {\n if (!isObject(value) || value[\"__v_skip\"]) {\n return value;\n }\n seen = seen || /* @__PURE__ */ new Set();\n if (seen.has(value)) {\n return value;\n }\n seen.add(value);\n if (isRef(value)) {\n traverse(value.value, seen);\n } else if (isArray(value)) {\n for (let i = 0; i < value.length; i++) {\n traverse(value[i], seen);\n }\n } else if (isSet(value) || isMap(value)) {\n value.forEach((v) => {\n traverse(v, seen);\n });\n } else if (isPlainObject(value)) {\n for (const key in value) {\n traverse(value[key], seen);\n }\n }\n return value;\n}\n\nfunction validateDirectiveName(name) {\n if (isBuiltInDirective(name)) {\n warn(\"Do not use built-in directive ids as custom directive id: \" + name);\n }\n}\nfunction withDirectives(vnode, directives) {\n const internalInstance = currentRenderingInstance;\n if (internalInstance === null) {\n !!(process.env.NODE_ENV !== \"production\") && warn(`withDirectives can only be used inside render functions.`);\n return vnode;\n }\n const instance = getExposeProxy(internalInstance) || internalInstance.proxy;\n const bindings = vnode.dirs || (vnode.dirs = []);\n for (let i = 0; i < directives.length; i++) {\n let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];\n if (dir) {\n if (isFunction(dir)) {\n dir = {\n mounted: dir,\n updated: dir\n };\n }\n if (dir.deep) {\n traverse(value);\n }\n bindings.push({\n dir,\n instance,\n value,\n oldValue: void 0,\n arg,\n modifiers\n });\n }\n }\n return vnode;\n}\nfunction invokeDirectiveHook(vnode, prevVNode, instance, name) {\n const bindings = vnode.dirs;\n const oldBindings = prevVNode && prevVNode.dirs;\n for (let i = 0; i < bindings.length; i++) {\n const binding = bindings[i];\n if (oldBindings) {\n binding.oldValue = oldBindings[i].value;\n }\n let hook = binding.dir[name];\n if (hook) {\n pauseTracking();\n callWithAsyncErrorHandling(hook, instance, 8, [\n vnode.el,\n binding,\n vnode,\n prevVNode\n ]);\n resetTracking();\n }\n }\n}\n\nfunction useTransitionState() {\n const state = {\n isMounted: false,\n isLeaving: false,\n isUnmounting: false,\n leavingVNodes: /* @__PURE__ */ new Map()\n };\n onMounted(() => {\n state.isMounted = true;\n });\n onBeforeUnmount(() => {\n state.isUnmounting = true;\n });\n return state;\n}\nconst TransitionHookValidator = [Function, Array];\nconst BaseTransitionPropsValidators = {\n mode: String,\n appear: Boolean,\n persisted: Boolean,\n // enter\n onBeforeEnter: TransitionHookValidator,\n onEnter: TransitionHookValidator,\n onAfterEnter: TransitionHookValidator,\n onEnterCancelled: TransitionHookValidator,\n // leave\n onBeforeLeave: TransitionHookValidator,\n onLeave: TransitionHookValidator,\n onAfterLeave: TransitionHookValidator,\n onLeaveCancelled: TransitionHookValidator,\n // appear\n onBeforeAppear: TransitionHookValidator,\n onAppear: TransitionHookValidator,\n onAfterAppear: TransitionHookValidator,\n onAppearCancelled: TransitionHookValidator\n};\nconst BaseTransitionImpl = {\n name: `BaseTransition`,\n props: BaseTransitionPropsValidators,\n setup(props, { slots }) {\n const instance = getCurrentInstance();\n const state = useTransitionState();\n let prevTransitionKey;\n return () => {\n const children = slots.default && getTransitionRawChildren(slots.default(), true);\n if (!children || !children.length) {\n return;\n }\n let child = children[0];\n if (children.length > 1) {\n let hasFound = false;\n for (const c of children) {\n if (c.type !== Comment) {\n if (!!(process.env.NODE_ENV !== \"production\") && hasFound) {\n warn(\n \" can only be used on a single element or component. Use for lists.\"\n );\n break;\n }\n child = c;\n hasFound = true;\n if (!!!(process.env.NODE_ENV !== \"production\"))\n break;\n }\n }\n }\n const rawProps = toRaw(props);\n const { mode } = rawProps;\n if (!!(process.env.NODE_ENV !== \"production\") && mode && mode !== \"in-out\" && mode !== \"out-in\" && mode !== \"default\") {\n warn(`invalid mode: ${mode}`);\n }\n if (state.isLeaving) {\n return emptyPlaceholder(child);\n }\n const innerChild = getKeepAliveChild(child);\n if (!innerChild) {\n return emptyPlaceholder(child);\n }\n const enterHooks = resolveTransitionHooks(\n innerChild,\n rawProps,\n state,\n instance\n );\n setTransitionHooks(innerChild, enterHooks);\n const oldChild = instance.subTree;\n const oldInnerChild = oldChild && getKeepAliveChild(oldChild);\n let transitionKeyChanged = false;\n const { getTransitionKey } = innerChild.type;\n if (getTransitionKey) {\n const key = getTransitionKey();\n if (prevTransitionKey === void 0) {\n prevTransitionKey = key;\n } else if (key !== prevTransitionKey) {\n prevTransitionKey = key;\n transitionKeyChanged = true;\n }\n }\n if (oldInnerChild && oldInnerChild.type !== Comment && (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) {\n const leavingHooks = resolveTransitionHooks(\n oldInnerChild,\n rawProps,\n state,\n instance\n );\n setTransitionHooks(oldInnerChild, leavingHooks);\n if (mode === \"out-in\") {\n state.isLeaving = true;\n leavingHooks.afterLeave = () => {\n state.isLeaving = false;\n if (instance.update.active !== false) {\n instance.update();\n }\n };\n return emptyPlaceholder(child);\n } else if (mode === \"in-out\" && innerChild.type !== Comment) {\n leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {\n const leavingVNodesCache = getLeavingNodesForType(\n state,\n oldInnerChild\n );\n leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;\n el._leaveCb = () => {\n earlyRemove();\n el._leaveCb = void 0;\n delete enterHooks.delayedLeave;\n };\n enterHooks.delayedLeave = delayedLeave;\n };\n }\n }\n return child;\n };\n }\n};\nconst BaseTransition = BaseTransitionImpl;\nfunction getLeavingNodesForType(state, vnode) {\n const { leavingVNodes } = state;\n let leavingVNodesCache = leavingVNodes.get(vnode.type);\n if (!leavingVNodesCache) {\n leavingVNodesCache = /* @__PURE__ */ Object.create(null);\n leavingVNodes.set(vnode.type, leavingVNodesCache);\n }\n return leavingVNodesCache;\n}\nfunction resolveTransitionHooks(vnode, props, state, instance) {\n const {\n appear,\n mode,\n persisted = false,\n onBeforeEnter,\n onEnter,\n onAfterEnter,\n onEnterCancelled,\n onBeforeLeave,\n onLeave,\n onAfterLeave,\n onLeaveCancelled,\n onBeforeAppear,\n onAppear,\n onAfterAppear,\n onAppearCancelled\n } = props;\n const key = String(vnode.key);\n const leavingVNodesCache = getLeavingNodesForType(state, vnode);\n const callHook = (hook, args) => {\n hook && callWithAsyncErrorHandling(\n hook,\n instance,\n 9,\n args\n );\n };\n const callAsyncHook = (hook, args) => {\n const done = args[1];\n callHook(hook, args);\n if (isArray(hook)) {\n if (hook.every((hook2) => hook2.length <= 1))\n done();\n } else if (hook.length <= 1) {\n done();\n }\n };\n const hooks = {\n mode,\n persisted,\n beforeEnter(el) {\n let hook = onBeforeEnter;\n if (!state.isMounted) {\n if (appear) {\n hook = onBeforeAppear || onBeforeEnter;\n } else {\n return;\n }\n }\n if (el._leaveCb) {\n el._leaveCb(\n true\n /* cancelled */\n );\n }\n const leavingVNode = leavingVNodesCache[key];\n if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el._leaveCb) {\n leavingVNode.el._leaveCb();\n }\n callHook(hook, [el]);\n },\n enter(el) {\n let hook = onEnter;\n let afterHook = onAfterEnter;\n let cancelHook = onEnterCancelled;\n if (!state.isMounted) {\n if (appear) {\n hook = onAppear || onEnter;\n afterHook = onAfterAppear || onAfterEnter;\n cancelHook = onAppearCancelled || onEnterCancelled;\n } else {\n return;\n }\n }\n let called = false;\n const done = el._enterCb = (cancelled) => {\n if (called)\n return;\n called = true;\n if (cancelled) {\n callHook(cancelHook, [el]);\n } else {\n callHook(afterHook, [el]);\n }\n if (hooks.delayedLeave) {\n hooks.delayedLeave();\n }\n el._enterCb = void 0;\n };\n if (hook) {\n callAsyncHook(hook, [el, done]);\n } else {\n done();\n }\n },\n leave(el, remove) {\n const key2 = String(vnode.key);\n if (el._enterCb) {\n el._enterCb(\n true\n /* cancelled */\n );\n }\n if (state.isUnmounting) {\n return remove();\n }\n callHook(onBeforeLeave, [el]);\n let called = false;\n const done = el._leaveCb = (cancelled) => {\n if (called)\n return;\n called = true;\n remove();\n if (cancelled) {\n callHook(onLeaveCancelled, [el]);\n } else {\n callHook(onAfterLeave, [el]);\n }\n el._leaveCb = void 0;\n if (leavingVNodesCache[key2] === vnode) {\n delete leavingVNodesCache[key2];\n }\n };\n leavingVNodesCache[key2] = vnode;\n if (onLeave) {\n callAsyncHook(onLeave, [el, done]);\n } else {\n done();\n }\n },\n clone(vnode2) {\n return resolveTransitionHooks(vnode2, props, state, instance);\n }\n };\n return hooks;\n}\nfunction emptyPlaceholder(vnode) {\n if (isKeepAlive(vnode)) {\n vnode = cloneVNode(vnode);\n vnode.children = null;\n return vnode;\n }\n}\nfunction getKeepAliveChild(vnode) {\n return isKeepAlive(vnode) ? vnode.children ? vnode.children[0] : void 0 : vnode;\n}\nfunction setTransitionHooks(vnode, hooks) {\n if (vnode.shapeFlag & 6 && vnode.component) {\n setTransitionHooks(vnode.component.subTree, hooks);\n } else if (vnode.shapeFlag & 128) {\n vnode.ssContent.transition = hooks.clone(vnode.ssContent);\n vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);\n } else {\n vnode.transition = hooks;\n }\n}\nfunction getTransitionRawChildren(children, keepComment = false, parentKey) {\n let ret = [];\n let keyedFragmentCount = 0;\n for (let i = 0; i < children.length; i++) {\n let child = children[i];\n const key = parentKey == null ? child.key : String(parentKey) + String(child.key != null ? child.key : i);\n if (child.type === Fragment) {\n if (child.patchFlag & 128)\n keyedFragmentCount++;\n ret = ret.concat(\n getTransitionRawChildren(child.children, keepComment, key)\n );\n } else if (keepComment || child.type !== Comment) {\n ret.push(key != null ? cloneVNode(child, { key }) : child);\n }\n }\n if (keyedFragmentCount > 1) {\n for (let i = 0; i < ret.length; i++) {\n ret[i].patchFlag = -2;\n }\n }\n return ret;\n}\n\nfunction defineComponent(options, extraOptions) {\n return isFunction(options) ? (\n // #8326: extend call and options.name access are considered side-effects\n // by Rollup, so we have to wrap it in a pure-annotated IIFE.\n /* @__PURE__ */ (() => extend({ name: options.name }, extraOptions, { setup: options }))()\n ) : options;\n}\n\nconst isAsyncWrapper = (i) => !!i.type.__asyncLoader;\nfunction defineAsyncComponent(source) {\n if (isFunction(source)) {\n source = { loader: source };\n }\n const {\n loader,\n loadingComponent,\n errorComponent,\n delay = 200,\n timeout,\n // undefined = never times out\n suspensible = true,\n onError: userOnError\n } = source;\n let pendingRequest = null;\n let resolvedComp;\n let retries = 0;\n const retry = () => {\n retries++;\n pendingRequest = null;\n return load();\n };\n const load = () => {\n let thisRequest;\n return pendingRequest || (thisRequest = pendingRequest = loader().catch((err) => {\n err = err instanceof Error ? err : new Error(String(err));\n if (userOnError) {\n return new Promise((resolve, reject) => {\n const userRetry = () => resolve(retry());\n const userFail = () => reject(err);\n userOnError(err, userRetry, userFail, retries + 1);\n });\n } else {\n throw err;\n }\n }).then((comp) => {\n if (thisRequest !== pendingRequest && pendingRequest) {\n return pendingRequest;\n }\n if (!!(process.env.NODE_ENV !== \"production\") && !comp) {\n warn(\n `Async component loader resolved to undefined. If you are using retry(), make sure to return its return value.`\n );\n }\n if (comp && (comp.__esModule || comp[Symbol.toStringTag] === \"Module\")) {\n comp = comp.default;\n }\n if (!!(process.env.NODE_ENV !== \"production\") && comp && !isObject(comp) && !isFunction(comp)) {\n throw new Error(`Invalid async component load result: ${comp}`);\n }\n resolvedComp = comp;\n return comp;\n }));\n };\n return defineComponent({\n name: \"AsyncComponentWrapper\",\n __asyncLoader: load,\n get __asyncResolved() {\n return resolvedComp;\n },\n setup() {\n const instance = currentInstance;\n if (resolvedComp) {\n return () => createInnerComp(resolvedComp, instance);\n }\n const onError = (err) => {\n pendingRequest = null;\n handleError(\n err,\n instance,\n 13,\n !errorComponent\n /* do not throw in dev if user provided error component */\n );\n };\n if (suspensible && instance.suspense || isInSSRComponentSetup) {\n return load().then((comp) => {\n return () => createInnerComp(comp, instance);\n }).catch((err) => {\n onError(err);\n return () => errorComponent ? createVNode(errorComponent, {\n error: err\n }) : null;\n });\n }\n const loaded = ref(false);\n const error = ref();\n const delayed = ref(!!delay);\n if (delay) {\n setTimeout(() => {\n delayed.value = false;\n }, delay);\n }\n if (timeout != null) {\n setTimeout(() => {\n if (!loaded.value && !error.value) {\n const err = new Error(\n `Async component timed out after ${timeout}ms.`\n );\n onError(err);\n error.value = err;\n }\n }, timeout);\n }\n load().then(() => {\n loaded.value = true;\n if (instance.parent && isKeepAlive(instance.parent.vnode)) {\n queueJob(instance.parent.update);\n }\n }).catch((err) => {\n onError(err);\n error.value = err;\n });\n return () => {\n if (loaded.value && resolvedComp) {\n return createInnerComp(resolvedComp, instance);\n } else if (error.value && errorComponent) {\n return createVNode(errorComponent, {\n error: error.value\n });\n } else if (loadingComponent && !delayed.value) {\n return createVNode(loadingComponent);\n }\n };\n }\n });\n}\nfunction createInnerComp(comp, parent) {\n const { ref: ref2, props, children, ce } = parent.vnode;\n const vnode = createVNode(comp, props, children);\n vnode.ref = ref2;\n vnode.ce = ce;\n delete parent.vnode.ce;\n return vnode;\n}\n\nconst isKeepAlive = (vnode) => vnode.type.__isKeepAlive;\nconst KeepAliveImpl = {\n name: `KeepAlive`,\n // Marker for special handling inside the renderer. We are not using a ===\n // check directly on KeepAlive in the renderer, because importing it directly\n // would prevent it from being tree-shaken.\n __isKeepAlive: true,\n props: {\n include: [String, RegExp, Array],\n exclude: [String, RegExp, Array],\n max: [String, Number]\n },\n setup(props, { slots }) {\n const instance = getCurrentInstance();\n const sharedContext = instance.ctx;\n if (!sharedContext.renderer) {\n return () => {\n const children = slots.default && slots.default();\n return children && children.length === 1 ? children[0] : children;\n };\n }\n const cache = /* @__PURE__ */ new Map();\n const keys = /* @__PURE__ */ new Set();\n let current = null;\n if (!!(process.env.NODE_ENV !== \"production\") || __VUE_PROD_DEVTOOLS__) {\n instance.__v_cache = cache;\n }\n const parentSuspense = instance.suspense;\n const {\n renderer: {\n p: patch,\n m: move,\n um: _unmount,\n o: { createElement }\n }\n } = sharedContext;\n const storageContainer = createElement(\"div\");\n sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => {\n const instance2 = vnode.component;\n move(vnode, container, anchor, 0, parentSuspense);\n patch(\n instance2.vnode,\n vnode,\n container,\n anchor,\n instance2,\n parentSuspense,\n isSVG,\n vnode.slotScopeIds,\n optimized\n );\n queuePostRenderEffect(() => {\n instance2.isDeactivated = false;\n if (instance2.a) {\n invokeArrayFns(instance2.a);\n }\n const vnodeHook = vnode.props && vnode.props.onVnodeMounted;\n if (vnodeHook) {\n invokeVNodeHook(vnodeHook, instance2.parent, vnode);\n }\n }, parentSuspense);\n if (!!(process.env.NODE_ENV !== \"production\") || __VUE_PROD_DEVTOOLS__) {\n devtoolsComponentAdded(instance2);\n }\n };\n sharedContext.deactivate = (vnode) => {\n const instance2 = vnode.component;\n move(vnode, storageContainer, null, 1, parentSuspense);\n queuePostRenderEffect(() => {\n if (instance2.da) {\n invokeArrayFns(instance2.da);\n }\n const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted;\n if (vnodeHook) {\n invokeVNodeHook(vnodeHook, instance2.parent, vnode);\n }\n instance2.isDeactivated = true;\n }, parentSuspense);\n if (!!(process.env.NODE_ENV !== \"production\") || __VUE_PROD_DEVTOOLS__) {\n devtoolsComponentAdded(instance2);\n }\n };\n function unmount(vnode) {\n resetShapeFlag(vnode);\n _unmount(vnode, instance, parentSuspense, true);\n }\n function pruneCache(filter) {\n cache.forEach((vnode, key) => {\n const name = getComponentName(vnode.type);\n if (name && (!filter || !filter(name))) {\n pruneCacheEntry(key);\n }\n });\n }\n function pruneCacheEntry(key) {\n const cached = cache.get(key);\n if (!current || !isSameVNodeType(cached, current)) {\n unmount(cached);\n } else if (current) {\n resetShapeFlag(current);\n }\n cache.delete(key);\n keys.delete(key);\n }\n watch(\n () => [props.include, props.exclude],\n ([include, exclude]) => {\n include && pruneCache((name) => matches(include, name));\n exclude && pruneCache((name) => !matches(exclude, name));\n },\n // prune post-render after `current` has been updated\n { flush: \"post\", deep: true }\n );\n let pendingCacheKey = null;\n const cacheSubtree = () => {\n if (pendingCacheKey != null) {\n cache.set(pendingCacheKey, getInnerChild(instance.subTree));\n }\n };\n onMounted(cacheSubtree);\n onUpdated(cacheSubtree);\n onBeforeUnmount(() => {\n cache.forEach((cached) => {\n const { subTree, suspense } = instance;\n const vnode = getInnerChild(subTree);\n if (cached.type === vnode.type && cached.key === vnode.key) {\n resetShapeFlag(vnode);\n const da = vnode.component.da;\n da && queuePostRenderEffect(da, suspense);\n return;\n }\n unmount(cached);\n });\n });\n return () => {\n pendingCacheKey = null;\n if (!slots.default) {\n return null;\n }\n const children = slots.default();\n const rawVNode = children[0];\n if (children.length > 1) {\n if (!!(process.env.NODE_ENV !== \"production\")) {\n warn(`KeepAlive should contain exactly one component child.`);\n }\n current = null;\n return children;\n } else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4) && !(rawVNode.shapeFlag & 128)) {\n current = null;\n return rawVNode;\n }\n let vnode = getInnerChild(rawVNode);\n const comp = vnode.type;\n const name = getComponentName(\n isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp\n );\n const { include, exclude, max } = props;\n if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) {\n current = vnode;\n return rawVNode;\n }\n const key = vnode.key == null ? comp : vnode.key;\n const cachedVNode = cache.get(key);\n if (vnode.el) {\n vnode = cloneVNode(vnode);\n if (rawVNode.shapeFlag & 128) {\n rawVNode.ssContent = vnode;\n }\n }\n pendingCacheKey = key;\n if (cachedVNode) {\n vnode.el = cachedVNode.el;\n vnode.component = cachedVNode.component;\n if (vnode.transition) {\n setTransitionHooks(vnode, vnode.transition);\n }\n vnode.shapeFlag |= 512;\n keys.delete(key);\n keys.add(key);\n } else {\n keys.add(key);\n if (max && keys.size > parseInt(max, 10)) {\n pruneCacheEntry(keys.values().next().value);\n }\n }\n vnode.shapeFlag |= 256;\n current = vnode;\n return isSuspense(rawVNode.type) ? rawVNode : vnode;\n };\n }\n};\nconst KeepAlive = KeepAliveImpl;\nfunction matches(pattern, name) {\n if (isArray(pattern)) {\n return pattern.some((p) => matches(p, name));\n } else if (isString(pattern)) {\n return pattern.split(\",\").includes(name);\n } else if (isRegExp(pattern)) {\n return pattern.test(name);\n }\n return false;\n}\nfunction onActivated(hook, target) {\n registerKeepAliveHook(hook, \"a\", target);\n}\nfunction onDeactivated(hook, target) {\n registerKeepAliveHook(hook, \"da\", target);\n}\nfunction registerKeepAliveHook(hook, type, target = currentInstance) {\n const wrappedHook = hook.__wdc || (hook.__wdc = () => {\n let current = target;\n while (current) {\n if (current.isDeactivated) {\n return;\n }\n current = current.parent;\n }\n return hook();\n });\n injectHook(type, wrappedHook, target);\n if (target) {\n let current = target.parent;\n while (current && current.parent) {\n if (isKeepAlive(current.parent.vnode)) {\n injectToKeepAliveRoot(wrappedHook, type, target, current);\n }\n current = current.parent;\n }\n }\n}\nfunction injectToKeepAliveRoot(hook, type, target, keepAliveRoot) {\n const injected = injectHook(\n type,\n hook,\n keepAliveRoot,\n true\n /* prepend */\n );\n onUnmounted(() => {\n remove(keepAliveRoot[type], injected);\n }, target);\n}\nfunction resetShapeFlag(vnode) {\n vnode.shapeFlag &= ~256;\n vnode.shapeFlag &= ~512;\n}\nfunction getInnerChild(vnode) {\n return vnode.shapeFlag & 128 ? vnode.ssContent : vnode;\n}\n\nfunction injectHook(type, hook, target = currentInstance, prepend = false) {\n if (target) {\n const hooks = target[type] || (target[type] = []);\n const wrappedHook = hook.__weh || (hook.__weh = (...args) => {\n if (target.isUnmounted) {\n return;\n }\n pauseTracking();\n setCurrentInstance(target);\n const res = callWithAsyncErrorHandling(hook, target, type, args);\n unsetCurrentInstance();\n resetTracking();\n return res;\n });\n if (prepend) {\n hooks.unshift(wrappedHook);\n } else {\n hooks.push(wrappedHook);\n }\n return wrappedHook;\n } else if (!!(process.env.NODE_ENV !== \"production\")) {\n const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, \"\"));\n warn(\n `${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.` )\n );\n }\n}\nconst createHook = (lifecycle) => (hook, target = currentInstance) => (\n // post-create lifecycle registrations are noops during SSR (except for serverPrefetch)\n (!isInSSRComponentSetup || lifecycle === \"sp\") && injectHook(lifecycle, (...args) => hook(...args), target)\n);\nconst onBeforeMount = createHook(\"bm\");\nconst onMounted = createHook(\"m\");\nconst onBeforeUpdate = createHook(\"bu\");\nconst onUpdated = createHook(\"u\");\nconst onBeforeUnmount = createHook(\"bum\");\nconst onUnmounted = createHook(\"um\");\nconst onServerPrefetch = createHook(\"sp\");\nconst onRenderTriggered = createHook(\n \"rtg\"\n);\nconst onRenderTracked = createHook(\n \"rtc\"\n);\nfunction onErrorCaptured(hook, target = currentInstance) {\n injectHook(\"ec\", hook, target);\n}\n\nconst COMPONENTS = \"components\";\nconst DIRECTIVES = \"directives\";\nfunction resolveComponent(name, maybeSelfReference) {\n return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;\n}\nconst NULL_DYNAMIC_COMPONENT = Symbol.for(\"v-ndc\");\nfunction resolveDynamicComponent(component) {\n if (isString(component)) {\n return resolveAsset(COMPONENTS, component, false) || component;\n } else {\n return component || NULL_DYNAMIC_COMPONENT;\n }\n}\nfunction resolveDirective(name) {\n return resolveAsset(DIRECTIVES, name);\n}\nfunction resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {\n const instance = currentRenderingInstance || currentInstance;\n if (instance) {\n const Component = instance.type;\n if (type === COMPONENTS) {\n const selfName = getComponentName(\n Component,\n false\n /* do not include inferred name to avoid breaking existing code */\n );\n if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {\n return Component;\n }\n }\n const res = (\n // local registration\n // check instance[type] first which is resolved for options API\n resolve(instance[type] || Component[type], name) || // global registration\n resolve(instance.appContext[type], name)\n );\n if (!res && maybeSelfReference) {\n return Component;\n }\n if (!!(process.env.NODE_ENV !== \"production\") && warnMissing && !res) {\n const extra = type === COMPONENTS ? `\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.` : ``;\n warn(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);\n }\n return res;\n } else if (!!(process.env.NODE_ENV !== \"production\")) {\n warn(\n `resolve${capitalize(type.slice(0, -1))} can only be used in render() or setup().`\n );\n }\n}\nfunction resolve(registry, name) {\n return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);\n}\n\nfunction renderList(source, renderItem, cache, index) {\n let ret;\n const cached = cache && cache[index];\n if (isArray(source) || isString(source)) {\n ret = new Array(source.length);\n for (let i = 0, l = source.length; i < l; i++) {\n ret[i] = renderItem(source[i], i, void 0, cached && cached[i]);\n }\n } else if (typeof source === \"number\") {\n if (!!(process.env.NODE_ENV !== \"production\") && !Number.isInteger(source)) {\n warn(`The v-for range expect an integer value but got ${source}.`);\n }\n ret = new Array(source);\n for (let i = 0; i < source; i++) {\n ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);\n }\n } else if (isObject(source)) {\n if (source[Symbol.iterator]) {\n ret = Array.from(\n source,\n (item, i) => renderItem(item, i, void 0, cached && cached[i])\n );\n } else {\n const keys = Object.keys(source);\n ret = new Array(keys.length);\n for (let i = 0, l = keys.length; i < l; i++) {\n const key = keys[i];\n ret[i] = renderItem(source[key], key, i, cached && cached[i]);\n }\n }\n } else {\n ret = [];\n }\n if (cache) {\n cache[index] = ret;\n }\n return ret;\n}\n\nfunction createSlots(slots, dynamicSlots) {\n for (let i = 0; i < dynamicSlots.length; i++) {\n const slot = dynamicSlots[i];\n if (isArray(slot)) {\n for (let j = 0; j < slot.length; j++) {\n slots[slot[j].name] = slot[j].fn;\n }\n } else if (slot) {\n slots[slot.name] = slot.key ? (...args) => {\n const res = slot.fn(...args);\n if (res)\n res.key = slot.key;\n return res;\n } : slot.fn;\n }\n }\n return slots;\n}\n\nfunction renderSlot(slots, name, props = {}, fallback, noSlotted) {\n if (currentRenderingInstance.isCE || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.isCE) {\n if (name !== \"default\")\n props.name = name;\n return createVNode(\"slot\", props, fallback && fallback());\n }\n let slot = slots[name];\n if (!!(process.env.NODE_ENV !== \"production\") && slot && slot.length > 1) {\n warn(\n `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.`\n );\n slot = () => [];\n }\n if (slot && slot._c) {\n slot._d = false;\n }\n openBlock();\n const validSlotContent = slot && ensureValidVNode(slot(props));\n const rendered = createBlock(\n Fragment,\n {\n key: props.key || // slot content array of a dynamic conditional slot may have a branch\n // key attached in the `createSlots` helper, respect that\n validSlotContent && validSlotContent.key || `_${name}`\n },\n validSlotContent || (fallback ? fallback() : []),\n validSlotContent && slots._ === 1 ? 64 : -2\n );\n if (!noSlotted && rendered.scopeId) {\n rendered.slotScopeIds = [rendered.scopeId + \"-s\"];\n }\n if (slot && slot._c) {\n slot._d = true;\n }\n return rendered;\n}\nfunction ensureValidVNode(vnodes) {\n return vnodes.some((child) => {\n if (!isVNode(child))\n return true;\n if (child.type === Comment)\n return false;\n if (child.type === Fragment && !ensureValidVNode(child.children))\n return false;\n return true;\n }) ? vnodes : null;\n}\n\nfunction toHandlers(obj, preserveCaseIfNecessary) {\n const ret = {};\n if (!!(process.env.NODE_ENV !== \"production\") && !isObject(obj)) {\n warn(`v-on with no argument expects an object value.`);\n return ret;\n }\n for (const key in obj) {\n ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key];\n }\n return ret;\n}\n\nconst getPublicInstance = (i) => {\n if (!i)\n return null;\n if (isStatefulComponent(i))\n return getExposeProxy(i) || i.proxy;\n return getPublicInstance(i.parent);\n};\nconst publicPropertiesMap = (\n // Move PURE marker to new line to workaround compiler discarding it\n // due to type annotation\n /* @__PURE__ */ extend(/* @__PURE__ */ Object.create(null), {\n $: (i) => i,\n $el: (i) => i.vnode.el,\n $data: (i) => i.data,\n $props: (i) => !!(process.env.NODE_ENV !== \"production\") ? shallowReadonly(i.props) : i.props,\n $attrs: (i) => !!(process.env.NODE_ENV !== \"production\") ? shallowReadonly(i.attrs) : i.attrs,\n $slots: (i) => !!(process.env.NODE_ENV !== \"production\") ? shallowReadonly(i.slots) : i.slots,\n $refs: (i) => !!(process.env.NODE_ENV !== \"production\") ? shallowReadonly(i.refs) : i.refs,\n $parent: (i) => getPublicInstance(i.parent),\n $root: (i) => getPublicInstance(i.root),\n $emit: (i) => i.emit,\n $options: (i) => __VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type,\n $forceUpdate: (i) => i.f || (i.f = () => queueJob(i.update)),\n $nextTick: (i) => i.n || (i.n = nextTick.bind(i.proxy)),\n $watch: (i) => __VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP\n })\n);\nconst isReservedPrefix = (key) => key === \"_\" || key === \"$\";\nconst hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScriptSetup && hasOwn(state, key);\nconst PublicInstanceProxyHandlers = {\n get({ _: instance }, key) {\n const { ctx, setupState, data, props, accessCache, type, appContext } = instance;\n if (!!(process.env.NODE_ENV !== \"production\") && key === \"__isVue\") {\n return true;\n }\n let normalizedProps;\n if (key[0] !== \"$\") {\n const n = accessCache[key];\n if (n !== void 0) {\n switch (n) {\n case 1 /* SETUP */:\n return setupState[key];\n case 2 /* DATA */:\n return data[key];\n case 4 /* CONTEXT */:\n return ctx[key];\n case 3 /* PROPS */:\n return props[key];\n }\n } else if (hasSetupBinding(setupState, key)) {\n accessCache[key] = 1 /* SETUP */;\n return setupState[key];\n } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {\n accessCache[key] = 2 /* DATA */;\n return data[key];\n } else if (\n // only cache other properties when instance has declared (thus stable)\n // props\n (normalizedProps = instance.propsOptions[0]) && hasOwn(normalizedProps, key)\n ) {\n accessCache[key] = 3 /* PROPS */;\n return props[key];\n } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {\n accessCache[key] = 4 /* CONTEXT */;\n return ctx[key];\n } else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) {\n accessCache[key] = 0 /* OTHER */;\n }\n }\n const publicGetter = publicPropertiesMap[key];\n let cssModule, globalProperties;\n if (publicGetter) {\n if (key === \"$attrs\") {\n track(instance, \"get\", key);\n !!(process.env.NODE_ENV !== \"production\") && markAttrsAccessed();\n } else if (!!(process.env.NODE_ENV !== \"production\") && key === \"$slots\") {\n track(instance, \"get\", key);\n }\n return publicGetter(instance);\n } else if (\n // css module (injected by vue-loader)\n (cssModule = type.__cssModules) && (cssModule = cssModule[key])\n ) {\n return cssModule;\n } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {\n accessCache[key] = 4 /* CONTEXT */;\n return ctx[key];\n } else if (\n // global properties\n globalProperties = appContext.config.globalProperties, hasOwn(globalProperties, key)\n ) {\n {\n return globalProperties[key];\n }\n } else if (!!(process.env.NODE_ENV !== \"production\") && currentRenderingInstance && (!isString(key) || // #1091 avoid internal isRef/isVNode checks on component instance leading\n // to infinite warning loop\n key.indexOf(\"__v\") !== 0)) {\n if (data !== EMPTY_OBJ && isReservedPrefix(key[0]) && hasOwn(data, key)) {\n warn(\n `Property ${JSON.stringify(\n key\n )} must be accessed via $data because it starts with a reserved character (\"$\" or \"_\") and is not proxied on the render context.`\n );\n } else if (instance === currentRenderingInstance) {\n warn(\n `Property ${JSON.stringify(key)} was accessed during render but is not defined on instance.`\n );\n }\n }\n },\n set({ _: instance }, key, value) {\n const { data, setupState, ctx } = instance;\n if (hasSetupBinding(setupState, key)) {\n setupState[key] = value;\n return true;\n } else if (!!(process.env.NODE_ENV !== \"production\") && setupState.__isScriptSetup && hasOwn(setupState, key)) {\n warn(`Cannot mutate
diff --git a/packages/vue/.vitepress/theme/components/HomeContributors.vue b/packages/.vitepress/theme/components/HomeContributors.vue
similarity index 97%
rename from packages/vue/.vitepress/theme/components/HomeContributors.vue
rename to packages/.vitepress/theme/components/HomeContributors.vue
index 69fdf53..4caa1c8 100644
--- a/packages/vue/.vitepress/theme/components/HomeContributors.vue
+++ b/packages/.vitepress/theme/components/HomeContributors.vue
@@ -26,6 +26,7 @@ const members = [
display: flex;
flex-direction: column;
align-items: center;
+ margin: auto;
}
h3{
diff --git a/packages/.vitepress/theme/components/Preview.vue b/packages/.vitepress/theme/components/Preview.vue
new file mode 100644
index 0000000..f827345
--- /dev/null
+++ b/packages/.vitepress/theme/components/Preview.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/vue/.vitepress/theme/index.ts b/packages/.vitepress/theme/index.ts
similarity index 72%
rename from packages/vue/.vitepress/theme/index.ts
rename to packages/.vitepress/theme/index.ts
index 6600998..07970be 100644
--- a/packages/vue/.vitepress/theme/index.ts
+++ b/packages/.vitepress/theme/index.ts
@@ -1,16 +1,16 @@
// https://vitepress.dev/guide/custom-theme
-import { h } from 'vue';
-import Theme from 'vitepress/theme';
-import './style.css';
+import { h } from 'vue'
+import Theme from 'vitepress/theme'
+import './style.css'
export default {
...Theme,
Layout: () => {
return h(Theme.Layout, null, {
// https://vitepress.dev/guide/extending-default-theme#layout-slots
- });
+ })
},
enhanceApp({ app, router, siteData }) {
// ...
- },
-};
+ }
+}
diff --git a/packages/vue/.vitepress/theme/style.css b/packages/.vitepress/theme/style.css
similarity index 81%
rename from packages/vue/.vitepress/theme/style.css
rename to packages/.vitepress/theme/style.css
index 224c09c..a004d5e 100644
--- a/packages/vue/.vitepress/theme/style.css
+++ b/packages/.vitepress/theme/style.css
@@ -6,12 +6,9 @@
/**
* Colors
* -------------------------------------------------------------------------- */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-:root {
- --vp-c-brand: #21cd80;
+ :root {
+ --vp-c-brand: rgb(33, 205, 128);
--vp-c-brand-light: rgba(40, 230, 145, 0.991);
--vp-c-brand-lighter: #9499ff;
--vp-c-brand-lightest: #bcc0ff;
@@ -42,13 +39,17 @@
:root {
--vp-home-hero-name-color: transparent;
- --vp-home-hero-name-background: -webkit-linear-gradient(120deg,
- rgb(40, 230, 145),
- #65adf1 50%);
+ --vp-home-hero-name-background: -webkit-linear-gradient(
+ 120deg,
+ rgb(40, 230, 145),
+ rgb(101, 173, 241) 50%
+ );
- --vp-home-hero-image-background-image: linear-gradient(-45deg,
- rgba(65, 184, 131, 0.5) 30%, rgb(101, 173, 241));
+ --vp-home-hero-image-background-image: linear-gradient(
+ -45deg,
+ rgba(65, 184, 131, 0.5) 30%, rgb(101, 173, 241)
+ );
--vp-home-hero-image-filter: blur(40px);
}
@@ -72,10 +73,6 @@
--vp-custom-block-tip-border: var(--vp-c-brand);
--vp-custom-block-tip-text: var(--vp-c-brand-darker);
--vp-custom-block-tip-bg: var(--vp-c-brand-dimm);
-
- --vp-c-brand-1: var(--vp-c-brand);
- --vp-c-brand-2: #65adf1;
-/* --vp-font-family-base: 'Uber Move Text', sans-serif; */
}
.dark {
@@ -93,8 +90,3 @@
--docsearch-primary-color: var(--vp-c-brand) !important;
}
-
-h3{
- font-size: 24px;
- font-weight: bold;
-}
\ No newline at end of file
diff --git a/packages/change-icon/.eslintrc.json b/packages/change-icon/.eslintrc.json
deleted file mode 100644
index 53c06c8..0000000
--- a/packages/change-icon/.eslintrc.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
- "extends": ["../../.eslintrc.json"],
- "ignorePatterns": ["!**/*", "node_modules/**/*"],
- "overrides": [
- {
- "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
- "rules": {}
- },
- {
- "files": ["*.ts", "*.tsx"],
- "rules": {}
- },
- {
- "files": ["*.js", "*.jsx"],
- "rules": {}
- }
- ]
-}
diff --git a/packages/change-icon/README.md b/packages/change-icon/README.md
deleted file mode 100644
index b4a515d..0000000
--- a/packages/change-icon/README.md
+++ /dev/null
@@ -1,224 +0,0 @@
-# @nativescript-use/change-icon
-
-Programmatically change the application icon.
-
-## Install
-```javascript
-npm install @nativescript-use/change-icon
-```
-
-## Configuration
-
-### Android
-
-To begin, we must define our icons in `App_Resources/Android/src/main/res`, we recommend the page https://icon.kitchen/ to generate the icons for our application. This document will create 3 icons for the sample:
-- Default Icon.
-- Dark icon.
-- Cafe icon.
-
-1. Generate the icons and add them to `App_Resources/Android/src/main/res/mipmap`.
-
-- ic_launcher_foreground_[default|dark|cafe].png (`Icon`)
-- ic_launcher_background__[default|dark|cafe].png (`Icon Background`)
-
-1. Add the `adaptive-icon` to your `mipmap-anydpi-v26` folder inside `App_Resources/Android/src/main/res/`.
-
-- `mipmap-anydpi-v26/ic_launcher_default.xml`
-
-```xml
-
-
-
-```
-
-- `mipmap-anydpi-v26/ic_launcher_dark.xml`
-```xml
-
-
-
-```
-- `mipmap-anydpi-v26/ic_launcher_cafe.xml`
-```xml
-
-
-
-```
-
-3. Add `activity-alias` to our `AndroidManifest.xml`. To change the icon in android we need to specify an `activity-alias` in `AndroidManifest.xml` plus one for the default icon, so for this example we will have 3 activity-aliases in our manifest:
-
-```xml
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-Note here the important things from the previous code:
-
-- Removed `CFBundleIcons
-
- CFBundlePrimaryIcon
-
- CFBundleIconFiles
-
- Default
-
- UIPrerenderedIcon
-
- CFBundleAlternateIcons
-
- Dark
-
- CFBundleIconFiles
-
- Dark
-
- UIPrerenderedIcon
-
- Cafe
-
- CFBundleIconFiles
-
- Cafe
-
- UIPrerenderedIcon
-
-
-
-```
-
-
-### Usage
-
-You just have to import the library and use the available methods
-- `getCurrent()`
-- `reset()`
-- `change("NameOfIcon")`
-
-```ts
-import { changeIcon } from "@nativescript-use/change-icon"
-
-function changeIconToDark(){
- changeIcon.change("Dark");
-}
-
-function changeIconToCafe(){
- changeIcon.change("Cafe");
-}
-
-function changeIconToDefault(){
- changeIcon.reset();
-}
-
-function getCurrentIcon(){
- return changeIcon.getCurrent(); // "Default" | "Dark" | "Cafe"
-}
-
-
-```
-## License
-
-Apache License Version 2.0
diff --git a/packages/change-icon/index.android.ts b/packages/change-icon/index.android.ts
deleted file mode 100644
index 4857d57..0000000
--- a/packages/change-icon/index.android.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Utils } from '@nativescript/core';
-import PackageManager = android.content.pm.PackageManager;
-
-const startNameActivity = 'MainActivity';
-
-export const changeIcon = {
- reset() {
- changeIcon.change(null);
- },
- getCurrent() {
- const activity = Utils.android.getCurrentActivity();
- if (activity == null) {
- return 'ANDROID:Error';
- }
-
- const activityName = activity.getComponentName().getClassName();
- if (activityName.endsWith(startNameActivity) || activityName === 'com.tns.NativeScriptActivity') {
- return 'Default';
- }
-
- const activityNameSplit = activityName.split(startNameActivity);
- if (activityNameSplit.length != 2) {
- return 'ANDROID:UNEXPECTED_COMPONENT_CLASS';
- }
-
- return activityNameSplit[1];
- },
- change(icon: string | null) {
- const currentIcon = changeIcon.getCurrent();
- if (currentIcon === icon) {
- console.log('ICON_ALREADY_USED');
- return;
- }
-
- if (currentIcon === 'ANDROID:UNEXPECTED_COMPONENT_CLASS' || currentIcon === 'ANDROID:Error') {
- console.log(currentIcon);
- return;
- }
-
- let newIcon = icon;
- if (!icon || icon === '' || icon === 'Default') {
- newIcon = 'Default';
- }
- const manager = Utils.android.getCurrentActivity().getPackageManager();
- //Disable
- manager.setComponentEnabledSetting(new android.content.ComponentName(Utils.android.getCurrentActivity(), `${Utils.android.getApplicationContext().getPackageName()}.${startNameActivity}${changeIcon.getCurrent()}`), PackageManager.COMPONENT_ENABLED_STATE_DISABLED, PackageManager.DONT_KILL_APP);
-
- //Enable
- manager.setComponentEnabledSetting(new android.content.ComponentName(Utils.android.getCurrentActivity(), `${Utils.android.getApplicationContext().getPackageName()}.${startNameActivity}${newIcon}`), PackageManager.COMPONENT_ENABLED_STATE_ENABLED, PackageManager.DONT_KILL_APP);
- },
-};
diff --git a/packages/change-icon/index.d.ts b/packages/change-icon/index.d.ts
deleted file mode 100644
index be72f10..0000000
--- a/packages/change-icon/index.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export declare const changeIcon: {
- reset(): void;
- getCurrent(): string;
- change(icon: string | null): void;
-};
diff --git a/packages/change-icon/index.ios.ts b/packages/change-icon/index.ios.ts
deleted file mode 100644
index b22488e..0000000
--- a/packages/change-icon/index.ios.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export const changeIcon = {
- reset() {
- changeIcon.change(null);
- },
- getCurrent() {
- return UIApplication.sharedApplication.alternateIconName ?? 'Default';
- },
- change(icon: string | null) {
- if (changeIcon.getCurrent() === icon) {
- console.log('ICON_ALREADY_USED');
- return;
- }
-
- let newIcon: string | null = icon;
- if (!icon || icon === '' || icon === 'Default') {
- newIcon = null;
- }
-
- UIApplication.sharedApplication.setAlternateIconNameCompletionHandler(newIcon, null);
- },
-};
diff --git a/packages/change-icon/package.json b/packages/change-icon/package.json
deleted file mode 100644
index 96e729a..0000000
--- a/packages/change-icon/package.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
- "name": "@nativescript-use/change-icon",
- "version": "0.0.4",
- "description": "Add a plugin description",
- "main": "index",
- "typings": "index.d.ts",
- "nativescript": {
- "platforms": {
- "ios": "6.0.0",
- "android": "6.0.0"
- }
- },
- "repository": {
- "type": "git",
- "url": "https://github.com/NativeScript-Use/NativeScript-Use.git"
- },
- "keywords": [
- "NativeScript",
- "JavaScript",
- "TypeScript",
- "iOS",
- "Android"
- ],
- "author": {
- "name": "Juan de Dios Martínez Vallejo",
- "email": "oss@nativescript.org"
- },
- "bugs": {
- "url": "https://github.com/NativeScript-Use/NativeScript-Use/issues"
- },
- "license": "Apache-2.0",
- "homepage": "https://github.com/NativeScript-Use/NativeScript-Use",
- "readmeFilename": "README.md",
- "bootstrapper": "@nativescript/plugin-seed"
-}
diff --git a/packages/change-icon/project.json b/packages/change-icon/project.json
deleted file mode 100644
index b64afe9..0000000
--- a/packages/change-icon/project.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
- "name": "change-icon",
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "projectType": "library",
- "sourceRoot": "packages/change-icon",
- "targets": {
- "build": {
- "executor": "@nx/js:tsc",
- "options": {
- "outputPath": "dist/packages/change-icon",
- "tsConfig": "packages/change-icon/tsconfig.json",
- "packageJson": "packages/change-icon/package.json",
- "main": "packages/change-icon/index.d.ts",
- "generatePackageJson": false,
- "assets": [
- "packages/change-icon/*.md",
- "packages/change-icon/index.d.ts",
- "LICENSE",
- {
- "glob": "**/*",
- "input": "packages/change-icon/platforms/",
- "output": "./platforms/"
- }
- ],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- }
- ]
- }
- },
- "build.all": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["node tools/scripts/build-finish.ts change-icon"],
- "parallel": false
- },
- "outputs": ["dist/packages/change-icon"],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- },
- {
- "target": "build",
- "projects": "self"
- }
- ]
- },
- "focus": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["nx g @nativescript/plugin-tools:focus-packages change-icon"],
- "parallel": false
- }
- },
- "lint": {
- "executor": "@nrwl/linter:eslint",
- "options": {
- "lintFilePatterns": ["packages/change-icon/**/*.ts"]
- }
- }
- },
- "tags": []
-}
diff --git a/packages/change-icon/references.d.ts b/packages/change-icon/references.d.ts
deleted file mode 100644
index 22bac92..0000000
--- a/packages/change-icon/references.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// (
+ stateFactory: Fn,
+ ): Fn {
+ let initialized = false
+ let state: any
+ const scope = effectScope(true)
+
+ return ((...args: any[]) => {
+ if (!initialized) {
+ state = scope.run(() => stateFactory(...args))!
+ initialized = true
+ }
+ return state
+ }) as Fn
+ }
\ No newline at end of file
diff --git a/packages/core/index.ts b/packages/core/index.ts
new file mode 100644
index 0000000..d91e2f0
--- /dev/null
+++ b/packages/core/index.ts
@@ -0,0 +1,15 @@
+/* Functions */
+export * from "./unrefView"
+export * from "./useClipboard"
+export * from "./useColorMode"
+export * from "./useColorPalette"
+export * from "./useElementSize"
+export * from "./useEventListener"
+export * from "./useKeyboard"
+export * from "./useRootLayout"
+export * from "./useScreenOrientation"
+export * from "./useStorage"
+export * from "./types"
+
+/* Global hooks */
+export * from "./onApplicationMounted"
\ No newline at end of file
diff --git a/packages/vue/src/onApplicationMounted/index.md b/packages/core/onApplicationMounted/index.md
similarity index 88%
rename from packages/vue/src/onApplicationMounted/index.md
rename to packages/core/onApplicationMounted/index.md
index 57db91f..b92d2c9 100644
--- a/packages/vue/src/onApplicationMounted/index.md
+++ b/packages/core/onApplicationMounted/index.md
@@ -1,10 +1,8 @@
-
# onApplicationMounted
Secure hook to access the native main view.
+ = Ref<{ nativeView?: T }>
diff --git a/packages/core/unrefView/index.md b/packages/core/unrefView/index.md
new file mode 100644
index 0000000..a9f67c2
--- /dev/null
+++ b/packages/core/unrefView/index.md
@@ -0,0 +1,39 @@
+
+# unrefView
+
+Extract a NativeScript view from a Ref
+
+## Usage
+
+```vue
+
+
+
+
+
+
+
+```
+(target: ViewRef): T | undefined;
+```
diff --git a/packages/core/unrefView/index.ts b/packages/core/unrefView/index.ts
new file mode 100644
index 0000000..95f0571
--- /dev/null
+++ b/packages/core/unrefView/index.ts
@@ -0,0 +1,13 @@
+import type { View } from "@nativescript/core"
+import { ViewRef } from "../types"
+
+/**
+ * Utility. Get View from Ref.
+ *
+ * @param target
+ */
+export function unrefView(
+ target: ViewRef,
+) {
+ return target?.value?.nativeView;
+}
diff --git a/packages/vue/src/useClipboard/index.md b/packages/core/useClipboard/index.md
similarity index 78%
rename from packages/vue/src/useClipboard/index.md
rename to packages/core/useClipboard/index.md
index 5147b4b..1764731 100644
--- a/packages/vue/src/useClipboard/index.md
+++ b/packages/core/useClipboard/index.md
@@ -1,6 +1,3 @@
-
# useClipboard
@@ -32,14 +29,12 @@ const {
```
-
+>
@@ -62,11 +49,7 @@ theme // Readonly>;
modes // Readonly>;
function changeTheme(){
- schema.value = 'cafe'; // change to cafe mode
-}
-
-function changeToDeviceTheme(){
- schema.value = 'auto';
+ schema.value = 'cafe' // change to cafe mode
}
```
@@ -125,9 +108,7 @@ Then you can do the following
```html
{
+ /**
+ * The initial color mode
+ *
+ * @default 'auto'
+ */
+ initialValue?: T | BasicColorSchema
+
+ /**
+ * Prefix when adding value to the attribute
+ */
+ modes?: T[] | BasicColorSchema[]
+
+ /**
+ * A custom handler for handle the updates.
+ * When specified, the default behavior will be overridden.
+ *
+ * @default undefined
+ */
+ onChanged?: (mode: T | BasicColorMode) => void
+
+ /**
+ * Key to persist the data into ApplicationSettings.
+ *
+ * Pass `null` to disable persistence
+ *
+ * @default 'nativevueuse-color-scheme'
+ */
+ storageKey?: string | null
+}
+
+const useGlobalState = createGlobalState((storageKey: string, initialValue: string, themes: string[]) => {
+ const storage = useStorage();
+ const system = ref(getSystemTheme())
+ const schema = ref(storage.getString(storageKey!, initialValue.toString())) as Ref;
+ const modes = ref(themes);
+ return { system, schema, modes }
+})
+
+export function useColorMode(options: UseColorModeOptions = {},) {
+ const {
+ initialValue = 'auto',
+ storageKey = 'nativevueuse-color-scheme'
+ } = options
+
+ const storage = useStorage();
+
+ const { system, schema, modes } = useGlobalState(storageKey!, initialValue, ["auto", "light", "dark", ...options.modes ?? []])
+
+ const theme = computed(() =>
+ schema.value === 'auto'
+ ? system.value
+ : schema.value,
+ );
+ let internalSchema = schema.value;
+
+ Application.on('displayed', () => {
+ processTheme();
+ });
+ Application.on('systemAppearanceChanged', () => {
+ processTheme();
+ });
+
+ if (getCurrentInstance()) {
+ onUnmounted(() => {
+ Application.off('displayed', processTheme)
+ Application.off('systemAppearanceChanged', processTheme)
+ })
+ }
+
+ function processTheme() {
+ system.value = getSystemTheme();
+ if (schema.value === "auto") {
+ applyTheme(system.value);
+ } else {
+ applyTheme(schema.value);
+ }
+ }
+
+ function applyTheme(themeToApply: T | BasicColorSchema) {
+ const rootView = Application.getRootView();
+ if (rootView && !rootView.className?.includes(getClassFromTheme(themeToApply))) {
+ schema.value = themeToApply;
+ const rootViewClass = new Set();
+ (Array.from(rootView.cssClasses).join(" ") ?? " ").split(/\s+/).forEach((v) => v && rootViewClass.add(v));
+
+ modes.value.forEach(theme => {
+ removeSystemCssClass(getClassFromTheme(theme))
+ rootViewClass.delete(getClassFromTheme(theme));
+ })
+
+ let applyTheme = themeToApply;
+ if (themeToApply.toLocaleLowerCase().trim() === "auto") {
+ applyTheme = getSystemTheme();
+ setAutoSystemAppearanceChanged(true);
+ systemAppearanceChanged(rootView, getSystemTheme()!);
+ } else {
+ setAutoSystemAppearanceChanged(false);
+ }
+ rootViewClass.add(getClassFromTheme(applyTheme));
+
+ rootView.className = Array.from(rootViewClass).join(" ")
+ const frame = Frame.topmost();
+ frame.backStack.forEach(backStack => backStack.resolvedPage?._onCssStateChange())
+ rootView._getRootModalViews()?.forEach((view) => {
+ view?._onCssStateChange();
+ });
+ storage.setString(storageKey!, themeToApply);
+
+ console.log("Apply: " + getClassFromTheme(themeToApply));
+ }
+
+ if(rootView && schema.value !== internalSchema){
+ internalSchema = schema.value;
+ if (options.onChanged) {
+ options.onChanged(theme.value);
+ }
+ }
+ }
+
+ watch(schema, () => {
+ applyTheme(schema.value)
+ })
+
+ processTheme();
+
+ return {
+ schema,
+ system: readonly(system),
+ theme: readonly(theme),
+ modes: readonly(modes)
+ }
+}
+
+const getClassFromTheme = (theme: string) => CSSUtils.CLASS_PREFIX + theme.toLocaleLowerCase().trim()
+function getSystemTheme(): BasicColorMode {
+ if (isAndroid) {
+ const nightModeFlags = Utils.android.getApplicationContext().getResources().getConfiguration().uiMode & android.content.res.Configuration.UI_MODE_NIGHT_MASK;
+ switch (nightModeFlags) {
+ case android.content.res.Configuration.UI_MODE_NIGHT_YES:
+ return "dark"
+ case android.content.res.Configuration.UI_MODE_NIGHT_NO:
+ return "light"
+ default:
+ return "light"
+ //case android.content.res.Configuration.UI_MODE_NIGHT_UNDEFINED:
+
+ }
+ } else {
+ return UITraitCollection.currentTraitCollection.userInterfaceStyle === UIUserInterfaceStyle.Light ? "light" : "dark";
+ }
+}
\ No newline at end of file
diff --git a/packages/vue/src/useColorPalette/index.md b/packages/core/useColorPalette/index.md
similarity index 76%
rename from packages/vue/src/useColorPalette/index.md
rename to packages/core/useColorPalette/index.md
index 364f976..87074ec 100644
--- a/packages/vue/src/useColorPalette/index.md
+++ b/packages/core/useColorPalette/index.md
@@ -1,13 +1,11 @@
-
# useColorPalette
-Reactive color palette (dark / light / customs) for reactive styles.
+Reactive color palette (dark / light / customs) for reactive styles.
+
+
+
+
+
-
-
-
-
-
```
-
-## Source
-(initialSize.width)
+ const height = ref(initialSize.height)
+
+ function layoutChanged() {
+ const size = unrefView(target)?.getActualSize() as SizeDIP;
+ if(size){
+ width.value = size.width;
+ height.value = size.height;
+ if (options?.onChange) {
+ options.onChange(size);
+ }
+ }
+ }
+
+ onMounted(() => {
+ const view = unrefView(target);
+ if(view){
+ view.on("layoutChanged", layoutChanged)
+ view.on("unloaded", () => {
+ view.off("layoutChanged", layoutChanged)
+ })
+ }
+ })
+
+ return {
+ width,
+ height,
+ }
+}
+
diff --git a/packages/vue/src/useEventListener/index.md b/packages/core/useEventListener/index.md
similarity index 76%
rename from packages/vue/src/useEventListener/index.md
rename to packages/core/useEventListener/index.md
index 891b921..0f01841 100644
--- a/packages/vue/src/useEventListener/index.md
+++ b/packages/core/useEventListener/index.md
@@ -1,6 +1,3 @@
-
# useEventListener
@@ -9,9 +6,14 @@ Use EventListener with ease. Register using view.on on mounted, and view.off aut
## Usage
```vue
+
+
+
+
+
-
-
-
-
-
```
-
-## Source
- = Omit & {
object: T;
@@ -53,9 +48,6 @@ type ViewGestureEventData = Omit & {
type ViewShownModallyData = Omit & {
object: T;
};
-type CreatingViewEventData = Omit & {
- object: Placeholder;
-};
interface Event {
/* Lifecycle */
loaded?: (eventData: ViewEventData) => void;
@@ -73,15 +65,11 @@ interface Event {
/* Modals */
showingModally?: (eventData: ViewShownModallyData) => void;
shownModally?: (eventData: ViewShownModallyData) => void;
-/* Accessibility */
+ /* Accessibility */
accessibilityBlur?: (eventData: ViewEventData) => void;
accessibilityFocus?: (eventData: ViewEventData) => void;
accessibilityFocusChanged?: (eventData: ViewEventData) => void;
accessibilityPerformEscape?: (eventData: ViewEventData) => void;
- /* Layouts */
- scroll?: (eventData: ViewScrollEventData) => void;
- /* Components */
- creatingView?: (eventData: CreatingViewEventData) => void;
}
/**
* Register using view.on on mounted, and view.off automatically on unmounted.
@@ -90,7 +78,7 @@ interface Event {
* @param target
* @param events
*/
-export declare function useEventListener(target: T | ViewRef, events: Event): {
+export declare function useEventListener(target: ViewRef, events: Event): {
cleanup: () => void;
};
diff --git a/packages/core/useEventListener/index.ts b/packages/core/useEventListener/index.ts
new file mode 100644
index 0000000..818caff
--- /dev/null
+++ b/packages/core/useEventListener/index.ts
@@ -0,0 +1,68 @@
+import { onMounted, onUnmounted } from "nativescript-vue"
+import { unrefView } from "../unrefView"
+import { ViewRef } from "../types"
+import {EventData, GestureEventData, ShownModallyData, View} from "@nativescript/core"
+
+type ViewEventData = Omit & { object: T }
+type ViewGestureEventData = Omit & { object: T }
+type ViewShownModallyData = Omit & { object: T }
+
+interface Event{
+ /* Lifecycle */
+ loaded?: (eventData: ViewEventData ) => void,
+ unloaded?: (eventData: ViewEventData) => void,
+ layoutChanged?: (eventData: ViewEventData) => void,
+ /* Gesture */
+ tap?: (eventData: ViewGestureEventData) => void,
+ doubleTap?: (eventData: ViewGestureEventData) => void,
+ pinch?: (eventData: ViewGestureEventData) => void,
+ pan?: (eventData: ViewGestureEventData) => void,
+ swipe?: (eventData: ViewGestureEventData) => void,
+ rotation?: (eventData: ViewGestureEventData) => void,
+ longPress?: (eventData: ViewGestureEventData) => void,
+ touch?: (eventData: ViewGestureEventData) => void,
+ /* Modals */
+ showingModally?: (eventData: ViewShownModallyData) => void,
+ shownModally?: (eventData: ViewShownModallyData) => void,
+ /* Accessibility */
+ accessibilityBlur?: (eventData: ViewEventData) => void,
+ accessibilityFocus?: (eventData: ViewEventData) => void,
+ accessibilityFocusChanged?: (eventData: ViewEventData) => void,
+ accessibilityPerformEscape?: (eventData: ViewEventData) => void,
+}
+
+/**
+ * Register using view.on on mounted, and view.off automatically on unmounted.
+ *
+ *
+ * @param target
+ * @param events
+ */
+export function useEventListener(
+ target: ViewRef,
+ events: Event,
+) {
+ const el = target;
+
+ const fireEvent = (onEvent: any) => (args: any) => onEvent(args);
+
+ onMounted(() => {
+ Object.keys(events).forEach((event) => {
+ unrefView(el)?.on(event, fireEvent((events as any)[event]));
+ })
+ })
+
+ onUnmounted(() => {
+ cleanup();
+ })
+
+ function cleanup() {
+ Object.keys(events).forEach(event => {
+ unrefView(el)?.off(event, fireEvent((events as any)[event]));
+ })
+ }
+ return {
+ cleanup,
+ }
+}
+
diff --git a/packages/vue/src/useKeyboard/index.md b/packages/core/useKeyboard/index.md
similarity index 75%
rename from packages/vue/src/useKeyboard/index.md
rename to packages/core/useKeyboard/index.md
index 85f94bd..12cb2e8 100644
--- a/packages/vue/src/useKeyboard/index.md
+++ b/packages/core/useKeyboard/index.md
@@ -1,6 +1,6 @@
-
+---
+category: Elements
+---
# useKeyboard
@@ -11,7 +11,7 @@ Reactive keyboard state. It also provides methods to open or close the keyboard.
```vue
```
-
-## Source
->;
- open: (target?: View | ViewRef) => void;
+ open: (target?: ViewRef) => void;
close: () => void;
};
```
-
-## Core dependency
-[@nativescript-use/nativescript-keyboard](https://github.com/NativeScript-Use/NativeScript-Use/tree/main/packages/nativescript-keyboard)
\ No newline at end of file
diff --git a/packages/core/useKeyboard/index.ts b/packages/core/useKeyboard/index.ts
new file mode 100644
index 0000000..496b8d5
--- /dev/null
+++ b/packages/core/useKeyboard/index.ts
@@ -0,0 +1,53 @@
+import { onMounted, onUnmounted, readonly, ref } from "nativescript-vue"
+import { ViewRef } from "../types"
+import { unrefView } from "../unrefView";
+import { Keyboard } from "./nsCore";
+import { onApplicationMounted } from "../onApplicationMounted";
+
+/**
+ * Reactive size of a NativeScript element.
+ *
+ * @param target
+ * @param options
+ */
+export function useKeyboard(
+ options?: { onChange?: (isOpen: boolean) => void, defaultTarget?: ViewRef },
+) {
+ const isOpen = ref(false);
+ const keyboardCore = new Keyboard();
+
+ //TODO: fix this
+ onMounted(() => {
+ onApplicationMounted(() => {
+ keyboardCore.onChangeVisibility((status: boolean) => {
+ if (isOpen.value !== status) {
+ isOpen.value = status;
+ if (options?.onChange)
+ options.onChange(status);
+ }
+ });
+ })
+ })
+
+ onUnmounted(() => {
+ keyboardCore.offChangeVisibility();
+ })
+
+ const open = (target?: ViewRef) => {
+ const viewTarget = unrefView(target!);
+ const viewDefaultTarget = options?.defaultTarget ? unrefView(options?.defaultTarget!) : null;
+ if (viewTarget) {
+ keyboardCore.open(viewTarget);
+ } else if (viewDefaultTarget) {
+ keyboardCore.open(viewDefaultTarget);
+ } else {
+ console.log("Error. Need to define a view to apply focus.");
+ }
+ }
+ return {
+ isOpen: readonly(isOpen),
+ open,
+ close: keyboardCore.close,
+ }
+}
+
diff --git a/packages/nativescript-keyboard/common.ts b/packages/core/useKeyboard/nsCore/core-common.ts
similarity index 100%
rename from packages/nativescript-keyboard/common.ts
rename to packages/core/useKeyboard/nsCore/core-common.ts
diff --git a/packages/nativescript-keyboard/index.android.ts b/packages/core/useKeyboard/nsCore/index.android.ts
similarity index 98%
rename from packages/nativescript-keyboard/index.android.ts
rename to packages/core/useKeyboard/nsCore/index.android.ts
index af400ee..b2f8488 100644
--- a/packages/nativescript-keyboard/index.android.ts
+++ b/packages/core/useKeyboard/nsCore/index.android.ts
@@ -1,5 +1,5 @@
import { Utils } from "@nativescript/core";
-import { KeyboardBase } from "./common";
+import { KeyboardBase } from "./core-common";
export class Keyboard extends KeyboardBase {
diff --git a/packages/nativescript-keyboard/index.d.ts b/packages/core/useKeyboard/nsCore/index.d.ts
similarity index 100%
rename from packages/nativescript-keyboard/index.d.ts
rename to packages/core/useKeyboard/nsCore/index.d.ts
diff --git a/packages/nativescript-keyboard/index.ios.ts b/packages/core/useKeyboard/nsCore/index.ios.ts
similarity index 96%
rename from packages/nativescript-keyboard/index.ios.ts
rename to packages/core/useKeyboard/nsCore/index.ios.ts
index b8d7ec3..0772bd8 100644
--- a/packages/nativescript-keyboard/index.ios.ts
+++ b/packages/core/useKeyboard/nsCore/index.ios.ts
@@ -1,5 +1,5 @@
import { Application } from "@nativescript/core";
-import { KeyboardBase } from "./common";
+import { KeyboardBase } from "./core-common";
export class Keyboard extends KeyboardBase {
diff --git a/packages/vue/src/useRootLayout/index.md b/packages/core/useRootLayout/index.md
similarity index 74%
rename from packages/vue/src/useRootLayout/index.md
rename to packages/core/useRootLayout/index.md
index 0b29688..2163fa7 100644
--- a/packages/vue/src/useRootLayout/index.md
+++ b/packages/core/useRootLayout/index.md
@@ -1,6 +1,3 @@
-
# useRootLayout
@@ -9,23 +6,23 @@ Utility for RootLayout view. [RootLayout official documentation](https://docs.na
## Usage
```vue
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
```
+
+
+
+
-
-
-
-
```
-## Source
- any>;
rootLayoutOption?: RootLayoutOptions;
- closeTimerMillis?: number;
onClose?: () => void;
}): {
show: () => Promise;
@@ -115,5 +101,4 @@ export declare function useRootLayout(component: any, options?: {
isShow: Ref;
view: View;
};
-
```
diff --git a/packages/core/useRootLayout/index.ts b/packages/core/useRootLayout/index.ts
new file mode 100644
index 0000000..871e8ef
--- /dev/null
+++ b/packages/core/useRootLayout/index.ts
@@ -0,0 +1,41 @@
+import { createNativeView, ref } from "nativescript-vue"
+import { RootLayoutOptions, ViewBase, getRootLayout } from "@nativescript/core"
+
+/**
+ * Utility for the RootLayout view.
+ *
+ * @param component
+ * @param options
+ */
+export function useRootLayout(
+ component: any,
+ options?: { props?: any, rootLayoutOption?: RootLayoutOptions, onClose?: () => void },
+) {
+ const isShow = ref(false);
+ const node = createNativeView(component, options?.props);
+ node.mount();
+ const view = node.nativeView;
+
+ view.on(ViewBase.unloadedEvent, () => {
+ isShow.value = false;
+ if (options?.onClose)
+ options.onClose();
+ });
+
+ function show() {
+ isShow.value = true;
+ return getRootLayout().open(view, options?.rootLayoutOption);
+ }
+
+ function close() {
+ getRootLayout().close(view);
+ }
+
+ return {
+ show,
+ close,
+ isShow,
+ view
+ }
+}
+
diff --git a/packages/vue/src/useScreenOrientation/index.md b/packages/core/useScreenOrientation/index.md
similarity index 67%
rename from packages/vue/src/useScreenOrientation/index.md
rename to packages/core/useScreenOrientation/index.md
index f845476..8d9a6de 100644
--- a/packages/vue/src/useScreenOrientation/index.md
+++ b/packages/core/useScreenOrientation/index.md
@@ -1,7 +1,3 @@
-
-
# useScreenOrientation
Reactive screen orientation and utilities to manage the orientation.
@@ -10,7 +6,7 @@ Reactive screen orientation and utilities to manage the orientation.
```vue
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/packages/nativescript-clipboard/.eslintrc.json b/packages/nativescript-clipboard/.eslintrc.json
deleted file mode 100644
index 53c06c8..0000000
--- a/packages/nativescript-clipboard/.eslintrc.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
- "extends": ["../../.eslintrc.json"],
- "ignorePatterns": ["!**/*", "node_modules/**/*"],
- "overrides": [
- {
- "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
- "rules": {}
- },
- {
- "files": ["*.ts", "*.tsx"],
- "rules": {}
- },
- {
- "files": ["*.js", "*.jsx"],
- "rules": {}
- }
- ]
-}
diff --git a/packages/nativescript-clipboard/README.md b/packages/nativescript-clipboard/README.md
deleted file mode 100644
index ee08871..0000000
--- a/packages/nativescript-clipboard/README.md
+++ /dev/null
@@ -1,40 +0,0 @@
-# @nativescript-use/nativescript-clipboard
-
-```javascript
-npm install @nativescript-use/nativescript-clipboard
-```
-
-## Usage
-
-```ts
-import { Clipboard } from "@nativescript-use/nativescript-clipboard"
-
-const clipboard = new Clipboard();
-
-// Copy text
-clipboard.copy("My text");
-
-// Read Clipboard
-const currentClipboardValue = clipboard.read();
-
-// Add listener
-clipboard.onCopy((textCopied: string) =>{
- console.log(textCopied)
-});
-// Remove listener
-clipboard.offCopy();
-```
-
-Type declaration
-```ts
-export declare class Clipboard {
- abstract onCopy(callback: (text: string) => void): void
- abstract offCopy(): void
- abstract copy(text: string): boolean
- abstract read(): string
-}
-```
-
-## License
-
-Apache License Version 2.0
diff --git a/packages/nativescript-clipboard/index.android.ts b/packages/nativescript-clipboard/index.android.ts
deleted file mode 100644
index d470e20..0000000
--- a/packages/nativescript-clipboard/index.android.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Utils } from '@nativescript/core';
-import { ClipboardBase } from './common';
-
-export class Clipboard extends ClipboardBase {
- protected clipboard: android.content.ClipboardManager;
-
- constructor() {
- super();
- this.clipboard = Utils.android.getApplicationContext().getSystemService(android.content.Context.CLIPBOARD_SERVICE);
- }
-
- onCopy(callback: (text: string) => void): void {
- this.offCopy();
- let THRESHOLD_MS = 50;
- let enableCallback = true;
- this.listener = new android.content.ClipboardManager.OnPrimaryClipChangedListener({
- onPrimaryClipChanged: () => {
- if (enableCallback) callback(this.clipboard.getPrimaryClip()?.getItemAt(0)?.getText()?.toString());
- enableCallback = false;
- setTimeout(() => {
- enableCallback = true;
- }, THRESHOLD_MS);
- },
- });
- this.clipboard.addPrimaryClipChangedListener(this.listener);
- }
-
- offCopy(): void {
- if (this.listener) this.clipboard.removePrimaryClipChangedListener(this.listener);
- }
-
- copy(text: string): boolean {
- const clip = android.content.ClipData.newPlainText('App clipboard data', text);
- this.clipboard.setPrimaryClip(clip);
- return true;
- }
-
- read(): string {
- const item = this.clipboard.getPrimaryClip()?.getItemAt(0);
- let content = item?.getText().toString();
- return content || '';
- }
-}
diff --git a/packages/nativescript-clipboard/package.json b/packages/nativescript-clipboard/package.json
deleted file mode 100644
index a4ddc29..0000000
--- a/packages/nativescript-clipboard/package.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
- "name": "@nativescript-use/nativescript-clipboard",
- "version": "0.0.3",
- "description": "Add a plugin description",
- "main": "index",
- "typings": "index.d.ts",
- "nativescript": {
- "platforms": {
- "ios": "6.0.0",
- "android": "6.0.0"
- }
- },
- "repository": {
- "type": "git",
- "url": "https://github.com/NativeScript-Use/NativeScript-Use.git"
- },
- "keywords": [
- "NativeScript",
- "JavaScript",
- "TypeScript",
- "iOS",
- "Android"
- ],
- "author": {
- "name": "Juan de Dios Matínez Vallejo",
- "email": "oss@nativescript.org"
- },
- "bugs": {
- "url": "https://github.com/NativeScript-Use/NativeScript-Use/issues"
- },
- "license": "Apache-2.0",
- "homepage": "https://github.com/NativeScript-Use/NativeScript-Use",
- "readmeFilename": "README.md",
- "bootstrapper": "@nativescript/plugin-seed"
-}
diff --git a/packages/nativescript-clipboard/project.json b/packages/nativescript-clipboard/project.json
deleted file mode 100644
index 24a3abe..0000000
--- a/packages/nativescript-clipboard/project.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
- "name": "nativescript-clipboard",
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "projectType": "library",
- "sourceRoot": "packages/nativescript-clipboard",
- "targets": {
- "build": {
- "executor": "@nx/js:tsc",
- "options": {
- "outputPath": "dist/packages/nativescript-clipboard",
- "tsConfig": "packages/nativescript-clipboard/tsconfig.json",
- "packageJson": "packages/nativescript-clipboard/package.json",
- "main": "packages/nativescript-clipboard/index.d.ts",
- "generatePackageJson": false,
- "assets": [
- "packages/nativescript-clipboard/*.md",
- "packages/nativescript-clipboard/index.d.ts",
- "LICENSE",
- {
- "glob": "**/*",
- "input": "packages/nativescript-clipboard/platforms/",
- "output": "./platforms/"
- }
- ],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- }
- ]
- }
- },
- "build.all": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["node tools/scripts/build-finish.ts nativescript-clipboard"],
- "parallel": false
- },
- "outputs": ["dist/packages/nativescript-clipboard"],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- },
- {
- "target": "build",
- "projects": "self"
- }
- ]
- },
- "focus": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["nx g @nativescript/plugin-tools:focus-packages nativescript-clipboard"],
- "parallel": false
- }
- },
- "lint": {
- "executor": "@nrwl/linter:eslint",
- "options": {
- "lintFilePatterns": ["packages/nativescript-clipboard/**/*.ts"]
- }
- }
- },
- "tags": []
-}
diff --git a/packages/nativescript-clipboard/references.d.ts b/packages/nativescript-clipboard/references.d.ts
deleted file mode 100644
index 98c5393..0000000
--- a/packages/nativescript-clipboard/references.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// {
- prefix = '_businnes_.';
-}
-const businessStorage = new BusinessStorage();
-export default businessStorage;
-```
-
-And use it like.
-```ts
-import businessStorage, { BusinessKeys } from './BusinessStorage';
-
-businessStorage.setItem(BusinessKeys.NAME, 'MyBusiness');
-businessStorage.getItem(BusinessKeys.NAME);
-
-```
-This will generate the following entry in ApplicationSettings
-```
-_businnes_.name = 'MyBusiness'
-```
-## Type declaration
-```ts
-declare class LocalStorage {
- protected prefix: string;
- getItem(key: K): T;
- setItem(key: K, data: any): void;
- has(key: K): boolean;
- removeItem(key: K): void;
- length(): number;
- clear(): void;
-}
-export declare const localStorage: LocalStorage;
-```
-## License
-
-Apache License Version 2.0
diff --git a/packages/nativescript-localstorage/index.ts b/packages/nativescript-localstorage/index.ts
deleted file mode 100644
index 8248ab0..0000000
--- a/packages/nativescript-localstorage/index.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { ApplicationSettings } from '@nativescript/core';
-
-export class LocalStorage {
- protected prefix = '';
-
- getItem(key: K): T {
- try {
- return ApplicationSettings.getString(this.getKey(key)) as T;
- } catch (error) {
- console.log('[LOCAL_STORAGE] getItem ERROR ' + error);
- }
- return null;
- }
-
- setItem(key: K, data: any): void {
- try {
- ApplicationSettings.setString(this.getKey(key), isString(data) ? data : JSON.stringify(data));
- } catch (error) {
- console.log('[LOCAL_STORAGE] setItem ERROR ' + error);
- }
- }
-
- has(key: K): boolean {
- return ApplicationSettings.hasKey(this.getKey(key));
- }
-
- removeItem(key: K): void {
- ApplicationSettings.remove(this.getKey(key));
- }
-
- length(): number {
- return ApplicationSettings.getAllKeys().length;
- }
-
- clear(): void {
- ApplicationSettings.clear();
- }
-
- private getKey(key: K) {
- return this.prefix + key;
- }
-}
-
-const localStorage = new LocalStorage();
-export default localStorage;
-
-const isString = (val: unknown): val is string => typeof val === 'string';
diff --git a/packages/nativescript-localstorage/package.json b/packages/nativescript-localstorage/package.json
deleted file mode 100644
index 1f2cb19..0000000
--- a/packages/nativescript-localstorage/package.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
- "name": "@nativescript-use/nativescript-localstorage",
- "version": "0.0.1",
- "description": "Add a plugin description",
- "main": "index",
- "typings": "index.d.ts",
- "nativescript": {
- "platforms": {
- "ios": "6.0.0",
- "android": "6.0.0"
- }
- },
- "repository": {
- "type": "git",
- "url": "https://github.com/NativeScript-Use/NativeScript-Use.git"
- },
- "keywords": [
- "NativeScript",
- "JavaScript",
- "TypeScript",
- "iOS",
- "Android"
- ],
- "author": {
- "name": "Juan de Dios Martínez Vallejo",
- "email": "oss@nativescript.org"
- },
- "bugs": {
- "url": "https://github.com/NativeScript-Use/NativeScript-Use/issues"
- },
- "license": "Apache-2.0",
- "homepage": "https://github.com/NativeScript-Use/NativeScript-Use",
- "readmeFilename": "README.md",
- "bootstrapper": "@nativescript/plugin-seed"
-}
diff --git a/packages/nativescript-localstorage/project.json b/packages/nativescript-localstorage/project.json
deleted file mode 100644
index 7ca149b..0000000
--- a/packages/nativescript-localstorage/project.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
- "name": "nativescript-localstorage",
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "projectType": "library",
- "sourceRoot": "packages/nativescript-localstorage",
- "targets": {
- "build": {
- "executor": "@nx/js:tsc",
- "options": {
- "outputPath": "dist/packages/nativescript-localstorage",
- "tsConfig": "packages/nativescript-localstorage/tsconfig.json",
- "packageJson": "packages/nativescript-localstorage/package.json",
- "main": "packages/nativescript-localstorage/index.d.ts",
- "generatePackageJson": false,
- "assets": [
- "packages/nativescript-localstorage/*.md",
- "packages/nativescript-localstorage/index.d.ts",
- "LICENSE",
- {
- "glob": "**/*",
- "input": "packages/nativescript-localstorage/platforms/",
- "output": "./platforms/"
- }
- ],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- }
- ]
- }
- },
- "build.all": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["node tools/scripts/build-finish.ts nativescript-localstorage"],
- "parallel": false
- },
- "outputs": ["dist/packages/nativescript-localstorage"],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- },
- {
- "target": "build",
- "projects": "self"
- }
- ]
- },
- "focus": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["nx g @nativescript/plugin-tools:focus-packages nativescript-localstorage"],
- "parallel": false
- }
- },
- "lint": {
- "executor": "@nrwl/linter:eslint",
- "options": {
- "lintFilePatterns": ["packages/nativescript-localstorage/**/*.ts"]
- }
- }
- },
- "tags": []
-}
diff --git a/packages/nativescript-localstorage/references.d.ts b/packages/nativescript-localstorage/references.d.ts
deleted file mode 100644
index 22bac92..0000000
--- a/packages/nativescript-localstorage/references.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// = new Set();
- public matches: boolean = false;
-
- constructor(public media: string) {}
-
- public onchange: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null = null;
-
- public addListener(listener: MediaQueryListListener): void {
- this.listeners.add(listener);
- }
-
- public removeListener(listener: MediaQueryListListener): void {
- this.listeners.delete(listener);
- }
-
- public dispatchChangeEvent(): void {
- const event: MediaQueryListEvent = {
- matches: this.matches,
- media: this.media,
- };
-
- for (const listener of this.listeners) {
- listener(this);
- }
-
- if (typeof this.onchange === 'function') {
- this.onchange.call(this, event);
- }
- }
-
- public updateMatches(matches: boolean): void {
- if (this.matches !== matches) {
- this.matches = matches;
- this.dispatchChangeEvent();
- }
- }
-}
-
-class MediaQueryListFactory {
- private static instance: MediaQueryListFactory;
- private lists: MediaQueryListImpl[] = [];
-
- private constructor() {}
-
- public static getInstance(): MediaQueryListFactory {
- if (!MediaQueryListFactory.instance) {
- MediaQueryListFactory.instance = new MediaQueryListFactory();
- // Condition for update
- Application.on('orientationChanged', () => {
- setTimeout(() => {
- MediaQueryListFactory.instance.updateMatches();
- }, 10);
- });
- }
- return MediaQueryListFactory.instance;
- }
-
- public create(media: string): MediaQueryListImpl {
- const mql = new MediaQueryListImpl(media);
- this.lists.push(mql);
- return mql;
- }
-
- public remove(mql: MediaQueryListImpl): void {
- const index = this.lists.indexOf(mql);
- if (index > -1) {
- this.lists.splice(index, 1);
- }
- }
-
- public updateMatches(): void {
- for (const mql of this.lists) {
- const queryParts = this.extractQueryParts(mql.media);
- const matches = this.checkMediaQuery(queryParts);
- mql.updateMatches(matches);
- }
- }
-
- private extractQueryParts(mediaQuery: string): string[] {
- const query = mediaQuery.trim().slice(1, -1);
- const parts = query.split(' and ');
- return parts.map((part) => part.replace('(', '').replace(')', '').trim());
- }
-
- private checkMediaQuery(queryParts: string[]): boolean {
- return queryParts.map((part) => evaluatePart(part)).every(Boolean);
- }
-}
-
-function evaluatePart(part: string): boolean {
- const [property, value] = part.split(':');
- const trimmedProperty = property.trim();
- const trimmedValue = value.trim();
- if (trimmedProperty.includes('width') || trimmedProperty.includes('height')) {
- const realWidth = Screen.mainScreen.widthDIPs;
- const realHeight = Screen.mainScreen.heightDIPs;
-
- if (trimmedProperty === 'width') {
- return parseInt(realWidth.toString(), 10) === parseInt(trimmedValue, 10);
- } else if (trimmedProperty === 'min-width') {
- return realWidth >= parseInt(trimmedValue, 10);
- } else if (trimmedProperty === 'max-width') {
- return realWidth <= parseInt(trimmedValue, 10);
- } else if (trimmedProperty === 'height') {
- return parseInt(realHeight.toString(), 10) === parseInt(trimmedValue, 10);
- } else if (trimmedProperty === 'min-height') {
- return realHeight >= parseInt(trimmedValue, 10);
- } else if (trimmedProperty === 'max-height') {
- return realHeight <= parseInt(trimmedValue, 10);
- }
- } else if (trimmedProperty === 'orientation') {
- return Application.orientation() === trimmedValue;
- } else {
- // TBD
- return false;
- }
-}
diff --git a/packages/nativescript-media-query/package.json b/packages/nativescript-media-query/package.json
deleted file mode 100644
index 9a73832..0000000
--- a/packages/nativescript-media-query/package.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
- "name": "@nativescript-use/nativescript-media-query",
- "version": "0.0.5",
- "description": "Add a plugin description",
- "main": "index",
- "typings": "index.d.ts",
- "nativescript": {
- "platforms": {
- "ios": "6.0.0",
- "android": "6.0.0"
- }
- },
- "repository": {
- "type": "git",
- "url": "https://github.com/NativeScript-Use/NativeScript-Use.git"
- },
- "keywords": [
- "NativeScript",
- "JavaScript",
- "TypeScript",
- "iOS",
- "Android"
- ],
- "author": {
- "name": "Juan de Dios Martínez Vallejo",
- "email": "oss@nativescript.org"
- },
- "bugs": {
- "url": "https://github.com/NativeScript-Use/NativeScript-Use/issues"
- },
- "license": "Apache-2.0",
- "homepage": "https://github.com/NativeScript-Use/NativeScript-Use",
- "readmeFilename": "README.md",
- "bootstrapper": "@nativescript/plugin-seed"
-}
diff --git a/packages/nativescript-media-query/project.json b/packages/nativescript-media-query/project.json
deleted file mode 100644
index b4d9527..0000000
--- a/packages/nativescript-media-query/project.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
- "name": "nativescript-media-query",
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "projectType": "library",
- "sourceRoot": "packages/nativescript-media-query",
- "targets": {
- "build": {
- "executor": "@nx/js:tsc",
- "options": {
- "outputPath": "dist/packages/nativescript-media-query",
- "tsConfig": "packages/nativescript-media-query/tsconfig.json",
- "packageJson": "packages/nativescript-media-query/package.json",
- "main": "packages/nativescript-media-query/index.d.ts",
- "generatePackageJson": false,
- "assets": [
- "packages/nativescript-media-query/*.md",
- "packages/nativescript-media-query/index.d.ts",
- "LICENSE",
- {
- "glob": "**/*",
- "input": "packages/nativescript-media-query/platforms/",
- "output": "./platforms/"
- }
- ],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- }
- ]
- }
- },
- "build.all": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["node tools/scripts/build-finish.ts nativescript-media-query"],
- "parallel": false
- },
- "outputs": ["dist/packages/nativescript-media-query"],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- },
- {
- "target": "build",
- "projects": "self"
- }
- ]
- },
- "focus": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["nx g @nativescript/plugin-tools:focus-packages nativescript-media-query"],
- "parallel": false
- }
- },
- "lint": {
- "executor": "@nrwl/linter:eslint",
- "options": {
- "lintFilePatterns": ["packages/nativescript-media-query/**/*.ts"]
- }
- }
- },
- "tags": []
-}
diff --git a/packages/nativescript-media-query/references.d.ts b/packages/nativescript-media-query/references.d.ts
deleted file mode 100644
index 22bac92..0000000
--- a/packages/nativescript-media-query/references.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// =
-Task.start((ctx) => {
- // ⚡ This function runs in the background
- ctx.onProgressUpdate(false);
- return ctx.state === 1000 ? "YES" : "NO";
-}, {
- state: 1000,
- onProgressUpdate(update) {
- console.log(update.data);
- }
-})
- .then((result) => {
- console.log('Result: ' + result.data); // "YES"
- })
- .catch((result) => {
- console.log('ERROR: ' + result.error);
- // result.state = 1000
- });
-```
-
-### Using inline functions
-
-We can add local functions to run inside the worker using `attachToContextFunctions`.
-
-```ts
-import { Task, TaskContext } from "@nativescript-use/nativescript-task";
-
-const myFunction = (myNumber: number) => 5 + myNumber;
-const myOtherFunction = (myNumber: number) => 20 + myNumber;
-
-Task.start((ctx) => {
- return myFunction(ctx.state) + myOtherFunction(ctx.state);
-}, { state: 10, attachToContextFunctions: { myFunction, myOtherFunction }})
-```
-
-
-### Using dependencies
-
-We need to define a worker with the imports that we want to have defined in our tasks. We define the file `globalWorker.ts|js` in the `src|app` folder of our project, import the modules that we want to have available and pass them to the `defineWorker` function that this library provides.
-
-```ts
-// /app/globalWorker.ts
-import '@nativescript/core/globals';
-import { defineWorker } from "@nativescript-use/nativescript-task";
-
-import { myUtils } from '@utils';
-import { otherLib } from 'other-lib';
-
-defineWorker({ imports: { myUtils, otherLib } });
-```
-
-Now access the modules defined in the globalWorker file from the context.
-
-```ts
-import { Task } from "@nativescript-use/nativescript-task";
-import { myUtils } from '@utils';
-import { otherLib } from 'other-lib';
-
-Task.start((ctx) => {
- // access imported modules
- return myUtils.someFunction(1000) + otherLib.otherFunction(ctx.state);
-}, { state: 1000 })
- .then((result) => {
- console.log('Result: ' + result.data);
- })
-```
-
-## Global configuration
-
-```ts
-// app.ts | main.ts (entry file app)
-
-import { Task } from "@nativescript-use/nativescript-task";
-
-Task.globalWorkerConfig({
- stickyWorker: true,
- newWorkerIfGlobalIsUsed: true,
- startGlobalWorker: true
-});
-
-// run app
-```
-
-- `stickyWorker` - default `true`: When set to true the plugin always keeps a worker running to launch your tasks to this worker. This saves time when launching the task since initializing a worker takes time, by default it is true to launch each task as quickly as possible. If set to false the plugin will initialize a worker and terminate each task.
-- `newWorkerIfGlobalIsUsed` - default `true`: When stickyWorker is true and we have a worker always running, if we launch a task and the main worker is running with another task, a new worker will be created to launch this task and not wait for the previous task to finish. If you disable this flag and launch another task while one is running, it will have to wait until it reaches the beginning of the queue.
-- `startGlobalWorker` - default `true`: Initialize the global worker when the configuration is set, it will be available when you launch your first task. If disabled, when the first task is launched it will have the worker creation delay.
-
-Note: when the worker execution time is mentioned we are talking about about 200ms (it is almost nothing). It's not much, but this plugin prioritizes speed, which is why we keep a `stickyWorker` always available.
-
-## Limitations
-
-* Only submit and return serializable objects and values.
-* All task functions are 'closures', what means that you CANNOT access variables outside such functions. All functions are serialized as strings and submitted to the [worker script](https://github.com/mkloubert/nativescript-tasks/blob/master/plugin/worker.js) where "external stuff" is NOT available! The only way to share data with the functions is to submit an optional and serializable "state value".
-
-Read the [official documentation](https://docs.nativescript.org/guide/multithreading) to get more information.
-
-
-For more information you can enter the [NativeScript discord server](https://discord.com/invite/RgmpGky9GR)!
-
-This plugin is largely based on https://github.com/mkloubert/nativescript-tasks
-
-## License
-
-Apache License Version 2.0
-
-Made with ❤️
-
-
diff --git a/packages/nativescript-task/defineWorker.ts b/packages/nativescript-task/defineWorker.ts
deleted file mode 100644
index ae81015..0000000
--- a/packages/nativescript-task/defineWorker.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { JSONfn } from './JSONfn';
-
-const DEFAULT_PARAM_NAME = 'internalCtx';
-
-export const defineWorker = (options: { imports?: {} } = {}) => {
- self.onmessage = function (msg: any) {
- const request: { id: string; func: { body: string; attachToContextFunctions?: any }; state: any; imports?: string[] } = JSON.parse(msg.data);
- try {
- //console.time('defineWorker');
- //console.timeEnd('defineWorker');
- let { paramUserName, functionString } = extractContextParamName(request.func.body);
- const { functionStrToAttach, attachToContextFunctions } = parseAttachToContextFunctions(request.func.attachToContextFunctions, paramUserName);
-
- functionString = injectContext(functionString, functionStrToAttach, paramUserName);
- const func = JSONfn.parse(functionString);
- let result;
- if (func) {
- result = func({
- state: request.state,
- ...options?.imports,
- ...attachToContextFunctions,
- onProgressUpdate: (dataUpdate: any) => self.postMessage(JSON.stringify({ dataUpdate: dataUpdate ?? null, id: request.id, onProgressUpdate: true })),
- });
- }
-
- if (result) {
- result = JSON.stringify({ ...{ id: request.id }, ...{ result: result } });
- }
- self.postMessage(result);
- } catch (error: any) {
- throw new Error(JSON.stringify({ id: request.id, error: error.toString() }));
- }
- };
-};
-
-function injectImports(functionString: string, paramUserName: string) {
- functionString = functionString.replaceAll(/([0-9],_.*?)(.*?__WEBPACK_IMPORTED_MODULE_.*?)(__.?)/g, paramUserName + '.');
- functionString = functionString.replaceAll(/( _.*?)(.*?__WEBPACK_IMPORTED_MODULE_.*?)(__.?)/g, ' ' + paramUserName + '.');
- return functionString;
-}
-
-function injectFunctionToAttach(functionString: string, functionStrToAttach: string[], paramUserName: string) {
- return functionString.replace(`_NuFrRa_(${paramUserName}) => {`, `_NuFrRa_(${paramUserName}) => {${functionStrToAttach.join(' ')}`);
-}
-
-function injectContext(functionString: string, functionStrToAttach: string[], paramUserName: string) {
- return injectFunctionToAttach(injectImports(functionString, paramUserName), functionStrToAttach, paramUserName);
-}
-
-function extractContextParamName(functionString: string) {
- const querySearchParam = functionString.match(/(?<=\_NuFrRa_\()(.*?)(?=\))/);
- let paramUserName = DEFAULT_PARAM_NAME;
-
- if (querySearchParam && querySearchParam.length > 0 && querySearchParam[0] !== '') {
- paramUserName = querySearchParam[0];
- } else {
- // If the user has not defined the context parameter, it is added
- functionString = functionString.replace('_NuFrRa_()', `_NuFrRa_(${DEFAULT_PARAM_NAME})`);
- }
- return { paramUserName, functionString };
-}
-
-function parseAttachToContextFunctions(attachToContextFunctions: any, paramUserName: string) {
- const keyFunctionst = Object.keys(attachToContextFunctions);
- const functionStrToAttach: string[] = [];
- var attachToContextFunctionsResult = {};
- if (attachToContextFunctions && keyFunctionst.length > 0) {
- attachToContextFunctionsResult = keyFunctionst.reduce((resultObject: any, keyFunction: string) => {
- let attachFunction = injectImports(attachToContextFunctions[keyFunction], paramUserName);
- const parseFunctionToInject = attachFunction.replace('_NuFrRa_', `const ${keyFunction} = `);
- functionStrToAttach.push(parseFunctionToInject.substring(1, parseFunctionToInject.length - 1));
- resultObject[keyFunction] = JSONfn.parse(attachFunction);
- return resultObject;
- }, {});
- }
- return { functionStrToAttach, attachToContextFunctions: attachToContextFunctionsResult };
-}
diff --git a/packages/nativescript-task/globalWorker.ts b/packages/nativescript-task/globalWorker.ts
deleted file mode 100644
index d94d5d6..0000000
--- a/packages/nativescript-task/globalWorker.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import '@nativescript/core/globals';
-import { defineWorker } from './defineWorker';
-
-defineWorker();
diff --git a/packages/nativescript-task/index.ts b/packages/nativescript-task/index.ts
deleted file mode 100644
index b2a8f1b..0000000
--- a/packages/nativescript-task/index.ts
+++ /dev/null
@@ -1,418 +0,0 @@
-import { Observable } from '@nativescript/core';
-import { JSONfn } from './JSONfn';
-export * from './defineWorker';
-
-/**
- * Describes a task function.
- *
- * @param {TState} [state] The optional value to submit to the function.
- *
- * @return {TResult} The result of the function.
- */
-export type TaskFunc = (ctx: TaskContext) => TResult;
-export type TaskFuncUpdate = (update: { data: TUpdate }) => void;
-
-export interface OnData {
- data: Data;
-}
-/**
- * Describes a task context.
- */
-export interface TaskContext {
- state: TState;
- onProgressUpdate: (dataUpdate: TUpdate) => void;
- [key: string]: any;
-}
-
-/**
- * Describes a result of a task.
- */
-export interface TaskResult {
- /**
- * The result data (on success)
- */
- data?: TResult;
-
- /**
- * The error (if occurred)
- */
- error?: any;
-
- /**
- * The submitted value.
- */
- state?: TState;
-}
-
-export interface TaskUpdate {
- /**
- * The update data (on update)
- */
- data: TUpdate;
-}
-
-/**
- * List of task states.
- */
-export enum TaskStatus {
- Starting,
- /**
- * The task has been initialized but has not yet been invoked.
- */
- Created,
-
- /**
- * The task completed due to an unhandled exception.
- */
- Faulted,
-
- /**
- * The task completed execution successfully.
- */
- RanToCompletion,
-
- /**
- * The task is running but has not yet completed.
- */
- Running,
-
- /**
- * The task has been scheduled for execution but has not yet begun executing.
- */
- WaitingToRun,
-}
-type GeneralCallback = ((data: any | undefined) => void) | undefined;
-export type GlobalWorkerConfiguration = { stickyWorker?: boolean; newWorkerIfGlobalIsUsed?: boolean; startGlobalWorker?: boolean };
-export type DataWorker = { worker?: Worker; isGlobal: boolean; running: boolean; globalResolve?: { [key: string]: GeneralCallback }; globalReject?: { [key: string]: GeneralCallback }; globalOnUpdate?: { [key: string]: GeneralCallback } };
-let dataGlobalWorker: DataWorker = { worker: null!, isGlobal: true, running: false, globalResolve: {}, globalReject: {}, globalOnUpdate: {} };
-let globalConfiguration: GlobalWorkerConfiguration = { stickyWorker: true, newWorkerIfGlobalIsUsed: true, startGlobalWorker: true };
-
-/**
- * A task.
- */
-export class Task extends Observable {
- /**
- * Stores the function to invoke.
- */
- protected readonly _FUNC: TaskFunc;
- protected readonly _FUNC_UPDATE?: TaskFuncUpdate;
- /**
- * Stores the error of the last execution.
- */
- protected _error: any;
- /**
- * Stores the current task state.
- */
- protected _status: TaskStatus = TaskStatus.Starting;
-
- protected dataWorker: DataWorker = { worker: null!, isGlobal: false, running: false };
- protected id = '';
- /**
- * Initializes a new instance of that class.
- *
- * @param {TaskFunc} func The function to invoke.
- */
- constructor(func: TaskFunc, funcUptade?: TaskFuncUpdate) {
- super();
- if (func !== null && func !== undefined) {
- if (typeof func !== 'function') {
- throw "'func' must be a function!";
- }
- }
-
- this._FUNC = func;
- this._FUNC_UPDATE = funcUptade;
- this.updateStatus(TaskStatus.Created);
- }
-
- public static globalWorkerConfig(options: GlobalWorkerConfiguration) {
- globalConfiguration = { ...globalConfiguration, ...options };
- if (globalConfiguration.startGlobalWorker) {
- Task.initGlobalWorker();
- }
- }
-
- public static initGlobalWorker(): Worker {
- if (dataGlobalWorker.worker == null) {
- dataGlobalWorker.worker = new Worker('~/globalWorker');
- }
- return dataGlobalWorker.worker;
- }
-
- private newWorker() {
- return new Worker('~/globalWorker');
- }
-
- public static finishGlobalWorker() {
- dataGlobalWorker.worker?.terminate();
- dataGlobalWorker.worker = null!;
- dataGlobalWorker.running = false;
- }
-
- /**
- * Creates a new task.
- *
- * @param {TaskFunc} func The function to invoke.
- *
- * @return {Task} The new task.
- */
- public static newTask(func: TaskFunc, onProgressUpdate?: TaskFuncUpdate): Task {
- return new Task(func, onProgressUpdate);
- }
-
- /**
- * Creates and starts a new task.
- *
- * @param {TaskFunc} func The function to invoke.
- * @param {TState} [state] The optional value / object for the execution.
- *
- * @return {Promise} The promise.
- */
- public static start(func: TaskFunc, options?: { state?: TState; onProgressUpdate?: TaskFuncUpdate; attachToContextFunctions?: {}; performance?: boolean }): Promise> {
- return Task.newTask(func, options?.onProgressUpdate).start(options);
- }
-
- /**
- * Gets the error of the last execution.
- */
- public get error(): any {
- return this._error;
- }
-
- /**
- * Gets the underyling function to invoke.
- */
- public get func(): TaskFunc {
- return this._FUNC;
- }
-
- /**
- * Gets the underyling upudate function to invoke.
- */
- public get funcUpdate(): TaskFuncUpdate | undefined {
- return this._FUNC_UPDATE;
- }
-
- public getWorker(): DataWorker {
- if (globalConfiguration.newWorkerIfGlobalIsUsed && dataGlobalWorker.running) {
- return { worker: this.newWorker(), isGlobal: false, running: false };
- }
-
- if (dataGlobalWorker.worker === null) {
- dataGlobalWorker.worker = this.newWorker();
- return { worker: dataGlobalWorker.worker, isGlobal: true, running: false };
- } else {
- return { worker: dataGlobalWorker.worker, isGlobal: true, running: false };
- }
- }
-
- /**
- * Starts the task.
- *
- * @param {TState} [state] The optional value to submit to the function.
- *
- * @return {Promise>} The promise.
- */
-
- public start(options?: { state?: TState; attachToContextFunctions?: { [key: string]: any }; performance?: boolean }): Promise> {
- this.id = Date.now().toString();
- let me = this;
-
- return new Promise>((resolve, reject) => {
- let completed = (id: string, err: any, data?: TResult) => {
- if (err) {
- const rejectFunction = me.getReject(id, reject);
- if (rejectFunction) {
- rejectFunction({
- error: err,
- state: options?.state,
- });
- }
- } else {
- const resolveFunction = me.getResolve(id, resolve);
- if (resolveFunction) {
- resolveFunction({
- data: data,
- state: options?.state,
- });
- }
- }
- if (options?.performance) {
- console.timeEnd('RunWorker');
- }
- me.removeGlobalCallback(id);
- me.checkTerminateWorker(data);
- me.updateError(err);
- };
-
- switch (me._status) {
- case TaskStatus.Created:
- case TaskStatus.Faulted:
- case TaskStatus.RanToCompletion:
- break;
-
- default:
- completed('', new Error(`Cannot start while in '${TaskStatus[me._status]}' state!`));
- return;
- }
-
- try {
- me.updateStatus(TaskStatus.WaitingToRun);
- me.dataWorker = me.getWorker();
- const worker: Worker = me.dataWorker.worker as Worker;
- me.dataWorker.running = true;
- if (me.dataWorker.isGlobal && dataGlobalWorker.globalResolve && dataGlobalWorker.globalReject && dataGlobalWorker.globalOnUpdate) {
- dataGlobalWorker.running = true;
- dataGlobalWorker.globalResolve[me.id] = resolve;
- dataGlobalWorker.globalReject[me.id] = reject;
- dataGlobalWorker.globalOnUpdate[me.id] = me._FUNC_UPDATE;
- }
-
- worker.onmessage = function (msg) {
- let message = msg.data;
- let executionId = '';
- if (message) {
- message = JSON.parse(message);
- executionId = message.id;
- }
-
- if (message?.onProgressUpdate === true) {
- const onUpdateFuncion = me.getOnUpdate(executionId);
- if (onUpdateFuncion) {
- onUpdateFuncion({ data: message.dataUpdate });
- }
- } else {
- me.updateStatus(TaskStatus.RanToCompletion);
- completed(executionId, null, message.result);
- }
- };
-
- worker.onerror = function (err) {
- const idExecution = JSON.parse(err.message.replace('Uncaught Error: ', ''))?.id;
- me.updateStatus(TaskStatus.Faulted);
- completed(idExecution, err);
- };
-
- let func: any;
-
- if (me._FUNC) {
- func = {};
- func.body = JSONfn.stringify(me._FUNC);
- if (options?.attachToContextFunctions && Object.keys(options?.attachToContextFunctions).length > 0) {
- // @ts-ignore
- const functionsToAttach = Object.keys(options.attachToContextFunctions).reduce((resultObject: any, keyFunction: string) => {
- // @ts-ignore
- resultObject[keyFunction] = JSONfn.stringify(options.attachToContextFunctions[keyFunction]);
- return resultObject;
- }, {});
- func.attachToContextFunctions = functionsToAttach;
- }
- }
-
- if (options?.performance) {
- console.time('RunUI');
- // @ts-ignore
- me._FUNC({ state: options?.state, ...options?.attachToContextFunctions });
- console.timeEnd('RunUI');
- console.time('RunWorker');
- }
- me.updateStatus(TaskStatus.Running);
-
- worker.postMessage(
- JSON.stringify({
- id: me.id,
- func: func,
- state: options?.state,
- })
- );
- } catch (e) {
- console.log(e);
- me.updateStatus(TaskStatus.Faulted);
- completed(me.id, e);
- }
- });
- }
-
- private getReject(id: string, reject: (data: any) => void) {
- if (this.dataWorker.isGlobal) {
- return dataGlobalWorker.globalReject ? dataGlobalWorker.globalReject[id] : null;
- }
- return reject;
- }
- private getResolve(id: string, resolve: (data: any) => void) {
- if (this.dataWorker.isGlobal) {
- return dataGlobalWorker.globalResolve ? dataGlobalWorker.globalResolve[id] : null;
- }
- return resolve;
- }
-
- private getOnUpdate(id: string) {
- if (this.dataWorker.isGlobal) {
- return dataGlobalWorker.globalOnUpdate ? dataGlobalWorker.globalOnUpdate[id] : null;
- }
- return this._FUNC_UPDATE;
- }
-
- private removeGlobalCallback(id: string) {
- if (dataGlobalWorker.globalResolve && dataGlobalWorker.globalResolve[id]) delete dataGlobalWorker.globalResolve[id];
- if (dataGlobalWorker.globalReject && dataGlobalWorker.globalReject[id]) delete dataGlobalWorker.globalReject[id];
- if (dataGlobalWorker.globalOnUpdate && dataGlobalWorker.globalOnUpdate[id]) delete dataGlobalWorker.globalOnUpdate[id];
- }
-
- private checkTerminateWorker(result: any) {
- if ((!this.dataWorker.isGlobal && result?.onProgressUpdate !== true) || (!globalConfiguration.stickyWorker && dataGlobalWorker.isGlobal && dataGlobalWorker.globalResolve && Object.keys(dataGlobalWorker.globalResolve).length === 0)) {
- this.dataWorker.worker?.terminate();
- this.dataWorker.worker = null!;
- if (this.dataWorker.isGlobal) {
- Task.finishGlobalWorker();
- }
- }
- if (result?.onProgressUpdate !== true) {
- this.dataWorker.running = false;
- if (this.dataWorker.isGlobal && dataGlobalWorker.globalResolve && Object.keys(dataGlobalWorker.globalResolve).length === 0) dataGlobalWorker.running = false;
- }
- }
-
- /**
- * Gets the current status.
- */
- public get status(): TaskStatus {
- return this._status;
- }
-
- /**
- * Updates the error value.
- *
- * @param {TaskStatus} newValue The new value.
- *
- * @return {boolean} Property change has been raised for 'error' property or not.
- */
- protected updateError(newValue: any): boolean {
- if (newValue !== this._error) {
- this._error = newValue;
-
- this.notifyPropertyChange('error', newValue);
- return true;
- }
-
- return false;
- }
-
- /**
- * Updates the current status.
- *
- * @param {TaskStatus} newValue The new value.
- *
- * @return {boolean} Property change has been raised for 'status' property or not.
- */
- protected updateStatus(newValue: TaskStatus): boolean {
- if (newValue !== this._status) {
- this._status = newValue;
-
- this.notifyPropertyChange('status', newValue);
- return true;
- }
-
- return false;
- }
-}
diff --git a/packages/nativescript-task/nativescript.webpack.js b/packages/nativescript-task/nativescript.webpack.js
deleted file mode 100644
index 06b74cc..0000000
--- a/packages/nativescript-task/nativescript.webpack.js
+++ /dev/null
@@ -1,14 +0,0 @@
-module.exports = (webpack) => {
- webpack.chainWebpack(
- (config, env) => {
- const fs = require('fs');
- const filePath = `./${env.appPath}/globalWorker.js`;
- const filePathTs = `./${env.appPath}/globalWorker.ts`;
- if (!fs.existsSync(filePath) && !fs.existsSync(filePathTs)) {
- const path = require('path');
- config.resolve.alias.set('~/globalWorker', path.resolve(__dirname, 'globalWorker.js'));
- }
- },
- { order: -2 }
- );
-};
diff --git a/packages/nativescript-task/package.json b/packages/nativescript-task/package.json
deleted file mode 100644
index f94bb29..0000000
--- a/packages/nativescript-task/package.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
- "name": "@nativescript-use/nativescript-task",
- "version": "0.0.11",
- "description": "Multiprocessing task in background",
- "main": "index",
- "typings": "index.d.ts",
- "nativescript": {
- "platforms": {
- "ios": "6.0.0",
- "android": "6.0.0"
- }
- },
- "repository": {
- "type": "git",
- "url": "https://github.com/NativeScript-Use/NativeScript-Use.git"
- },
- "keywords": [
- "NativeScript",
- "JavaScript",
- "TypeScript",
- "iOS",
- "Android",
- "Multiprocessing",
- "Thread",
- "Task"
- ],
- "author": {
- "name": "Juan de Dios Martínez Vallejo",
- "email": "oss@nativescript.org"
- },
- "bugs": {
- "url": "https://github.com/NativeScript-Use/NativeScript-Use/issues"
- },
- "license": "Apache-2.0",
- "homepage": "https://github.com/NativeScript-Use/NativeScript-Use",
- "readmeFilename": "README.md",
- "bootstrapper": "@nativescript/plugin-seed",
- "devDependencies": {
- "@nativescript/webpack": "^5.0.8"
- }
-}
diff --git a/packages/nativescript-task/project.json b/packages/nativescript-task/project.json
deleted file mode 100644
index cf0550b..0000000
--- a/packages/nativescript-task/project.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
- "name": "nativescript-task",
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "projectType": "library",
- "sourceRoot": "packages/nativescript-task",
- "targets": {
- "build": {
- "executor": "@nx/js:tsc",
- "options": {
- "outputPath": "dist/packages/nativescript-task",
- "tsConfig": "packages/nativescript-task/tsconfig.json",
- "packageJson": "packages/nativescript-task/package.json",
- "main": "packages/nativescript-task/index.d.ts",
- "generatePackageJson": false,
- "assets": [
- "packages/nativescript-task/*.md",
- "packages/nativescript-task/index.d.ts",
- "LICENSE",
- {
- "glob": "**/*",
- "input": "packages/nativescript-task/platforms/",
- "output": "./platforms/"
- }
- ],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- }
- ]
- }
- },
- "build.all": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["node tools/scripts/build-finish.ts nativescript-task"],
- "parallel": false
- },
- "outputs": ["dist/packages/nativescript-task"],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- },
- {
- "target": "build",
- "projects": "self"
- }
- ]
- },
- "focus": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["nx g @nativescript/plugin-tools:focus-packages nativescript-task"],
- "parallel": false
- }
- },
- "lint": {
- "executor": "@nrwl/linter:eslint",
- "options": {
- "lintFilePatterns": ["packages/nativescript-task/**/*.ts"]
- }
- }
- },
- "tags": []
-}
diff --git a/packages/nativescript-task/references.d.ts b/packages/nativescript-task/references.d.ts
deleted file mode 100644
index 22bac92..0000000
--- a/packages/nativescript-task/references.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-///
-
-
-
diff --git a/packages/vue/.vitepress/theme/components/Preview.vue b/packages/vue/.vitepress/theme/components/Preview.vue
deleted file mode 100644
index 91d92c7..0000000
--- a/packages/vue/.vitepress/theme/components/Preview.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-
-
-
-
Try with
-
-
+
-
-
+
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/packages/vue/.vitepress/theme/components/Source.vue b/packages/vue/.vitepress/theme/components/Source.vue
deleted file mode 100644
index 36f94d4..0000000
--- a/packages/vue/.vitepress/theme/components/Source.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
-
-
diff --git a/packages/vue/.vitepress/theme/components/Sponsor.vue b/packages/vue/.vitepress/theme/components/Sponsor.vue
deleted file mode 100644
index f8af5bb..0000000
--- a/packages/vue/.vitepress/theme/components/Sponsor.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-
-
-
diff --git a/packages/vue/.vitepress/theme/components/Sponsors.vue b/packages/vue/.vitepress/theme/components/Sponsors.vue
deleted file mode 100644
index d011200..0000000
--- a/packages/vue/.vitepress/theme/components/Sponsors.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
diff --git a/packages/vue/.vitepress/theme/components/YoutubeVideo.vue b/packages/vue/.vitepress/theme/components/YoutubeVideo.vue
deleted file mode 100644
index 04882ae..0000000
--- a/packages/vue/.vitepress/theme/components/YoutubeVideo.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
-
-
-
diff --git a/packages/vue/.vitepress/theme/components/balls.vue b/packages/vue/.vitepress/theme/components/balls.vue
deleted file mode 100644
index 1c584eb..0000000
--- a/packages/vue/.vitepress/theme/components/balls.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/vue/README.md b/packages/vue/README.md
deleted file mode 100644
index 51173e3..0000000
--- a/packages/vue/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# @nativescript-use/vue
-
-```javascript
-npm install @nativescript-use/vue
-```
-
-[Documentation (Vue3)](https://nativescriptuse-vue.netlify.app/)
-
-
-Apache License Version 2.0
diff --git a/packages/vue/index.d.ts b/packages/vue/index.d.ts
deleted file mode 100644
index 4d416c1..0000000
--- a/packages/vue/index.d.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/* Functions */
-export * from './src/unrefView';
-export * from './src/refView';
-export * from './src/useBreakpoints';
-export * from './src/useClipboard';
-export * from './src/useColorMode';
-export * from './src/useColorPalette';
-export * from './src/useContentElementSize';
-export * from './src/useDark';
-export * from './src/useElementSize';
-export * from './src/useFadeElement';
-export * from './src/useEventListener';
-export * from './src/useIntersectionObserver';
-export * from './src/useKeyboard';
-export * from './src/useMediaQuery';
-export * from './src/useRootLayout';
-export * from './src/useScreenOrientation';
-export * from './src/useStorage';
-export * from './src/useSyncObservableArray';
-export * from './src/useWorker';
-export * from './src/types';
-
-/* Global hooks */
-export * from './src/onApplicationMounted';
diff --git a/packages/vue/index.ts b/packages/vue/index.ts
deleted file mode 100644
index 4d416c1..0000000
--- a/packages/vue/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/* Functions */
-export * from './src/unrefView';
-export * from './src/refView';
-export * from './src/useBreakpoints';
-export * from './src/useClipboard';
-export * from './src/useColorMode';
-export * from './src/useColorPalette';
-export * from './src/useContentElementSize';
-export * from './src/useDark';
-export * from './src/useElementSize';
-export * from './src/useFadeElement';
-export * from './src/useEventListener';
-export * from './src/useIntersectionObserver';
-export * from './src/useKeyboard';
-export * from './src/useMediaQuery';
-export * from './src/useRootLayout';
-export * from './src/useScreenOrientation';
-export * from './src/useStorage';
-export * from './src/useSyncObservableArray';
-export * from './src/useWorker';
-export * from './src/types';
-
-/* Global hooks */
-export * from './src/onApplicationMounted';
diff --git a/packages/vue/nativescript.webpack.ts b/packages/vue/nativescript.webpack.ts
deleted file mode 100644
index d21ca62..0000000
--- a/packages/vue/nativescript.webpack.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-//@ts-ignore
-const webpack = require('@nativescript/webpack');
-
-module.exports = (env) => {
- const wepackTask = require('@nativescript-use/nativescript-task/nativescript.webpack.js');
- wepackTask(webpack);
-};
diff --git a/packages/vue/package.json b/packages/vue/package.json
deleted file mode 100644
index d74f5b8..0000000
--- a/packages/vue/package.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
- "name": "@nativescript-use/vue",
- "version": "0.0.51",
- "description": "Add a plugin description",
- "main": "index",
- "typings": "index.d.ts",
- "nativescript": {
- "platforms": {
- "ios": "6.0.0",
- "android": "6.0.0"
- }
- },
- "scripts": {},
- "dependencies": {
- "@nativescript-use/nativescript-clipboard": "0.0.3",
- "@nativescript-use/nativescript-intersection-observer": "0.0.1",
- "@nativescript-use/nativescript-keyboard": "0.0.1",
- "@nativescript-use/nativescript-localstorage": "0.0.1",
- "@nativescript-use/nativescript-media-query": "0.0.4",
- "@nativescript-use/nativescript-orientation": "0.0.3",
- "@nativescript-use/nativescript-task": "^0.0.11",
- "@vueuse/core": "^12.5.0"
- },
- "repository": {
- "type": "git",
- "url": "https://github.com/NativeScript-Use/NativeScript-Use.git"
- },
- "keywords": [
- "NativeScript",
- "JavaScript",
- "TypeScript",
- "iOS",
- "Android"
- ],
- "author": {
- "name": "Juan de Dios Matínez Vallejo",
- "email": "oss@nativescript.org"
- },
- "bugs": {
- "url": "https://github.com/NativeScript-Use/NativeScript-Use/issues"
- },
- "license": "Apache-2.0",
- "homepage": "https://github.com/NativeScript-Use/NativeScript-Use",
- "readmeFilename": "README.md",
- "bootstrapper": "@nativescript/plugin-seed"
-}
diff --git a/packages/vue/project.json b/packages/vue/project.json
deleted file mode 100644
index 1b58fb4..0000000
--- a/packages/vue/project.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
- "name": "vue",
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "projectType": "library",
- "sourceRoot": "packages/vue",
- "targets": {
- "build": {
- "executor": "@nx/js:tsc",
- "options": {
- "outputPath": "dist/packages/vue",
- "tsConfig": "packages/vue/tsconfig.json",
- "packageJson": "packages/vue/package.json",
- "main": "packages/vue/index.d.ts",
- "generatePackageJson": false,
- "assets": [
- "packages/vue/*.md",
- "packages/vue/index.d.ts",
- "LICENSE",
- {
- "glob": "**/*",
- "input": "packages/vue/platforms/",
- "output": "./platforms/"
- }
- ],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- }
- ]
- }
- },
- "build.all": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["node tools/scripts/build-finish.ts vue"],
- "parallel": false
- },
- "outputs": ["dist/packages/vue"],
- "dependsOn": [
- {
- "target": "build.all",
- "projects": "dependencies"
- },
- {
- "target": "build",
- "projects": "self"
- }
- ]
- },
- "focus": {
- "executor": "nx:run-commands",
- "options": {
- "commands": ["nx g @nativescript/plugin-tools:focus-packages vue"],
- "parallel": false
- }
- },
- "lint": {
- "executor": "@nrwl/linter:eslint",
- "options": {
- "lintFilePatterns": ["packages/vue/**/*.ts"]
- }
- }
- },
- "tags": []
-}
diff --git a/packages/vue/references.d.ts b/packages/vue/references.d.ts
deleted file mode 100644
index 22bac92..0000000
--- a/packages/vue/references.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// (stateFactory: Fn): Fn {
- let initialized = false;
- let state: any;
- const scope = effectScope(true);
-
- return ((...args: any[]) => {
- if (!initialized) {
- state = scope.run(() => stateFactory(...args))!;
- initialized = true;
- }
- return state;
- }) as Fn;
-}
diff --git a/packages/vue/src/onApplicationMounted/index.ts b/packages/vue/src/onApplicationMounted/index.ts
deleted file mode 100644
index f026e0b..0000000
--- a/packages/vue/src/onApplicationMounted/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Application, Frame } from '@nativescript/core';
-
-export const onApplicationMounted = (callback: () => void, immediateCallback?: () => void) => {
- if (Frame.topmost()) {
- immediateCallback ? immediateCallback() : null;
- callback();
- } else {
- const run = () => {
- setTimeout(callback, 0);
- Application.off('launch', run);
- };
- Application.on('launch', run);
- }
-};
diff --git a/packages/vue/src/refView/index.md b/packages/vue/src/refView/index.md
deleted file mode 100644
index 9bdb660..0000000
--- a/packages/vue/src/refView/index.md
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
-# refView
-
-Utility typed Ref of NativeScript View.
-
-## Usage
-
-```vue
-
-
-
-
-
-
-```
-
-## Source
-(): Ref;
-```
-
diff --git a/packages/vue/src/refView/index.ts b/packages/vue/src/refView/index.ts
deleted file mode 100644
index 9115e96..0000000
--- a/packages/vue/src/refView/index.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { View } from '@nativescript/core';
-import { Ref, customRef } from 'nativescript-vue';
-import { unrefView } from '../unrefView';
-
-/**
- * Utility. Typed Ref of View.
- */
-export function refView(): Ref {
- return customRef((track, trigger) => {
- let view: View | undefined = undefined;
- return {
- get() {
- track();
- return view;
- },
- set(newValue: any) {
- view = unrefView(newValue);
- watchPushIfIsArray(view);
- trigger();
- },
- };
- });
-}
-
-function watchPushIfIsArray(view: any) {
- if (view && Array.isArray(view)) {
- view.push = function (data) {
- const newItem = unrefView(data);
- return Array.prototype.push.apply(this, Array.isArray(newItem) ? newItem : [newItem]);
- };
- }
-}
diff --git a/packages/vue/src/types.ts b/packages/vue/src/types.ts
deleted file mode 100644
index 28ca8b1..0000000
--- a/packages/vue/src/types.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { View } from '@nativescript/core';
-import { Ref, ShallowRef } from 'nativescript-vue';
-
-type NativeElement = {
- nativeView?: T;
- $el?: {
- nativeView: T;
- };
-};
-
-export type ViewRef = T | Ref> | Readonly>>;
diff --git a/packages/vue/src/unrefView/index.md b/packages/vue/src/unrefView/index.md
deleted file mode 100644
index 3310127..0000000
--- a/packages/vue/src/unrefView/index.md
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-# unrefView
-
-Extract a NativeScript view from a Ref
-
-## Usage
-
-```vue
-
-
-
-
-
-
-```
-
-## Source
-(target: T | ViewRef): T | undefined;
-```
-
diff --git a/packages/vue/src/unrefView/index.ts b/packages/vue/src/unrefView/index.ts
deleted file mode 100644
index 9e30380..0000000
--- a/packages/vue/src/unrefView/index.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { View } from '@nativescript/core';
-import { ViewRef } from '../types';
-
-/**
- * Utility. Get View from Ref.
- *
- * @param target
- */
-export function unrefView(ref: T | any /* ViewRef */): T | undefined {
- if (ref?.value instanceof View) return ref?.value;
- if (ref instanceof View) return ref as T;
- if (ref?.value?.nativeView) return ref?.value.nativeView;
- if (ref?.value?.$el?.nativeView) return ref?.value?.$el?.nativeView;
- if (ref?.nativeView) return ref?.nativeView;
- if (ref?.$el?.nativeView) return ref?.$el?.nativeView;
- // @ts-ignore
- if (Array.isArray(ref?.value)) return (ref?.value as any[]).map((view) => unrefView(view)) as T[];
- // @ts-ignore
- if (Array.isArray(ref)) return (ref as any[]).map((view) => unrefView(view)) as T[];
-
- return undefined;
-}
diff --git a/packages/vue/src/useBreakpoints/index.md b/packages/vue/src/useBreakpoints/index.md
deleted file mode 100644
index 7a77887..0000000
--- a/packages/vue/src/useBreakpoints/index.md
+++ /dev/null
@@ -1,76 +0,0 @@
-
-
-# useBreakpoints
-
-Reactive screen breakpoints.
-
-## Usage
-
-```vue
-
-
-```
-
-## Source
- = Record;
-/**
- * Reactive screen breakpoints.
- *
- * @param breakpoints
- */
-export declare function useBreakpoints(breakpoints: Breakpoints): Record> & {
- greater(k: K): Ref;
- greaterOrEqual: (k: K) => Ref;
- smaller(k: K): Ref;
- smallerOrEqual(k: K): Ref;
- between(a: K, b: K): Ref;
- isGreater(k: K): Ref;
- isGreaterOrEqual(k: K): Ref;
- isSmaller(k: K): Ref;
- isSmallerOrEqual(k: K): Ref;
- isInBetween(a: K, b: K): Ref;
- current(): ComputedRef;
-};
-
-```
-
-## Core dependency
-[@nativescript-use/nativescript-media-query](https://github.com/NativeScript-Use/NativeScript-Use/tree/main/packages/nativescript-media-query)
\ No newline at end of file
diff --git a/packages/vue/src/useBreakpoints/index.ts b/packages/vue/src/useBreakpoints/index.ts
deleted file mode 100644
index cf0ebfd..0000000
--- a/packages/vue/src/useBreakpoints/index.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Ref, computed } from 'nativescript-vue';
-import { useMediaQuery } from '../useMediaQuery';
-
-export type Breakpoints = Record;
-
-/**
- * Reactive screen breakpoints.
- *
- * @param breakpoints
- */
-export function useBreakpoints(breakpoints: Breakpoints) {
- function getValue(k: K, d?: number) {
- let v = breakpoints[k];
- return v;
- }
-
- const greaterOrEqual = (k: K) => {
- return useMediaQuery(`(min-width: ${getValue(k)})`);
- };
-
- const shortcutMethods = Object.keys(breakpoints).reduce((shortcuts, k) => {
- Object.defineProperty(shortcuts, k, {
- get: () => greaterOrEqual(k as K),
- enumerable: true,
- configurable: true,
- });
- return shortcuts;
- }, {} as Record>);
-
- return Object.assign(shortcutMethods, {
- greater(k: K) {
- return useMediaQuery(`(min-width: ${getValue(k, 0.1)})`);
- },
- greaterOrEqual,
- smaller(k: K) {
- return useMediaQuery(`(max-width: ${getValue(k, -0.1)})`);
- },
- smallerOrEqual(k: K) {
- return useMediaQuery(`(max-width: ${getValue(k)})`);
- },
- between(a: K, b: K) {
- return useMediaQuery(`(min-width: ${getValue(a)}) and (max-width: ${getValue(b, -0.1)})`);
- },
- isGreater(k: K) {
- return useMediaQuery(`(min-width: ${getValue(k, 0.1)})`);
- },
- isGreaterOrEqual(k: K) {
- return useMediaQuery(`(min-width: ${getValue(k)})`);
- },
- isSmaller(k: K) {
- return useMediaQuery(`(max-width: ${getValue(k, -0.1)})`);
- },
- isSmallerOrEqual(k: K) {
- return useMediaQuery(`(max-width: ${getValue(k)})`);
- },
- isInBetween(a: K, b: K) {
- return useMediaQuery(`(min-width: ${getValue(a)}) and (max-width: ${getValue(b, -0.1)})`);
- },
- current() {
- const points = Object.keys(breakpoints).map((i) => [i, greaterOrEqual(i as K)] as const);
- return computed(() => {
- return points.filter(([, v]) => v.value).map(([k]) => k);
- });
- },
- });
-}
diff --git a/packages/vue/src/useClipboard/index.ts b/packages/vue/src/useClipboard/index.ts
deleted file mode 100644
index 514aab4..0000000
--- a/packages/vue/src/useClipboard/index.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { onUnmounted, ref } from 'nativescript-vue';
-import { Clipboard } from '@nativescript-use/nativescript-clipboard';
-import { onApplicationMounted } from '../onApplicationMounted';
-
-/**
- * Reactive Clipboard API. Provides the ability to respond to clipboard commands.
- *
- */
-export function useClipboard(options?: { sync?: boolean }) {
- const { sync = false } = options ?? {};
-
- let clipboard: Clipboard | undefined;
-
- const copied = ref(false);
- const text = ref('');
-
- const copy = (text: string) => {
- copied.value = clipboard?.copy(text) ?? false;
- };
-
- const read = () => {
- text.value = clipboard?.read() ?? '';
- return text.value;
- };
-
- onApplicationMounted(
- () => {
- if (!clipboard) clipboard = new Clipboard();
- if (sync) {
- text.value = clipboard.read();
- clipboard.onCopy((copyText) => {
- text.value = copyText;
- });
- }
- },
- () => {
- clipboard = new Clipboard();
- if (sync) {
- text.value = clipboard.read();
- }
- }
- );
-
- onUnmounted(() => {
- clipboard?.offCopy();
- });
-
- return {
- text,
- copied,
- copy,
- read,
- };
-}
diff --git a/packages/vue/src/useColorMode/index.ts b/packages/vue/src/useColorMode/index.ts
deleted file mode 100644
index 89080b8..0000000
--- a/packages/vue/src/useColorMode/index.ts
+++ /dev/null
@@ -1,134 +0,0 @@
-import { Application, ApplicationSettings, CSSUtils, Frame } from '@nativescript/core';
-import { computed, getCurrentInstance, onUnmounted, readonly, ref, Ref, watch } from 'nativescript-vue';
-import { createGlobalState } from '../globalState';
-import { getSystemTheme } from './util';
-import removeSystemCssClass = CSSUtils.removeSystemCssClass;
-
-export type BasicColorMode = 'light' | 'dark';
-export type BasicColorSchema = BasicColorMode | 'auto';
-export interface UseColorModeOptions {
- /**
- * The initial color mode
- *
- * @default 'auto'
- */
- initialValue?: T | BasicColorSchema;
-
- /**
- * Prefix when adding value to the attribute
- */
- modes?: T[] | BasicColorSchema[];
-
- /**
- * A custom handler for handle the updates.
- * When specified, the default behavior will be overridden.
- *
- * @default undefined
- */
- onChanged?: (mode: T | BasicColorMode) => void;
-
- /**
- * Key to persist the data into ApplicationSettings.
- *
- * Pass `null` to disable persistence
- *
- * @default 'nativevueuse-color-scheme'
- */
- storageKey?: string | null;
-}
-
-const useGlobalState = createGlobalState((storageKey: string, initialValue: string, themes: string[]) => {
- const system = ref(getSystemTheme());
- const schema = ref(ApplicationSettings.getString(storageKey!, initialValue.toString())) as Ref;
- const modes = ref(themes);
- return { system, schema, modes };
-});
-
-export function useColorMode(options: UseColorModeOptions = {}) {
- const { initialValue = 'auto', storageKey = 'nativevueuse-color-scheme' } = options;
-
- const { system, schema, modes } = useGlobalState(storageKey!, initialValue, ['auto', 'light', 'dark', ...(options.modes ?? [])]);
-
- const theme = computed(() => (schema.value === 'auto' ? system.value : schema.value));
- let internalSchema = schema.value;
-
- Application.on('displayed', () => {
- processTheme();
- });
- Application.on('systemAppearanceChanged', () => {
- processTheme();
- });
-
- if (getCurrentInstance()) {
- onUnmounted(() => {
- Application.off('displayed', processTheme);
- Application.off('systemAppearanceChanged', processTheme);
- });
- }
-
- function processTheme() {
- system.value = getSystemTheme();
- if (schema.value === 'auto') {
- applyTheme(system.value);
- } else {
- applyTheme(schema.value);
- }
- }
-
- function applyTheme(themeToApply: T | BasicColorSchema) {
- const rootView = Application.getRootView();
- if (rootView && !rootView.className?.includes(getClassFromTheme(themeToApply))) {
- schema.value = themeToApply;
- const rootViewClass = new Set();
- (Array.from(rootView.cssClasses).join(' ') ?? ' ').split(/\s+/).forEach((v) => v && rootViewClass.add(v));
-
- modes.value.forEach((theme) => {
- removeSystemCssClass(getClassFromTheme(theme));
- rootViewClass.delete(getClassFromTheme(theme));
- });
-
- let applyTheme = themeToApply;
- if (themeToApply.toLocaleLowerCase().trim() === 'auto') {
- applyTheme = getSystemTheme();
- Application.setAutoSystemAppearanceChanged(true);
- Application.systemAppearanceChanged(rootView, getSystemTheme()!);
- } else {
- Application.setAutoSystemAppearanceChanged(false);
- }
- const classToApply = getClassFromTheme(applyTheme);
- rootViewClass.add(classToApply);
- CSSUtils.pushToSystemCssClasses(classToApply);
- rootView.className = Array.from(rootViewClass).join(' ');
- const frame = Frame.topmost();
- frame?.backStack.forEach((backStack) => backStack?.resolvedPage?._onCssStateChange());
- rootView._getRootModalViews()?.forEach((view) => {
- view?._onCssStateChange();
- });
- ApplicationSettings.setString(storageKey!, themeToApply);
-
- console.log('Apply: ' + classToApply);
- }
-
- if (rootView && schema.value !== internalSchema) {
- internalSchema = schema.value;
- if (options.onChanged) {
- options.onChanged(theme.value);
- }
- }
- }
-
- watch(schema, () => {
- applyTheme(schema.value);
- });
-
- processTheme();
-
- return {
- schema,
- system: readonly(system),
- theme: readonly(theme),
- modes: readonly(modes),
- };
-}
-
-const getClassFromTheme = (theme: string) => CSSUtils.CLASS_PREFIX + theme.toLocaleLowerCase().trim();
diff --git a/packages/vue/src/useColorMode/util.android.ts b/packages/vue/src/useColorMode/util.android.ts
deleted file mode 100644
index e0c8c47..0000000
--- a/packages/vue/src/useColorMode/util.android.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Utils } from '@nativescript/core';
-
-export function getSystemTheme() {
- const nightModeFlags = Utils.android.getApplicationContext().getResources().getConfiguration().uiMode & android.content.res.Configuration.UI_MODE_NIGHT_MASK;
- switch (nightModeFlags) {
- case android.content.res.Configuration.UI_MODE_NIGHT_YES:
- return 'dark';
- case android.content.res.Configuration.UI_MODE_NIGHT_NO:
- return 'light';
- default:
- return 'light';
- //case android.content.res.Configuration.UI_MODE_NIGHT_UNDEFINED:
- }
-}
diff --git a/packages/vue/src/useColorMode/util.d.ts b/packages/vue/src/useColorMode/util.d.ts
deleted file mode 100644
index 814bd7c..0000000
--- a/packages/vue/src/useColorMode/util.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export declare function getSystemTheme();
diff --git a/packages/vue/src/useColorMode/util.ios.ts b/packages/vue/src/useColorMode/util.ios.ts
deleted file mode 100644
index 0811ecf..0000000
--- a/packages/vue/src/useColorMode/util.ios.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export function getSystemTheme() {
- return UITraitCollection.currentTraitCollection.userInterfaceStyle === UIUserInterfaceStyle.Light ? 'light' : 'dark';
-}
diff --git a/packages/vue/src/useColorPalette/index.ts b/packages/vue/src/useColorPalette/index.ts
deleted file mode 100644
index 4054ccc..0000000
--- a/packages/vue/src/useColorPalette/index.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Color } from '@nativescript/core';
-import { Ref, ref } from 'nativescript-vue';
-import { useColorMode } from '../useColorMode';
-import { createGlobalState } from '../globalState';
-
-export type PaletteColor = { theme: T; colors: S };
-export interface UseColorPaletteOptions {
- /**
- * The initial palettes
- *
- * @default 'auto'
- */
- palettes?: PaletteColor[];
-
- /**
- * A custom handler for handle the updates.
- *
- * @default undefined
- */
- onChanged?: (palette: PaletteColor) => void;
-}
-
-const useGlobalState = createGlobalState((initialPalettes: PaletteColor[] | undefined) => {
- const palettes = ref(initialPalettes) as Ref[] | undefined>;
-
- return { palettes };
-});
-
-export function useColorPalette(options: UseColorPaletteOptions = {}) {
- const palette = ref>();
- const { palettes } = useGlobalState(options.palettes);
-
- const { theme } = useColorMode({
- modes: palettes.value?.map((palette) => palette.theme) ?? [],
- onChanged: (theme) => {
- palette.value = findPaletteByTheme(palettes.value, theme);
- if (options.onChanged && palette.value) {
- options.onChanged(palette.value);
- }
- },
- });
-
- palette.value = findPaletteByTheme(palettes.value, theme.value);
-
- return {
- palette,
- };
-}
-
-const findPaletteByTheme = (palettes: PaletteColor[] | undefined, theme: string) => palettes?.find((palette) => palette.theme === theme);
diff --git a/packages/vue/src/useContentElementSize/index.md b/packages/vue/src/useContentElementSize/index.md
deleted file mode 100644
index b48c020..0000000
--- a/packages/vue/src/useContentElementSize/index.md
+++ /dev/null
@@ -1,75 +0,0 @@
-
-
-# useContentElementSize
-
-Reactive content size of a NativeScript view.
-
-This function returns the sum of size measurements of the children of the element passed as target.
-
-## Usage
-
-```vue
-
-
-
-
-
-
-```
-
-## Source
->;
- fullWidth: Readonly>;
- height: Readonly>;
- fullHeight: Readonly>;
- marginTop: Readonly>;
- marginBottom: Readonly>;
- marginLeft: Readonly>;
- marginRight: Readonly>;
-};
-
-
-```
diff --git a/packages/vue/src/useContentElementSize/index.ts b/packages/vue/src/useContentElementSize/index.ts
deleted file mode 100644
index bd60af3..0000000
--- a/packages/vue/src/useContentElementSize/index.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import { ref, onMounted, readonly } from 'nativescript-vue';
-import { unrefView } from '../unrefView';
-import { ViewRef } from '../types';
-import { CoreTypes, View } from '@nativescript/core';
-import { toDeviceIndependent } from '../utils';
-
-export type ContentSizeDIP = {
- width: CoreTypes.dip;
- fullWidth: CoreTypes.dip;
- height: CoreTypes.dip;
- fullHeight: CoreTypes.dip;
- marginTop: CoreTypes.dip;
- marginBottom: CoreTypes.dip;
- marginLeft: CoreTypes.dip;
- marginRight: CoreTypes.dip;
-};
-
-/**
- * Reactive content size of a NativeScript view.
- *
- * @param target
- * @param options
- */
-export function useContentElementSize(
- target: View | ViewRef,
- options?: {
- onChange?: (size: ContentSizeDIP) => void;
- initialSize?: ContentSizeDIP;
- }
-) {
- const {
- initialSize = {
- width: 0,
- height: 0,
- fullWidth: 0,
- fullHeight: 0,
- marginTop: 0,
- marginBottom: 0,
- marginLeft: 0,
- marginRight: 0,
- },
- } = options ?? {};
-
- const width = ref(initialSize.width);
- const fullWidth = ref(initialSize.width);
- const height = ref(initialSize.height);
- const fullHeight = ref(initialSize.height);
- const marginTop = ref(initialSize.marginTop);
- const marginBottom = ref(initialSize.marginBottom);
- const marginLeft = ref(initialSize.marginLeft);
- const marginRight = ref(initialSize.marginRight);
-
- function layoutChanged() {
- const parent = unrefView(target);
- if (parent) {
- let computeWidth: CoreTypes.dip = 0;
- let computeHeight: CoreTypes.dip = 0;
- let computeMarginTop: CoreTypes.dip = 0;
- let computeMarginBottom: CoreTypes.dip = 0;
- let computeMarginLeft: CoreTypes.dip = 0;
- let computeMarginRight: CoreTypes.dip = 0;
-
- parent.eachChildView((child: View) => {
- computeWidth += child.getActualSize().width;
- computeHeight += child.getActualSize().height;
- computeMarginTop += toDeviceIndependent(child.marginTop);
- computeMarginBottom += toDeviceIndependent(child.marginBottom);
- computeMarginLeft += toDeviceIndependent(child.marginLeft);
- computeMarginRight += toDeviceIndependent(child.marginRight);
- return true;
- });
- width.value = computeWidth;
- height.value = computeHeight;
- marginTop.value = computeMarginTop;
- marginBottom.value = computeMarginBottom;
- marginLeft.value = computeMarginLeft;
- marginRight.value = computeMarginRight;
- const computeFullWidth = (fullWidth.value = computeWidth + computeMarginLeft + computeMarginRight);
- const computeFullHeight = (fullHeight.value = computeHeight + computeMarginTop + computeMarginBottom);
- if (options?.onChange) {
- options.onChange({
- width: computeWidth,
- fullWidth: computeFullWidth,
- height: computeHeight,
- fullHeight: computeFullHeight,
- marginTop: computeMarginTop,
- marginBottom: computeMarginBottom,
- marginLeft: computeMarginLeft,
- marginRight: computeMarginRight,
- } as ContentSizeDIP);
- }
- }
- }
-
- onMounted(() => {
- const view = unrefView(target);
- if (view) {
- view.on('layoutChanged', layoutChanged);
- view.eachChildView((child: View) => {
- child.on('layoutChanged', layoutChanged);
- return true;
- });
-
- view.on('unloaded', () => {
- view.off('layoutChanged', layoutChanged);
- });
- view.eachChildView((child: View) => {
- child.on('unloaded', () => {
- child.off('layoutChanged', layoutChanged);
- });
- return true;
- });
- }
- });
-
- return {
- width: readonly(width),
- fullWidth: readonly(fullWidth),
- height: readonly(height),
- fullHeight: readonly(fullHeight),
- marginTop: readonly(marginTop),
- marginBottom: readonly(marginBottom),
- marginLeft: readonly(marginLeft),
- marginRight: readonly(marginRight),
- };
-}
diff --git a/packages/vue/src/useDark/index.md b/packages/vue/src/useDark/index.md
deleted file mode 100644
index 3dcf003..0000000
--- a/packages/vue/src/useDark/index.md
+++ /dev/null
@@ -1,62 +0,0 @@
-
-
-# useDark
-
-Reactive dark mode with auto data persistence.
-
-## Usage
-```js
-import { useDark } from "@nativescript-use/vue";
-
-const isDark = useDark();
-
-function toggleTheme(){
- isDark.value = !isDark.value;
-}
-```
-
-::: warning
-#### Switch to device theme
-
-`useDark` is a switch between the light/dark theme of your application. If you want to activate the device theme you must use [`useColorMode`](/src/useColorMode/).
-
-```ts
-const { schema } = useColorMode();
-schema.value = "auto";
-```
-:::
-
-## CSS integration
-To control the styles in your CSS you just have to add the theme class with the prefix `ns-`.
-
-```css
-.ns-light Label{
- color: gray;
-}
-
-.ns-dark Label{
- color: white;
-}
-```
-
-## Integrate with TailWind CSS
-
-Integrate TaildWind CSS with the official [NativeScript plugin](https://github.com/NativeScript/tailwind) and apply styles depending on the theme. It works out of the box and no integration needs to be done
-
-```html
-;
-
-```
\ No newline at end of file
diff --git a/packages/vue/src/useDark/index.ts b/packages/vue/src/useDark/index.ts
deleted file mode 100644
index 0b4bded..0000000
--- a/packages/vue/src/useDark/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { computed } from 'nativescript-vue';
-import { useColorMode } from '../useColorMode';
-
-export function useDark() {
- const { theme, schema } = useColorMode();
-
- const isDark = computed({
- get() {
- return theme.value === 'dark';
- },
- set(v) {
- const modeVal = v ? 'dark' : 'light';
- schema.value = modeVal;
- },
- });
- return isDark;
-}
diff --git a/packages/vue/src/useElementSize/index.ts b/packages/vue/src/useElementSize/index.ts
deleted file mode 100644
index 58e7305..0000000
--- a/packages/vue/src/useElementSize/index.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { ref, onMounted } from 'nativescript-vue';
-import { unrefView } from '../unrefView';
-import { ViewRef } from '../types';
-import { CoreTypes, View } from '@nativescript/core';
-
-export type SizeDIP = {
- width: CoreTypes.dip;
- height: CoreTypes.dip;
-};
-/**
- * Reactive size of a NativeScript element.
- *
- * @param target
- * @param options
- */
-export function useElementSize(target: View | ViewRef, options?: { onChange?: (size: SizeDIP) => void; initialSize?: SizeDIP }) {
- const { initialSize = { width: 0, height: 0 } } = options ?? {};
-
- const width = ref(initialSize.width);
- const height = ref(initialSize.height);
-
- function layoutChanged() {
- const size = unrefView(target)?.getActualSize() as SizeDIP;
- if (size) {
- width.value = size.width;
- height.value = size.height;
- if (options?.onChange) {
- options.onChange(size);
- }
- }
- }
-
- onMounted(() => {
- const view = unrefView(target);
- if (view) {
- view.on('layoutChanged', layoutChanged);
- view.on('unloaded', () => {
- view.off('layoutChanged', layoutChanged);
- });
- }
- });
-
- return {
- width,
- height,
- };
-}
diff --git a/packages/vue/src/useEventListener/index.ts b/packages/vue/src/useEventListener/index.ts
deleted file mode 100644
index bb3a6b3..0000000
--- a/packages/vue/src/useEventListener/index.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { CreateViewEventData, EventData, GestureEventData, Placeholder, ScrollEventData, ScrollView, ShownModallyData, View } from '@nativescript/core';
-import { onMounted, onUnmounted } from 'nativescript-vue';
-import { ViewRef } from '../types';
-import { unrefView } from '../unrefView';
-
-type ViewEventData = Omit & { object: T };
-type ViewGestureEventData = Omit & { object: T };
-type ViewShownModallyData = Omit & { object: T };
-type ViewScrollEventData = Omit & { object: T };
-type CreatingViewEventData = Omit & {
- object: Placeholder;
-};
-interface Event {
- /* Lifecycle */
- loaded?: (eventData: ViewEventData) => void;
- unloaded?: (eventData: ViewEventData) => void;
- layoutChanged?: (eventData: ViewEventData) => void;
- /* Gesture */
- tap?: (eventData: ViewGestureEventData) => void;
- doubleTap?: (eventData: ViewGestureEventData) => void;
- pinch?: (eventData: ViewGestureEventData) => void;
- pan?: (eventData: ViewGestureEventData) => void;
- swipe?: (eventData: ViewGestureEventData) => void;
- rotation?: (eventData: ViewGestureEventData) => void;
- longPress?: (eventData: ViewGestureEventData) => void;
- touch?: (eventData: ViewGestureEventData) => void;
- /* Modals */
- showingModally?: (eventData: ViewShownModallyData) => void;
- shownModally?: (eventData: ViewShownModallyData) => void;
- /* Accessibility */
- accessibilityBlur?: (eventData: ViewEventData) => void;
- accessibilityFocus?: (eventData: ViewEventData) => void;
- accessibilityFocusChanged?: (eventData: ViewEventData) => void;
- accessibilityPerformEscape?: (eventData: ViewEventData) => void;
- /* Layouts */
- scroll?: (eventData: ViewScrollEventData) => void;
- /* Components */
- creatingView?: (eventData: CreatingViewEventData) => void;
-}
-
-/**
- * Register using view.on on mounted, and view.off automatically on unmounted.
- *
- *
- * @param target
- * @param events
- */
-export function useEventListener(target: T | ViewRef, events: Event) {
- const el = target;
-
- const fireEvent = (onEvent: any) => (args: any) => onEvent(args);
-
- onMounted(() => {
- Object.keys(events).forEach((event) => {
- unrefView(el)?.on(event, fireEvent((events as any)[event]));
- });
- });
-
- onUnmounted(() => {
- cleanup();
- });
-
- function cleanup() {
- Object.keys(events).forEach((event) => {
- unrefView(el)?.off(event, fireEvent((events as any)[event]));
- });
- }
- return {
- cleanup,
- };
-}
diff --git a/packages/vue/src/useFadeElement/index.md b/packages/vue/src/useFadeElement/index.md
deleted file mode 100644
index cf49bf3..0000000
--- a/packages/vue/src/useFadeElement/index.md
+++ /dev/null
@@ -1,64 +0,0 @@
-
-
-# useFadeElement
-
-Change opacity and visibility with animation of a NativeScript element.
-
-## Usage
-
-```vue
-
-
-
-
-
-
-
-
-```
-
-## Source
-;
- show: () => Promise;
- hide: () => Promise;
- toggle: () => Promise;
-};
-
-```
\ No newline at end of file
diff --git a/packages/vue/src/useFadeElement/index.ts b/packages/vue/src/useFadeElement/index.ts
deleted file mode 100644
index c530ed9..0000000
--- a/packages/vue/src/useFadeElement/index.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { watch, ref } from 'nativescript-vue';
-import { ViewRef } from '../types';
-import { unrefView } from '../unrefView';
-import { View, CoreTypes } from '@nativescript/core';
-import { useEventListener } from '../useEventListener';
-
-/**
- * Change opacity and visibility with animation of a NativeScript element.
- *
- * @param target
- * @param options
- */
-export function useFadeElement(
- target: ViewRef,
- options?: {
- initial?: { opacity: number; visibility: CoreTypes.VisibilityType };
- animationDuration?: number;
- }
-) {
- const { animationDuration = 250 } = options ?? {};
- const { opacity = 0, visibility = CoreTypes.Visibility.collapsed } = options?.initial ?? {};
-
- const isVisible = ref(opacity !== 0);
-
- useEventListener(target, {
- loaded(args) {
- args.object.opacity = opacity;
- args.object.visibility = visibility;
- },
- });
- watch(isVisible, () => {
- apply(isVisible.value);
- });
-
- function apply(show: boolean) {
- return new Promise((resolve) => {
- const view = unrefView(target);
- if (view) {
- isVisible.value = show;
- if (show) {
- view.visibility = CoreTypes.Visibility.visible;
- }
- view
- ?.animate({
- opacity: show ? 1 : 0,
- duration: animationDuration,
- })
- .then(() => {
- if (!show) {
- view.visibility = CoreTypes.Visibility.collapsed;
- }
- resolve();
- });
- }
- });
- }
-
- return {
- isVisible,
- show: () => apply(true),
- hide: () => apply(false),
- toggle: () => apply(!isVisible.value),
- };
-}
diff --git a/packages/vue/src/useIntersectionObserver/index.md b/packages/vue/src/useIntersectionObserver/index.md
deleted file mode 100644
index 94bb83f..0000000
--- a/packages/vue/src/useIntersectionObserver/index.md
+++ /dev/null
@@ -1,77 +0,0 @@
-
-
-# useIntersectionObserver
-
-Reactive detects that a target element visibility.
-
-Tracks a view inside a `ScrollView` and notifies when the view is visible on the screen.
-
-## Usage
-
-```vue
-
-
-
-
- ...
-
-
-
-
-
-
- ...
-
-
-```
-
-## Source
-, options?: {
- onChange?: (isVisible: boolean) => void;
-}): {
- isVisible: Readonly>;
- stopTrack: () => void;
-};
-
-```
-
-## Core dependency
-[@nativescript-use/nativescript-intersection-observer](https://github.com/NativeScript-Use/NativeScript-Use/tree/main/packages/nativescript-intersection-observer)
diff --git a/packages/vue/src/useIntersectionObserver/index.ts b/packages/vue/src/useIntersectionObserver/index.ts
deleted file mode 100644
index 5965d85..0000000
--- a/packages/vue/src/useIntersectionObserver/index.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { IntersectionObserver } from '@nativescript-use/nativescript-intersection-observer';
-import { ScrollView, View } from '@nativescript/core';
-import { readonly, ref } from 'nativescript-vue';
-import { ViewRef } from '../types';
-import { unrefView } from '../unrefView';
-import { useEventListener } from '../useEventListener';
-
-/**
- * Reactive detects that a target element visibility.
- *
- * @param target
- * @param options
- */
-export function useIntersectionObserver(target: View | ViewRef, parentView: ViewRef, options?: { onChange?: (isVisible: boolean) => void }) {
- let isVisibleInternal = false;
- let isVisible = ref(isVisibleInternal);
- let intersectionObserver: IntersectionObserver;
-
- useEventListener(parentView, {
- loaded: () => {
- setTimeout(() => {
- const view = unrefView(target);
- if (view) {
- const parent = unrefView(parentView);
- intersectionObserver = new IntersectionObserver();
- isVisibleInternal = intersectionObserver.isVisible(view, parent);
- isVisible.value = isVisibleInternal;
-
- intersectionObserver.track(view, parent, (visible) => {
- if (isVisibleInternal != visible) {
- isVisibleInternal = visible;
- isVisible.value = visible;
- if (options?.onChange) options.onChange(visible);
- }
- });
- }
- }, 10);
- },
- });
-
- function stopTrack() {
- intersectionObserver.stopTrack();
- }
-
- return {
- isVisible: readonly(isVisible),
- stopTrack,
- };
-}
diff --git a/packages/vue/src/useKeyboard/index.ts b/packages/vue/src/useKeyboard/index.ts
deleted file mode 100644
index 6692af1..0000000
--- a/packages/vue/src/useKeyboard/index.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { onMounted, onUnmounted, readonly, ref } from 'nativescript-vue';
-import { ViewRef } from '../types';
-import { unrefView } from '../unrefView';
-import { Keyboard } from '@nativescript-use/nativescript-keyboard';
-import { onApplicationMounted } from '../onApplicationMounted';
-import { warn } from '../utils';
-import { View } from '@nativescript/core';
-
-/**
- * Reactive size of a NativeScript element.
- *
- * @param target
- * @param options
- */
-export function useKeyboard(options?: { onChange?: (isOpen: boolean) => void; defaultTarget?: View | ViewRef }) {
- const isOpen = ref(false);
- const keyboardCore = new Keyboard();
-
- //TODO: fix this
- onMounted(() => {
- onApplicationMounted(() => {
- keyboardCore.onChangeVisibility((status: boolean) => {
- if (isOpen.value !== status) {
- isOpen.value = status;
- if (options?.onChange) options.onChange(status);
- }
- });
- });
- });
-
- onUnmounted(() => {
- keyboardCore.offChangeVisibility();
- });
-
- const open = (target?: View | ViewRef) => {
- const viewTarget = unrefView(target!);
- const viewDefaultTarget = options?.defaultTarget ? unrefView(options?.defaultTarget!) : null;
-
- if (viewTarget) {
- keyboardCore.open(viewTarget);
- } else if (viewDefaultTarget) {
- keyboardCore.open(viewDefaultTarget);
- } else {
- warn('Error. Need to define a view to apply focus.');
- }
- };
- return {
- isOpen: readonly(isOpen),
- open,
- close: keyboardCore.close,
- };
-}
diff --git a/packages/vue/src/useMediaQuery/index.md b/packages/vue/src/useMediaQuery/index.md
deleted file mode 100644
index 8e04bae..0000000
--- a/packages/vue/src/useMediaQuery/index.md
+++ /dev/null
@@ -1,44 +0,0 @@
-
-
-# useMediaQuery
-
-Reactive Media Query. Returns a reactive variable that reacts to orientation changes.
-
-## Usage
-
-```vue
-
-
-```
-
-## Source
-;
-
-```
-
-## Core dependency
-[@nativescript-use/nativescript-media-query](https://github.com/NativeScript-Use/NativeScript-Use/tree/main/packages/nativescript-media-query)
\ No newline at end of file
diff --git a/packages/vue/src/useMediaQuery/index.ts b/packages/vue/src/useMediaQuery/index.ts
deleted file mode 100644
index 44b544c..0000000
--- a/packages/vue/src/useMediaQuery/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { onMounted, onUnmounted, ref } from 'nativescript-vue';
-import { matchMedia, MediaQueryList, MediaQueryListListener } from '@nativescript-use/nativescript-media-query';
-
-/**
- * Reactive Media Query.
- *
- * @param mediaQueryString
- */
-export function useMediaQuery(mediaQueryString: string) {
- const mql = matchMedia(mediaQueryString);
- const matches = ref(mql.matches);
-
- const onChange: MediaQueryListListener = (event: MediaQueryList) => {
- matches.value = event.matches;
- };
-
- onMounted(() => {
- mql.addListener(onChange);
- });
- onUnmounted(() => {
- mql.removeListener(onChange);
- });
-
- return matches;
-}
diff --git a/packages/vue/src/useRootLayout/index.ts b/packages/vue/src/useRootLayout/index.ts
deleted file mode 100644
index 6ea189f..0000000
--- a/packages/vue/src/useRootLayout/index.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { createNativeView, ref } from 'nativescript-vue';
-import { Frame, RootLayoutOptions, View, ViewBase, getRootLayout } from '@nativescript/core';
-import { onApplicationMounted } from '../onApplicationMounted';
-import { warn } from '../utils';
-
-/**
- * Utility for the RootLayout view.
- *
- * @param component
- * @param options
- */
-export function useRootLayout(
- component: any,
- options?: {
- props?: any;
- on?: Record any>;
- rootLayoutOption?: RootLayoutOptions;
- onClose?: () => void;
- closeTimerMillis?: number;
- }
-) {
- const isShow = ref(false);
-
- const listeners = Object.entries(options?.on ?? {}).reduce((listeners, [key, value]) => {
- listeners['on' + key.charAt(0).toUpperCase() + key.slice(1)] = value;
- return listeners;
- }, {} as { [key: string]: (...args: any[]) => any });
-
- const propsAndListeners = Object.assign(options?.props ?? {}, listeners);
-
- let view: View | null = null;
-
- function buildView() {
- const node = createNativeView(component, propsAndListeners);
- node.mount();
- view = node.nativeView;
-
- view.on(ViewBase.unloadedEvent, () => {
- isShow.value = false;
- if (options?.onClose) options.onClose();
- });
- }
-
- onApplicationMounted(() => {
- if (!view) buildView();
- });
-
- function _show(resolve, reject) {
- isShow.value = true;
- if (options?.closeTimerMillis) {
- setTimeout(() => {
- getRootLayout().close(view, options?.rootLayoutOption?.animation?.exitTo);
- }, options.closeTimerMillis);
- }
- getRootLayout()
- .open(view, options?.rootLayoutOption)
- .then((params) => {
- resolve(params);
- })
- .catch((error) => {
- reject(error);
- });
- }
-
- function show() {
- const promise = new Promise((resolve, reject) => {
- setTimeout(() => {
- if (!view && Frame.topmost()) {
- buildView();
- _show(resolve, reject);
- } else if (view) {
- _show(resolve, reject);
- } else {
- reject();
- warn('[useRootLayout] If you are using show() in your main view call show() inside the onApplicationMounted hook or onMounted');
- }
- }, 0);
- });
- return promise;
- }
-
- function close() {
- getRootLayout().close(view);
- }
-
- return {
- show,
- close,
- isShow,
- view,
- };
-}
diff --git a/packages/vue/src/useScreenOrientation/index.ts b/packages/vue/src/useScreenOrientation/index.ts
deleted file mode 100644
index 3fc313e..0000000
--- a/packages/vue/src/useScreenOrientation/index.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { ref, readonly, onUnmounted } from 'nativescript-vue';
-import { CoreTypes } from '@nativescript/core';
-import { Orientation } from '@nativescript-use/nativescript-orientation';
-
-/**
- * Reactive screen orientation and utilities to manage the orientation.
- *
- * @param target
- * @param options
- */
-export function useScreenOrientation(options?: { onChange?: (orientation: CoreTypes.DeviceOrientationType) => void }) {
- const orientationCore = new Orientation();
- const orientation = ref(orientationCore.getOrientation());
-
- let tryCount = 0;
- function tryOrientation() {
- if (orientation.value === CoreTypes.DeviceOrientation.unknown) {
- if (tryCount < 4) {
- setTimeout(() => {
- tryCount++;
- tryOrientation();
- }, 100);
- }
- } else {
- orientation.value = orientationCore.getOrientation();
- if (options?.onChange) options.onChange(orientation.value);
- }
- }
- if (orientation.value === CoreTypes.DeviceOrientation.unknown) tryOrientation();
-
- orientationCore.onChangedOrientation((value: { newValue: CoreTypes.DeviceOrientationType }) => {
- orientation.value = value.newValue;
- if (options?.onChange) options.onChange(orientation.value);
- });
-
- onUnmounted(() => {
- orientationCore.offChangedOrientation();
- });
- const setOrientation = (value: 'landscape' | 'landscaperight' | 'landscapeleft' | 'portrait', animation = false) => orientationCore.setOrientation(value, animation);
- const enableRotation = () => orientationCore.enableRotation();
- const disableRotation = () => orientationCore.disableRotation();
- return {
- orientation: readonly(orientation),
- setOrientation,
- enableRotation,
- disableRotation,
- };
-}
diff --git a/packages/vue/src/useStorage/index.md b/packages/vue/src/useStorage/index.md
deleted file mode 100644
index 86aa660..0000000
--- a/packages/vue/src/useStorage/index.md
+++ /dev/null
@@ -1,61 +0,0 @@
-
-
-# useStorage
-
-Create a reactive ref that can be used to access & modify [ApplicationSettings](https://docs.nativescript.org/core/application-settings) and using [useStorage of VueUse](https://vueuse.org/core/useStorage/#usestorage).
-
-Uses [localStorage plugin](https://github.com/NativeScript-Use/NativeScript-Use/blob/main/packages/nativescript-localstorage/README.md) by default, other storage sources be specified via third argument.
-
-::: warning
-#### Breaking changes 0.0.43
-
-Breaking changes since version 0.0.43. It is now not used as a utility to access ApplicationSettings values.
-
-**Now returns a reactive object that is binded with ApplicationSettings.**
-:::
-
-## Usage
-
-```ts
-import { useStorage } from '@nativescript-use/vue'
-
-// bind object
-const state = useStorage('my-store', { hello: 'hi', greeting: 'Hello' }) // returns Ref<{ hello: string, greeting: string }>
-
-state.value.hello = 'Updated Hi!'; // 🔄 Automatically synchronize with ApplicationSettings (localStorage)
-
-// bind boolean
-const flag = useStorage('my-flag', true) // returns Ref
-
-flag.value = false; // 🔄 Automatically synchronize with ApplicationSettings (localStorage)
-
-// bind number
-const count = useStorage('my-count', 0) // returns Ref
-
-count.value = 15; // 🔄 Automatically synchronize with ApplicationSettings (localStorage)
-
-
-// delete data from storage
-state.value = null
-```
-
-You can find all the documentation at [useStorage of Vue Use](https://vueuse.org/core/useStorage/#usestorage).
-
-## Source
-(
- key: K,
- initialValue: T,
- storage?: LocalStorage,
- options?: UseStorageOptions
-): RemovableRef;
-```
\ No newline at end of file
diff --git a/packages/vue/src/useStorage/index.ts b/packages/vue/src/useStorage/index.ts
deleted file mode 100644
index e72e580..0000000
--- a/packages/vue/src/useStorage/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import localStorage, { LocalStorage } from '@nativescript-use/nativescript-localstorage';
-import { useStorage as useStorageCore, UseStorageOptions } from '@vueuse/core';
-
-function createStorage(key: string, initialValue: T, storage: LocalStorage, options?: UseStorageOptions) {
- return useStorageCore(
- key,
- initialValue,
- storage,
- Object.assign(options ?? {}, {
- listenToStorageChanges: false,
- window: null,
- })
- );
-}
-
-export function useStorage(key: K, initialValue: T, storage?: LocalStorage, options?: UseStorageOptions) {
- return createStorage 
- 
- 
-