[ { "path": ".babelrc", "content": "{\n \"env\": {\n \"test\": {\n \"presets\": [\n [\"@babel/preset-env\", {\n \"targets\": {\"node\": \"current\"},\n \"modules\": \"commonjs\"\n }],\n \"@babel/preset-flow\"\n ]\n }\n }\n}" }, { "path": ".eslintignore", "content": "flow\ndist\npackages\n" }, { "path": ".eslintrc", "content": "{\n \"root\": true,\n \"parserOptions\": {\n \"parser\": \"babel-eslint\",\n \"ecmaVersion\": 2018,\n \"sourceType\": \"module\"\n },\n \"env\": {\n \"es6\": true,\n \"node\": true,\n \"browser\": true\n },\n \"plugins\": [\n \"flowtype\",\n \"prettier\"\n ],\n \"extends\": [\n \"eslint:recommended\",\n \"plugin:flowtype/recommended\",\n \"plugin:prettier/recommended\"\n ],\n \"rules\": {\n \"prettier/prettier\": [\"error\"],\n \"no-console\": 0,\n \"no-useless-escape\": 0,\n \"no-empty\": 0,\n \"semi\": [\"error\", \"never\"],\n \"comma-dangle\": [\"error\", \"always-multiline\"]\n },\n \"globals\": {\n \"__WEEX__\": true\n }\n}" }, { "path": ".flowconfig", "content": "[ignore]\n.*/__tests__/.*\n.*/node_modules/.*\n.*/examples/.*\n.*/packages/.*\n.*/scripts/.*\n\n[include]\n\n[libs]\nflow\n\n[options]\nunsafe.enable_getters_and_setters=true\nmodule.name_mapper='^compiler/\\(.*\\)$' -> '/src/compiler/\\1'\nmodule.name_mapper='^core/\\(.*\\)$' -> '/src/core/\\1'\nmodule.name_mapper='^shared/\\(.*\\)$' -> '/src/shared/\\1'\nmodule.name_mapper='^web/\\(.*\\)$' -> '/src/platforms/web/\\1'\nmodule.name_mapper='^weex/\\(.*\\)$' -> '/src/platforms/weex/\\1'\nmodule.name_mapper='^vue-native/\\(.*\\)$' -> '/src/platforms/vue-native/\\1'\nmodule.name_mapper='^server/\\(.*\\)$' -> '/src/server/\\1'\nmodule.name_mapper='^entries/\\(.*\\)$' -> '/src/entries/\\1'\nmodule.name_mapper='^sfc/\\(.*\\)$' -> '/src/sfc/\\1'\nsuppress_comment= \\\\(.\\\\|\\n\\\\)*\\\\$flow-disable-line\n" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]\npatreon: # Replace with a single Patreon username\nopen_collective: vue-native-core\nko_fi: # Replace with a single Ko-fi username\ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncustom: # Replace with a single custom sponsorship URL\n" }, { "path": ".github/ISSUE_TEMPLATE/---bug-report.md", "content": "---\nname: \"\\U0001F41E Bug report\"\nabout: Spotted a bug in Vue Native?\ntitle: ''\nlabels: ''\n\n---\n\n**Description of the bug**\nA clear and concise description of what the bug is.\n\n**To Reproduce**\nSteps to reproduce the behavior:\n1. Go to '...'\n2. Click on '....'\n3. Scroll down to '....'\n4. See error\n\n**What I expected**\nA clear and concise description of what you expected to happen.\n\n**Screenshots**\nIf applicable, add screenshots to help explain your problem.\n\n**Did I use `vue-native-cli` to create the project?**\nYes/No\n\n**Am I using Expo?**\nYes/No\n- If you created your project with `vue-native init ` then yes\n- If you used `vue-native init --no-expo`, then no\n\n**Development platform (please complete the following information):**\n - OS: [e.g. iOS]\n - Shell/terminal: [e.g. ZSH, PowerShell]\n\n**The device on which I run my Vue Native app**\n - Device: [e.g. iPhone6]\n - OS: [e.g. iOS8.1]\n\n**Additional context**\nAdd any other context about the problem here.\n" }, { "path": ".github/ISSUE_TEMPLATE/---issue-with-the-documentation-or-website.md", "content": "---\nname: \"\\U0001F4D6 Issue with the documentation or website\"\nabout: Spotted something incorrect or outdated in the docs? Website not rendering correctly?\ntitle: ''\nlabels: ''\n\n---\n\nThis repository only hosts the core packages of Vue Native.\n\nIf you have an issue with the docs or website, please create an issue in the [Vue Native Website repository](https://github.com/GeekyAnts/vue-native-website/issues).\n\nIssues opened here that are related to the documentation/website will be closed.\n" }, { "path": ".github/ISSUE_TEMPLATE/---issue-with-vue-native-router.md", "content": "---\nname: \"\\U0001F9ED Issue with Vue Native Router\"\nabout: Having trouble with Vue Native Router?\ntitle: ''\nlabels: ''\n\n---\n\nThis repository only hosts the core packages of Vue Native.\n\nIf you have an issue with Vue Native Router, please create an issue in the [Vue Native Router repository](https://github.com/GeekyAnts/vue-native-router/issues).\n\nIssues opened here that are related to Vue Native Router will be closed.\n" }, { "path": ".github/ISSUE_TEMPLATE/---questions-or-help-with-usage.md", "content": "---\nname: \"\\U0001F9D0 Questions or help with usage\"\nabout: Need help with code or Vue Native usage?\ntitle: 'Question: '\nlabels: ''\n\n---\n\nThe best place to find answers is the [documentation](https://www.vue-native.io/docs/installation.html) 📖\n\nIf you still haven't found what you are looking for or need more help, feel free to reach out on [Vue Native Slack](http://slack.vue-native.io/)\n" }, { "path": ".gitignore", "content": ".DS_Store\n.vscode\n.idea\n\nnode_modules\n\n*.log\n\ndist/*.gz\ndist/*.map\ndist/vue.common.min.js\n\ncoverage\n\npackages/**/build.js\npackages/**/package-lock.json\npackages/**/.watchmanconfig\n" }, { "path": ".prettierrc", "content": "{\n \"parser\": \"babel\",\n \"semi\": false,\n \"trailingComma\": \"all\",\n \"singleQuote\": true\n}" }, { "path": "CHANGELOG.md", "content": "# Changelog\nAll notable changes to this project will be documented in this file.\n\n## [ 0.0.1 ] - 2018-08-01\n### :zap: Improvements\n- Support for v-model in switch.\n- `render-prop` and `render-prop-fn` as API to provide a way to pass JSX as props (inline jsx props) or callback which returns JSX thus avoiding the need to use JSX for components such as Flat List.\n- Named Slots support and Basic scoped slots support." }, { "path": "COMPONENT.md", "content": "# Vue Component API\n> Vue component actually runs in the React runtime. It means, you can not access [VNode](https://vuejs.org/v2/api/#VNode-Interface), you can not use [Render](https://vuejs.org/v2/guide/render-function.html). Conversely, if your previous Vue component does not involve both things, it would most likely run directly in React. \n\n* web: [react-vue-loader](https://github.com/SmallComfort/react-vue-loader) ([demo](https://github.com/SmallComfort/react-vue-material-demo))\n* native: [vue-native-scripts](https://github.com/GeekyAnts/vue-native-core/tree/master/packages/vue-native-scripts) ([demo](https://github.com/SmallComfort/HackerNews))\n\n## Supported API\n\n#### Global Config\n> Use the react-vue-loader options: [```vue```](https://github.com/SmallComfort/react-vue-loader#additional-options)\n* [silent](https://vuejs.org/v2/api/#silent)\n\n* [optionMergeStrategies](https://vuejs.org/v2/api/#optionMergeStrategies)\n* [errorHandler](https://vuejs.org/v2/api/#errorHandler)\n* [ignoredElements](https://vuejs.org/v2/api/#ignoredElements) (web only)\n* [keyCodes](https://vuejs.org/v2/api/#keyCodes) (web only)\n\n#### Global API\n> Use the react-vue-loader options: [```vue```](https://github.com/SmallComfort/react-vue-loader#additional-options)\n* [Vue.extend](https://vuejs.org/v2/api/#Vue-extend)\n\n* [Vue.nextTick](https://vuejs.org/v2/api/#Vue-nextTick)\n* [Vue.set](https://vuejs.org/v2/api/#Vue-set)\n* [Vue.delete](https://vuejs.org/v2/api/#Vue-delete)\n* [Vue.directive](https://vuejs.org/v2/api/#Vue-directive) (web only)\n > [partial support](https://github.com/SmallComfort/react-vue/blob/dev/packages/react-vue/COMPONENT.md#options--assets)\n* [Vue.component](https://vuejs.org/v2/api/#Vue-component)\n* [Vue.use](https://vuejs.org/v2/api/#Vue-use)\n* [Vue.mixin](https://vuejs.org/v2/api/#Vue-mixin)\n* [Vue.version](https://vuejs.org/v2/api/#Vue-version)\n\n#### Options / Data\n* [data](https://vuejs.org/v2/api/#data)\n\n* [props](https://vuejs.org/v2/api/#props)\n* [computed](https://vuejs.org/v2/api/#computed)\n* [methods](https://vuejs.org/v2/api/#methods)\n* [watch](https://vuejs.org/v2/api/#watch)\n\n#### Options / Lifecycle Hooks\n* [beforeCreate](https://vuejs.org/v2/api/#beforeCreate)\n\n* [created](https://vuejs.org/v2/api/#created)\n* [beforeMount](https://vuejs.org/v2/api/#beforeMount)\n* [mounted](https://vuejs.org/v2/api/#mounted)\n* [beforeUpdate](https://vuejs.org/v2/api/#beforeUpdate)\n* [updated](https://vuejs.org/v2/api/#updated)\n* [beforeDestroy](https://vuejs.org/v2/api/#beforeDestroy)\n\n#### Options / Assets\n* [directives](https://vuejs.org/v2/api/#directives) (web only)\n * [Hook-Functions](https://vuejs.org/v2/guide/custom-directive.html#Hook-Functions)\n * bind\n * update\n * unbind\n * [Directive-Hook-Arguments](https://vuejs.org/v2/guide/custom-directive.html#Directive-Hook-Arguments)\n * el\n * binding\n * vnode (only one property ```context```)\n\n* [components](https://vuejs.org/v2/api/#components)\n\n#### Options / Composition\n* [mixins](https://vuejs.org/v2/api/#mixins)\n\n* [extends](https://vuejs.org/v2/api/#extends)\n\n > Only options object is allowed\n\n#### Options / Misc\n* [name](https://vuejs.org/v2/api/#name)\n\n#### Instance Properties\n* [vm.$data](https://vuejs.org/v2/api/#vm-data)\n\n* [vm.$props](https://vuejs.org/v2/api/#vm-props)\n* [vm.$el](https://vuejs.org/v2/api/#vm-el)\n* [vm.$options](https://vuejs.org/v2/api/#vm-options)\n* [vm.$parent](https://vuejs.org/v2/api/#vm-parent)\n* [vm.$root](https://vuejs.org/v2/api/#vm-root)\n* [vm.$children](https://vuejs.org/v2/api/#vm-children)\n* [vm.$slots](https://vuejs.org/v2/api/#vm-slots)\n* [vm.$refs](https://vuejs.org/v2/api/#vm-refs)\n\n#### Instance Methods / Data\n* [vm.$watch](https://vuejs.org/v2/api/#vm-watch)\n\n* [vm.$set](https://vuejs.org/v2/api/#vm-set)\n* [vm.$delete](https://vuejs.org/v2/api/#vm-delete)\n\n#### Instance Methods / Events\n* [vm.$on](https://vuejs.org/v2/api/#vm-on)\n\n* [vm.$once](https://vuejs.org/v2/api/#vm-once)\n* [vm.$off](https://vuejs.org/v2/api/#vm-off)\n* [vm.$emit](https://vuejs.org/v2/api/#vm-emit)\n\n#### Instance Methods / Lifecycle\n* [vm.$forceUpdate](https://vuejs.org/v2/api/#vm-forceUpdate)\n\n* [vm.$nextTick](https://vuejs.org/v2/api/#vm-nextTick)\n\n#### Directives\n* [v-text](https://vuejs.org/v2/api/#v-text) (web only)\n\n* [v-html](https://vuejs.org/v2/api/#v-html) (web only)\n* [v-show](https://vuejs.org/v2/api/#v-show)\n* [v-if](https://vuejs.org/v2/api/#v-if)\n* [v-else](https://vuejs.org/v2/api/#v-else)\n* [v-else-if](https://vuejs.org/v2/api/#v-else-if)\n* [v-for](https://vuejs.org/v2/api/#v-for)\n* [v-on](https://vuejs.org/v2/api/#v-on) (web only)\n* [v-bind](https://vuejs.org/v2/api/#v-bind)\n* [v-model](https://vuejs.org/v2/api/#v-model) (web only)\n > Unsupported features: [value bindings checkbox](https://vuejs.org/v2/guide/forms.html#Checkbox-1) & [value bindings select options](https://vuejs.org/v2/guide/forms.html#Select-Options)\n\n#### Special Attributes\n* [key](https://vuejs.org/v2/api/#key)\n\n* [ref](https://vuejs.org/v2/api/#ref)\n* [slot](https://vuejs.org/v2/api/#slot)\n* [is](https://vuejs.org/v2/api/#is)\n\n#### Built-In Components\n* [component](https://vuejs.org/v2/api/#component)\n\n* [transition](https://vuejs.org/v2/api/#transition) (web only)\n > The \\ would render an extra DOM element, you can configure ```tag``` attribute to custom the extra DOM element\n\n > Unsupported features: [transition modes](https://vuejs.org/v2/guide/transitions.html#Transition-Modes)\n\n* [slot](https://vuejs.org/v2/api/#slot)\n\n#### Server-Side Rendering (web only)\n > Use React Server Rendering\n\n## Unsupported API\n\n#### Global Config\n* ~~[performance](https://vuejs.org/v2/api/#performance)~~\n* ~~[devtools](https://vuejs.org/v2/api/#devtools)~~\n* ~~[productionTip](https://vuejs.org/v2/api/#productionTip)~~\n\n#### Global API\n* ~~[Vue.filter](https://vuejs.org/v2/api/#Vue-filter)~~\n\n* ~~[Vue.compile](https://vuejs.org/v2/api/#Vue-compile)~~\n\n#### Options / Data\n* ~~[propsData](https://vuejs.org/v2/api/#propsData)~~\n\n#### Options / DOM\n* ~~[el](https://vuejs.org/v2/api/#el)~~\n\n* ~~[template](https://vuejs.org/v2/api/#template)~~\n* ~~[render](https://vuejs.org/v2/api/#render)~~\n* ~~[renderError](https://vuejs.org/v2/api/#renderError)~~\n\n#### Options / Lifecycle Hooks\n* ~~[activated](https://vuejs.org/v2/api/#activated)~~\n\n* ~~[deactivated](https://vuejs.org/v2/api/#deactivated)~~\n* ~~[destroyed](https://vuejs.org/v2/api/#destroyed)~~\n\n#### Options / Assets\n* ~~[filters](https://vuejs.org/v2/api/#filters)~~\n\n#### Options / Misc\n* ~~[delimiters](https://vuejs.org/v2/api/#delimiters)~~\n\n* ~~[functional](https://vuejs.org/v2/api/#functional)~~\n* ~~[model](https://vuejs.org/v2/api/#model)~~\n\n#### Instance Properties\n* ~~[vm.$scopedSlots](https://vuejs.org/v2/api/#vm-scopedSlots)~~\n\n* ~~[vm.$isServer](https://vuejs.org/v2/api/#vm-isServer)~~\n\n#### Instance Methods / Lifecycle\n* ~~[vm.$mount](https://vuejs.org/v2/api/#vm-mount)~~\n\n* ~~[vm.$destroy](https://vuejs.org/v2/api/#vm-destroy)~~\n\n#### Directives\n* ~~[v-pre](https://vuejs.org/v2/api/#v-pre)~~\n\n* ~~[v-cloak](https://vuejs.org/v2/api/#v-cloak)~~\n* ~~[v-once](https://vuejs.org/v2/api/#v-once)~~\n\n#### Built-In Components\n* ~~[transition-group](https://vuejs.org/v2/api/#transition-group)~~\n* ~~[keep-alive](https://vuejs.org/v2/api/#keep-alive)~~\n\n#### ~~VNode Interface~~\n" }, { "path": "LICENSE", "content": "The MIT License (MIT)\n\nCopyright (c) 2013-present, Yuxi (Evan) You\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n" }, { "path": "README.md", "content": "## ⚠️ This project has been deprecated and is no longer maintained ⚠️\n\n# Vue Native\n\n[![No Maintenance Intended](https://unmaintained.tech/badge.svg)](http://unmaintained.tech/)\n\nVisit our website at [vue-native.io](https://vue-native.io) or read the official documentation [here](https://vue-native.io/docs/installation.html).\n\n## Build native mobile apps using Vue\n\nVue Native is a framework to build cross platform native mobile apps using JavaScript. It is a wrapper around the APIs of React Native. So, with Vue Native, you can do everything that you can do with React Native. With Vue Native, you get\n\n- **The simplicity of Vue.js.** Incrementally build user interfaces with the familiar syntax of HTML and CSS in single file components.\n- **Seamless interop with React Native.** Use core React Native components with Vue.js syntax out of the box to develop mobile apps on both iOS and Android.\n\n## Contents\n- [Documentation](#documentation)\n- [Installation](#installation)\n- [Project setup with Vue Native CLI](#project-setup-with-vue-native-cli)\n- [Using Vue Native with a pre-existing React Native or Expo project](#using-vue-native-in-a-react-native-project)\n- [Available React Native components](#available-react-native-components)\n- [Contributors](#contributors)\n- [License](#license)\n- [Special thanks](#credits-to-react-vue)\n\n## Documentation\n\nYou can find the full documentation for Vue Native [on this website](https://vue-native.io/docs/installation.html). It covers installation and setup, component basics, routing, testing, the internal API and more.\n\nThe source for the Vue Native documentation and website is hosted on a separate repo, [here](https://github.com/GeekyAnts/vue-native-website)\n\n\n## About Vue Native\n\n Vue Native is developed and maintained by [GeekyAnts](https://geekyants.com?utm_source=github&utm_medium=opensource&utm_campaign=vue-native-core),\n specialists in [cross-platform mobile development](https://geekyants.com/solution/universal-and-cross-platform-app-development-services?utm_source=github&utm_medium=opensource&utm_campaign=vue-native-core).\n\n ### Why Choose Vue Native?\n\n - Write Vue.js code, get native mobile apps\n - Leverage existing Vue.js knowledge\n - Access React Native's ecosystem\n\n ### Professional Services\n\n Looking to build a production app with Vue Native? Our\n [mobile engineering team](https://geekyants.com/service/hire-mobile-app-development-services?utm_source=github&utm_medium=opensource&utm_campaign=vue-native-core)\n can help you:\n\n - Architect scalable mobile applications\n - Migrate from other frameworks\n - Optimize app performance\n\n [Get in touch](https://geekyants.com/hire?utm_source=github&utm_medium=opensource&utm_campaign=vue-native-core)\n\n## Installation\n\nTo install Vue Native's official CLI, run\n```\n$ npm install vue-native-cli -g\n```\n\nTo use the CLI, you must have either [expo-cli](https://github.com/expo/expo-cli) or [react-native-cli](https://github.com/react-native-community/cli) installed globally.\n\n## Project setup with Vue Native CLI\n\nThe Vue Native CLI can be used to easily generate a fully configured Vue Native app. It wraps `expo-cli` and `react-native-cli` to generate a simple single page application (SPA) after installing and configuring dependencies from [vue-native-core](https://github.com/GeekyAnts/vue-native-core).\n\nYou should have either expo-cli or react-native-cli installed as a global dependency. Refer to the [installation guide](https://vue-native.io/docs/installation.html) for details on project setup. The GitHub repository for Vue Native CLI is hosted [here](https://github.com/GeekyAnts/vue-native-cli).\n\nWith the CLI, generating a Vue Native project is as easy as running the command\n```\n$ vue-native init \n```\n\n## Using Vue Native in a React Native project\n\nIt is possible to integrate Vue Native into a pre-existing React Native project. You can find instructions to do this [here](converting-react-native-project.md).\n\nThese instructions can also be used to set up a Vue Native project from scratch.\n\n## Available React Native components\n\nAll the core components of React Native 0.63 onwards are globally registered and available to use in templates without the need to import and locally register.\n\n[The components and their React Native documentation can be found here.](https://reactnative.dev/docs/components-and-apis)\n\nAll other components that were previously available, but then deprecated from React Native can still be used by installing their respective packages.\n\nFor example, to use `WebView`, use the [react-native-webview](https://github.com/react-native-webview/react-native-webview) package.\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. \n\n\nMaintained by [GeekyAnts](https://geekyants.com?utm_source=github&utm_medium=opensource&utm_campaign=vue-native-core) -\n [Cross-Platform Development Experts](https://geekyants.com/solution/universal-and-cross-platform-app-development-services?utm_source=github&utm_medium=opensource&utm_campaign=vue-native-core)\n\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n\n## Credits to [react-vue](https://github.com/SmallComfort/react-vue)\n\nA huge thanks to the author of react-vue for most of the work on Vue Native.\n" }, { "path": "__tests__/unit/features/instance/init.spec.js", "content": "import Vue from 'vue-native/index'\n\ndescribe('Initialization', () => {\n function noop () {}\n\n let asserted\n\n function createCompareFn (spy) {\n const hasWarned = msg => {\n var count = spy.calls.count()\n var args\n while (count--) {\n args = spy.calls.argsFor(count)\n if (args.some(containsMsg)) {\n return true\n }\n }\n\n function containsMsg (arg) {\n return arg.toString().indexOf(msg) > -1\n }\n }\n\n return {\n compare: msg => {\n asserted = asserted.concat(msg)\n var warned = Array.isArray(msg)\n ? msg.some(hasWarned)\n : hasWarned(msg)\n return {\n pass: warned,\n message: warned\n ? 'Expected message \"' + msg + '\" not to have been warned'\n : 'Expected message \"' + msg + '\" to have been warned'\n }\n }\n }\n }\n\n // define custom matcher for warnings\n beforeEach(() => {\n asserted = []\n spyOn(console, 'warn')\n spyOn(console, 'error')\n jasmine.addMatchers({\n toHaveBeenWarned: () => createCompareFn(console.error),\n toHaveBeenTipped: () => createCompareFn(console.warn)\n })\n })\n\n afterEach(done => {\n const warned = msg => asserted.some(assertedMsg => msg.toString().indexOf(assertedMsg) > -1)\n let count = console.error.calls.count()\n let args\n while (count--) {\n args = console.error.calls.argsFor(count)\n if (!warned(args[0])) {\n done.fail(`Unexpected console.error message: ${args[0]}`)\n return\n }\n }\n done()\n })\n\n it('without new', () => {\n try { Vue() } catch (e) {}\n expect('Vue is a constructor and should be called with the `new` keyword').toHaveBeenWarned()\n })\n\n it('with new', () => {\n expect(new Vue() instanceof Vue).toBe(true)\n })\n})\n" }, { "path": "converting-react-native-project.md", "content": "## Setting up a React Native project for Vue Native\n\n[Vue Native CLI](https://github.com/GeekyAnts/vue-native-cli) is the recommended way to setup a new Vue Native project. However, if you wish to setup a project from scratch, use the following steps after setting up a React Native / Expo project.\n\n### Step 1: Install\n\nThe following packages are required as runtime dependencies by Vue Native:\n- [vue-native-core](https://www.npmjs.com/package/vue-native-core)\n- [vue-native-helper](https://www.npmjs.com/package/vue-native-helper)\n\nDuring development, another package is required to transpile Vue Native component files (with `.vue` extensions) into JS:\n- [vue-native-scripts](https://www.npmjs.com/package/vue-native-scripts)\n\nTo install them, run the following commands in your project directory\n```\n$ npm install --save vue-native-core vue-native-helper\n$ npm install --save-dev vue-native-scripts\n```\n\n### Step 2: Configure the React Native bundler\n\nThe Metro bundler is used by React Native to generate app bundles. It can be configured using a `metro.config.js` file. Add the following to your `metro.config.js` (make one to your project's root if you don't have one already):\n\n```js\nconst { getDefaultConfig } = require(\"metro-config\");\n\nmodule.exports = (async () => {\n const {\n resolver: { sourceExts }\n } = await getDefaultConfig();\n return {\n transformer: {\n babelTransformerPath: require.resolve(\"./vueTransformerPlugin.js\"),\n getTransformOptions: async () => ({\n transform: {\n experimentalImportSupport: false,\n inlineRequires: false,\n },\n })\n },\n resolver: {\n sourceExts: [...sourceExts, \"vue\"]\n }\n };\n})();\n```\n\n#### NOTE to Expo users:\n\nThe `app.json` file must be modified to allow `.vue` files to be recognised.\n\n```diff\n{\n \"expo\": {\n \"sdkVersion\": \"34.0.0\",\n \"platforms\": [\n \"ios\",\n \"android\",\n \"web\"\n ],\n ...\n \"packagerOpts\": {\n+ \"sourceExts\": [\"js\", \"json\", \"ts\", \"tsx\", \"vue\"],\n \"config\": \"metro.config.js\"\n }\n }\n}\n```\n\n\nThe `babelTransformPath` property above takes the path to the transformer you wish to use. In our case, we need to create a `vueTransformerPlugin.js` file to the project's root and specify supported extensions:\n\n```js\nconst vueNativeScripts = require(\"vue-native-scripts\");\n\nconst upstreamTransformer = require(\"metro-react-native-babel-transformer\");\n\nconst vueExtensions = [\"vue\"]; // <-- Add other extensions if needed.\n\nmodule.exports.transform = function ({ src, filename, options }) {\n if (vueExtensions.some(ext => filename.endsWith(\".\" + ext))) {\n return vueNativeScripts.transform({ src, filename, options });\n }\n return upstreamTransformer.transform({ src, filename, options });\n};\n```\n\nThis file conditionally transforms files based on their extensions. `vue-native-scripts` is used for `.vue` files, while the stock React Native Babel transformer is used for other (JS) files.\n\n## Using Vue Native components and `.vue` files\n\nIn the React Native application, you can simply `import` your Vue components as follows\n\n```\nimport VueComponent from './VueComponent.vue'\n```\n\nThere should be a file named `VueComponent.vue` in the corresponding folder; the transformer parses this file and sends it to the React Native bundler.\n" }, { "path": "flow/compiler.js", "content": "declare type CompilerOptions = {\n warn?: Function; // allow customizing warning in different environments; e.g. node\n expectHTML?: boolean; // only false for non-web builds\n modules?: Array; // platform specific modules; e.g. style; class\n staticKeys?: string; // a list of AST properties to be considered static; for optimization\n directives?: { [key: string]: Function }; // platform specific directives\n isUnaryTag?: (tag: string) => ?boolean; // check if a tag is unary for the platform\n canBeLeftOpenTag?: (tag: string) => ?boolean; // check if a tag can be left opened\n isReservedTag?: (tag: string) => ?boolean; // check if a tag is a native for the platform\n mustUseProp?: (tag: string, type: ?string, name: string) => boolean; // check if an attribute should be bound as a property\n isPreTag?: (attr: string) => ?boolean; // check if a tag needs to preserve whitespace\n getTagNamespace?: (tag: string) => ?string; // check the namespace for a tag\n transforms?: Array; // a list of transforms on parsed AST before codegen\n preserveWhitespace?: boolean;\n isFromDOM?: boolean;\n shouldDecodeTags?: boolean;\n shouldDecodeNewlines?: boolean;\n\n // runtime user-configurable\n delimiters?: [string, string]; // template delimiters\n}\n\ndeclare type CompiledResult = {\n ast: ?ASTElement;\n render: string;\n staticRenderFns: Array;\n errors?: Array;\n tips?: Array;\n}\n\ndeclare type CompiledFunctionResult = {\n render: Function;\n staticRenderFns: Array;\n}\n\ndeclare type ModuleOptions = {\n preTransformNode: (el: ASTElement) => void;\n transformNode: (el: ASTElement) => void; // transform an element's AST node\n postTransformNode: (el: ASTElement) => void;\n genData: (el: ASTElement) => string; // generate extra data string for an element\n transformCode?: (el: ASTElement, code: string) => string; // further transform generated code for an element\n staticKeys?: Array; // AST properties to be considered static\n}\n\ndeclare type ASTModifiers = { [key: string]: boolean }\ndeclare type ASTIfConditions = Array<{ exp: ?string; block: ASTElement }>\n\ndeclare type ASTElementHandler = {\n value: string;\n modifiers: ?ASTModifiers;\n}\n\ndeclare type ASTElementHandlers = {\n [key: string]: ASTElementHandler | Array;\n}\n\ndeclare type ASTDirective = {\n name: string;\n rawName: string;\n value: string;\n arg: ?string;\n modifiers: ?ASTModifiers;\n}\n\ndeclare type ASTNode = ASTElement | ASTText | ASTExpression\n\ndeclare type ASTElement = {\n type: 1;\n tag: string;\n attrsList: Array<{ name: string; value: string }>;\n attrsMap: { [key: string]: string | null };\n parent: ASTElement | void;\n children: Array;\n\n static?: boolean;\n staticRoot?: boolean;\n staticInFor?: boolean;\n staticProcessed?: boolean;\n hasBindings?: boolean;\n\n text?: string;\n attrs?: Array<{ name: string; value: string }>;\n props?: Array<{ name: string; value: string }>;\n plain?: boolean;\n pre?: true;\n ns?: string;\n\n component?: string;\n inlineTemplate?: true;\n transitionMode?: string | null;\n slotName?: ?string;\n slotTarget?: ?string;\n slotScope?: ?string;\n scopedSlots?: { [name: string]: ASTElement };\n\n ref?: string;\n refInFor?: boolean;\n\n if?: string;\n ifProcessed?: boolean;\n elseif?: string;\n else?: true;\n ifConditions?: ASTIfConditions;\n\n for?: string;\n forProcessed?: boolean;\n key?: string;\n alias?: string;\n iterator1?: string;\n iterator2?: string;\n\n staticClass?: string;\n classBinding?: string;\n staticStyle?: string;\n styleBinding?: string;\n events?: ASTElementHandlers;\n nativeEvents?: ASTElementHandlers;\n\n transition?: string | true;\n transitionOnAppear?: boolean;\n\n model?: {\n value: string;\n callback: string;\n expression: string;\n };\n\n directives?: Array;\n\n forbidden?: true;\n once?: true;\n onceProcessed?: boolean;\n wrapData?: (code: string) => string;\n\n // weex specific\n appendAsTree?: boolean;\n}\n\ndeclare type ASTExpression = {\n type: 2;\n expression: string;\n text: string;\n static?: boolean;\n}\n\ndeclare type ASTText = {\n type: 3;\n text: string;\n static?: boolean;\n}\n\n// SFC-parser related declarations\n\n// an object format describing a single-file component.\ndeclare type SFCDescriptor = {\n template: ?SFCBlock;\n script: ?SFCBlock;\n styles: Array;\n customBlocks: Array;\n}\n\ndeclare type SFCCustomBlock = {\n type: string;\n content: string;\n start?: number;\n end?: number;\n src?: string;\n attrs: {[attribute:string]: string};\n}\n\ndeclare type SFCBlock = {\n type: string;\n content: string;\n start?: number;\n end?: number;\n lang?: string;\n src?: string;\n scoped?: boolean;\n module?: string | boolean;\n}\n" }, { "path": "flow/component.js", "content": "import type { Config } from '../src/core/config'\nimport type VNode from '../src/core/vdom/vnode'\nimport type Watcher from '../src/core/observer/watcher'\n\ndeclare interface Component {\n // constructor information\n static cid: number;\n static options: Object;\n // extend\n static extend: (options: Object) => Function;\n static superOptions: Object;\n static extendOptions: Object;\n static sealedOptions: Object;\n static super: Class;\n // assets\n static directive: (id: string, def?: Function | Object) => Function | Object | void;\n static component: (id: string, def?: Class | Object) => Class;\n static filter: (id: string, def?: Function) => Function | void;\n\n // public properties\n $el: any; // so that we can attach __vue__ to it\n $data: Object;\n $options: ComponentOptions;\n $parent: Component | void;\n $root: Component;\n $children: Array;\n $refs: { [key: string]: Component | Element | Array | void };\n $slots: { [key: string]: Array };\n $scopedSlots: { [key: string]: () => VNodeChildren };\n $vnode: VNode; // the placeholder node for the component in parent's render tree\n $isServer: boolean;\n $props: Object;\n\n // public methods\n $mount: (el?: Element | string, hydrating?: boolean) => Component;\n $forceUpdate: () => void;\n $destroy: () => void;\n $set: (target: Object | Array, key: string | number, val: T) => T;\n $delete: (target: Object | Array, key: string | number) => void;\n $watch: (expOrFn: string | Function, cb: Function, options?: Object) => Function;\n $on: (event: string | Array, fn: Function) => Component;\n $once: (event: string, fn: Function) => Component;\n $off: (event?: string | Array, fn?: Function) => Component;\n $emit: (event: string, ...args: Array) => Component;\n $nextTick: (fn: Function) => void;\n $createElement: (tag?: string | Component, data?: Object, children?: VNodeChildren) => VNode;\n\n // private properties\n _uid: number;\n _name: string; // this only exists in dev mode\n _isVue: true;\n _self: Component;\n _renderProxy: Component;\n _renderContext: ?Component;\n _watcher: Watcher;\n _watchers: Array;\n _computedWatchers: { [key: string]: Watcher };\n _data: Object;\n _props: Object;\n _events: Object;\n _inactive: boolean | null;\n _directInactive: boolean;\n _isMounted: boolean;\n _isDestroyed: boolean;\n _isBeingDestroyed: boolean;\n _vnode: ?VNode; // self root node\n _staticTrees: ?Array;\n _hasHookEvent: boolean;\n _provided: ?Object;\n\n // private methods\n // lifecycle\n _init: Function;\n _mount: (el?: Element | void, hydrating?: boolean) => Component;\n _update: (vnode: VNode, hydrating?: boolean) => void;\n // rendering\n _render: () => VNode;\n __patch__: (a: Element | VNode | void, b: VNode) => any;\n // createElement\n // _c is internal that accepts `normalizationType` optimization hint\n _c: (vnode?: VNode, data?: VNodeData, children?: VNodeChildren, normalizationType?: number) => VNode | void;\n // renderStatic\n _m: (index: number, isInFor?: boolean) => VNode | VNodeChildren;\n // markOnce\n _o: (vnode: VNode | Array, index: number, key: string) => VNode | VNodeChildren;\n // toString\n _s: (value: mixed) => string;\n // text to VNode\n _v: (value: string | number) => VNode;\n // toNumber\n _n: (value: string) => number | string;\n // empty vnode\n _e: () => VNode;\n // loose equal\n _q: (a: mixed, b: mixed) => boolean;\n // loose indexOf\n _i: (arr: Array, val: mixed) => number;\n // resolveFilter\n _f: (id: string) => Function;\n // renderList\n _l: (val: mixed, render: Function) => ?Array;\n // renderSlot\n _t: (name: string, fallback: ?Array, props: ?Object) => ?Array;\n // apply v-bind object\n _b: (data: any, value: any, asProp?: boolean) => VNodeData;\n // check custom keyCode\n _k: (eventKeyCode: number, key: string, builtInAlias: number | Array | void) => boolean;\n // resolve scoped slots\n _u: (scopedSlots: Array<[string, Function]>) => { [key: string]: Function };\n\n // allow dynamic method registration\n [key: string]: any\n}\n" }, { "path": "flow/global-api.js", "content": "declare interface GlobalAPI {\n cid: number;\n options: Object;\n config: Config;\n util: Object;\n\n extend: (options: Object) => Function;\n set: (target: Object | Array, key: string | number, value: T) => T;\n delete: (target: Object| Array, key: string | number) => void;\n nextTick: (fn: Function, context?: Object) => void;\n use: (plugin: Function | Object) => void;\n mixin: (mixin: Object) => void;\n compile: (template: string) => { render: Function, staticRenderFns: Array };\n\n directive: (id: string, def?: Function | Object) => Function | Object | void;\n component: (id: string, def?: Class | Object) => Class;\n filter: (id: string, def?: Function) => Function | void;\n\n // allow dynamic method registration\n [key: string]: any\n}\n" }, { "path": "flow/modules.js", "content": "declare module 'he' {\n declare function escape(html: string): string;\n declare function decode(html: string): string;\n}\n\ndeclare module 'source-map' {\n declare class SourceMapGenerator {\n setSourceContent(filename: string, content: string): void;\n addMapping(mapping: Object): void;\n toString(): string;\n }\n declare class SourceMapConsumer {\n originalPositionFor(position: { line: number; column: number; }): {\n source: ?string;\n line: ?number;\n column: ?number;\n };\n }\n}\n\ndeclare module 'lru-cache' {\n declare var exports: {\n (): any\n }\n}\n\ndeclare module 'de-indent' {\n declare var exports: {\n (input: string): string\n }\n}\n\ndeclare module 'serialize-javascript' {\n declare var exports: {\n (input: string, options: { isJSON: boolean }): string\n }\n}\n\ndeclare module 'lodash.template' {\n declare var exports: {\n (input: string, options: { interpolate: RegExp, escape: RegExp }): Function\n }\n}\n\ndeclare module 'change-case' {\n declare var exports: {\n (): any\n }\n}\n" }, { "path": "flow/options.js", "content": "declare type InternalComponentOptions = {\n _isComponent: true;\n parent: Component;\n propsData: ?Object;\n _parentVnode: VNode;\n _parentListeners: ?Object;\n _renderChildren: ?Array;\n _componentTag: ?string;\n _parentElm: ?Node;\n _refElm: ?Node;\n render?: Function;\n staticRenderFns?: Array\n}\n\ndeclare type ComponentOptions = {\n // data\n data: Object | Function | void;\n props?: { [key: string]: PropOptions };\n propsData?: ?Object;\n computed?: {\n [key: string]: Function | {\n get?: Function;\n set?: Function;\n cache?: boolean\n }\n };\n methods?: { [key: string]: Function };\n watch?: { [key: string]: Function | string };\n\n // DOM\n el?: string | Element;\n template?: string;\n render: (h: () => VNode) => VNode;\n renderError?: (h: () => VNode, err: Error) => VNode;\n staticRenderFns?: Array<() => VNode>;\n\n // lifecycle\n beforeCreate?: Function;\n created?: Function;\n beforeMount?: Function;\n mounted?: Function;\n beforeUpdate?: Function;\n updated?: Function;\n activated?: Function;\n deactivated?: Function;\n beforeDestroy?: Function;\n destroyed?: Function;\n\n // assets\n directives?: { [key: string]: Object };\n components?: { [key: string]: Class };\n transitions?: { [key: string]: Object };\n filters?: { [key: string]: Function };\n\n // context\n provide?: { [key: string | Symbol]: any } | () => { [key: string | Symbol]: any };\n inject?: { [key: string]: string | Symbol } | Array;\n\n // component v-model customization\n model?: {\n prop?: string;\n event?: string;\n };\n\n // misc\n parent?: Component;\n mixins?: Array;\n name?: string;\n extends?: Class | Object;\n delimiters?: [string, string];\n\n // private\n _isComponent?: true;\n _propKeys?: Array;\n _parentVnode?: VNode;\n _parentListeners?: ?Object;\n _renderChildren?: ?Array;\n _componentTag: ?string;\n _scopeId: ?string;\n _base: Class;\n _parentElm: ?Node;\n _refElm: ?Node;\n}\n\ndeclare type PropOptions = {\n type: Function | Array | null;\n default: any;\n required: ?boolean;\n validator: ?Function;\n}\n" }, { "path": "flow/ssr.js", "content": "declare type ComponentWithCacheContext = {\n type: 'ComponentWithCache';\n bufferIndex: number;\n buffer: Array;\n key: string;\n}\n\ndeclare type ElementContext = {\n type: 'Element';\n children: Array;\n rendered: number;\n endTag: string;\n total: number;\n}\n\ndeclare type ComponentContext = {\n type: 'Component';\n prevActive: Component;\n}\n\ndeclare type RenderState = ComponentContext | ComponentWithCacheContext | ElementContext\n" }, { "path": "flow/vnode.js", "content": "declare type VNodeChildren = Array | string\n\ndeclare type VNodeComponentOptions = {\n Ctor: Class;\n propsData: ?Object;\n listeners: ?Object;\n children: ?Array;\n tag?: string;\n}\n\ndeclare type MountedComponentVNode = {\n context: Component;\n componentOptions: VNodeComponentOptions;\n componentInstance: Component;\n parent: VNode;\n data: VNodeData;\n}\n\n// interface for vnodes in update modules\ndeclare type VNodeWithData = {\n tag: string;\n data: VNodeData;\n children: ?Array;\n text: void;\n elm: any;\n ns: string | void;\n context: Component;\n key: string | number | void;\n parent?: VNodeWithData;\n componentInstance?: Component;\n isRootInsert: boolean;\n}\n\ndeclare interface VNodeData {\n key?: string | number;\n slot?: string;\n ref?: string;\n pre?: boolean;\n tag?: string;\n staticClass?: string;\n class?: any;\n staticStyle?: { [key: string]: any };\n style?: Array | Object;\n normalizedStyle?: Object;\n props?: { [key: string]: any };\n attrs?: { [key: string]: string };\n domProps?: { [key: string]: any };\n hook?: { [key: string]: Function };\n on?: ?{ [key: string]: Function | Array };\n nativeOn?: { [key: string]: Function | Array };\n transition?: Object;\n show?: boolean; // marker for v-show\n inlineTemplate?: {\n render: Function;\n staticRenderFns: Array;\n };\n directives?: Array;\n keepAlive?: boolean;\n scopedSlots?: { [key: string]: Function };\n model?: {\n value: any;\n callback: Function;\n };\n}\n\ndeclare type VNodeDirective = {\n name: string;\n rawName: string;\n value?: any;\n oldValue?: any;\n arg?: string;\n modifiers?: ASTModifiers;\n def?: Object;\n}\n" }, { "path": "jest.config.json", "content": "{\n \"verbose\": true,\n \"testMatch\": [\n \"/**/__tests__/**/*.(test|spec).js\"\n ],\n \"moduleDirectories\": [\n \"node_modules\"\n ],\n \"moduleNameMapper\": {\n \"^vue-native(.*)$\": \"/src/platforms/vue-native$1\",\n \"^vue(.*)$\": \"/src/platforms/web/runtime-with-compiler$1\",\n \"^compiler(.*)$\": \"/src/compiler$1\",\n \"^core(.*)$\": \"/src/core$1\",\n \"^shared(.*)$\": \"/src/shared$1\",\n \"^web(.*)$\": \"/src/platforms/web$1\",\n \"^sfc(.*)$\": \"/src/sfc$1\"\n },\n \"collectCoverage\": true,\n \"collectCoverageFrom\": [\n \"/src/platforms/vue-native/**/*.js\",\n \"!**/node_modules/**\"\n ],\n \"coverageDirectory\": \"/coverage\",\n \"testURL\": \"http://localhost\"\n}" }, { "path": "jsconfig.json", "content": "{\n \"compilerOptions\": {\n \"moduleResolution\": \"node\",\n \"baseUrl\": \"src\",\n \"paths\": {\n \"vue/*\": [\"platforms/web/runtime-with-compiler/*\"],\n \"compiler/*\": [\"compiler/*\"],\n \"core/*\": [\"core/*\"],\n \"shared/*\": [\"shared/*\"],\n \"web/*\": [\"platforms/web/*\"],\n \"vue-native/*\": [\"platforms/vue-native/*\"],\n \"sfc/*\": [\"sfc/*\"]\n }\n },\n \"exclude\": [\"node_modules\", \"packages\"]\n}\n" }, { "path": "package.json", "content": "{\n \"name\": \"vue-native-core\",\n \"version\": \"0.3.1\",\n \"description\": \"Create mobile apps using vuejs\",\n \"main\": \"packages/vue-native-core/index.js\",\n \"typings\": \"types/index.d.ts\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/GeekyAnts/vue-native-core.git\"\n },\n \"keywords\": [\n \"vue\",\n \"native\",\n \"mobile\"\n ],\n \"engines\": {\n \"node\": \"^4.5 || >=5.10\"\n },\n \"engineStrict\": true,\n \"author\": \"Geekyants (https://geekyants.io/)\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/GeekyAnts/vue-native-core/issues\"\n },\n \"files\": [\n \"src\",\n \"packages\",\n \"types/*.d.ts\"\n ],\n \"scripts\": {\n \"lint\": \"eslint src scripts\",\n \"lint:fix\": \"eslint --fix src scripts\",\n \"flow\": \"flow check\",\n \"test:unit\": \"jest --config ./jest.config.json\",\n \"test\": \"npm run lint && npm run flow && npm run test:unit\",\n \"build\": \"node scripts/build.js\",\n \"release\": \"bash scripts/release.sh\"\n },\n \"husky\": {\n \"hooks\": {\n \"pre-commit\": \"npm run lint:fix\"\n }\n },\n \"homepage\": \"https://github.com/GeekyAnts/vue-native-core\",\n \"devDependencies\": {\n \"@babel/core\": \"^7.5.5\",\n \"@babel/preset-env\": \"^7.5.5\",\n \"@babel/preset-flow\": \"^7.0.0\",\n \"babel-core\": \"^6.9.0\",\n \"babel-eslint\": \"^10.0.3\",\n \"babel-helper-vue-jsx-merge-props\": \"^2.0.2\",\n \"babel-jest\": \"^26.0.1\",\n \"babel-plugin-syntax-dynamic-import\": \"^6.18.0\",\n \"babel-plugin-syntax-jsx\": \"^6.18.0\",\n \"babel-plugin-transform-decorators-legacy\": \"^1.3.4\",\n \"babel-plugin-transform-vue-jsx\": \"^3.2.0\",\n \"babel-preset-flow-vue\": \"^1.0.0\",\n \"babel-preset-react\": \"^6.24.1\",\n \"buble\": \"^0.19.8\",\n \"change-case\": \"^3.0.1\",\n \"cross-spawn\": \"^5.0.1\",\n \"de-indent\": \"^1.0.2\",\n \"eslint\": \"^6.5.1\",\n \"eslint-config-prettier\": \"^6.5.0\",\n \"eslint-plugin-flowtype\": \"^4.3.0\",\n \"eslint-plugin-prettier\": \"^3.1.1\",\n \"flow-bin\": \"^0.39.0\",\n \"hash-sum\": \"^1.0.2\",\n \"he\": \"^1.1.0\",\n \"husky\": \"^3.0.8\",\n \"jasmine\": \"^2.5.2\",\n \"jasmine-core\": \"^2.5.2\",\n \"jest\": \"^26.0.1\",\n \"js-beautify\": \"^1.6.14\",\n \"lodash\": \"^4.17.20\",\n \"lodash.template\": \"^4.4.0\",\n \"lru-cache\": \"^4.0.2\",\n \"prettier\": \"^1.18.2\",\n \"react\": \"16.8.6\",\n \"resolve\": \"^1.2.0\",\n \"rollup\": \"^1.17.0\",\n \"rollup-plugin-alias\": \"^1.5.2\",\n \"rollup-plugin-buble\": \"^0.19.8\",\n \"rollup-plugin-flow-no-whitespace\": \"^1.0.0\",\n \"rollup-plugin-prettier\": \"^0.6.0\",\n \"rollup-plugin-replace\": \"^2.2.0\",\n \"serialize-javascript\": \"^3.1.0\",\n \"typescript\": \"^2.1.6\",\n \"uglify-js\": \"^3.6.0\"\n }\n}\n" }, { "path": "packages/vue-native-core/README.md", "content": "# vue-native-core\n\n> This package is auto-generated. For pull requests please work with [src/platforms/vue-native/index.js](https://github.com/GeekyAnts/vue-native-core/tree/develop/src/platforms/vue-native).\n\nFind the `vue-native-core` repository [here](https://github.com/GeekyAnts/vue-native-core).\n\nFor the official documentation, visit [this](https://vue-native.io/docs/installation.html) website.\n" }, { "path": "packages/vue-native-core/index.js", "content": "module.exports = require('./build')" }, { "path": "packages/vue-native-core/package.json", "content": "{\n \"name\": \"vue-native-core\",\n \"version\": \"0.3.1\",\n \"description\": \"Library with core functionalities to create Vue Native components\",\n \"main\": \"index.js\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/GeekyAnts/vue-native-core\"\n },\n \"keywords\": [\n \"react\",\n \"vue\"\n ],\n \"author\": \"Geekyants (https://geekyants.io/)\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/GeekyAnts/vue-native-core/issues\"\n },\n \"homepage\": \"https://github.com/GeekyAnts/vue-native-core/tree/master/packages/vue-native-core\",\n \"peerDependencies\": {\n \"react\": \"^16.3.0\"\n }\n}\n" }, { "path": "packages/vue-native-helper/README.md", "content": "# vue-native-helper\n\n> This package is auto-generated. For pull requests please work with [src/platforms/vue-native/runtime/helpers.js](https://github.com/GeekyAnts/vue-native-core/tree/develop/src/platforms/vue-native/runtime).\n\nFind the `vue-native-core` repository [here](https://github.com/GeekyAnts/vue-native-core).\n\nFor the official documentation, visit [this](https://vue-native.io/docs/installation.html) website.\n" }, { "path": "packages/vue-native-helper/index.js", "content": "module.exports = require('./build')" }, { "path": "packages/vue-native-helper/package.json", "content": "{\n \"name\": \"vue-native-helper\",\n \"version\": \"0.3.1\",\n \"description\": \"Helper library with utilities for vue-native-core\",\n \"main\": \"index.js\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/GeekyAnts/vue-native-core\"\n },\n \"keywords\": [\n \"react\",\n \"vue\",\n \"helper\"\n ],\n \"author\": \"Geekyants (https://geekyants.io/)\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/GeekyAnts/vue-native-core/issues\"\n },\n \"homepage\": \"https://github.com/GeekyAnts/vue-native-core#readme\",\n \"peerDependencies\": {\n \"react\": \"^16.3.0\"\n }\n}\n" }, { "path": "packages/vue-native-scripts/.npmignore", "content": "node_modules\nnpm-debug.log\ntest/output\ndocs/_book\n.DS_Store\n.idea\n*.iml\n" }, { "path": "packages/vue-native-scripts/README.md", "content": "# vue-native-scripts\n\n> This package is auto-generated. For pull requests please work with [src/platforms/vue-native/scripts/index.js](https://github.com/GeekyAnts/vue-native-core/tree/develop/src/platforms/vue-native/scripts).\n\nCompile and transform Vue components to React Native.\n\nFind the `vue-native-core` repository [here](https://github.com/GeekyAnts/vue-native-core).\n\nFor the official documentation, visit [this](https://vue-native.io/docs/installation.html) website.\n\n## Usage\n\n[Vue Native CLI](https://github.com/GeekyAnts/vue-native-cli) is the recommended way to setup a new Vue Native project. However, if you wish to setup a project from scratch, use the following steps after setting up a React Native / Expo project.\n\n### Step 1: Install\n\nThe following packages are required as runtime dependencies by Vue Native:\n- [vue-native-core](https://www.npmjs.com/package/vue-native-core)\n- [vue-native-helper](https://www.npmjs.com/package/vue-native-helper)\n\nDuring development, another package is required to transpile Vue Native component files (with `.vue` extensions) into JS:\n- [vue-native-scripts](https://www.npmjs.com/package/vue-native-scripts)\n\nTo install them, run the following commands in your project directory\n```\n$ npm install --save vue-native-core vue-native-helper\n$ npm install --save-dev vue-native-scripts\n```\n\n### Step 2: Configure the React Native bundler\n\nThe Metro bundler is used by React Native to generate app bundles. It can be configured using a `metro.config.js` file. Add the following to your `metro.config.js` (make one to your project's root if you don't have one already):\n\n```js\nconst { getDefaultConfig } = require(\"metro-config\");\n\nmodule.exports = (async () => {\n const {\n resolver: { sourceExts }\n } = await getDefaultConfig();\n return {\n transformer: {\n babelTransformerPath: require.resolve(\"./vueTransformerPlugin.js\"),\n getTransformOptions: async () => ({\n transform: {\n experimentalImportSupport: false,\n inlineRequires: false,\n },\n })\n },\n resolver: {\n sourceExts: [...sourceExts, \"vue\"]\n }\n };\n})();\n```\n\nThe `babelTransformPath` property above takes the path to the transformer you wish to use. In our case, we need to create a `vueTransformerPlugin.js` file to the project's root and specify supported extensions:\n\n```js\n// For React Native version 0.59 or later\nvar upstreamTransformer = require(\"metro-react-native-babel-transformer\");\n\n// You will need to use different transformers for different React Native versions\n// However, versions older than v0.59 are no longer supported by Vue Native\n\n// For React Native version 0.56 - 0.58\n// var upstreamTransformer = require(\"metro/src/reactNativeTransformer\");\n\n// For React Native version 0.52 - 0.55\n// var upstreamTransformer = require(\"metro/src/transformer\");\n\n// For React Native version 0.47 - 0.51\n// var upstreamTransformer = require(\"metro-bundler/src/transformer\");\n\n// For React Native version 0.46\n// var upstreamTransformer = require(\"metro-bundler/build/transformer\");\n\nvar vueNaiveScripts = require(\"vue-native-scripts\");\nvar vueExtensions = [\"vue\"]; // <-- Add other extensions if needed.\n\nmodule.exports.transform = function({ src, filename, options }) {\n if (vueExtensions.some(ext => filename.endsWith(\".\" + ext))) {\n return vueNaiveScripts.transform({ src, filename, options });\n }\n return upstreamTransformer.transform({ src, filename, options });\n};\n```\n\nThis file conditionally transforms files based on their extensions. `vue-native-scripts` is used for `.vue` files, while the stock React Native Babel transformer is used for other (JS) files.\n\n## Using Vue Native components and `.vue` files\n\nIn the React Native application, you can simply `import` your Vue components as follows\n\n```\nimport VueComponent from './VueComponent.vue'\n```\n\nThere should be a file named `VueComponent.vue` in the corresponding folder; the transformer parses this file and sends it to the React Native bundler.\n" }, { "path": "packages/vue-native-scripts/bin/vue-native-script.js", "content": "#!/usr/bin/env node\n\nconst spawn = require('cross-spawn');\nconst script = process.argv[2];\nconst args = process.argv.slice(3);\nconst validCommands = ['compiler'];\n\nif(validCommands.indexOf(script) !== -1) {\n const result = spawn.sync(\n 'node',\n ['--no-deprecation', require.resolve('../scripts/' + script + '.js')].concat(args),\n { stdio: 'inherit' }\n );\n process.exit(result.status);\n} else {\n console.log(\n `Invalid command '${script}'. Please check if you need to update react-native-scripts.`\n );\n}\n" }, { "path": "packages/vue-native-scripts/index.js", "content": "module.exports = require('./build.js')" }, { "path": "packages/vue-native-scripts/package.json", "content": "{\n \"name\": \"vue-native-scripts\",\n \"version\": \"0.3.1\",\n \"description\": \"Compile Vue Native components to React Native\",\n \"main\": \"index.js\",\n \"scripts\": {},\n \"bin\": {\n \"vue-native-scripts\": \"./bin/vue-native-script.js\"\n },\n \"author\": \"Geekyants (https://geekyants.io/)\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"babel-core\": \"^6.25.0\",\n \"babel-traverse\": \"^6.26.0\",\n \"cross-spawn\": \"^5.1.0\",\n \"css-parse\": \"^2.0.0\",\n \"hash-sum\": \"^1.0.2\",\n \"js-beautify\": \"^1.6.14\",\n \"line-number\": \"^0.1.0\",\n \"parse5\": \"^5.0.0\",\n \"path\": \"^0.12.7\",\n \"semver\": \"^6.2.0\",\n \"source-map\": \"~0.6.0\",\n \"vue-native-template-compiler\": \"^0.3.0\"\n },\n \"peerDependencies\": {\n \"react-native\": \"^0.59.0\",\n \"metro\": \"^0.51.0\",\n \"metro-bundler\": \"*\",\n \"metro-react-native-babel-transformer\": \"^0.51.0\"\n },\n \"bugs\": {\n \"url\": \"https://github.com/GeekyAnts/vue-native-core/issues\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/GeekyAnts/vue-native-core/tree/master/packages/vue-native-scripts\"\n }\n}\n" }, { "path": "packages/vue-native-template-compiler/README.md", "content": "# vue-native-template-compiler\n\n> This package is auto-generated. For pull requests please work with [src/platforms/vue-native/compiler/index.js](https://github.com/GeekyAnts/vue-native-core/tree/develop/src/platforms/vue-native).\n\nFind the `vue-native-core` repository [here](https://github.com/GeekyAnts/vue-native-core).\n\nFor the official documentation, visit [this](https://vue-native.io/docs/installation.html) website.\n" }, { "path": "packages/vue-native-template-compiler/index.js", "content": "module.exports = require('./build')" }, { "path": "packages/vue-native-template-compiler/package.json", "content": "{\n \"name\": \"vue-native-template-compiler\",\n \"version\": \"0.3.1\",\n \"description\": \"Vue Native template compiler, dependency of vue-native-scripts. It can also be used as a stand-alone compiler\",\n \"main\": \"index.js\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/GeekyAnts/vue-native-core\"\n },\n \"keywords\": [\n \"react\",\n \"vue\",\n \"template\",\n \"compiler\"\n ],\n \"author\": \"Geekyants (https://geekyants.io/)\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/GeekyAnts/vue-native-core/issues\"\n },\n \"homepage\": \"https://github.com/GeekyAnts/vue-native-core/tree/master/packages/vue-native-template-compiler\",\n \"dependencies\": {\n \"he\": \"^1.1.0\",\n \"de-indent\": \"^1.0.2\",\n \"change-case\": \"^3.0.1\"\n }\n}\n" }, { "path": "scripts/.eslintrc", "content": "\n{\n \"env\": {\n \"es6\": true,\n },\n \"rules\": {\n \"camelcase\": 0,\n },\n}\n" }, { "path": "scripts/alias.js", "content": "const path = require('path')\n\nmodule.exports = {\n vue: path.resolve(__dirname, '../src/platforms/web/runtime-with-compiler'),\n compiler: path.resolve(__dirname, '../src/compiler'),\n core: path.resolve(__dirname, '../src/core'),\n shared: path.resolve(__dirname, '../src/shared'),\n web: path.resolve(__dirname, '../src/platforms/web'),\n 'vue-native': path.resolve(__dirname, '../src/platforms/vue-native'),\n sfc: path.resolve(__dirname, '../src/sfc'),\n}\n" }, { "path": "scripts/build.js", "content": "const fs = require('fs')\nconst path = require('path')\nconst zlib = require('zlib')\nconst rollup = require('rollup')\nconst uglify = require('uglify-js')\n\nif (!fs.existsSync('dist')) {\n fs.mkdirSync('dist')\n}\n\nlet builds = require('./config').getAllBuilds()\n\n// filter builds via command line arg\nif (process.argv[2]) {\n const filters = process.argv[2].split(',')\n builds = builds.filter(b => {\n return filters.some(f => b.dest.indexOf(f) > -1)\n })\n}\n\nbuild(builds)\n\nfunction build(builds) {\n let built = 0\n const total = builds.length\n const next = () => {\n buildEntry(builds[built])\n .then(() => {\n built++\n if (built < total) {\n next()\n }\n })\n .catch(logError)\n }\n\n next()\n}\n\nfunction buildEntry(config) {\n const isProd = /min\\.js$/.test(config.dest)\n const output = config.output\n const { file, banner } = output\n return rollup\n .rollup(config)\n .then(bundle => bundle.generate(output))\n .then(({ output: [{ code }] }) => {\n if (isProd) {\n const minified =\n (banner ? banner + '\\n' : '') +\n uglify.minify(code, {\n fromString: true,\n output: {\n screw_ie8: true,\n ascii_only: true,\n },\n compress: {\n pure_funcs: ['makeMap'],\n },\n }).code\n return write(file, minified, true)\n } else {\n return write(file, code)\n }\n })\n}\n\nfunction write(dest, code, zip) {\n return new Promise((resolve, reject) => {\n function report(extra) {\n console.log(\n blue(path.relative(process.cwd(), dest)) +\n ' ' +\n getSize(code) +\n (extra || ''),\n )\n resolve()\n }\n\n fs.writeFile(dest, code, err => {\n if (err) return reject(err)\n if (zip) {\n zlib.gzip(code, (err, zipped) => {\n if (err) return reject(err)\n report(' (gzipped: ' + getSize(zipped) + ')')\n })\n } else {\n report()\n }\n })\n })\n}\n\nfunction getSize(code) {\n return (code.length / 1024).toFixed(2) + 'kb'\n}\n\nfunction logError(e) {\n console.log(e)\n}\n\nfunction blue(str) {\n return '\\x1b[1m\\x1b[34m' + str + '\\x1b[39m\\x1b[22m'\n}\n" }, { "path": "scripts/ci.sh", "content": "set -e\nnpm test\n\n# report coverage stats for non-PRs\nif [[ -z $CI_PULL_REQUEST ]]; then\n cat ./coverage/lcov.info | ./node_modules/.bin/codecov\nfi\n" }, { "path": "scripts/config.js", "content": "const path = require('path')\nconst buble = require('rollup-plugin-buble')\nconst alias = require('rollup-plugin-alias')\nconst replace = require('rollup-plugin-replace')\nconst flow = require('rollup-plugin-flow-no-whitespace')\nconst prettier = require('rollup-plugin-prettier')\n\nconst version = '2.2.6'\n\n// const banner =\n// \"/*!\\n\" +\n// \" * Vue Native v\" +\n// version +\n// \"\\n\" +\n// \" * (c) 2018-\" +\n// new Date().getFullYear() +\n// \" GeekyAnts Software Pvt. Ltd.\\n\" +\n// \" * Released under the MIT License.\\n\" +\n// \" */\"\n\nconst aliases = require('./alias')\nconst resolve = p => {\n const base = p.split('/')[0]\n if (aliases[base]) {\n return path.resolve(aliases[base], p.slice(base.length + 1))\n } else {\n return path.resolve(__dirname, '../', p)\n }\n}\n\nconst builds = {\n 'vue-native-core': {\n entry: resolve('vue-native/index.js'),\n dest: resolve('packages/vue-native-core/build.js'),\n format: 'cjs',\n external: ['react'],\n },\n 'vue-native-helper': {\n entry: resolve('vue-native/runtime/helpers.js'),\n dest: resolve('packages/vue-native-helper/build.js'),\n format: 'cjs',\n },\n 'vue-native-scripts': {\n entry: resolve('vue-native/scripts/index.js'),\n dest: resolve('packages/vue-native-scripts/build.js'),\n format: 'cjs',\n external: []\n .concat(\n Object.keys(\n require('../packages/vue-native-scripts/package.json').dependencies,\n ),\n )\n .concat(\n Object.keys(\n require('../packages/vue-native-scripts/package.json')\n .peerDependencies,\n ),\n ),\n },\n 'vue-native-template-compiler': {\n entry: resolve('vue-native/compiler.js'),\n dest: resolve('packages/vue-native-template-compiler/build.js'),\n format: 'cjs',\n external: ['change-case', 'he', 'de-indent', 'lodash'],\n },\n}\n\nfunction genConfig(opts) {\n const config = {\n input: opts.entry,\n output: {\n file: opts.dest,\n format: opts.format,\n banner: opts.banner,\n name: 'Vue',\n },\n external: opts.external,\n plugins: [\n replace({\n __VERSION__: version,\n }),\n flow(),\n buble(),\n alias(Object.assign({}, aliases, opts.alias)),\n prettier(),\n ].concat(opts.plugins || []),\n onwarn: (msg, warn) => {\n if (!/Circular/.test(msg)) {\n warn(msg)\n }\n },\n }\n\n if (opts.env) {\n config.plugins.push(\n replace({\n 'process.env.NODE_ENV': JSON.stringify(opts.env),\n }),\n )\n }\n\n return config\n}\n\nif (process.env.TARGET) {\n module.exports = genConfig(builds[process.env.TARGET])\n} else {\n exports.getBuild = name => genConfig(builds[name])\n exports.getAllBuilds = () =>\n Object.keys(builds).map(name => genConfig(builds[name]))\n}\n" }, { "path": "scripts/git-hooks/pre-commit", "content": "#!/usr/bin/env bash\n\nfiles_to_lint=$(git diff --cached --name-only --diff-filter=ACM | grep '\\.js$')\n\nif [ -n \"$files_to_lint\" ]; then\n NODE_ENV=production eslint --quiet $files_to_lint\nfi\n" }, { "path": "scripts/release.sh", "content": "set -e\n\nCURRENT_BRANCH=$(git branch --show-current)\nif [ $CURRENT_BRANCH != \"master\" ]; then\n echo \"This script can only be run in the master branch. Exiting...\"\n exit 1\nfi\n\n# get the version number from the user\nread -e -p \"Enter the new Vue Native version: \" VERSION\nif [[ -z $VERSION ]]; then\n echo \"No version entered. Exiting...\"\n exit 0\nfi\n\n# Decide the NPM tag.\n# Tag should be set to 'next' for pre-release versions\n# and will be 'latest' by default\nread -p \"Is this a pre-release version? (y/n) \" -n 1 -r\necho\nif [[ $REPLY =~ ^[Yy]$ ]]; then\n echo \"Using npm tag 'next' for this release.\"\n TAG='next'\nelse\n echo \"Using npm tag 'latest' for this release.\"\n TAG='latest'\nfi\n\nread -p \"Releasing $VERSION with npm tag $TAG - are you sure? (y/n) \" -n 1 -r\necho\nif [[ $REPLY =~ ^[Yy]$ ]]; then\n echo \"Releasing $VERSION (with npm tag $TAG)...\"\n\n # bump package versions\n # packages:\n # - vue-native-core\n # - vue-native-helper\n # - vue-native-scripts\n # - vue-native-template-compiler\n\n cd packages/vue-native-core\n npm version $VERSION\n cd -\n\n cd packages/vue-native-helper\n npm version $VERSION\n cd -\n\n cd packages/vue-native-scripts\n npm version $VERSION\n cd -\n\n cd packages/vue-native-template-compiler\n npm version $VERSION\n cd -\n\n # build\n # the build needs to be generated after the version bump\n # because the Vue version comes from packages/vue-native-core/package.json\n # refer to scripts/config.js\n VERSION=$VERSION npm run build\n\n # commit\n git add -A\n git commit -m \"[build] $VERSION\"\n\n # publish packages\n # vue-native-core has already been published by np\n # packages:\n # - vue-native-core\n # - vue-native-helper\n # - vue-native-scripts\n # - vue-native-template-compiler\n\n cd packages/vue-native-core\n npm publish --tag $TAG\n cd -\n\n cd packages/vue-native-helper\n npm publish --tag $TAG\n cd -\n\n cd packages/vue-native-scripts\n npm publish --tag $TAG\n cd -\n\n cd packages/vue-native-template-compiler\n npm publish --tag $TAG\n cd -\n\n # Update version in main package.json and commit\n npm version $VERSION\n\n # Push the tags and version update\n git push origin v$VERSION\n git push origin master\n\n echo \"\\nPublished v$VERSION!\"\nfi\n" }, { "path": "src/compiler/codegen/events.js", "content": "/* @flow */\n\nconst fnExpRE = /^\\s*([\\w$_]+|\\([^)]*?\\))\\s*=>|^function\\s*\\(/\nconst simplePathRE = /^\\s*[A-Za-z_$][\\w$]*(?:\\.[A-Za-z_$][\\w$]*|\\['.*?']|\\[\".*?\"]|\\[\\d+]|\\[[A-Za-z_$][\\w$]*])*\\s*$/\n\n// keyCode aliases\nconst keyCodes: { [key: string]: number | Array } = {\n esc: 27,\n tab: 9,\n enter: 13,\n space: 32,\n up: 38,\n left: 37,\n right: 39,\n down: 40,\n delete: [8, 46],\n}\n\n// #4868: modifiers that prevent the execution of the listener\n// need to explicitly return null so that we can determine whether to remove\n// the listener for .once\nconst genGuard = condition => `if(${condition})return null;`\n\nconst modifierCode: { [key: string]: string } = {\n stop: '$event.stopPropagation();',\n prevent: '$event.preventDefault();',\n self: genGuard(`$event.target !== $event.currentTarget`),\n ctrl: genGuard(`!$event.ctrlKey`),\n shift: genGuard(`!$event.shiftKey`),\n alt: genGuard(`!$event.altKey`),\n meta: genGuard(`!$event.metaKey`),\n left: genGuard(`'button' in $event && $event.button !== 0`),\n middle: genGuard(`'button' in $event && $event.button !== 1`),\n right: genGuard(`'button' in $event && $event.button !== 2`),\n}\n\nexport function genHandlers(\n events: ASTElementHandlers,\n native: boolean,\n warn: Function,\n): string {\n let res = native ? 'nativeOn:{' : 'on:{'\n for (const name in events) {\n const handler = events[name]\n // #5330: warn click.right, since right clicks do not actually fire click events.\n if (\n process.env.NODE_ENV !== 'production' &&\n name === 'click' &&\n handler &&\n handler.modifiers &&\n handler.modifiers.right\n ) {\n warn(\n `Use \"contextmenu\" instead of \"click.right\" since right clicks ` +\n `do not actually fire \"click\" events.`,\n )\n }\n res += `\"${name}\":${genHandler(name, handler)},`\n }\n return res.slice(0, -1) + '}'\n}\n\nfunction genHandler(\n name: string,\n handler: ASTElementHandler | Array,\n): string {\n if (!handler) {\n return 'function(){}'\n }\n\n if (Array.isArray(handler)) {\n return `[${handler.map(handler => genHandler(name, handler)).join(',')}]`\n }\n\n const isMethodPath = simplePathRE.test(handler.value)\n const isFunctionExpression = fnExpRE.test(handler.value)\n\n if (!handler.modifiers) {\n return isMethodPath || isFunctionExpression\n ? handler.value\n : `function($event){${handler.value}}` // inline statement\n } else {\n let code = ''\n let genModifierCode = ''\n const keys = []\n for (const key in handler.modifiers) {\n if (modifierCode[key]) {\n genModifierCode += modifierCode[key]\n // left/right\n if (keyCodes[key]) {\n keys.push(key)\n }\n } else {\n keys.push(key)\n }\n }\n if (keys.length) {\n code += genKeyFilter(keys)\n }\n // Make sure modifiers like prevent and stop get executed after key filtering\n if (genModifierCode) {\n code += genModifierCode\n }\n const handlerCode = isMethodPath\n ? handler.value + '($event)'\n : isFunctionExpression\n ? `(${handler.value})($event)`\n : handler.value\n return `function($event){${code}${handlerCode}}`\n }\n}\n\nfunction genKeyFilter(keys: Array): string {\n return `if(!('button' in $event)&&${keys\n .map(genFilterCode)\n .join('&&')})return null;`\n}\n\nfunction genFilterCode(key: string): string {\n const keyVal = parseInt(key, 10)\n if (keyVal) {\n return `$event.keyCode!==${keyVal}`\n }\n const alias = keyCodes[key]\n return `_k($event.keyCode,${JSON.stringify(key)}${\n alias ? ',' + JSON.stringify(alias) : ''\n })`\n}\n" }, { "path": "src/compiler/codegen/index.js", "content": "/* @flow */\n\nimport { genHandlers } from './events'\nimport { baseWarn, pluckModuleFunction } from '../helpers'\nimport baseDirectives from '../directives/index'\nimport { camelize, no } from 'shared/util'\n\ntype TransformFunction = (el: ASTElement, code: string) => string\ntype DataGenFunction = (el: ASTElement) => string\ntype DirectiveFunction = (\n el: ASTElement,\n dir: ASTDirective,\n warn: Function,\n) => boolean\n\n// configurable state\nlet warn\nlet transforms: Array\nlet dataGenFns: Array\nlet platformDirectives\nlet isPlatformReservedTag\nlet staticRenderFns\nlet onceCount\nlet currentOptions\n\nexport function generate(\n ast: ASTElement | void,\n options: CompilerOptions,\n): {\n render: string,\n staticRenderFns: Array,\n} {\n // save previous staticRenderFns so generate calls can be nested\n const prevStaticRenderFns: Array = staticRenderFns\n const currentStaticRenderFns: Array = (staticRenderFns = [])\n const prevOnceCount = onceCount\n onceCount = 0\n currentOptions = options\n warn = options.warn || baseWarn\n transforms = pluckModuleFunction(options.modules, 'transformCode')\n dataGenFns = pluckModuleFunction(options.modules, 'genData')\n platformDirectives = options.directives || {}\n isPlatformReservedTag = options.isReservedTag || no\n const code = ast ? genElement(ast) : '_c(\"div\")'\n staticRenderFns = prevStaticRenderFns\n onceCount = prevOnceCount\n return {\n render: `with(this){return ${code}}`,\n staticRenderFns: currentStaticRenderFns,\n }\n}\n\nfunction genElement(el: ASTElement): string {\n if (el.staticRoot && !el.staticProcessed) {\n return genStatic(el)\n } else if (el.once && !el.onceProcessed) {\n return genOnce(el)\n } else if (el.for && !el.forProcessed) {\n return genFor(el)\n } else if (el.if && !el.ifProcessed) {\n return genIf(el)\n } else if (el.tag === 'template' && !el.slotTarget) {\n return genChildren(el) || 'void 0'\n } else if (el.tag === 'slot') {\n return genSlot(el)\n } else {\n // component or element\n let code\n if (el.component) {\n code = genComponent(el.component, el)\n } else {\n const data = el.plain ? undefined : genData(el)\n\n const children = el.inlineTemplate ? null : genChildren(el, true)\n code = `_c('${el.tag}'${\n data ? `,${data}` : '' // data\n }${\n children ? `,${children}` : '' // children\n })`\n }\n // module transforms\n for (let i = 0; i < transforms.length; i++) {\n code = transforms[i](el, code)\n }\n return code\n }\n}\n\n// hoist static sub-trees out\nfunction genStatic(el: ASTElement): string {\n el.staticProcessed = true\n staticRenderFns.push(`with(this){return ${genElement(el)}}`)\n return `_m(${staticRenderFns.length - 1}${el.staticInFor ? ',true' : ''})`\n}\n\n// v-once\nfunction genOnce(el: ASTElement): string {\n el.onceProcessed = true\n if (el.if && !el.ifProcessed) {\n return genIf(el)\n } else if (el.staticInFor) {\n let key = ''\n let parent = el.parent\n while (parent) {\n if (parent.for) {\n key = parent.key\n break\n }\n parent = parent.parent\n }\n if (!key) {\n process.env.NODE_ENV !== 'production' &&\n warn(`v-once can only be used inside v-for that is keyed. `)\n return genElement(el)\n }\n return `_o(${genElement(el)},${onceCount++}${key ? `,${key}` : ``})`\n } else {\n return genStatic(el)\n }\n}\n\nfunction genIf(el: any): string {\n el.ifProcessed = true // avoid recursion\n return genIfConditions(el.ifConditions.slice())\n}\n\nfunction genIfConditions(conditions: ASTIfConditions): string {\n if (!conditions.length) {\n return '_e()'\n }\n\n const condition = conditions.shift()\n if (condition.exp) {\n return `(${condition.exp})?${genTernaryExp(\n condition.block,\n )}:${genIfConditions(conditions)}`\n } else {\n return `${genTernaryExp(condition.block)}`\n }\n\n // v-if with v-once should generate code like (a)?_m(0):_m(1)\n function genTernaryExp(el) {\n return el.once ? genOnce(el) : genElement(el)\n }\n}\n\nfunction genFor(el: any): string {\n const exp = el.for\n const alias = el.alias\n const iterator1 = el.iterator1 ? `,${el.iterator1}` : ''\n const iterator2 = el.iterator2 ? `,${el.iterator2}` : ''\n\n if (\n process.env.NODE_ENV !== 'production' &&\n maybeComponent(el) &&\n el.tag !== 'slot' &&\n el.tag !== 'template' &&\n !el.key\n ) {\n warn(\n `<${el.tag} v-for=\"${alias} in ${exp}\">: component lists rendered with ` +\n `v-for should have explicit keys. ` +\n `See https://vuejs.org/guide/list.html#key for more info.`,\n true /* tip */,\n )\n }\n\n el.forProcessed = true // avoid recursion\n return (\n `_l((${exp}),` +\n `function(${alias}${iterator1}${iterator2}){` +\n `return ${genElement(el)}` +\n '})'\n )\n}\n\nfunction genData(el: ASTElement): string {\n let data = '{'\n\n // directives first.\n // directives may mutate the el's other properties before they are generated.\n const dirs = genDirectives(el)\n if (dirs) data += dirs + ','\n\n // key\n if (el.key) {\n data += `key:${el.key},`\n }\n // ref\n if (el.ref) {\n data += `ref:${el.ref},`\n }\n if (el.refInFor) {\n data += `refInFor:true,`\n }\n // pre\n if (el.pre) {\n data += `pre:true,`\n }\n // record original tag name for components using \"is\" attribute\n if (el.component) {\n data += `tag:\"${el.tag}\",`\n }\n // module data generation functions\n for (let i = 0; i < dataGenFns.length; i++) {\n data += dataGenFns[i](el)\n }\n // attributes\n if (el.attrs) {\n data += `attrs:{${genProps(el.attrs)}},`\n }\n // DOM props\n if (el.props) {\n data += `domProps:{${genProps(el.props)}},`\n }\n // event handlers\n if (el.events) {\n data += `${genHandlers(el.events, false, warn)},`\n }\n if (el.nativeEvents) {\n data += `${genHandlers(el.nativeEvents, true, warn)},`\n }\n // slot target\n if (el.slotTarget) {\n data += `slot:${el.slotTarget},`\n }\n // scoped slots\n if (el.scopedSlots) {\n data += `${genScopedSlots(el.scopedSlots)},`\n }\n // component v-model\n if (el.model) {\n data += `model:{value:${el.model.value},callback:${el.model.callback},expression:${el.model.expression}},`\n }\n // inline-template\n if (el.inlineTemplate) {\n const inlineTemplate = genInlineTemplate(el)\n if (inlineTemplate) {\n data += `${inlineTemplate},`\n }\n }\n data = data.replace(/,$/, '') + '}'\n // v-bind data wrap\n if (el.wrapData) {\n data = el.wrapData(data)\n }\n return data\n}\n\nfunction genDirectives(el: ASTElement): string | void {\n const dirs = el.directives\n if (!dirs) return\n let res = 'directives:['\n let hasRuntime = false\n let i, l, dir, needRuntime\n for (i = 0, l = dirs.length; i < l; i++) {\n dir = dirs[i]\n needRuntime = true\n const gen: DirectiveFunction =\n platformDirectives[dir.name] || baseDirectives[dir.name]\n if (gen) {\n // compile-time directive that manipulates AST.\n // returns true if it also needs a runtime counterpart.\n needRuntime = !!gen(el, dir, warn)\n }\n if (needRuntime) {\n hasRuntime = true\n res += `{name:\"${dir.name}\",rawName:\"${dir.rawName}\"${\n dir.value\n ? `,value:(${dir.value}),expression:${JSON.stringify(dir.value)}`\n : ''\n }${dir.arg ? `,arg:\"${dir.arg}\"` : ''}${\n dir.modifiers ? `,modifiers:${JSON.stringify(dir.modifiers)}` : ''\n }},`\n }\n }\n if (hasRuntime) {\n return res.slice(0, -1) + ']'\n }\n}\n\nfunction genInlineTemplate(el: ASTElement): ?string {\n const ast = el.children[0]\n if (\n process.env.NODE_ENV !== 'production' &&\n (el.children.length > 1 || ast.type !== 1)\n ) {\n warn('Inline-template components must have exactly one child element.')\n }\n if (ast.type === 1) {\n const inlineRenderFns = generate(ast, currentOptions)\n return `inlineTemplate:{render:function(){${\n inlineRenderFns.render\n }},staticRenderFns:[${inlineRenderFns.staticRenderFns\n .map(code => `function(){${code}}`)\n .join(',')}]}`\n }\n}\n\nfunction genScopedSlots(slots: { [key: string]: ASTElement }): string {\n return `scopedSlots:_u([${Object.keys(slots)\n .map(key => genScopedSlot(key, slots[key]))\n .join(',')}])`\n}\n\nfunction genScopedSlot(key: string, el: ASTElement) {\n return (\n `[${key},function(${String(el.attrsMap.scope)}){` +\n `return ${\n el.tag === 'template' ? genChildren(el) || 'void 0' : genElement(el)\n }}]`\n )\n}\n\nfunction genChildren(el: ASTElement, checkSkip?: boolean): string | void {\n const children = el.children\n if (children.length) {\n const el: any = children[0]\n // optimize single v-for\n if (\n children.length === 1 &&\n el.for &&\n el.tag !== 'template' &&\n el.tag !== 'slot'\n ) {\n return genElement(el)\n }\n const normalizationType = checkSkip ? getNormalizationType(children) : 0\n return `[${children.map(genNode).join(',')}]${\n normalizationType ? `,${normalizationType}` : ''\n }`\n }\n}\n\n// determine the normalization needed for the children array.\n// 0: no normalization needed\n// 1: simple normalization needed (possible 1-level deep nested array)\n// 2: full normalization needed\nfunction getNormalizationType(children: Array): number {\n let res = 0\n for (let i = 0; i < children.length; i++) {\n const el: ASTNode = children[i]\n if (el.type !== 1) {\n continue\n }\n if (\n needsNormalization(el) ||\n (el.ifConditions &&\n el.ifConditions.some(c => needsNormalization(c.block)))\n ) {\n res = 2\n break\n }\n if (\n maybeComponent(el) ||\n (el.ifConditions && el.ifConditions.some(c => maybeComponent(c.block)))\n ) {\n res = 1\n }\n }\n return res\n}\n\nfunction needsNormalization(el: ASTElement): boolean {\n return el.for !== undefined || el.tag === 'template' || el.tag === 'slot'\n}\n\nfunction maybeComponent(el: ASTElement): boolean {\n return !isPlatformReservedTag(el.tag)\n}\n\nfunction genNode(node: ASTNode): string {\n if (node.type === 1) {\n return genElement(node)\n } else {\n return genText(node)\n }\n}\n\nfunction genText(text: ASTText | ASTExpression): string {\n return `_v(${\n text.type === 2\n ? text.expression // no need for () because already wrapped in _s()\n : transformSpecialNewlines(JSON.stringify(text.text))\n })`\n}\n\nfunction genSlot(el: ASTElement): string {\n const slotName = el.slotName || '\"default\"'\n const children = genChildren(el)\n let res = `_t(${slotName}${children ? `,${children}` : ''}`\n const attrs =\n el.attrs &&\n `{${el.attrs.map(a => `${camelize(a.name)}:${a.value}`).join(',')}}`\n const bind = el.attrsMap['v-bind']\n if ((attrs || bind) && !children) {\n res += `,null`\n }\n if (attrs) {\n res += `,${attrs}`\n }\n if (bind) {\n res += `${attrs ? '' : ',null'},${bind}`\n }\n return res + ')'\n}\n\n// componentName is el.component, take it as argument to shun flow's pessimistic refinement\nfunction genComponent(componentName: string, el: ASTElement): string {\n const children = el.inlineTemplate ? null : genChildren(el, true)\n return `_c(${componentName},${genData(el)}${children ? `,${children}` : ''})`\n}\n\nfunction genProps(props: Array<{ name: string, value: string }>): string {\n let res = ''\n for (let i = 0; i < props.length; i++) {\n const prop = props[i]\n res += `\"${prop.name}\":${transformSpecialNewlines(prop.value)},`\n }\n return res.slice(0, -1)\n}\n\n// #3895, #4268\nfunction transformSpecialNewlines(text: string): string {\n return text.replace(/\\u2028/g, '\\\\u2028').replace(/\\u2029/g, '\\\\u2029')\n}\n" }, { "path": "src/compiler/directives/bind.js", "content": "/* @flow */\n\nexport default function bind(el: ASTElement, dir: ASTDirective) {\n el.wrapData = (code: string) => {\n return `_b(${code},'${el.tag}',${dir.value}${\n dir.modifiers && dir.modifiers.prop ? ',true' : ''\n })`\n }\n}\n" }, { "path": "src/compiler/directives/index.js", "content": "/* @flow */\n\nimport bind from './bind'\nimport { noop } from 'shared/util'\n\nexport default {\n bind,\n cloak: noop,\n}\n" }, { "path": "src/compiler/directives/model.js", "content": "/* @flow */\n\n/**\n * Cross-platform code generation for component v-model\n */\nexport function genComponentModel(\n el: ASTElement,\n value: string,\n modifiers: ?ASTModifiers,\n): ?boolean {\n const { number, trim } = modifiers || {}\n\n const baseValueExpression = '$$v'\n let valueExpression = baseValueExpression\n if (trim) {\n valueExpression =\n `(typeof ${baseValueExpression} === 'string'` +\n `? ${baseValueExpression}.trim()` +\n `: ${baseValueExpression})`\n }\n if (number) {\n valueExpression = `_n(${valueExpression})`\n }\n const assignment = genAssignmentCode(value, valueExpression)\n\n el.model = {\n value: `(${value})`,\n expression: `\"${value}\"`,\n callback: `function (${baseValueExpression}) {${assignment}}`,\n }\n}\n\n/**\n * Cross-platform codegen helper for generating v-model value assignment code.\n */\nexport function genAssignmentCode(value: string, assignment: string): string {\n const modelRs = parseModel(value)\n if (modelRs.idx === null) {\n return `${value}=${assignment}`\n } else {\n return (\n `var $$exp = ${modelRs.exp}, $$idx = ${modelRs.idx};` +\n `if (!Array.isArray($$exp)){` +\n `${value}=${assignment}}` +\n `else{$$exp.splice($$idx, 1, ${assignment})}`\n )\n }\n}\n\n/**\n * parse directive model to do the array update transform. a[idx] = val => $$a.splice($$idx, 1, val)\n *\n * for loop possible cases:\n *\n * - test\n * - test[idx]\n * - test[test1[idx]]\n * - test[\"a\"][idx]\n * - xxx.test[a[a].test1[idx]]\n * - test.xxx.a[\"asa\"][test1[idx]]\n *\n */\n\nlet len, str, chr, index, expressionPos, expressionEndPos\n\nexport function parseModel(val: string): Object {\n str = val\n len = str.length\n index = expressionPos = expressionEndPos = 0\n\n if (val.indexOf('[') < 0 || val.lastIndexOf(']') < len - 1) {\n return {\n exp: val,\n idx: null,\n }\n }\n\n while (!eof()) {\n chr = next()\n /* istanbul ignore if */\n if (isStringStart(chr)) {\n parseString(chr)\n } else if (chr === 0x5b) {\n parseBracket(chr)\n }\n }\n\n return {\n exp: val.substring(0, expressionPos),\n idx: val.substring(expressionPos + 1, expressionEndPos),\n }\n}\n\nfunction next(): number {\n return str.charCodeAt(++index)\n}\n\nfunction eof(): boolean {\n return index >= len\n}\n\nfunction isStringStart(chr: number): boolean {\n return chr === 0x22 || chr === 0x27\n}\n\nfunction parseBracket(chr: number): void {\n let inBracket = 1\n expressionPos = index\n while (!eof()) {\n chr = next()\n if (isStringStart(chr)) {\n parseString(chr)\n continue\n }\n if (chr === 0x5b) inBracket++\n if (chr === 0x5d) inBracket--\n if (inBracket === 0) {\n expressionEndPos = index\n break\n }\n }\n}\n\nfunction parseString(chr: number): void {\n const stringQuote = chr\n while (!eof()) {\n chr = next()\n if (chr === stringQuote) {\n break\n }\n }\n}\n" }, { "path": "src/compiler/error-detector.js", "content": "/* @flow */\n\nimport { dirRE, onRE } from './parser/index'\n\n// these keywords should not appear inside expressions, but operators like\n// typeof, instanceof and in are allowed\nconst prohibitedKeywordRE = new RegExp(\n '\\\\b' +\n (\n 'do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' +\n 'super,throw,while,yield,delete,export,import,return,switch,default,' +\n 'extends,finally,continue,debugger,function,arguments'\n )\n .split(',')\n .join('\\\\b|\\\\b') +\n '\\\\b',\n)\n\n// these unary operators should not be used as property/method names\nconst unaryOperatorsRE = new RegExp(\n '\\\\b' +\n 'delete,typeof,void'.split(',').join('\\\\s*\\\\([^\\\\)]*\\\\)|\\\\b') +\n '\\\\s*\\\\([^\\\\)]*\\\\)',\n)\n\n// check valid identifier for v-for\nconst identRE = /[A-Za-z_$][\\w$]*/\n\n// strip strings in expressions\nconst stripStringRE = /'(?:[^'\\\\]|\\\\.)*'|\"(?:[^\"\\\\]|\\\\.)*\"|`(?:[^`\\\\]|\\\\.)*\\$\\{|\\}(?:[^`\\\\]|\\\\.)*`|`(?:[^`\\\\]|\\\\.)*`/g\n\n// detect problematic expressions in a template\nexport function detectErrors(ast: ?ASTNode): Array {\n const errors: Array = []\n if (ast) {\n checkNode(ast, errors)\n }\n return errors\n}\n\nfunction checkNode(node: ASTNode, errors: Array) {\n if (node.type === 1) {\n for (const name in node.attrsMap) {\n if (dirRE.test(name)) {\n const value = node.attrsMap[name]\n if (value) {\n if (name === 'v-for') {\n checkFor(node, `v-for=\"${value}\"`, errors)\n } else if (onRE.test(name)) {\n checkEvent(value, `${name}=\"${value}\"`, errors)\n } else {\n checkExpression(value, `${name}=\"${value}\"`, errors)\n }\n }\n }\n }\n if (node.children) {\n for (let i = 0; i < node.children.length; i++) {\n checkNode(node.children[i], errors)\n }\n }\n } else if (node.type === 2) {\n checkExpression(node.expression, node.text, errors)\n }\n}\n\nfunction checkEvent(exp: string, text: string, errors: Array) {\n const stipped = exp.replace(stripStringRE, '')\n const keywordMatch: any = stipped.match(unaryOperatorsRE)\n if (keywordMatch && stipped.charAt(keywordMatch.index - 1) !== '$') {\n errors.push(\n `avoid using JavaScript unary operator as property name: ` +\n `\"${keywordMatch[0]}\" in expression ${text.trim()}`,\n )\n }\n checkExpression(exp, text, errors)\n}\n\nfunction checkFor(node: ASTElement, text: string, errors: Array) {\n checkExpression(node.for || '', text, errors)\n checkIdentifier(node.alias, 'v-for alias', text, errors)\n checkIdentifier(node.iterator1, 'v-for iterator', text, errors)\n checkIdentifier(node.iterator2, 'v-for iterator', text, errors)\n}\n\nfunction checkIdentifier(\n ident: ?string,\n type: string,\n text: string,\n errors: Array,\n) {\n if (typeof ident === 'string' && !identRE.test(ident)) {\n errors.push(`invalid ${type} \"${ident}\" in expression: ${text.trim()}`)\n }\n}\n\nfunction checkExpression(exp: string, text: string, errors: Array) {\n try {\n new Function(`return ${exp}`)\n } catch (e) {\n const keywordMatch = exp\n .replace(stripStringRE, '')\n .match(prohibitedKeywordRE)\n if (keywordMatch) {\n errors.push(\n `avoid using JavaScript keyword as property name: ` +\n `\"${keywordMatch[0]}\" in expression ${text.trim()}`,\n )\n } else {\n errors.push(`invalid expression: ${text.trim()}`)\n }\n }\n}\n" }, { "path": "src/compiler/helpers.js", "content": "/* @flow */\n\nimport { parseFilters } from './parser/filter-parser'\n\nexport function baseWarn(msg: string) {\n console.error(`[Vue compiler]: ${msg}`)\n}\n\nexport function pluckModuleFunction(\n modules: ?Array,\n key: string,\n): Array {\n return modules ? modules.map(m => m[key]).filter(_ => _) : []\n}\n\nexport function addProp(el: ASTElement, name: string, value: string) {\n ;(el.props || (el.props = [])).push({ name, value })\n}\n\nexport function addAttr(el: ASTElement, name: string, value: string) {\n ;(el.attrs || (el.attrs = [])).push({ name, value })\n}\n\nexport function addDirective(\n el: ASTElement,\n name: string,\n rawName: string,\n value: string,\n arg: ?string,\n modifiers: ?ASTModifiers,\n) {\n ;(el.directives || (el.directives = [])).push({\n name,\n rawName,\n value,\n arg,\n modifiers,\n })\n}\n\nexport function addHandler(\n el: ASTElement,\n name: string,\n value: string,\n modifiers: ?ASTModifiers,\n important?: boolean,\n warn?: Function,\n) {\n // warn prevent and passive modifier\n /* istanbul ignore if */\n if (\n process.env.NODE_ENV !== 'production' &&\n warn &&\n modifiers &&\n modifiers.prevent &&\n modifiers.passive\n ) {\n warn(\n \"passive and prevent can't be used together. \" +\n \"Passive handler can't prevent default event.\",\n )\n }\n // check capture modifier\n if (modifiers && modifiers.capture) {\n delete modifiers.capture\n name = '!' + name // mark the event as captured\n }\n if (modifiers && modifiers.once) {\n delete modifiers.once\n name = '~' + name // mark the event as once\n }\n /* istanbul ignore if */\n if (modifiers && modifiers.passive) {\n delete modifiers.passive\n name = '&' + name // mark the event as passive\n }\n let events\n if (modifiers && modifiers.native) {\n delete modifiers.native\n events = el.nativeEvents || (el.nativeEvents = {})\n } else {\n events = el.events || (el.events = {})\n }\n const newHandler = { value, modifiers }\n const handlers = events[name]\n /* istanbul ignore if */\n if (Array.isArray(handlers)) {\n important ? handlers.unshift(newHandler) : handlers.push(newHandler)\n } else if (handlers) {\n events[name] = important ? [newHandler, handlers] : [handlers, newHandler]\n } else {\n events[name] = newHandler\n }\n}\n\nexport function getBindingAttr(\n el: ASTElement,\n name: string,\n getStatic?: boolean,\n): ?string {\n const dynamicValue =\n getAndRemoveAttr(el, ':' + name) || getAndRemoveAttr(el, 'v-bind:' + name)\n if (dynamicValue != null) {\n return parseFilters(dynamicValue)\n } else if (getStatic !== false) {\n const staticValue = getAndRemoveAttr(el, name)\n if (staticValue != null) {\n return JSON.stringify(staticValue)\n }\n }\n}\n\nexport function getAndRemoveAttr(el: ASTElement, name: string): ?string {\n let val\n if ((val = el.attrsMap[name]) != null) {\n const list = el.attrsList\n for (let i = 0, l = list.length; i < l; i++) {\n if (list[i].name === name) {\n list.splice(i, 1)\n break\n }\n }\n }\n return val\n}\n" }, { "path": "src/compiler/index.js", "content": "/* @flow */\n\nimport { parse } from './parser/index'\nimport { optimize } from './optimizer'\nimport { generate } from './codegen/index'\nimport { detectErrors } from './error-detector'\nimport { extend, noop } from 'shared/util'\nimport { warn, tip } from 'core/util/debug'\n\nfunction baseCompile(\n template: string,\n options: CompilerOptions,\n): CompiledResult {\n const ast = parse(template.trim(), options)\n optimize(ast, options)\n const code = generate(ast, options)\n return {\n ast,\n render: code.render,\n staticRenderFns: code.staticRenderFns,\n }\n}\n\nfunction makeFunction(code, errors) {\n try {\n return new Function(code)\n } catch (err) {\n errors.push({ err, code })\n return noop\n }\n}\n\nexport function createCompiler(baseOptions: CompilerOptions) {\n const functionCompileCache: {\n [key: string]: CompiledFunctionResult,\n } = Object.create(null)\n\n function compile(\n template: string,\n options?: CompilerOptions,\n ): CompiledResult {\n const finalOptions = Object.create(baseOptions)\n const errors = []\n const tips = []\n finalOptions.warn = (msg, tip) => {\n ;(tip ? tips : errors).push(msg)\n }\n\n if (options) {\n // merge custom modules\n if (options.modules) {\n finalOptions.modules = (baseOptions.modules || []).concat(\n options.modules,\n )\n }\n // merge custom directives\n if (options.directives) {\n finalOptions.directives = extend(\n Object.create(baseOptions.directives),\n options.directives,\n )\n }\n // copy other options\n for (const key in options) {\n if (key !== 'modules' && key !== 'directives') {\n finalOptions[key] = options[key]\n }\n }\n }\n\n const compiled = baseCompile(template, finalOptions)\n if (process.env.NODE_ENV !== 'production') {\n errors.push.apply(errors, detectErrors(compiled.ast))\n }\n compiled.errors = errors\n compiled.tips = tips\n return compiled\n }\n\n function compileToFunctions(\n template: string,\n options?: CompilerOptions,\n vm?: Component,\n ): CompiledFunctionResult {\n options = options || {}\n\n /* istanbul ignore if */\n if (process.env.NODE_ENV !== 'production') {\n // detect possible CSP restriction\n try {\n new Function('return 1')\n } catch (e) {\n if (e.toString().match(/unsafe-eval|CSP/)) {\n warn(\n 'It seems you are using the standalone build of Vue.js in an ' +\n 'environment with Content Security Policy that prohibits unsafe-eval. ' +\n 'The template compiler cannot work in this environment. Consider ' +\n 'relaxing the policy to allow unsafe-eval or pre-compiling your ' +\n 'templates into render functions.',\n )\n }\n }\n }\n\n // check cache\n const key = options.delimiters\n ? String(options.delimiters) + template\n : template\n if (functionCompileCache[key]) {\n return functionCompileCache[key]\n }\n\n // compile\n const compiled = compile(template, options)\n\n // check compilation errors/tips\n if (process.env.NODE_ENV !== 'production') {\n if (compiled.errors && compiled.errors.length) {\n warn(\n `Error compiling template:\\n\\n${template}\\n\\n` +\n compiled.errors.map(e => `- ${e}`).join('\\n') +\n '\\n',\n vm,\n )\n }\n if (compiled.tips && compiled.tips.length) {\n compiled.tips.forEach(msg => tip(msg, vm))\n }\n }\n\n // turn code into functions\n const res = {}\n const fnGenErrors = []\n res.render = makeFunction(compiled.render, fnGenErrors)\n const l = compiled.staticRenderFns.length\n res.staticRenderFns = new Array(l)\n for (let i = 0; i < l; i++) {\n res.staticRenderFns[i] = makeFunction(\n compiled.staticRenderFns[i],\n fnGenErrors,\n )\n }\n\n // check function generation errors.\n // this should only happen if there is a bug in the compiler itself.\n // mostly for codegen development use\n /* istanbul ignore if */\n if (process.env.NODE_ENV !== 'production') {\n if ((!compiled.errors || !compiled.errors.length) && fnGenErrors.length) {\n warn(\n `Failed to generate render function:\\n\\n` +\n fnGenErrors\n .map(({ err, code }) => `${err.toString()} in\\n\\n${code}\\n`)\n .join('\\n'),\n vm,\n )\n }\n }\n\n return (functionCompileCache[key] = res)\n }\n\n return {\n compile,\n compileToFunctions,\n }\n}\n" }, { "path": "src/compiler/optimizer.js", "content": "/* @flow */\n\nimport { makeMap, isBuiltInTag, cached, no } from 'shared/util'\n\nlet isStaticKey\nlet isPlatformReservedTag\n\nconst genStaticKeysCached = cached(genStaticKeys)\n\n/**\n * Goal of the optimizer: walk the generated template AST tree\n * and detect sub-trees that are purely static, i.e. parts of\n * the DOM that never needs to change.\n *\n * Once we detect these sub-trees, we can:\n *\n * 1. Hoist them into constants, so that we no longer need to\n * create fresh nodes for them on each re-render;\n * 2. Completely skip them in the patching process.\n */\nexport function optimize(root: ?ASTElement, options: CompilerOptions) {\n if (!root) return\n isStaticKey = genStaticKeysCached(options.staticKeys || '')\n isPlatformReservedTag = options.isReservedTag || no\n // first pass: mark all non-static nodes.\n markStatic(root)\n // second pass: mark static roots.\n markStaticRoots(root, false)\n}\n\nfunction genStaticKeys(keys: string): Function {\n return makeMap(\n 'type,tag,attrsList,attrsMap,plain,parent,children,attrs' +\n (keys ? ',' + keys : ''),\n )\n}\n\nfunction markStatic(node: ASTNode) {\n node.static = isStatic(node)\n if (node.type === 1) {\n // do not make component slot content static. this avoids\n // 1. components not able to mutate slot nodes\n // 2. static slot content fails for hot-reloading\n if (\n !isPlatformReservedTag(node.tag) &&\n node.tag !== 'slot' &&\n node.attrsMap['inline-template'] == null\n ) {\n return\n }\n for (let i = 0, l = node.children.length; i < l; i++) {\n const child = node.children[i]\n markStatic(child)\n if (!child.static) {\n node.static = false\n }\n }\n }\n}\n\nfunction markStaticRoots(node: ASTNode, isInFor: boolean) {\n if (node.type === 1) {\n if (node.static || node.once) {\n node.staticInFor = isInFor\n }\n // For a node to qualify as a static root, it should have children that\n // are not just static text. Otherwise the cost of hoisting out will\n // outweigh the benefits and it's better off to just always render it fresh.\n if (\n node.static &&\n node.children.length &&\n !(node.children.length === 1 && node.children[0].type === 3)\n ) {\n node.staticRoot = true\n return\n } else {\n node.staticRoot = false\n }\n if (node.children) {\n for (let i = 0, l = node.children.length; i < l; i++) {\n markStaticRoots(node.children[i], isInFor || !!node.for)\n }\n }\n if (node.ifConditions) {\n walkThroughConditionsBlocks(node.ifConditions, isInFor)\n }\n }\n}\n\nfunction walkThroughConditionsBlocks(\n conditionBlocks: ASTIfConditions,\n isInFor: boolean,\n): void {\n for (let i = 1, len = conditionBlocks.length; i < len; i++) {\n markStaticRoots(conditionBlocks[i].block, isInFor)\n }\n}\n\nfunction isStatic(node: ASTNode): boolean {\n if (node.type === 2) {\n // expression\n return false\n }\n if (node.type === 3) {\n // text\n return true\n }\n return !!(\n node.pre ||\n (!node.hasBindings && // no dynamic bindings\n !node.if &&\n !node.for && // not v-if or v-for or v-else\n !isBuiltInTag(node.tag) && // not a built-in\n isPlatformReservedTag(node.tag) && // not a component\n !isDirectChildOfTemplateFor(node) &&\n Object.keys(node).every(isStaticKey))\n )\n}\n\nfunction isDirectChildOfTemplateFor(node: ASTElement): boolean {\n while (node.parent) {\n node = node.parent\n if (node.tag !== 'template') {\n return false\n }\n if (node.for) {\n return true\n }\n }\n return false\n}\n" }, { "path": "src/compiler/parser/entity-decoder.js", "content": "/* @flow */\n\nlet decoder\n\nexport function decode(html: string): string {\n decoder = decoder || document.createElement('div')\n decoder.innerHTML = html\n return decoder.textContent\n}\n" }, { "path": "src/compiler/parser/filter-parser.js", "content": "/* @flow */\n\nconst validDivisionCharRE = /[\\w).+\\-_$\\]]/\n\nexport function parseFilters(exp: string): string {\n let inSingle = false\n let inDouble = false\n let inTemplateString = false\n let inRegex = false\n let curly = 0\n let square = 0\n let paren = 0\n let lastFilterIndex = 0\n let c, prev, i, expression, filters\n\n for (i = 0; i < exp.length; i++) {\n prev = c\n c = exp.charCodeAt(i)\n if (inSingle) {\n if (c === 0x27 && prev !== 0x5c) inSingle = false\n } else if (inDouble) {\n if (c === 0x22 && prev !== 0x5c) inDouble = false\n } else if (inTemplateString) {\n if (c === 0x60 && prev !== 0x5c) inTemplateString = false\n } else if (inRegex) {\n if (c === 0x2f && prev !== 0x5c) inRegex = false\n } else if (\n c === 0x7c && // pipe\n exp.charCodeAt(i + 1) !== 0x7c &&\n exp.charCodeAt(i - 1) !== 0x7c &&\n !curly &&\n !square &&\n !paren\n ) {\n if (expression === undefined) {\n // first filter, end of expression\n lastFilterIndex = i + 1\n expression = exp.slice(0, i).trim()\n } else {\n pushFilter()\n }\n } else {\n switch (c) {\n case 0x22:\n inDouble = true\n break // \"\n case 0x27:\n inSingle = true\n break // '\n case 0x60:\n inTemplateString = true\n break // `\n case 0x28:\n paren++\n break // (\n case 0x29:\n paren--\n break // )\n case 0x5b:\n square++\n break // [\n case 0x5d:\n square--\n break // ]\n case 0x7b:\n curly++\n break // {\n case 0x7d:\n curly--\n break // }\n }\n if (c === 0x2f) {\n // /\n let j = i - 1\n let p\n // find first non-whitespace prev char\n for (; j >= 0; j--) {\n p = exp.charAt(j)\n if (p !== ' ') break\n }\n if (!p || !validDivisionCharRE.test(p)) {\n inRegex = true\n }\n }\n }\n }\n\n if (expression === undefined) {\n expression = exp.slice(0, i).trim()\n } else if (lastFilterIndex !== 0) {\n pushFilter()\n }\n\n function pushFilter() {\n ;(filters || (filters = [])).push(exp.slice(lastFilterIndex, i).trim())\n lastFilterIndex = i + 1\n }\n\n if (filters) {\n for (i = 0; i < filters.length; i++) {\n expression = wrapFilter(expression, filters[i])\n }\n }\n\n return expression\n}\n\nfunction wrapFilter(exp: string, filter: string): string {\n const i = filter.indexOf('(')\n if (i < 0) {\n // _f: resolveFilter\n return `_f(\"${filter}\")(${exp})`\n } else {\n const name = filter.slice(0, i)\n const args = filter.slice(i + 1)\n return `_f(\"${name}\")(${exp},${args}`\n }\n}\n" }, { "path": "src/compiler/parser/html-parser.js", "content": "/**\n * Not type-checking this file because it's mostly vendor code.\n */\n\n/*!\n * HTML Parser By John Resig (ejohn.org)\n * Modified by Juriy \"kangax\" Zaytsev\n * Original code by Erik Arvidsson, Mozilla Public License\n * http://erik.eae.net/simplehtmlparser/simplehtmlparser.js\n */\n\nimport { makeMap, no } from 'shared/util'\nimport { isNonPhrasingTag } from 'web/compiler/util'\n\n// Regular Expressions for parsing tags and attributes\nconst singleAttrIdentifier = /([^\\s\"'<>/=]+)/\nconst singleAttrAssign = /(?:=)/\nconst singleAttrValues = [\n // attr value double quotes\n /\"([^\"]*)\"+/.source,\n // attr value, single quotes\n /'([^']*)'+/.source,\n // attr value, no quotes\n /([^\\s\"'=<>`]+)/.source,\n]\nconst attribute = new RegExp(\n '^\\\\s*' +\n singleAttrIdentifier.source +\n '(?:\\\\s*(' +\n singleAttrAssign.source +\n ')' +\n '\\\\s*(?:' +\n singleAttrValues.join('|') +\n '))?',\n)\n\n// could use https://www.w3.org/TR/1999/REC-xml-names-19990114/#NT-QName\n// but for Vue templates we can enforce a simple charset\nconst ncname = '[a-zA-Z_][\\\\w\\\\-\\\\.]*'\nconst qnameCapture = '((?:' + ncname + '\\\\:)?' + ncname + ')'\nconst startTagOpen = new RegExp('^<' + qnameCapture)\nconst startTagClose = /^\\s*(\\/?)>/\nconst endTag = new RegExp('^<\\\\/' + qnameCapture + '[^>]*>')\nconst doctype = /^]+>/i\nconst comment = /^')\n\n if (commentEnd >= 0) {\n advance(commentEnd + 3)\n continue\n }\n }\n\n // http://en.wikipedia.org/wiki/Conditional_comment#Downlevel-revealed_conditional_comment\n if (conditionalComment.test(html)) {\n const conditionalEnd = html.indexOf(']>')\n\n if (conditionalEnd >= 0) {\n advance(conditionalEnd + 2)\n continue\n }\n }\n\n // Doctype:\n const doctypeMatch = html.match(doctype)\n if (doctypeMatch) {\n advance(doctypeMatch[0].length)\n continue\n }\n\n // End tag:\n const endTagMatch = html.match(endTag)\n if (endTagMatch) {\n const curIndex = index\n advance(endTagMatch[0].length)\n parseEndTag(endTagMatch[1], curIndex, index)\n continue\n }\n\n // Start tag:\n const startTagMatch = parseStartTag()\n if (startTagMatch) {\n handleStartTag(startTagMatch)\n continue\n }\n }\n\n let text, rest, next\n if (textEnd >= 0) {\n rest = html.slice(textEnd)\n while (\n !endTag.test(rest) &&\n !startTagOpen.test(rest) &&\n !comment.test(rest) &&\n !conditionalComment.test(rest)\n ) {\n // < in plain text, be forgiving and treat it as text\n next = rest.indexOf('<', 1)\n if (next < 0) break\n textEnd += next\n rest = html.slice(textEnd)\n }\n text = html.substring(0, textEnd)\n advance(textEnd)\n }\n\n if (textEnd < 0) {\n text = html\n html = ''\n }\n\n if (options.chars && text) {\n options.chars(text)\n }\n } else {\n var stackedTag = lastTag.toLowerCase()\n var reStackedTag =\n reCache[stackedTag] ||\n (reCache[stackedTag] = new RegExp(\n '([\\\\s\\\\S]*?)(]*>)',\n 'i',\n ))\n var endTagLength = 0\n var rest = html.replace(reStackedTag, function(all, text, endTag) {\n endTagLength = endTag.length\n if (!isPlainTextElement(stackedTag) && stackedTag !== 'noscript') {\n text = text\n .replace(//g, '$1')\n .replace(//g, '$1')\n }\n if (options.chars) {\n options.chars(text)\n }\n return ''\n })\n index += html.length - rest.length\n html = rest\n parseEndTag(stackedTag, index - endTagLength, index)\n }\n\n if (html === last) {\n options.chars && options.chars(html)\n if (\n process.env.NODE_ENV !== 'production' &&\n !stack.length &&\n options.warn\n ) {\n options.warn(`Mal-formatted tag at end of template: \"${html}\"`)\n }\n break\n }\n }\n\n // Clean up any remaining tags\n parseEndTag()\n\n function advance(n) {\n index += n\n html = html.substring(n)\n }\n\n function parseStartTag() {\n const start = html.match(startTagOpen)\n if (start) {\n const match = {\n tagName: start[1],\n attrs: [],\n start: index,\n }\n advance(start[0].length)\n let end, attr\n while (\n !(end = html.match(startTagClose)) &&\n (attr = html.match(attribute))\n ) {\n advance(attr[0].length)\n match.attrs.push(attr)\n }\n if (end) {\n match.unarySlash = end[1]\n advance(end[0].length)\n match.end = index\n return match\n }\n }\n }\n\n function handleStartTag(match) {\n const tagName = match.tagName\n const unarySlash = match.unarySlash\n\n if (expectHTML) {\n if (lastTag === 'p' && isNonPhrasingTag(tagName)) {\n parseEndTag(lastTag)\n }\n if (canBeLeftOpenTag(tagName) && lastTag === tagName) {\n parseEndTag(tagName)\n }\n }\n\n const unary =\n isUnaryTag(tagName) ||\n (tagName === 'html' && lastTag === 'head') ||\n !!unarySlash\n\n const l = match.attrs.length\n const attrs = new Array(l)\n for (let i = 0; i < l; i++) {\n const args = match.attrs[i]\n // hackish work around FF bug https://bugzilla.mozilla.org/show_bug.cgi?id=369778\n if (IS_REGEX_CAPTURING_BROKEN && args[0].indexOf('\"\"') === -1) {\n if (args[3] === '') {\n delete args[3]\n }\n if (args[4] === '') {\n delete args[4]\n }\n if (args[5] === '') {\n delete args[5]\n }\n }\n let value = args[3] || args[4] || args[5] || ''\n let name = args[1]\n /**\n * react-vue change\n *
\n * {name: \"autorun\", value: \"\"\"\"} => {name: \"autorun\", value: \"true\"}\n */\n if (args[1].indexOf('v-') === -1 && args[2] === undefined) {\n value = 'true'\n name = ':' + name\n }\n attrs[i] = {\n name: name,\n value: decodeAttr(value, options.shouldDecodeNewlines),\n }\n }\n\n if (!unary) {\n stack.push({\n tag: tagName,\n lowerCasedTag: tagName.toLowerCase(),\n attrs: attrs,\n })\n lastTag = tagName\n }\n\n if (options.start) {\n options.start(tagName, attrs, unary, match.start, match.end)\n }\n }\n\n function parseEndTag(tagName, start, end) {\n let pos, lowerCasedTagName\n if (start == null) start = index\n if (end == null) end = index\n\n if (tagName) {\n lowerCasedTagName = tagName.toLowerCase()\n }\n\n // Find the closest opened tag of the same type\n if (tagName) {\n for (pos = stack.length - 1; pos >= 0; pos--) {\n if (stack[pos].lowerCasedTag === lowerCasedTagName) {\n break\n }\n }\n } else {\n // If no tag name is provided, clean shop\n pos = 0\n }\n\n if (pos >= 0) {\n // Close all the open elements, up the stack\n for (let i = stack.length - 1; i >= pos; i--) {\n if (\n process.env.NODE_ENV !== 'production' &&\n (i > pos || !tagName) &&\n options.warn\n ) {\n options.warn(`tag <${stack[i].tag}> has no matching end tag.`)\n }\n if (options.end) {\n options.end(stack[i].tag, start, end)\n }\n }\n\n // Remove the open elements from the stack\n stack.length = pos\n lastTag = pos && stack[pos - 1].tag\n } else if (lowerCasedTagName === 'br') {\n if (options.start) {\n options.start(tagName, [], true, start, end)\n }\n } else if (lowerCasedTagName === 'p') {\n if (options.start) {\n options.start(tagName, [], false, start, end)\n }\n if (options.end) {\n options.end(tagName, start, end)\n }\n }\n }\n}\n" }, { "path": "src/compiler/parser/index.js", "content": "/* @flow */\n\nimport { decode } from 'he'\nimport { parseHTML } from './html-parser'\nimport { parseText } from './text-parser'\nimport { parseFilters } from './filter-parser'\nimport { cached, no, camelize } from 'shared/util'\nimport { genAssignmentCode } from '../directives/model'\nimport { isIE, isEdge, isServerRendering, isNative } from 'core/util/env'\n\nimport ReactNativeRenderGenerator from 'vue-native/compiler/codegen/NativeRenderGenerator.js'\n\nimport {\n addProp,\n addAttr,\n baseWarn,\n addHandler,\n addDirective,\n getBindingAttr,\n getAndRemoveAttr,\n pluckModuleFunction,\n} from '../helpers'\n\nexport const onRE = /^@|^v-on:/\nexport const dirRE = /^v-|^@|^:/\nexport const forAliasRE = /(.*?)\\s+(?:in|of)\\s+(.*)/\nexport const forIteratorRE = /\\((\\{[^}]*\\}|[^,]*),([^,]*)(?:,([^,]*))?\\)/\n\nconst argRE = /:(.*)$/\nconst bindRE = /^:|^v-bind:/\nconst modifierRE = /\\.[^.]+/g\nconst splitRE = /\\r?\\n/g\n\nconst decodeHTMLCached = cached(decode)\n\n// configurable state\nexport let warn\nlet delimiters\nlet transforms\nlet preTransforms\nlet postTransforms\nlet platformIsPreTag\nlet platformMustUseProp\nlet platformGetTagNamespace\n\n/**\n * Convert HTML string to AST.\n */\nexport function parse(\n template: string,\n options: CompilerOptions,\n): ASTElement | void {\n warn = options.warn || baseWarn\n platformGetTagNamespace = options.getTagNamespace || no\n platformMustUseProp = options.mustUseProp || no\n platformIsPreTag = options.isPreTag || no\n preTransforms = pluckModuleFunction(options.modules, 'preTransformNode')\n transforms = pluckModuleFunction(options.modules, 'transformNode')\n postTransforms = pluckModuleFunction(options.modules, 'postTransformNode')\n delimiters = options.delimiters\n\n const stack = []\n const preserveWhitespace = options.preserveWhitespace !== false\n let root\n let currentParent\n let inVPre = false\n let inPre = false\n let warned = false\n\n function warnOnce(msg) {\n if (!warned) {\n warned = true\n warn(msg)\n }\n }\n\n function endPre(element) {\n // check pre state\n if (element.pre) {\n inVPre = false\n }\n if (platformIsPreTag(element.tag)) {\n inPre = false\n }\n }\n\n parseHTML(template, {\n warn,\n expectHTML: options.expectHTML,\n isUnaryTag: options.isUnaryTag,\n canBeLeftOpenTag: options.canBeLeftOpenTag,\n shouldDecodeNewlines: options.shouldDecodeNewlines,\n start(tag, attrs, unary) {\n // check namespace.\n // inherit parent ns if there is one\n const ns =\n (currentParent && currentParent.ns) || platformGetTagNamespace(tag)\n\n // handle IE svg bug\n /* istanbul ignore if */\n if (isIE && ns === 'svg') {\n attrs = guardIESVGBug(attrs)\n }\n\n const element: ASTElement = {\n type: 1,\n tag,\n attrsList: attrs,\n attrsMap: makeAttrsMap(attrs),\n parent: currentParent,\n children: [],\n }\n if (ns) {\n element.ns = ns\n }\n\n if (isForbiddenTag(element) && !isServerRendering()) {\n element.forbidden = true\n process.env.NODE_ENV !== 'production' &&\n warn(\n 'Templates should only be responsible for mapping the state to the ' +\n 'UI. Avoid placing tags with side-effects in your templates, such as ' +\n `<${tag}>` +\n ', as they will not be parsed.',\n )\n }\n\n // apply pre-transforms\n for (let i = 0; i < preTransforms.length; i++) {\n preTransforms[i](element, options)\n }\n\n if (!inVPre) {\n processPre(element)\n if (element.pre) {\n inVPre = true\n }\n }\n if (platformIsPreTag(element.tag)) {\n inPre = true\n }\n if (inVPre) {\n processRawAttrs(element)\n } else {\n processFor(element)\n processIf(element)\n processOnce(element)\n processKey(element)\n\n // determine whether this is a plain element after\n // removing structural attributes\n element.plain = !element.key && !attrs.length\n\n processRef(element)\n processSlot(element)\n processComponent(element)\n for (let i = 0; i < transforms.length; i++) {\n transforms[i](element, options)\n }\n processAttrs(element)\n }\n\n function checkRootConstraints(el) {\n if (process.env.NODE_ENV !== 'production') {\n if (el.tag === 'slot' || el.tag === 'template') {\n warnOnce(\n `Cannot use <${el.tag}> as component root element because it may ` +\n 'contain multiple nodes.',\n )\n }\n // eslint-disable-next-line no-prototype-builtins\n if (el.attrsMap.hasOwnProperty('v-for')) {\n warnOnce(\n 'Cannot use v-for on stateful component root element because ' +\n 'it renders multiple elements.',\n )\n }\n }\n }\n\n // tree management\n if (!root) {\n root = element\n checkRootConstraints(root)\n } else if (!stack.length) {\n // allow root elements with v-if, v-else-if and v-else\n if (root.if && (element.elseif || element.else)) {\n checkRootConstraints(element)\n addIfCondition(root, {\n exp: element.elseif,\n block: element,\n })\n } else if (process.env.NODE_ENV !== 'production') {\n warnOnce(\n `Component template should contain exactly one root element. ` +\n `If you are using v-if on multiple elements, ` +\n `use v-else-if to chain them instead.`,\n )\n }\n }\n if (currentParent && !element.forbidden) {\n if (element.elseif || element.else) {\n processIfConditions(element, currentParent)\n } else if (element.slotScope) {\n // scoped slot\n currentParent.plain = false\n const name = element.slotTarget || '\"default\"'\n ;(currentParent.scopedSlots || (currentParent.scopedSlots = {}))[\n name\n ] = element\n } else {\n currentParent.children.push(element)\n element.parent = currentParent\n }\n }\n if (!unary) {\n currentParent = element\n stack.push(element)\n } else {\n endPre(element)\n }\n // apply post-transforms\n for (let i = 0; i < postTransforms.length; i++) {\n postTransforms[i](element, options)\n }\n },\n\n end() {\n // remove trailing whitespace\n const element = stack[stack.length - 1]\n const lastNode = element.children[element.children.length - 1]\n if (lastNode && lastNode.type === 3 && lastNode.text === ' ' && !inPre) {\n element.children.pop()\n }\n // pop stack\n stack.length -= 1\n currentParent = stack[stack.length - 1]\n endPre(element)\n },\n\n chars(text: string) {\n if (!currentParent) {\n if (process.env.NODE_ENV !== 'production') {\n if (text === template) {\n warnOnce(\n 'Component template requires a root element, rather than just text.',\n )\n } else if ((text = text.trim())) {\n warnOnce(`text \"${text}\" outside root element will be ignored.`)\n }\n }\n return\n }\n // IE textarea placeholder bug\n /* istanbul ignore if */\n if (\n isIE &&\n currentParent.tag === 'textarea' &&\n currentParent.attrsMap.placeholder === text\n ) {\n return\n }\n const children = currentParent.children\n text =\n inPre || text.trim()\n ? decodeHTMLCached(text)\n : // only preserve whitespace if its not right after a starting tag\n preserveWhitespace && children.length\n ? ' '\n : ''\n if (text) {\n let expression\n if (\n !inVPre &&\n text !== ' ' &&\n (expression = parseText(text, delimiters))\n ) {\n children.push({\n type: 2,\n expression,\n text,\n })\n } else if (\n text !== ' ' ||\n !children.length ||\n children[children.length - 1].text !== ' '\n ) {\n children.push({\n type: 3,\n text,\n })\n }\n }\n },\n })\n return root\n}\n\nfunction processPre(el) {\n if (getAndRemoveAttr(el, 'v-pre') != null) {\n el.pre = true\n }\n}\n\nfunction processRawAttrs(el) {\n const l = el.attrsList.length\n if (l) {\n const attrs = (el.attrs = new Array(l))\n for (let i = 0; i < l; i++) {\n attrs[i] = {\n name: el.attrsList[i].name,\n value: JSON.stringify(el.attrsList[i].value),\n }\n }\n } else if (!el.pre) {\n // non root node in pre blocks with no attributes\n el.plain = true\n }\n}\n\nfunction processKey(el) {\n const exp = getBindingAttr(el, 'key')\n if (exp) {\n if (process.env.NODE_ENV !== 'production' && el.tag === 'template') {\n warn(\n `