{{ content_as_json }}
\"\n content = [{\"a\": 1}]\n\n @computed\n def content_as_json(self):\n # Will break because self.content is not a native python type\n # json.dumps does not know how to serialize this types\n return json.dumps(sef.content)\n\n # vue.py provides a method to convert the wrapper types\n return json.dumps(Object.to_py(self.content))\n\n```\n**When converting to native python types reactivity may get lost!**\n\n\n### When Native Javascript Types Are Assumed\nA similar problem exists when passing wrapper variables to native javascript methods.\nBrython can convert native Python types like lists and dicts to their javascript equivalent.\nSince the wrapper types are not real lists/dicts Brython cannot convert them.\n```python\nfrom vue import VueComponent, computed\nfrom vue.bridge import Object\nfrom vue.utils import js_lib\n\njs_json = js_lib(\"JSON\")\n\nclass MyComponent(VueComponent):\n template = \"{{ content_as_json }}
\"\n content = [{\"a\": 1}]\n\n @computed\n def content_as_json(self):\n # Will break because self.content is not a native javascript type\n # JSON.stringify does not know how to serialize this types\n return js_json.stringify(self.content)\n\n # vue.py provides a method to convert the wrapper types\n return js_json.stringify(Object.to_js(self.content))\n```\n\n### Are These Limitations Forever?\nI hope not!\n\nCurrently the main reason for this limitations is [Brython Issue 893](https://github.com/brython-dev/brython/issues/893).\nWhen this one gets fixed, the wrapper classes can be subclasses of native python types and Brython should be able to do the right conversions under the hood.\n"
},
{
"path": "docs/docs/vue_concepts/computed_properties.md",
"content": "# Computed Properties\nComputed properties can be defined with the `@computed` decorator\n```python\nfrom vue import VueComponent, computed\n\nclass ComponentWithMethods(VueComponent):\n message = \"Hallo vue.py\"\n @computed\n def reversed(self):\n return \"\".join(reversed(self.message))\n```\n\ncomputed setters are defined similar to plain python setters\n```python\nclass ComputedSetter(VueComponent):\n message = \"Hallo vue.py\"\n\n @computed\n def reversed_message(self):\n return self.message[::-1]\n\n @reversed_message.setter\n def reversed_message(self, reversed_message):\n self.message = reversed_message[::-1]\n```\n\n# Watchers\nWatchers can be defined with the `@watch` decorator.\n```python\nfrom vue import VueComponent, watch\n\nclass Watch(VueComponent):\n message = \"\"\n\n @watch(\"message\")\n def log_message_changes(self, new, old):\n print(\"'message' changed from '{}' to '{}'\".format(old, new)\n```\n\n\n`deep` and `immediate` watchers can be configured via arguments\n\n```python\nfrom vue import VueComponent, watch\n\nclass Watch(VueComponent):\n message = \"\"\n\n @watch(\"message\", deep=True, immediate=True)\n def log_message_changes(self, new, old):\n print(\"'message' changed from '{}' to '{}'\".format(old, new)\n```\n"
},
{
"path": "docs/docs/vue_concepts/custom_directives.md",
"content": "# Custom Directives\n\n## Local Registration\nFor [function directives](https://vuejs.org/v2/guide/custom-directive.html#Function-Shorthand)\nis just a decorator necessary\n```python\nfrom vue import VueComponent, directive\n\nclass CustomDirective(VueComponent):\n @staticmethod\n @directive\n def custom_focus(el, binding, vnode, old_vnode, *args):\n pass\n```\n\nTo define custom hook functions, add the directive name as argument to\nthe decorator\n```python\nfrom vue import VueComponent, directive\n\nclass CustomDirective(VueComponent):\n @staticmethod\n @directive(\"focus\")\n def component_updated(el, binding, vnode, old_vnode, *args):\n # implement 'componentUpdated' hook function here\n pass\n\n @staticmethod\n @directive(\"focus\")\n def inserted(el, binding, vnode, old_vnode, *args):\n # implement 'inserted' hook function here\n pass\n```\n\nTo avoid code duplication when adding the same hook function to different hooks,\nthe hooks can be specified as decorator arguments.\n```python\nfrom vue import VueComponent, directive\n\nclass CustomDirective(VueComponent):\n @staticmethod\n @directive(\"focus\", \"component_updated\", \"inserted\")\n def combined_hook(el, binding, vnode, old_vnode, *args):\n # implement function for 'componentUpdated' and 'inserted' hook here\n pass\n```\n\n**The Vue.js hook `componentUpdated` is called `component_updated` to be more pythonic**\n\nThe `@staticmethod` decorator is only necessary to avoid IDE checker errors.\n\nUnderscores in directive names get replaced by dashes, so `custom_focus` gets `v-custom-focus`.\n\n\n## Global Registration\nGlobal directives can be created by sub-classing `VueDirective`.\n```python\nfrom vue import Vue, VueDirective\nclass MyDirective(VueDirective):\n def bind(el, binding, vnode, old_vnode):\n pass\n\n def component_updated(el, binding, vnode, old_vnode):\n pass\n\nVue.directive(\"my-directive\", MyDirective)\n```\nand for function directives just pass the function to `Vue.directive`\n```python\nfrom vue import Vue\ndef my_directive(el, binding, vnode, old_vnode):\n pass\n\nVue.directive(\"my-directive\", my_directive)\n```\n`vue.py` offeres a shorthand, if you like to take the **lower-cased** name\nof the function/directive-class as directive name.\n```python\nfrom vue import Vue\ndef my_directive(el, binding, vnode, old_vnode):\n pass\n\nVue.directive(my_directive) # directive name is 'my_directive'\n```\n\n## Retrieve Global Directives\nGetter for global directives works similar to Vue.js\n```python\nfrom vue import Vue\ndirective = Vue.directive('directive-name')\n```\n"
},
{
"path": "docs/docs/vue_concepts/custom_vmodel.md",
"content": "# Customize V-Model\nTo customize the event and prop used by `v-model` a class variable of the type `Model()` can be defined.\n```python\nfrom vue import VueComponent, Model\n\nclass CustomVModel(VueComponent):\n model = Model(prop=\"checked\", event=\"change\")\n checked: bool\n template = \"\"\"\n \n \n
\n \"\"\"\n```\n"
},
{
"path": "docs/docs/vue_concepts/data_methods.md",
"content": "# Data\nAll class variables of a `vue.py` component are available as data fields in the Vue instance.\n```python\nclass ComponentWithData(VueComponent):\n data_field = \"value\"\n```\n\nto initialize a data field with a prop you can use the `@data` decorator\n```python\nfrom vue import VueComponent, data\n\nclass ComponentWithData(VueComponent):\n prop: str\n @data\n def initialized_with_prop(self):\n return self.prop\n```\n\n# Methods\nSimilar to data fields all methods of the `vue.py` component are available as methods.\n```python\nfrom vue import VueComponent\n\nclass ComponentWithMethods(VueComponent):\n counter = 0\n\n def increase(self):\n self.counter += 1\n```\n\nMethods used as event handler, must have a (optional) argument for the event.\n```python\nfrom vue import VueComponent\n\nclass ComponentWithMethods(VueComponent):\n def handle(self, ev):\n print(ev)\n```\n\n## self\nAll attributes of the Vue instance are available as attributes of `self` (e.g. methods, computed properties, props etc.).\n\n"
},
{
"path": "docs/docs/vue_concepts/extend.md",
"content": "# Extend\nVue.js uses `Vue.extend` or the `extends` Component attribute to extend\ncomponents. Per default `vue.py` sticks to the Pythonic way and uses the\npython class inheritance behavior.\n```python\nfrom vue import VueComponent\n\nclass Base(VueComponent):\n def created(self):\n print(\"Base\")\n\nclass Sub(Base):\n def created(self):\n super().created()\n print(\"Sub\")\n```\nwhich outputs on the console\n```\nBase\nSub\n```\n\nTo use the merging strategies Vue.js applies when using `extends`\nin `vue.py` just set the `extends` attribute to `True`\n\n```python\nfrom vue import VueComponent\n\nclass Base(VueComponent):\n def created(self):\n print(\"Base\")\n\nclass Sub(Base):\n extends = True\n\n def created(self):\n print(\"Sub\")\n```\nwhich outputs on the console\n```\nBase\nSub\n```\n\nThe `extend` attribute can also be a native Vue.js component to extend from this.\n```\nfrom vue import *\nfrom vue.utils import js_lib\nNativeVueJsComponent = js_lib(\"NativeVueJsComponent\")\n\nclass Sub(VueComponent):\n extends = NativeVueJsComponent\n```\n\n## Template Slots\nVue.js does not support extending templates out-of-the-box and it is\n[recommended](https://vuejsdevelopers.com/2017/06/11/vue-js-extending-components/)\nto use third-party libraries like [pug](https://pugjs.org/api/getting-started.html).\n\nWith `vue.py` a feature called `template_slots` is included to extend templates.\nA base component can define slots in the template\nand a sub component can fill the slots with the attribute `template_slots`.\nThe base component can also define default values for the slots.\n\n```python\nfrom vue import VueComponent\n\nclass Base(VueComponent):\n template_slots = {\n \"heading\": \"Default Heading\",\n \"footer\": \"Default Footer\",\n }\n template = \"\"\"\n {{ checked }}
\n\n
\n \"\"\"\n\nclass Sub(Base):\n template_slots = {\n \"heading\": \"My Custom Heading\",\n \"content\": \"content...\"\n }\n```\nThe `Sub` component gets rendered as\n```html\n{heading}
\n {content}\n {footer}\nMy Custom Heading
\ncontent...\nDefault Footer\n```\n\nIf you only have one slot in your component, the `template_slots` attribute\ncan be the template string\n\n```python\nfrom vue import VueComponent\n\nclass Base(VueComponent):\n template = \"{}
\"\n\nclass Sub(Base):\n template_slots = \"heading\"\n```\nThe `Sub` component gets rendered as\n```html\nheading
\n```\n\nMixing both is also possible\n```python\nclass Base(VueComponent):\n template_slots = {\"pre\": \"DEFAULT\", \"post\": \"DEFAULT\"}\n template = \"{pre} {} {post}
\"\n\nclass WithSlots(Base):\n template_slots = {\"pre\": \"PRE\", \"default\": \"SUB\"}\n\nclass WithDefault(Base):\n template_slots = \"SUB\"\n```\n\nThe `WithSlots` component gets rendered as\n```html\nPRE SUB DEFAULT
\n```\n\nThe `WithDefault` component gets rendered as\n```html\nDEFAULT SUB DEFAULT
\n```\n" }, { "path": "docs/docs/vue_concepts/filter.md", "content": "# Filter\n\n## Local Registration\nLocal registration of filters is done with the `@filters` decorator.\n```python\nfrom vue import VueComponent, filters\n\nclass ComponentWithFilter(VueComponent):\n message = \"Message\"\n\n @filters\n def lower_case(value):\n return value.lower()\n\n template = \"{{ message | lower_case }}
\"\n```\n\nTo avoid errors on source code checking errors in modern IDEs, an additional `@staticmethod` decorator can be added\n```python\nfrom vue import VueComponent, filters\n\nclass ComponentWithFilter(VueComponent):\n @staticmethod\n @filters\n def lower_case(value):\n return value.lower()\n```\n\n## Global Registration\nGlobal registration of filters works similar to Vue.js\n```python\nfrom vue import Vue\n\nVue.filter(\"capitalize\", str.capitalize)\n```\n\nAdditionally in vue.py it is allowd to only pass a function to `Vue.filter`.\nIn this case the filter gets registered under the function name.\n```python\nfrom vue import Vue\n\ndef my_filter(val):\n return \"filtered({})\".format(val)\n\nVue.filter(my_filter)\n```\n"
},
{
"path": "docs/docs/vue_concepts/instance_components.md",
"content": "# Components\n## Define\nA Vue component can be defined by writing a sub-class of `VueComponent`\n```python\nfrom vue import VueComponent\n\nclass MyComponent(VueComponent):\n pass\n```\n\n## Registration\nEvery component has to be [registered](https://vuejs.org/v2/guide/components-registration.html) to be available in other components.\n### Local Registration\n```python\nfrom vue import VueComponent\n\nclass MyComponent(VueComponent):\n components = [\n MyVuePyComponent,\n AnotherNativeVueJsComponent,\n ]\n```\nThe component to register can be either a `vue.py` component or a native\nVue.js component loaded with `js_lib` or `js_import`\n### Global Registration\n```python\nfrom vue import Vue\n\n# For vue.py components or native Vue.js component loaded with js_lib or js_import\nVue.component(MyComponent)\nVue.component(\"my-custom-name\", MyComponent)\n\n# Only for vue.py components\nMyComponent.register()\nMyComponent.register(\"my-custom-name\")\n```\n\n## Template\nThe component html template can be defined with a class variable called `template`\n```python\nfrom vue import VueComponent\n\nclass MyComponent(VueComponent):\n template = \"\"\"\n \n Hallo vue.py!\n
\n \"\"\"\n```\n\n`vue.py` templates look the same than Vue.js templates. This means inline expressions must be javascript!!.\n```python\nfrom vue import VueComponent\n\nclass MyComponent(VueComponent):\n message = \"Hallo vue.py!\"\n template = \"\"\"\n \n {{ message.split('').reverse().join('') }}\n
\n \"\"\"\n```\n\n\n# Instance\n## Start\nTo start a component as Vue application, just pass a css selector at initialization\n```\nApp(\"#app\")\n```\n\n## Prop Data\n[propsData](https://vuejs.org/v2/api/#propsData) can be passed in as a dictionary.\n```python\nApp(\"#app\", props_data={\"prop\": \"value\"})\n```\n\n\n## API\n### Dollar Methods\n$-methods like `$emit` can be called by omitting the `$`\n```python\nfrom vue import VueComponent\n\nclass MyComponent(VueComponent):\n def created(self):\n self.emit(\"creation\", \"Arg\")\n```\n\nIn the case your Component has another attribute with the same name, you can use a workaround and directly call `getattr()`\n```python\nfrom vue import VueComponent\n\nclass MyComponent(VueComponent):\n emit = \"already used\"\n def created(self):\n getattr(self, \"$emit\")(\"creation\", \"Arg\")\n```\n\n"
},
{
"path": "docs/docs/vue_concepts/lifecycle_hooks.md",
"content": "# Lifecycle Hooks\nCertain names for component methods are reserved, to specify lifecycle hooks.\n```python\nfrom vue import VueComponent\n\nclass ComponentLifecycleHooks(VueComponent):\n def before_create(self):\n print(\"on beforeCreate\")\n\n def created(self):\n print(\"on created\")\n\n def before_mount(self):\n print(\"on beforeMount\")\n\n def mounted(self):\n print(\"on mounted\")\n\n def before_update(self):\n print(\"on beforeUpdate\")\n\n def updated(self):\n print(\"on updated\")\n\n def before_destroy(self):\n print(\"on beforeDestroy\")\n\n def destroyed(self):\n print(\"on destroyed\")\n```\n"
},
{
"path": "docs/docs/vue_concepts/plugins_mixins.md",
"content": "# Mixins\n\n## Write Mixins\nMixins are created by sub-classing from `VueMixin` and from there it is\nsimilar to write a `VueComponent`\n```python\nfrom vue import VueMixin, computed\n\nclass MyMixin(VueMixin):\n prop: str\n\n value = \"default\"\n\n def created(self):\n pass\n\n @computed\n def upper_value(self):\n return self.value.upper()\n```\n\n## Use Mixins\n### Local Registration\nLocal registration of a Mixin within a Component works just like in Vue.js.\n```python\nfrom vue import VueComponent\n\nclass MyComponent(VueComponent):\n mixins = [MyPyMixin, AnotherVueJsMixin]\n```\nMixins wirtten in Vue.js and `vue.py` can be mixed.\n\n### Global Registration\nGlobal registration of a Mixin works also just like in Vue.js.\n```python\nfrom vue import Vue\nVue.mixin(MyMixin)\n```\n\n# Plugins\n## Write Plugins\nA plugin can be written by sub-classing `VuePlugin` and implementing\nthe function `install` similar to Vue.js.\n```python\nfrom vue import Vue, VuePlugin, VueMixin\n\nclass MyPlugin(VuePlugin):\n class MyMixin(VueMixin):\n def created(self):\n pass\n\n # 4) Within a Mixin, new instance methods can be defined\n def my_method(self, args):\n pass\n\n @staticmethod\n def global_method():\n pass\n\n @staticmethod\n def install(*args, **kwargs):\n # 1) Add a global method or property\n Vue.my_global_method = MyPlugin.global_method\n\n # 2) Add a global assed\n Vue.directive(MyDirective)\n\n # 3) Inject Mixins\n Vue.mixin(MyPlugin.MyMixin)\n```\n\n## Use Plugins\nUsing plugins works like in Vue.js\n```python\nfrom vue import Vue\n\nVue.use(MyPlugin)\n```\n`vue.py` supports also using native Vue.js plugins.\n"
},
{
"path": "docs/docs/vue_concepts/props.md",
"content": "# Props\nA prop is defined by adding a type hint to a class variable.\n```python\nfrom vue import VueComponent\n\nclass ComponentWithData(VueComponent):\n prop: str\n```\n\n## Types\nUnlike Vue.js, vue.py enforces prop types (if not type hint is provided, it is a data field).\n\nThe following types are currently supported:\n* `int`\n* `float`\n* `str`\n* `bool`\n* `list`\n* `dict`\n\n## Default\nBy assigning a value to a prop, the default value can be defined.\n```python\nfrom vue import VueComponent\n\nclass ComponentWithData(VueComponent):\n prop: str = \"default\"\n```\n\n## Required\nIf no default value is given, the prop is automatically required.\n\n## Validator\nWith the `@validator` decorator are prop validators defined\n```python\nfrom vue import VueComponent, validator\n\nclass ComponentWithData(VueComponent):\n prop: int\n\n @validator(\"prop\")\n def prop_must_be_greater_than_100(self, value):\n return value > 100\n```\n"
},
{
"path": "docs/docs/vue_concepts/render_function.md",
"content": "# Render Function\nA render function can be defined by overwriting the `render` method.\n```python\nfrom vue import VueComponent\n\nclass ComponentWithData(VueComponent):\n def render(self, create_element):\n return create_element(\"h1\", \"Title\")\n```\n\n## Accessing Slots\nSlots can be accessed as a dictionary.\n```python\nfrom vue import VueComponent\n\nclass ComponentWithSlots(VueComponent):\n def render(self, create_element):\n return create_element(f\"div\", self.slots.get(\"default\"))\n```\nIt is recommened to access the dictionary via the `get`-method to avoid failures\nwhen no children for the slot are provided.\n\n## Passing Props\n```python\nfrom vue import VueComponent\n\nclass ComponentWithProps(VueComponent):\n prop: str = \"p\"\n template = \"\"\n\nComponentWithProps.register()\n\nclass Component(VueComponent):\n def render(self, create_element):\n return create_element(\n \"ComponentWithProps\", {\"props\": {\"prop\": \"p\"}},\n )\n```\n"
},
{
"path": "docs/docs/vue_concepts/vue-router.md",
"content": "# Vue Router\n## Define\nA vue router can be used by writing a sub-class of `VueRouter`, \nsetting some `VueRoute`s \nand set the `router` parameter when initializing a app.\n```python\nfrom vue import VueComponent, VueRouter, VueRoute\n\nclass Foo(VueComponent):\n template = \"foo
\"\n\nclass Bar(VueComponent):\n template = \"bar
\"\n\nclass Router(VueRouter):\n routes = [\n VueRoute(\"/foo\", Foo),\n VueRoute(\"/bar\", Bar),\n ]\n\nclass App(VueComponent):\n template = \"\"\"\n \n
\n \"\"\"\n\nApp(\"#app\", router=Router())\n```\n\nenable the vue-router extension in the `vuepy.yml` [config file](../management/configuration.md):\n```yaml\nscripts:\n vue-router: true\n```\n"
},
{
"path": "docs/docs/vue_concepts/vuex.md",
"content": "# Vuex\n## Define\nA Vuex store can be defined by writing a sub-class of `VueStore`\nand used by setting the `store` parameter when initializing a app.\n```python\nfrom vue import VueComponent, VueStore\n\nclass Store(VueStore):\n pass\n\nclass App(VueComponent):\n pass\n\nApp(\"#app\", store=Store())\n```\n\nenable the vuex extension in the `vuepy.yml` [config file](../management/configuration.md):\n```yaml\nscripts:\n vuex: true\n```\n\n## State Variables\n```python\nfrom vue import VueComponent, VueStore\n\nclass Store(VueStore):\n greeting = \"Hello Store\"\n\nclass App(VueComponent):\n def created(self):\n print(self.store.greeting)\n\nApp(\"#app\", store=Store())\n```\n\n\n## Getter\n```python\nfrom vue import VueComponent, VueStore, getter\n\nclass Store(VueStore):\n greeting = \"Hello\"\n\n @getter\n def get_greeting(self):\n return self.greeting\n\n @getter\n def personalized_greeting(self, name):\n return \"{} {}\".format(self.greeting, name)\n\nclass App(VueComponent):\n def created(self):\n print(self.store.get_greeting) # \"Hello\"\n print(self.store.personalized_greeting(\"Store\")) # \"Hello Store\"\n\nApp(\"#app\", store=Store())\n```\n\n## Mutations\nUnlike `Vue.js` mutations in `vue.py` can have multiple arguments and\neven keyword-arguments\n```python\nfrom vue import VueComponent, VueStore, mutation\n\nclass Store(VueStore):\n greeting = \"\"\n\n @mutation\n def set_greeting(self, greeting, name=None):\n self.greeting = greeting\n if name:\n self.greeting += \" \" + name\n\nclass App(VueComponent):\n def created(self):\n self.store.commit(\"set_greeting\", \"Hello\", name=\"Store\")\n print(self.store.greeting) # \"Hello Store\"\n\nApp(\"#app\", store=Store())\n```\n\n## Mutations\nSimilar to mutations actions in `vue.py` can have multiple arguments and\neven keyword-arguments.\n```python\nfrom vue import VueComponent, VueStore, mutation\n\nclass Store(VueStore):\n @action\n def greet(self, greeting, name=None):\n if name:\n greeting += \" \" + name\n print(greeting)\n\nclass App(VueComponent):\n def created(self):\n self.store.dispatch(\"greet\", \"Hello\", name=\"Store\")\n\nApp(\"#app\", store=Store())\n```\n\n## Plugins\n```python\nclass Plugin(VueStorePlugin):\n def initialize(self, store):\n store.message = \"Message\"\n\n def subscribe(self, mut, *args, **kwargs):\n print(mut, args, kwargs)\n\nclass Store(VueStore):\n plugins = [Plugin().install] # list can also contain native vuex plugins\n\n message = \"\"\n\n @mutation\n def msg(self, prefix, postfix=\"\"):\n pass\n\nclass ComponentUsingGetter(VueComponent):\n @computed\n def message(self):\n return self.store.message\n\n def created(self):\n self.store.commit(\"msg\", \"Hallo\", postfix=\"!\")\n\n template = \"\n
{{ message }}
\"\n```\n"
},
{
"path": "docs/planning.md",
"content": "# Future Plans\n## Performance\n* How to improve loading times?\n* create benchmarks\n\n## Tools\n* Docker deployment\n\n## Vue.py Universe\n* store synchronization\n * with local/session storage\n * over WebSockets with python backend\n* desktop toolkit\n * based on [pywebview](https://github.com/r0x0r/pywebview) ??\n\n## Vue.js Features\n* full access to Vue object (global configuration etc.)\n* ...\n\n## Internals\n* write tests for decorators\n\n## Docs\n* embed examples in gallery\n"
},
{
"path": "examples/elastic_header/app.py",
"content": "from vue import VueComponent, data, computed\nfrom vue.bridge import Object\nfrom vue.utils import js_lib\n\n\ndynamics = js_lib(\"dynamics\")\n\n\nclass DraggableHeaderView(VueComponent):\n template = \"#header-view\"\n\n dragging = False\n\n @data\n def c(self):\n return {\"x\": 160, \"y\": 160}\n\n @data\n def start(self):\n return {\"x\": 0, \"y\": 0}\n\n @computed\n def header_path(self):\n return f'M0,0 L320,0 320,160Q{self.c[\"x\"]},{self.c[\"y\"]} 0,160'\n\n @computed\n def content_position(self):\n dy = self.c[\"y\"] - 160\n dampen = 2 if dy > 0 else 4\n return {\"transform\": f\"translate3d(0,{dy / dampen}px,0)\"}\n\n def start_drag(self, e):\n e = e[\"changedTouches\"][0] if \"changedTouches\" in e else e\n self.dragging = True\n self.start[\"x\"] = e.pageX\n self.start[\"y\"] = e.pageY\n\n def on_drag(self, e):\n e = e[\"changedTouches\"][0] if \"changedTouches\" in e else e\n if self.dragging:\n self.c[\"x\"] = 160 + (e.pageX - self.start[\"x\"])\n dy = e.pageY - self.start[\"y\"]\n dampen = 1.5 if dy > 0 else 4\n self.c[\"y\"] = int(160 + dy / dampen)\n\n def stop_drag(self, _):\n if self.dragging:\n self.dragging = False\n dynamics.animate(\n Object.to_js(self.c),\n {\"x\": 160, \"y\": 160},\n {\"type\": dynamics.spring, \"duration\": 700, \"friction\": 280},\n )\n\n\nDraggableHeaderView.register()\n\n\nclass App(VueComponent):\n template = \"#main\"\n\n\nApp(\"#app\")\n"
},
{
"path": "examples/elastic_header/header-view.html",
"content": "\n \n
\n"
},
{
"path": "examples/elastic_header/main.html",
"content": "\n
\n \n
\nElastic Draggable SVG Header
\n\n with vue.py\n + dynamics.js\n
\n \n \n\n Note this is just an effect demo\n - there are of course many additional details\n if you want to use this in production,\n e.g. handling responsive sizes, reload threshold and content scrolling.\n Those are out of scope for this quick little hack.\n However, the idea is that you can hide them as internal details\n of a vue.py component and expose a simple Web-Component-like interface.\n
\n \n\n \n \n \n \n
\n \"\"\"\n\n\ndef register():\n NavigationItem.register()\n NavigationMenu.register()\n"
},
{
"path": "examples/element_ui/navigation.html",
"content": "\n \n \n
\n"
},
{
"path": "examples/element_ui/style.css",
"content": ".navigation-menu:not(.el-menu--collapse) {\n width: 200px;\n min-height: 400px;\n}\n"
},
{
"path": "examples/element_ui/vuepy.yml",
"content": "templates:\n navigation: navigation.html\nstylesheets:\n - style.css\n - https://unpkg.com/element-ui/lib/theme-chalk/index.css\nscripts:\n - https://unpkg.com/element-ui/lib/index.js\n"
},
{
"path": "examples/github_commits/app.py",
"content": "from vue import VueComponent, filters, watch\n\nfrom browser import window, ajax\n\nurl = \"https://api.github.com/repos/stefanhoelzl/vue.py/commits?per_page=10&sha={}\"\n\nif window.location.hash == \"#testing\":\n url = \"data.json\"\n\n\nclass App(VueComponent):\n template = \"#commits\"\n\n branches = [\"master\", \"2948e6b\"]\n current_branch = \"master\"\n commits = []\n\n def created(self):\n self.fetch_data()\n\n @watch(\"current_branch\")\n def fetch_data_on_current_branch_change(self, new, old):\n self.fetch_data()\n\n @staticmethod\n @filters\n def truncate(value):\n return value.split(\"\\n\", 1)[0]\n\n @staticmethod\n @filters\n def format_date(value):\n return value.replace(\"T\", \" \").replace(\"Z\", \"\")\n\n def fetch_data(self):\n self.commits = []\n\n req = ajax.ajax()\n req.open(\"GET\", url.format(self.current_branch), True)\n req.bind(\"complete\", self.loaded)\n req.send()\n\n def loaded(self, ev):\n self.commits = window.JSON.parse(ev.text)\n\n\nApp(\"#app\")\n"
},
{
"path": "examples/github_commits/commits.html",
"content": "\n
\n"
},
{
"path": "examples/github_commits/data.json",
"content": "[\n {\n \"sha\": \"0a644f825e780555e62d2e4647786d2a3eb06afc\",\n \"node_id\": \"MDY6Q29tbWl0MTM5NDg4NjkwOjBhNjQ0ZjgyNWU3ODA1NTVlNjJkMmU0NjQ3Nzg2ZDJhM2ViMDZhZmM=\",\n \"commit\": {\n \"author\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T20:53:14Z\"\n },\n \"committer\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-21T10:45:58Z\"\n },\n \"message\": \"[testing] refactored VueComponentFactory out and separated decorators\",\n \"tree\": {\n \"sha\": \"e04efd554a872923b487128493f29046de778387\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/trees/e04efd554a872923b487128493f29046de778387\"\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/commits/0a644f825e780555e62d2e4647786d2a3eb06afc\",\n \"comment_count\": 0,\n \"verification\": {\n \"verified\": false,\n \"reason\": \"unsigned\",\n \"signature\": null,\n \"payload\": null\n }\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/0a644f825e780555e62d2e4647786d2a3eb06afc\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/0a644f825e780555e62d2e4647786d2a3eb06afc\",\n \"comments_url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/0a644f825e780555e62d2e4647786d2a3eb06afc/comments\",\n \"author\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"committer\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"parents\": [\n {\n \"sha\": \"37fb44c39be49ed40d7dce3d4d5978853e4d82f0\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/37fb44c39be49ed40d7dce3d4d5978853e4d82f0\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/37fb44c39be49ed40d7dce3d4d5978853e4d82f0\"\n }\n ]\n },\n {\n \"sha\": \"37fb44c39be49ed40d7dce3d4d5978853e4d82f0\",\n \"node_id\": \"MDY6Q29tbWl0MTM5NDg4NjkwOjM3ZmI0NGMzOWJlNDllZDQwZDdkY2UzZDRkNTk3ODg1M2U0ZDgyZjA=\",\n \"commit\": {\n \"author\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T20:06:42Z\"\n },\n \"committer\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T20:06:42Z\"\n },\n \"message\": \"[refactoring] renamed Vue to VueInstance\",\n \"tree\": {\n \"sha\": \"f98aa2b72ca181035a1f6a988a02dbb6d8b3d530\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/trees/f98aa2b72ca181035a1f6a988a02dbb6d8b3d530\"\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/commits/37fb44c39be49ed40d7dce3d4d5978853e4d82f0\",\n \"comment_count\": 0,\n \"verification\": {\n \"verified\": false,\n \"reason\": \"unsigned\",\n \"signature\": null,\n \"payload\": null\n }\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/37fb44c39be49ed40d7dce3d4d5978853e4d82f0\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/37fb44c39be49ed40d7dce3d4d5978853e4d82f0\",\n \"comments_url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/37fb44c39be49ed40d7dce3d4d5978853e4d82f0/comments\",\n \"author\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"committer\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"parents\": [\n {\n \"sha\": \"5f907e1325d56ba0736f9702d29a523d8a2d00fb\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/5f907e1325d56ba0736f9702d29a523d8a2d00fb\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/5f907e1325d56ba0736f9702d29a523d8a2d00fb\"\n }\n ]\n },\n {\n \"sha\": \"5f907e1325d56ba0736f9702d29a523d8a2d00fb\",\n \"node_id\": \"MDY6Q29tbWl0MTM5NDg4NjkwOjVmOTA3ZTEzMjVkNTZiYTA3MzZmOTcwMmQyOWE1MjNkOGEyZDAwZmI=\",\n \"commit\": {\n \"author\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T19:54:39Z\"\n },\n \"committer\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T19:54:39Z\"\n },\n \"message\": \"[docs] directives docs updated\",\n \"tree\": {\n \"sha\": \"7bf96997338f7352247027ee3dad9af699c9f0cb\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/trees/7bf96997338f7352247027ee3dad9af699c9f0cb\"\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/commits/5f907e1325d56ba0736f9702d29a523d8a2d00fb\",\n \"comment_count\": 0,\n \"verification\": {\n \"verified\": false,\n \"reason\": \"unsigned\",\n \"signature\": null,\n \"payload\": null\n }\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/5f907e1325d56ba0736f9702d29a523d8a2d00fb\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/5f907e1325d56ba0736f9702d29a523d8a2d00fb\",\n \"comments_url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/5f907e1325d56ba0736f9702d29a523d8a2d00fb/comments\",\n \"author\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"committer\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"parents\": [\n {\n \"sha\": \"94a4affca971fc463dd200affd34e2389aef4c0d\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/94a4affca971fc463dd200affd34e2389aef4c0d\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/94a4affca971fc463dd200affd34e2389aef4c0d\"\n }\n ]\n },\n {\n \"sha\": \"94a4affca971fc463dd200affd34e2389aef4c0d\",\n \"node_id\": \"MDY6Q29tbWl0MTM5NDg4NjkwOjk0YTRhZmZjYTk3MWZjNDYzZGQyMDBhZmZkMzRlMjM4OWFlZjRjMGQ=\",\n \"commit\": {\n \"author\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T19:41:14Z\"\n },\n \"committer\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T19:52:42Z\"\n },\n \"message\": \"[feature] full local directives supported\",\n \"tree\": {\n \"sha\": \"0c2fa597175f483f83b87ae6be83d4938906467f\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/trees/0c2fa597175f483f83b87ae6be83d4938906467f\"\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/commits/94a4affca971fc463dd200affd34e2389aef4c0d\",\n \"comment_count\": 0,\n \"verification\": {\n \"verified\": false,\n \"reason\": \"unsigned\",\n \"signature\": null,\n \"payload\": null\n }\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/94a4affca971fc463dd200affd34e2389aef4c0d\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/94a4affca971fc463dd200affd34e2389aef4c0d\",\n \"comments_url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/94a4affca971fc463dd200affd34e2389aef4c0d/comments\",\n \"author\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"committer\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"parents\": [\n {\n \"sha\": \"9ad2d7a56ca8cad51366bd317cab9591c65e72dc\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/9ad2d7a56ca8cad51366bd317cab9591c65e72dc\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/9ad2d7a56ca8cad51366bd317cab9591c65e72dc\"\n }\n ]\n },\n {\n \"sha\": \"9ad2d7a56ca8cad51366bd317cab9591c65e72dc\",\n \"node_id\": \"MDY6Q29tbWl0MTM5NDg4NjkwOjlhZDJkN2E1NmNhOGNhZDUxMzY2YmQzMTdjYWI5NTkxYzY1ZTcyZGM=\",\n \"commit\": {\n \"author\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T18:40:26Z\"\n },\n \"committer\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T18:40:26Z\"\n },\n \"message\": \"[docs] updated informations to py/js bridge\",\n \"tree\": {\n \"sha\": \"a33ad0f207db1f77786792d31dc11a8785562210\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/trees/a33ad0f207db1f77786792d31dc11a8785562210\"\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/commits/9ad2d7a56ca8cad51366bd317cab9591c65e72dc\",\n \"comment_count\": 0,\n \"verification\": {\n \"verified\": false,\n \"reason\": \"unsigned\",\n \"signature\": null,\n \"payload\": null\n }\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/9ad2d7a56ca8cad51366bd317cab9591c65e72dc\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/9ad2d7a56ca8cad51366bd317cab9591c65e72dc\",\n \"comments_url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/9ad2d7a56ca8cad51366bd317cab9591c65e72dc/comments\",\n \"author\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"committer\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"parents\": [\n {\n \"sha\": \"cd655a5bf24284aa0544e84810f3a5eb298336e7\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/cd655a5bf24284aa0544e84810f3a5eb298336e7\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/cd655a5bf24284aa0544e84810f3a5eb298336e7\"\n }\n ]\n },\n {\n \"sha\": \"cd655a5bf24284aa0544e84810f3a5eb298336e7\",\n \"node_id\": \"MDY6Q29tbWl0MTM5NDg4NjkwOmNkNjU1YTViZjI0Mjg0YWEwNTQ0ZTg0ODEwZjNhNWViMjk4MzM2ZTc=\",\n \"commit\": {\n \"author\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T18:05:02Z\"\n },\n \"committer\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T18:05:02Z\"\n },\n \"message\": \"[docs] updated limitations\",\n \"tree\": {\n \"sha\": \"40c98949632915ce909caf5abf651f94bebc6002\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/trees/40c98949632915ce909caf5abf651f94bebc6002\"\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/commits/cd655a5bf24284aa0544e84810f3a5eb298336e7\",\n \"comment_count\": 0,\n \"verification\": {\n \"verified\": false,\n \"reason\": \"unsigned\",\n \"signature\": null,\n \"payload\": null\n }\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/cd655a5bf24284aa0544e84810f3a5eb298336e7\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/cd655a5bf24284aa0544e84810f3a5eb298336e7\",\n \"comments_url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/cd655a5bf24284aa0544e84810f3a5eb298336e7/comments\",\n \"author\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"committer\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"parents\": [\n {\n \"sha\": \"3f4b7ae5db7c445acade2e5421cc58d508eab755\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/3f4b7ae5db7c445acade2e5421cc58d508eab755\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/3f4b7ae5db7c445acade2e5421cc58d508eab755\"\n }\n ]\n },\n {\n \"sha\": \"3f4b7ae5db7c445acade2e5421cc58d508eab755\",\n \"node_id\": \"MDY6Q29tbWl0MTM5NDg4NjkwOjNmNGI3YWU1ZGI3YzQ0NWFjYWRlMmU1NDIxY2M1OGQ1MDhlYWI3NTU=\",\n \"commit\": {\n \"author\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T17:46:58Z\"\n },\n \"committer\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T17:46:58Z\"\n },\n \"message\": \"[examples] separate app and components\",\n \"tree\": {\n \"sha\": \"56d5e522c853a6ff1312ea4c59e030e09b9f005e\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/trees/56d5e522c853a6ff1312ea4c59e030e09b9f005e\"\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/commits/3f4b7ae5db7c445acade2e5421cc58d508eab755\",\n \"comment_count\": 0,\n \"verification\": {\n \"verified\": false,\n \"reason\": \"unsigned\",\n \"signature\": null,\n \"payload\": null\n }\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/3f4b7ae5db7c445acade2e5421cc58d508eab755\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/3f4b7ae5db7c445acade2e5421cc58d508eab755\",\n \"comments_url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/3f4b7ae5db7c445acade2e5421cc58d508eab755/comments\",\n \"author\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"committer\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"parents\": [\n {\n \"sha\": \"cdd9ea9bfbb1993c6d62370456f8cd3f7a182aae\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/cdd9ea9bfbb1993c6d62370456f8cd3f7a182aae\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/cdd9ea9bfbb1993c6d62370456f8cd3f7a182aae\"\n }\n ]\n },\n {\n \"sha\": \"cdd9ea9bfbb1993c6d62370456f8cd3f7a182aae\",\n \"node_id\": \"MDY6Q29tbWl0MTM5NDg4NjkwOmNkZDllYTliZmJiMTk5M2M2ZDYyMzcwNDU2ZjhjZDNmN2ExODJhYWU=\",\n \"commit\": {\n \"author\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T17:45:44Z\"\n },\n \"committer\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T17:45:44Z\"\n },\n \"message\": \"[feature] wrap types for directives and filter methods\",\n \"tree\": {\n \"sha\": \"32d8ffca8bbfc96855e1f1388371f48b9cfac544\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/trees/32d8ffca8bbfc96855e1f1388371f48b9cfac544\"\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/commits/cdd9ea9bfbb1993c6d62370456f8cd3f7a182aae\",\n \"comment_count\": 0,\n \"verification\": {\n \"verified\": false,\n \"reason\": \"unsigned\",\n \"signature\": null,\n \"payload\": null\n }\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/cdd9ea9bfbb1993c6d62370456f8cd3f7a182aae\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/cdd9ea9bfbb1993c6d62370456f8cd3f7a182aae\",\n \"comments_url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/cdd9ea9bfbb1993c6d62370456f8cd3f7a182aae/comments\",\n \"author\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"committer\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"parents\": [\n {\n \"sha\": \"6ced874bbcc8d6db932b6714f30669bf8c5e5e91\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/6ced874bbcc8d6db932b6714f30669bf8c5e5e91\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/6ced874bbcc8d6db932b6714f30669bf8c5e5e91\"\n }\n ]\n },\n {\n \"sha\": \"6ced874bbcc8d6db932b6714f30669bf8c5e5e91\",\n \"node_id\": \"MDY6Q29tbWl0MTM5NDg4NjkwOjZjZWQ4NzRiYmNjOGQ2ZGI5MzJiNjcxNGYzMDY2OWJmOGM1ZTVlOTE=\",\n \"commit\": {\n \"author\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T17:31:31Z\"\n },\n \"committer\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T17:31:31Z\"\n },\n \"message\": \"[refactoring] separate wrapping decorator from inject vue instance decorator\",\n \"tree\": {\n \"sha\": \"4f264bde73993a57ed958ffee2de060083f68ea1\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/trees/4f264bde73993a57ed958ffee2de060083f68ea1\"\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/commits/6ced874bbcc8d6db932b6714f30669bf8c5e5e91\",\n \"comment_count\": 0,\n \"verification\": {\n \"verified\": false,\n \"reason\": \"unsigned\",\n \"signature\": null,\n \"payload\": null\n }\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/6ced874bbcc8d6db932b6714f30669bf8c5e5e91\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/6ced874bbcc8d6db932b6714f30669bf8c5e5e91\",\n \"comments_url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/6ced874bbcc8d6db932b6714f30669bf8c5e5e91/comments\",\n \"author\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"committer\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"parents\": [\n {\n \"sha\": \"c9f4b8309fa288d82e33b10fe7dfecb7e4cb7e55\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/c9f4b8309fa288d82e33b10fe7dfecb7e4cb7e55\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/c9f4b8309fa288d82e33b10fe7dfecb7e4cb7e55\"\n }\n ]\n },\n {\n \"sha\": \"c9f4b8309fa288d82e33b10fe7dfecb7e4cb7e55\",\n \"node_id\": \"MDY6Q29tbWl0MTM5NDg4NjkwOmM5ZjRiODMwOWZhMjg4ZDgyZTMzYjEwZmU3ZGZlY2I3ZTRjYjdlNTU=\",\n \"commit\": {\n \"author\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T17:19:34Z\"\n },\n \"committer\": {\n \"name\": \"Stefan Hoelzl\",\n \"email\": \"stefan.hoelzl@posteo.de\",\n \"date\": \"2018-07-20T17:19:34Z\"\n },\n \"message\": \"[feature] access dict items also as attributes\",\n \"tree\": {\n \"sha\": \"ec4eb5123a1f44f8a8166671de14697ff7c44437\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/trees/ec4eb5123a1f44f8a8166671de14697ff7c44437\"\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/git/commits/c9f4b8309fa288d82e33b10fe7dfecb7e4cb7e55\",\n \"comment_count\": 0,\n \"verification\": {\n \"verified\": false,\n \"reason\": \"unsigned\",\n \"signature\": null,\n \"payload\": null\n }\n },\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/c9f4b8309fa288d82e33b10fe7dfecb7e4cb7e55\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/c9f4b8309fa288d82e33b10fe7dfecb7e4cb7e55\",\n \"comments_url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/c9f4b8309fa288d82e33b10fe7dfecb7e4cb7e55/comments\",\n \"author\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"committer\": {\n \"login\": \"stefanhoelzl\",\n \"id\": 1478183,\n \"node_id\": \"MDQ6VXNlcjE0NzgxODM=\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1478183?v=4\",\n \"gravatar_id\": \"\",\n \"url\": \"https://api.github.com/users/stefanhoelzl\",\n \"html_url\": \"https://github.com/stefanhoelzl\",\n \"followers_url\": \"https://api.github.com/users/stefanhoelzl/followers\",\n \"following_url\": \"https://api.github.com/users/stefanhoelzl/following{/other_user}\",\n \"gists_url\": \"https://api.github.com/users/stefanhoelzl/gists{/gist_id}\",\n \"starred_url\": \"https://api.github.com/users/stefanhoelzl/starred{/owner}{/repo}\",\n \"subscriptions_url\": \"https://api.github.com/users/stefanhoelzl/subscriptions\",\n \"organizations_url\": \"https://api.github.com/users/stefanhoelzl/orgs\",\n \"repos_url\": \"https://api.github.com/users/stefanhoelzl/repos\",\n \"events_url\": \"https://api.github.com/users/stefanhoelzl/events{/privacy}\",\n \"received_events_url\": \"https://api.github.com/users/stefanhoelzl/received_events\",\n \"type\": \"User\",\n \"site_admin\": false\n },\n \"parents\": [\n {\n \"sha\": \"f9b50084be79b819be262d2e8a37f68d80a182b2\",\n \"url\": \"https://api.github.com/repos/stefanhoelzl/vue.py/commits/f9b50084be79b819be262d2e8a37f68d80a182b2\",\n \"html_url\": \"https://github.com/stefanhoelzl/vue.py/commit/f9b50084be79b819be262d2e8a37f68d80a182b2\"\n }\n ]\n }\n]\n"
},
{
"path": "examples/github_commits/style.css",
"content": "#demo {\n font-family: 'Helvetica', Arial, sans-serif;\n}\na {\n text-decoration: none;\n color: #f66;\n}\nli {\n line-height: 1.5em;\n margin-bottom: 20px;\n}\n.author, .date {\n font-weight: bold;\n}\n"
},
{
"path": "examples/github_commits/vuepy.yml",
"content": "templates:\n commits: commits.html\nstylesheets:\n - style.css\n"
},
{
"path": "examples/grid_component/app.py",
"content": "from vue import VueComponent, data, computed, filters\n\n\nclass GridComponent(VueComponent):\n template = \"#grid\"\n\n content: list\n columns: list\n filter_key: str\n\n sort_key = \"\"\n\n @data\n def sort_orders(self):\n return {key: False for key in self.columns}\n\n @computed\n def filtered_data(self):\n return list(\n sorted(\n filter(\n lambda f: self.filter_key.lower() in f[\"name\"].lower(), self.content\n ),\n reverse=self.sort_orders.get(self.sort_key, False),\n key=lambda c: c.get(self.sort_key, self.columns[0]),\n )\n )\n\n @staticmethod\n @filters\n def capitalize(value):\n return value.capitalize()\n\n def sort_by(self, key):\n self.sort_key = key\n self.sort_orders[key] = not self.sort_orders[key]\n\n\nGridComponent.register(\"demo-grid\")\n\n\nclass App(VueComponent):\n template = \"#form\"\n\n search_query = \"\"\n grid_columns = [\"name\", \"power\"]\n grid_data = [\n {\"name\": \"Chuck Norris\", \"power\": float(\"inf\")},\n {\"name\": \"Bruce Lee\", \"power\": 9000},\n {\"name\": \"Jackie Chan\", \"power\": 7000},\n {\"name\": \"Jet Li\", \"power\": 8000},\n ]\n\n\nApp(\"#app\")\n"
},
{
"path": "examples/grid_component/form.html",
"content": "Latest vue.py Commits
\n \n \n \n \nstefanhoelzl/vue.py@{{ current_branch }}
\n- \n
- \n {{ record.sha.slice(0, 7) }}\n -
\n by \n at {{ record.commit.author.date | format_date }}\n \n
\n \n \n \n
\n"
},
{
"path": "examples/grid_component/grid.html",
"content": "| \n {{ key | capitalize }}\n \n \n | \n
|---|
| \n {{ entry[key] }}\n | \n
\n \n \n
\n"
},
{
"path": "examples/markdown_editor/style.css",
"content": "html, body, #editor {\n margin: 0;\n height: 100%;\n font-family: 'Helvetica Neue', Arial, sans-serif;\n color: #333;\n}\n\ntextarea, #editor div {\n display: inline-block;\n width: 49%;\n height: 100%;\n vertical-align: top;\n box-sizing: border-box;\n padding: 0 20px;\n}\n\ntextarea {\n border: none;\n border-right: 1px solid #ccc;\n resize: none;\n outline: none;\n background-color: #f6f6f6;\n font-size: 14px;\n font-family: 'Monaco', courier, monospace;\n padding: 20px;\n}\n\ncode {\n color: #f66;\n}\n"
},
{
"path": "examples/markdown_editor/vuepy.yml",
"content": "templates:\n editor-template: editor.html\nstylesheets:\n - style.css\nscripts:\n - https://unpkg.com/marked@0.3.6\n"
},
{
"path": "examples/modal_component/app.py",
"content": "from vue import VueComponent\n\n\nclass Modal(VueComponent):\n template = \"#modal-template\"\n\n\nModal.register()\n\n\nclass App(VueComponent):\n template = \"#main\"\n show_modal = False\n\n\nApp(\"#app\")\n"
},
{
"path": "examples/modal_component/main.html",
"content": "\n \n \n \n \n \n
\n"
},
{
"path": "examples/modal_component/modal-template.html",
"content": " custom header
\n\n
\n \n
\n \n\n
\n \n \n default header\n \n
\n\n \n \n default body\n \n
\n\n \n \n \n \n \n
\n"
},
{
"path": "examples/svg_graph/app.py",
"content": "import math\n\nfrom vue import VueComponent, computed\n\n\nstats = [\n {\"label\": \"A\", \"value\": 100},\n {\"label\": \"B\", \"value\": 100},\n {\"label\": \"C\", \"value\": 100},\n {\"label\": \"D\", \"value\": 100},\n {\"label\": \"E\", \"value\": 100},\n {\"label\": \"F\", \"value\": 100},\n]\n\n\ndef value_to_point(value, index, total):\n x = 0\n y = -value * 0.8\n angle = math.pi * 2 / total * index\n cos = math.cos(angle)\n sin = math.sin(angle)\n tx = x * cos - y * sin + 100\n ty = x * sin + y * cos + 100\n return tx, ty\n\n\nclass AxisLabel(VueComponent):\n template = '\n \n \n {{stat.value}}\n \n
\n \n {{ stats }}\n * input[type=\"range\"] requires IE10 or above.
\n\n \n \n \n \n \n \n \n \n \n
\n"
},
{
"path": "examples/todo_mvc/app.py",
"content": "from browser.local_storage import storage\nfrom browser import window\nimport json\nfrom vue import VueComponent, computed, filters, watch, directive\nfrom vue.bridge import Object\n\nSTORAGE_KEY = \"todos-vue.py\"\n\n\nclass ToDoStorage:\n NEXT_UID = 0\n\n @classmethod\n def next_uid(cls):\n uid = cls.NEXT_UID\n cls.NEXT_UID += 1\n return uid\n\n @classmethod\n def fetch(cls):\n cls.NEXT_UID = 0\n todos = json.loads(storage.get(STORAGE_KEY, \"[]\"))\n return [{\"id\": cls.next_uid(), **todo} for todo in todos]\n\n @staticmethod\n def save(todos):\n storage[STORAGE_KEY] = json.dumps(todos)\n\n\nclass VisibilityFilters:\n def __new__(cls, visibility):\n try:\n return getattr(VisibilityFilters, visibility)\n except AttributeError:\n return False\n\n @staticmethod\n def all(todos):\n return [todo for todo in todos]\n\n @staticmethod\n def active(todos):\n return [todo for todo in todos if not todo.get(\"completed\", False)]\n\n @staticmethod\n def completed(todos):\n return [todo for todo in todos if todo.get(\"completed\", False)]\n\n\nclass App(VueComponent):\n template = \"#app-template\"\n todos = ToDoStorage.fetch()\n new_todo = \"\"\n edited_todo = None\n edit_cache = \"\"\n visibility = \"all\"\n\n @watch(\"todos\", deep=True)\n def save_todos(self, new, old):\n ToDoStorage.save(Object.to_py(new))\n\n @computed\n def filtered_todos(self):\n return VisibilityFilters(self.visibility)(self.todos)\n\n @computed\n def remaining(self):\n return len(VisibilityFilters.active(self.todos))\n\n @computed\n def all_done(self):\n return self.remaining == 0\n\n @all_done.setter\n def all_done(self, value):\n for todo in self.todos:\n todo[\"completed\"] = value\n\n @staticmethod\n @filters\n def pluralize(n):\n return \"item\" if n == 1 else \"items\"\n\n def add_todo(self, ev=None):\n value = self.new_todo.strip()\n if not value:\n return\n self.todos.append(\n {\"id\": ToDoStorage.next_uid(), \"title\": value, \"completed\": False}\n )\n self.new_todo = \"\"\n\n def remove_todo(self, todo):\n del self.todos[self.todos.index(todo)]\n\n def edit_todo(self, todo):\n self.edit_cache = todo[\"title\"]\n self.edited_todo = todo\n\n def done_edit(self, todo):\n if not self.edited_todo:\n return\n\n self.edited_todo = None\n todo[\"title\"] = todo[\"title\"].strip()\n if not todo[\"title\"]:\n self.remove_todo(todo)\n\n def cancel_edit(self, todo):\n self.edited_todo = None\n todo.title = self.edit_cache\n\n def remove_completed(self, ev=None):\n self.todos = VisibilityFilters.active(self.todos)\n\n @staticmethod\n @directive\n def todo_focus(el, binding, vnode, old_vnode, *args):\n if binding.value:\n el.focus()\n\n\napp = App(\"#app\")\n\n\ndef on_hash_change(ev):\n visibility = window.location.hash.replace(\"#\", \"\").replace(\"/\", \"\")\n if VisibilityFilters(visibility):\n app.visibility = visibility\n else:\n window.location.hash = \"\"\n app.visibility = \"all\"\n\n\nwindow.bind(\"hashchange\", on_hash_change)\n"
},
{
"path": "examples/todo_mvc/style.css",
"content": "[v-cloak] { display: none; }\n"
},
{
"path": "examples/todo_mvc/vuepy.yml",
"content": "templates:\n app-template: app-template.html\nstylesheets:\n - style.css\n - https://unpkg.com/todomvc-app-css@2.0.6/index.css\n"
},
{
"path": "examples/tree_view/app-template.html",
"content": "todos
\n \n- \n
- \n \n \n \n \n\n \n \n
\n
\n"
},
{
"path": "examples/tree_view/app.py",
"content": "from vue import VueComponent, computed\n\ndemo_data = {\n \"name\": \"My Tree\",\n \"children\": [\n {\"name\": \"hello\"},\n {\"name\": \"wat\"},\n {\n \"name\": \"child folder\",\n \"children\": [\n {\n \"name\": \"child folder\",\n \"children\": [{\"name\": \"hello\"}, {\"name\": \"wat\"}],\n },\n {\"name\": \"hello\"},\n {\"name\": \"wat\"},\n {\n \"name\": \"child folder\",\n \"children\": [{\"name\": \"hello\"}, {\"name\": \"wat\"}],\n },\n ],\n },\n ],\n}\n\n\nclass Tree(VueComponent):\n template = \"#tree-template\"\n model: dict\n open = False\n\n @computed\n def is_folder(self):\n return len(self.model.get(\"children\", ())) > 0\n\n def toggle(self, ev=None):\n if self.is_folder:\n self.open = not self.open\n\n def change_type(self, ev=None):\n if not self.is_folder:\n self.model[\"children\"] = []\n self.add_child()\n self.open = True\n\n def add_child(self, ev=None):\n self.model[\"children\"].append({\"name\": \"new stuff\"})\n\n\nTree.register()\n\n\nclass App(VueComponent):\n template = \"#app-template\"\n tree_data = demo_data\n\n\nApp(\"#app\")\n"
},
{
"path": "examples/tree_view/style.css",
"content": "body {\n font-family: Menlo, Consolas, monospace;\n color: #444;\n}\n.tree {\n cursor: pointer;\n}\n.bold {\n font-weight: bold;\n}\nul {\n padding-left: 1em;\n line-height: 1.5em;\n list-style-type: dot;\n}\n"
},
{
"path": "examples/tree_view/tree-template.html",
"content": "(You can double click on an item to turn it into a folder.)
\n\n \n- \n
- \n
- + \n
{{ text }}
\n \"\"\"\n\n return App(el, props_data={\"text\": \"TEXT\"})\n\n with selenium.app(app_with_props_data):\n assert selenium.element_has_text(\"el\", \"TEXT\")\n\n\ndef test_emit_method(selenium):\n def call_emit(el):\n class Emitter(VueComponent):\n template = \"\"\n\n def created(self):\n self.emit(\"creation\", \"YES\")\n\n Emitter.register()\n\n class App(VueComponent):\n text = \"NO\"\n template = \"\"\"\n \n
\n \"\"\"\n\n def change(self, ev=None):\n self.text = ev\n\n return App(el)\n\n with selenium.app(call_emit):\n assert selenium.element_has_text(\"el\", \"YES\")\n\n\ndef test_extend(selenium):\n def extended_component(el):\n class Base(VueComponent):\n template = \"{{ text }}
\n {{ components_string }}
\"\n comps = []\n\n def created(self):\n self.comps.append(\"BASE\")\n\n @computed\n def components_string(self):\n return \" \".join(self.comps)\n\n class Sub(Base):\n extends = True\n\n def created(self):\n self.comps.append(\"SUB\")\n\n @computed\n def components_string(self):\n comps = super().components_string()\n return f\"SUB({comps})\"\n\n return Sub(el)\n\n with selenium.app(extended_component):\n assert selenium.element_has_text(\"comps\", \"SUB(BASE SUB)\")\n\n\ndef test_extend_from_dict(selenium):\n class Component(VueComponent):\n template = \"{{ done }}
\"\n done = \"NO\"\n extends = {\"created\": lambda: print(\"CREATED BASE\")}\n\n def created(self):\n print(\"CREATED SUB\")\n self.done = \"YES\"\n\n with selenium.app(Component):\n assert selenium.element_has_text(\"done\", \"YES\")\n assert \"CREATED BASE\" in selenium.logs[-2][\"message\"]\n assert \"CREATED SUB\" in selenium.logs[-1][\"message\"]\n"
},
{
"path": "tests/selenium/test_examples.py",
"content": "import time\n\nfrom selenium.webdriver.common.action_chains import ActionChains\nfrom selenium.webdriver.common.by import By\nfrom selenium.webdriver.common.keys import Keys\n\n\ndef test_markdown_editor(selenium):\n with selenium.example():\n time.sleep(0.5)\n element = selenium.element_present(\"markdown\")\n element.clear()\n element.send_keys(\"# Title\\n\\n\")\n element.send_keys(\"* item one\\n\")\n element.send_keys(\"* item two\\n\")\n element.send_keys(\"\\n\")\n element.send_keys(\"_italic_\\n\")\n element.send_keys(\"\\n\")\n element.send_keys(\"`some code`\\n\")\n element.send_keys(\"\\n\")\n element.send_keys(\"**bold**\\n\")\n element.send_keys(\"\\n\")\n element.send_keys(\"## Sub Title\\n\")\n element.send_keys(\"\\n\")\n selenium.element_has_text(\"sub-title\", \"Sub Title\")\n\n\ndef test_grid_component(selenium):\n with selenium.example():\n time.sleep(0.5)\n query = selenium.element_present(\"query\")\n query.clear()\n query.send_keys(\"j\")\n power = selenium.element_present(\"power\")\n power.click()\n rows = selenium.driver.find_elements(by=By.TAG_NAME, value=\"td\")\n assert \"Jet Li\" == rows[0].text\n assert \"8000\" == rows[1].text\n assert \"Jackie Chan\" == rows[2].text\n assert \"7000\" == rows[3].text\n\n\ndef test_tree_view(selenium):\n with selenium.example():\n time.sleep(0.5)\n lis = selenium.find_elements(by=By.TAG_NAME, value=\"li\")\n lis[0].click()\n lis[3].click()\n ActionChains(selenium.driver).double_click(lis[8]).perform()\n assert selenium.find_elements(by=By.TAG_NAME, value=\"li\")[9].text == \"new stuff\"\n\n\ndef test_svg_graph(selenium):\n with selenium.example():\n time.sleep(0.5)\n selenium.find_elements(by=By.TAG_NAME, value=\"button\")[5].click()\n\n a = selenium.find_elements(by=By.TAG_NAME, value=\"input\")[0]\n d = selenium.find_elements(by=By.TAG_NAME, value=\"input\")[3]\n ActionChains(selenium.driver).click_and_hold(a).move_by_offset(\n 20, 0\n ).release().perform()\n\n ActionChains(selenium.driver).click_and_hold(d).move_by_offset(\n 5, 0\n ).release().perform()\n\n polygon = selenium.find_elements(by=By.TAG_NAME, value=\"polygon\")[0]\n assert 5 == len(polygon.get_attribute(\"points\").split(\" \"))\n\n\ndef test_modal_component(selenium):\n with selenium.example():\n time.sleep(1)\n show_button = selenium.element_present(\"show-modal\")\n show_button.click()\n time.sleep(1)\n assert selenium.element_present(\"modal_view\", timeout=2)\n\n\ndef test_todo_mvc(selenium):\n with selenium.example():\n time.sleep(0.5)\n title_input = selenium.element_present(\"title-input\")\n title_input.clear()\n title_input.send_keys(\"new todo\")\n title_input.send_keys(Keys.ENTER)\n title_input.send_keys(\"completed\")\n title_input.send_keys(Keys.ENTER)\n\n toggle_buttons = selenium.driver.find_elements(by=By.CLASS_NAME, value=\"toggle\")\n assert 2 == len(toggle_buttons)\n\n toggle_buttons[1].click()\n selenium.element_present(\"show-active\").click()\n labels = selenium.driver.find_elements(by=By.TAG_NAME, value=\"label\")\n assert 1 == len(labels)\n assert \"new todo\" == labels[0].text\n\n selenium.element_present(\"show-all\").click()\n labels = selenium.driver.find_elements(by=By.TAG_NAME, value=\"label\")\n assert 2 == len(labels)\n assert \"new todo\" == labels[0].text\n assert \"completed\" == labels[1].text\n\n\ndef test_github_commits(selenium):\n with selenium.example(hash_=\"testing\"):\n assert selenium.element_with_tag_name_present(\"ul\")\n time.sleep(2)\n assert 10 == len(selenium.driver.find_elements(by=By.TAG_NAME, value=\"li\"))\n\n\ndef test_elastic_header(selenium):\n with selenium.example():\n assert selenium.element_present(\"header\")\n header = selenium.find_element(by=By.ID, value=\"header\")\n content = selenium.find_element(by=By.ID, value=\"content\")\n\n assert (\n content.get_attribute(\"style\") == \"transform:\"\n \" translate3d(0px, 0px, 0px);\"\n )\n\n ActionChains(selenium.driver).click_and_hold(header).move_by_offset(\n xoffset=0, yoffset=100\n ).perform()\n selenium.screenshot()\n assert (\n content.get_attribute(\"style\") == \"transform:\"\n \" translate3d(0px, 33px, 0px);\"\n )\n\n ActionChains(selenium.driver).release().perform()\n time.sleep(1)\n assert (\n content.get_attribute(\"style\") == \"transform:\"\n \" translate3d(0px, 0px, 0px);\"\n )\n"
},
{
"path": "tests/selenium/test_guide/test_components/test_custom_events.py",
"content": "from vue import *\n\nfrom selenium.webdriver.common.by import By\n\n\ndef test_customize_v_model(selenium):\n def app(el):\n class CustomVModel(VueComponent):\n model = Model(prop=\"checked\", event=\"change\")\n checked: bool\n template = \"\"\"\n \n \n
\n \"\"\"\n\n CustomVModel.register(\"custom-vmodel\")\n\n class App(VueComponent):\n clicked = False\n template = \"\"\"\n {{ checked }}
\n\n
\n \"\"\"\n\n return App(el)\n\n with selenium.app(app):\n assert selenium.element_has_text(\"instance\", \"false\")\n assert selenium.element_has_text(\"component\", \"false\")\n selenium.find_element(by=By.ID, value=\"c\").click()\n assert selenium.element_has_text(\"component\", \"true\")\n assert selenium.element_has_text(\"instance\", \"true\")\n"
},
{
"path": "tests/selenium/test_guide/test_components/test_props.py",
"content": "import pytest\n\nfrom vue import *\n\n\ndef test_prop_types(selenium):\n def app(el):\n class SubComponent(VueComponent):\n prop: int\n content = \"\"\n template = \"{{ clicked }}
\n{{ content }}
\"\n\n def created(self):\n assert isinstance(self.prop, int)\n self.content = \"text\"\n\n SubComponent.register()\n\n class App(VueComponent):\n template = \"\"\"\n {{ content }}
\"\n\n def created(self):\n assert 100 == self.prop\n self.content = \"text\"\n\n SubComponent.register()\n\n class App(VueComponent):\n template = \"\"\"\n {{ content }}
\"\n\n def created(self):\n self.content = \"text\"\n\n SubComponent.register()\n\n class App(VueComponent):\n template = \"\"\"\n {{ cnt }}
\"\n\n SubComponent.register()\n\n class App(VueComponent):\n template = \"\"\"\n {{ prop }}
\"\n\n SubComponent.register()\n\n class App(VueComponent):\n template = \"\"\"\n {{ prop }}
\"\n\n SubComponent.register()\n\n class App(VueComponent):\n template = \"\"\"\n \n
\n \"\"\"\n\n return App(el)\n\n with selenium.app(app):\n assert selenium.element_has_text(\"btn0\", \"0\")\n assert selenium.element_has_text(\"btn1\", \"0\")\n selenium.find_element(by=By.ID, value=\"btn1\").click()\n assert selenium.element_has_text(\"btn0\", \"0\")\n assert selenium.element_has_text(\"btn1\", \"1\")\n\n\ndef test_register_with_name(selenium):\n def app(el):\n class SubComponent(VueComponent):\n template = \"\"\"\n TEXT
\n \"\"\"\n\n SubComponent.register(\"another-name\")\n\n class App(VueComponent):\n template = \"\"\"\n {{ prop }}
\n \"\"\"\n\n SubComponent.register()\n\n class App(VueComponent):\n template = \"\"\"\n \n
\n \"\"\"\n\n return App(el)\n\n with selenium.app(app):\n assert selenium.element_present(\"component\")\n selenium.find_element(by=By.ID, value=\"component\").click()\n assert selenium.element_has_text(\"content\", \"value\")\n"
},
{
"path": "tests/selenium/test_guide/test_essentials/test_computed_properties.py",
"content": "from vue import *\n\n\ndef test_basics(selenium):\n class ComputedPropertiesBasics(VueComponent):\n message = \"message\"\n\n @computed\n def reversed_message(self):\n return self.message[::-1]\n\n template = \"\"\"\n {{ text }}
\n\n
\n \"\"\"\n\n with selenium.app(ComputedPropertiesBasics):\n assert selenium.element_has_text(\"reversed\", \"egassem\")\n\n\ndef test_watch(selenium):\n class Watch(VueComponent):\n message = \"message\"\n new_val = \"\"\n\n @watch(\"message\")\n def _message(self, new, old):\n self.new_val = new\n\n def created(self):\n self.message = \"changed\"\n\n template = \"\"\"\n {{ message }}
\n{{ reversed_message }}
\n\n
\n \"\"\"\n\n with selenium.app(Watch):\n assert selenium.element_has_text(\"change\", \"changed\")\n\n\ndef test_computed_setter(selenium):\n class ComputedSetter(VueComponent):\n message = \"\"\n\n @computed\n def reversed_message(self):\n return self.message[::-1]\n\n @reversed_message.setter\n def reversed_message(self, reversed_message):\n self.message = reversed_message[::-1]\n\n def created(self):\n self.reversed_message = \"olleh\"\n\n template = \"\"\"\n {{ new_val }}
\n\n
\n \"\"\"\n\n with selenium.app(ComputedSetter):\n assert selenium.element_has_text(\"msg\", \"hello\")\n"
},
{
"path": "tests/selenium/test_guide/test_essentials/test_event_handler.py",
"content": "from vue import *\n\nfrom selenium.webdriver.common.by import By\n\n\ndef test_inline_handlers(selenium):\n class InlineHandler(VueComponent):\n message = \"\"\n\n def change(self, to):\n self.message = to\n\n template = \"\"\"\n \n \"\"\"\n\n with selenium.app(InlineHandler):\n assert selenium.element_has_text(\"btn\", \"\")\n selenium.find_element(by=By.ID, value=\"btn\").click()\n assert selenium.element_has_text(\"btn\", \"changed\")\n"
},
{
"path": "tests/selenium/test_guide/test_essentials/test_instance.py",
"content": "from vue import *\n\n\ndef test_lifecycle_hooks(selenium):\n def lifecycle_hooks(el):\n class ComponentLifecycleHooks(VueComponent):\n text: str\n template = \"{{ message }}
\n{{ text }}
\"\n\n def before_create(self):\n print(\"lh: before_created\", self)\n\n def created(self):\n print(\"lh: created\", self)\n\n def before_mount(self):\n print(\"lh: before_mount\", self)\n\n def mounted(self):\n print(\"lh: mounted\", self)\n\n def before_update(self):\n print(\"lh: before_update\", self)\n\n def updated(self):\n print(\"lh: updated\", self)\n\n def before_destroy(self):\n print(\"lh: before_destroy\", self)\n\n def destroyed(self):\n print(\"lh: destroyed\", self)\n\n ComponentLifecycleHooks.register(\"clh\")\n\n class App(VueComponent):\n show = True\n text = \"created\"\n\n def mounted(self):\n self.text = \"mounted\"\n\n def updated(self):\n self.show = False\n\n template = (\n \"{{ message }}
\"\n\n with selenium.app(DeclarativeRendering):\n assert selenium.element_has_text(\"content\", \"MESSAGE CONTENT\")\n\n\ndef test_bind_element_title(selenium):\n class BindElementTitle(VueComponent):\n title = \"TITLE\"\n template = \"\"\n\n with selenium.app(BindElementTitle):\n assert selenium.element_attribute_has_value(\"withtitle\", \"title\", \"TITLE\")\n\n\ndef test_if_condition(selenium):\n class IfCondition(VueComponent):\n show = False\n template = (\n \"\"\n \"
\"\n )\n\n with selenium.app(IfCondition):\n assert selenium.element_present(\"present\")\n assert selenium.element_not_present(\"notpresent\")\n\n\ndef test_for_loop(selenium):\n class ForLoop(VueComponent):\n items = [\"0\", \"1\", \"2\"]\n template = (\n \"DONT SHOW
\"\n \" \"\n \"- \"\n \"
- {{ item }} \"\n \"
\"\n \"
\"\n )\n\n with selenium.app(VModel):\n assert selenium.element_has_text(\"p\", \"false\")\n selenium.find_element(by=By.ID, value=\"c\").click()\n assert selenium.element_has_text(\"p\", \"true\")\n\n\ndef test_component(selenium):\n def components(el):\n class SubComponent(VueComponent):\n template = \"\"\"\n {{ clicked }}
\"\n \" \"\n \"HEADER
\n \"\"\"\n\n SubComponent.register()\n\n class App(VueComponent):\n template = \"\"\"\n\n
\n \"\"\"\n\n SubComponent.register()\n\n class App(VueComponent):\n template = \"\"\"\n {{ text }}
\n{{ sub }}
\n{{ message | lower_case }}
\"\n\n with selenium.app(ComponentWithFilter):\n assert selenium.element_has_text(\"content\", \"message\")\n\n\ndef test_global_filter(selenium):\n def app(el):\n Vue.filter(\"lower_case\", lambda v: v.lower())\n\n class ComponentUsesGlobalFilter(VueComponent):\n message = \"Message\"\n template = \"{{ message | lower_case }}
\"\n\n return ComponentUsesGlobalFilter(el)\n\n with selenium.app(app):\n assert selenium.element_has_text(\"content\", \"message\")\n"
},
{
"path": "tests/selenium/test_guide/test_reusability_composition/test_mixins.py",
"content": "from vue import *\n\n\ndef test_local_mixin(selenium):\n def app(el):\n class MyMixin(VueMixin):\n def created(self):\n print(\"created\")\n\n @staticmethod\n @filters\n def lower_case(value):\n return value.lower()\n\n class ComponentUsesGlobalFilter(VueComponent):\n message = \"Message\"\n mixins = [MyMixin]\n template = \"{{ message | lower_case }}
\"\n\n return ComponentUsesGlobalFilter(el)\n\n with selenium.app(app):\n assert selenium.element_has_text(\"content\", \"message\")\n logs = list(filter(lambda l: \"created\" in l[\"message\"], selenium.logs))\n assert 1 == len(logs)\n"
},
{
"path": "tests/selenium/test_guide/test_reusability_composition/test_render_function.py",
"content": "from vue import *\n\nfrom selenium.webdriver.common.by import By\n\n\ndef test_basics(selenium):\n def app(el):\n class ComponentWithRenderFunction(VueComponent):\n level = 3\n\n def render(self, create_element):\n return create_element(f\"h{self.level}\", \"Title\")\n\n return ComponentWithRenderFunction(el)\n\n with selenium.app(app):\n assert selenium.element_with_tag_name_has_text(\"h3\", \"Title\")\n\n\ndef test_slots(selenium):\n def app(el):\n class WithSlots(VueComponent):\n def render(self, create_element):\n return create_element(f\"p\", self.slots.get(\"default\"))\n\n WithSlots.register()\n\n class Component(VueComponent):\n template = \"foo
'\n\n class Bar(VueComponent):\n text = \"bar\"\n template = '{{ text }}
'\n\n class Router(VueRouter):\n routes = [VueRoute(\"/foo\", Foo), VueRoute(\"/bar\", Bar)]\n\n class ComponentUsingRouter(VueComponent):\n template = \"\"\"\n \n
\n \"\"\"\n\n return ComponentUsingRouter(el, router=Router())\n\n with selenium.app(app, config=VueRouterConfig):\n assert selenium.element_present(\"foo\")\n selenium.find_element(by=By.ID, value=\"foo\").click()\n assert selenium.element_has_text(\"content\", \"foo\")\n\n assert selenium.element_present(\"bar\")\n selenium.find_element(by=By.ID, value=\"bar\").click()\n assert selenium.element_has_text(\"content\", \"bar\")\n\n\ndef test_dynamic_route_matching(selenium):\n def app(el):\n from vue import VueComponent, VueRouter, VueRoute\n\n class User(VueComponent):\n template = '\n
{{ $route.params.id }}
'\n\n class Router(VueRouter):\n routes = [VueRoute(\"/user/:id\", User)]\n\n class ComponentUsingRouter(VueComponent):\n template = \"\"\"\n \n
\n \"\"\"\n\n return ComponentUsingRouter(el, router=Router())\n\n with selenium.app(app, config=VueRouterConfig):\n assert selenium.element_present(\"link\")\n selenium.find_element(by=By.ID, value=\"link\").click()\n assert selenium.element_has_text(\"user\", \"123\")\n\n\ndef test_named_routes(selenium):\n def app(el):\n from vue import VueComponent, VueRouter, VueRoute\n\n class FooTop(VueComponent):\n template = '\n
foo top
'\n\n class FooBottom(VueComponent):\n template = 'foo bottom
'\n\n class BarTop(VueComponent):\n template = 'bar top
'\n\n class BarBottom(VueComponent):\n template = 'bar bottom
'\n\n class Router(VueRouter):\n routes = [\n VueRoute(\"/foo\", components={\"default\": FooBottom, \"top\": FooTop}),\n VueRoute(\"/bar\", components={\"default\": BarBottom, \"top\": BarTop}),\n ]\n\n class ComponentUsingRouter(VueComponent):\n template = \"\"\"\n \n
\n
\n \"\"\"\n\n return ComponentUsingRouter(el, router=Router())\n\n with selenium.app(app, config=VueRouterConfig):\n assert selenium.element_present(\"foo\")\n selenium.find_element(by=By.ID, value=\"foo\").click()\n assert selenium.element_has_text(\"header\", \"foo top\")\n assert selenium.element_has_text(\"body\", \"foo bottom\")\n\n assert selenium.element_present(\"bar\")\n selenium.find_element(by=By.ID, value=\"bar\").click()\n assert selenium.element_has_text(\"header\", \"bar top\")\n assert selenium.element_has_text(\"body\", \"bar bottom\")\n\n\ndef test_nested_routes_and_redirect(selenium):\n def app(el):\n from vue import VueComponent, VueRouter, VueRoute\n\n class UserHome(VueComponent):\n template = '\n
\n
Home
'\n\n class UserProfile(VueComponent):\n template = 'Profile
'\n\n class UserPosts(VueComponent):\n template = 'Posts
'\n\n class ComponentUsingRouter(VueComponent):\n template = \"\"\"\n \n
\n \"\"\"\n\n class Router(VueRouter):\n routes = [\n VueRoute(\"/\", redirect=\"/user/foo\"),\n VueRoute(\n \"/user/:id\",\n ComponentUsingRouter,\n children=[\n VueRoute(\"\", UserHome),\n VueRoute(\"profile\", UserProfile),\n VueRoute(\"posts\", UserPosts),\n ],\n ),\n ]\n\n return ComponentUsingRouter(el, router=Router())\n\n with selenium.app(app, config=VueRouterConfig):\n assert selenium.element_present(\"link-home\")\n selenium.find_element(by=By.ID, value=\"link-home\").click()\n assert selenium.element_has_text(\"home\", \"Home\")\n\n assert selenium.element_present(\"link-profile\")\n selenium.find_element(by=By.ID, value=\"link-profile\").click()\n assert selenium.element_has_text(\"profile\", \"Profile\")\n\n assert selenium.element_present(\"link-posts\")\n selenium.find_element(by=By.ID, value=\"link-posts\").click()\n assert selenium.element_has_text(\"posts\", \"Posts\")\n"
},
{
"path": "tests/selenium/test_vuex.py",
"content": "from vue import *\n\nVuexConfig = {\"scripts\": {\"vuex\": True}}\n\n\ndef test_state(selenium):\n def app(el):\n class Store(VueStore):\n message = \"Message\"\n\n class ComponentUsingStore(VueComponent):\n @computed\n def message(self):\n return self.store.message\n\n template = \"\n
User {{ $route.params.id }}
\n{{ message }}
\"\n\n return ComponentUsingStore(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"Message\")\n\n\ndef test_mutation_noargs(selenium):\n def app(el):\n class Store(VueStore):\n message = \"\"\n\n @mutation\n def mutate_message(self):\n self.message = \"Message\"\n\n class ComponentUsingMutation(VueComponent):\n @computed\n def message(self):\n self.store.commit(\"mutate_message\")\n return self.store.message\n\n template = \"{{ message }}
\"\n\n return ComponentUsingMutation(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"Message\")\n\n\ndef test_mutation(selenium):\n def app(el):\n class Store(VueStore):\n message = \"\"\n\n @mutation\n def mutate_message(self, new_message):\n self.message = new_message\n\n class ComponentUsingMutation(VueComponent):\n @computed\n def message(self):\n self.store.commit(\"mutate_message\", \"Message\")\n return self.store.message\n\n template = \"{{ message }}
\"\n\n return ComponentUsingMutation(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"Message\")\n\n\ndef test_mutation_kwargs(selenium):\n def app(el):\n class Store(VueStore):\n message = \"\"\n\n @mutation\n def mutate_message(self, new_message, postfix=\"\"):\n self.message = new_message + postfix\n\n class ComponentUsingMutation(VueComponent):\n @computed\n def message(self):\n self.store.commit(\"mutate_message\", \"Message\", postfix=\"!\")\n return self.store.message\n\n template = \"{{ message }}
\"\n\n return ComponentUsingMutation(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"Message!\")\n\n\ndef test_action(selenium):\n def app(el):\n class Store(VueStore):\n message = \"\"\n\n @mutation\n def mutate_message(self, new_message):\n self.message = new_message\n\n @action\n def change_message(self, new_message):\n self.commit(\"mutate_message\", new_message)\n\n class ComponentUsingAction(VueComponent):\n def created(self):\n self.store.dispatch(\"change_message\", \"Message\")\n\n @computed\n def message(self):\n return self.store.message\n\n template = \"{{ message }}
\"\n\n return ComponentUsingAction(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"Message\")\n\n\ndef test_action_noargs(selenium):\n def app(el):\n class Store(VueStore):\n message = \"\"\n\n @mutation\n def mutate_message(self, new_message):\n self.message = new_message\n\n @action\n def change_message(self):\n self.commit(\"mutate_message\", \"Message\")\n\n class ComponentUsingAction(VueComponent):\n def created(self):\n self.store.dispatch(\"change_message\")\n\n @computed\n def message(self):\n return self.store.message\n\n template = \"{{ message }}
\"\n\n return ComponentUsingAction(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"Message\")\n\n\ndef test_action_kwargs(selenium):\n def app(el):\n class Store(VueStore):\n message = \"\"\n\n @mutation\n def mutate_message(self, new_message):\n self.message = new_message\n\n @action\n def change_message(self, new_message, postfix=\"\"):\n self.commit(\"mutate_message\", new_message + postfix)\n\n class ComponentUsingAction(VueComponent):\n def created(self):\n self.store.dispatch(\"change_message\", \"Message\", postfix=\"!\")\n\n @computed\n def message(self):\n return self.store.message\n\n template = \"{{ message }}
\"\n\n return ComponentUsingAction(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"Message!\")\n\n\ndef test_getter_noargs(selenium):\n def app(el):\n class Store(VueStore):\n message = \"Message\"\n\n @getter\n def msg(self):\n return self.message\n\n class ComponentUsingGetter(VueComponent):\n @computed\n def message(self):\n return self.store.msg\n\n template = \"{{ message }}
\"\n\n return ComponentUsingGetter(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"Message\")\n\n\ndef test_getter_method(selenium):\n def app(el):\n class Store(VueStore):\n message = \"Message\"\n\n @getter\n def msg(self, prefix):\n return prefix + self.message\n\n class ComponentUsingGetter(VueComponent):\n @computed\n def message(self):\n return self.store.msg(\"pre\")\n\n template = \"{{ message }}
\"\n\n return ComponentUsingGetter(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"preMessage\")\n\n\ndef test_getter_kwargs(selenium):\n def app(el):\n class Store(VueStore):\n message = \"Message\"\n\n @getter\n def msg(self, prefix, postfix):\n return prefix + self.message + postfix\n\n class ComponentUsingGetter(VueComponent):\n @computed\n def message(self):\n return self.store.msg(\"pre\", \"!\")\n\n template = \"{{ message }}
\"\n\n return ComponentUsingGetter(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"preMessage!\")\n\n\ndef test_plugin(selenium):\n def app(el):\n class Plugin(VueStorePlugin):\n def initialize(self, store):\n store.message = \"Message\"\n\n def subscribe(self, state, mut, *args, **kwargs):\n print(state.message, mut, args, kwargs)\n\n class Store(VueStore):\n plugins = [Plugin().install]\n message = \"\"\n\n @mutation\n def msg(self, prefix, postfix=\"\"):\n pass\n\n class ComponentUsingGetter(VueComponent):\n @computed\n def message(self):\n return self.store.message\n\n def created(self):\n self.store.commit(\"msg\", \"Hallo\", postfix=\"!\")\n\n template = \"{{ message }}
\"\n\n return ComponentUsingGetter(el, store=Store())\n\n with selenium.app(app, config=VuexConfig):\n assert selenium.element_has_text(\"content\", \"Message\")\n last_log_message = selenium.get_logs()[-1][\"message\"]\n expected_msg = \"Message msg ('Hallo',) {'postfix': '!'}\"\n assert expected_msg in last_log_message\n\n\ndef test_using_state_within_native_vue_component(selenium):\n def app(el):\n class Store(VueStore):\n message = \"Message\"\n\n class ComponentUsingNativeComponent(VueComponent):\n template = \"{{ message }}
',\n computed: {\n message () {\n return this.$store.state.message\n }\n }\n });\n \"\"\"\n with selenium.app(app, config=config, files={\"my.js\": myjs}):\n assert selenium.element_has_text(\"content\", \"Message\")\n"
},
{
"path": "tests/test_install.py",
"content": "import json\nimport subprocess\nimport urllib.request\nimport time\nfrom contextlib import contextmanager\n\nimport pytest\n\nfrom tools.release import version\n\n\ndef _raise_failed_process(proc, error_msg):\n stdout = proc.stdout if isinstance(proc.stdout, bytes) else proc.stdout.read()\n stderr = proc.stderr if isinstance(proc.stderr, bytes) else proc.stderr.read()\n print(f\"return-code: {proc.returncode}\")\n print(\"stdout\")\n print(stdout.decode(\"utf-8\"))\n print(\"stderr\")\n print(stderr.decode(\"utf-8\"))\n raise RuntimeError(error_msg)\n\n\ndef shell(*args, env=None, cwd=None):\n proc = subprocess.run(args, env=env, cwd=cwd, capture_output=True)\n if proc.returncode:\n _raise_failed_process(proc, str(args))\n\n\n@pytest.fixture\ndef wheel(scope=\"session\"):\n shell(\"make\", \"build\")\n return f\"dist/vuepy-{version()}-py3-none-any.whl\"\n\n\n@pytest.fixture\ndef venv(tmp_path):\n path = tmp_path / \"venv\"\n shell(\"python\", \"-m\", \"venv\", str(path))\n return path\n\n\n@pytest.fixture\ndef install(wheel, venv):\n def _install(extra=None):\n extra = f\"[{extra}]\" if extra else \"\"\n shell(\n \"pip\",\n \"install\",\n f\"{wheel}{extra}\",\n env={\"PATH\": str(venv / \"bin\"), \"PIP_USER\": \"no\"},\n )\n\n return _install\n\n\n@contextmanager\ndef background_task(*args, env=None, cwd=None):\n proc = subprocess.Popen(\n args, env=env, cwd=cwd, stdout=subprocess.PIPE, stderr=subprocess.PIPE\n )\n try:\n yield\n finally:\n if proc.poll() is not None:\n _raise_failed_process(proc, \"background task finished early\")\n proc.kill()\n proc.communicate()\n\n\ndef request(url, retries=0, retry_delay=0):\n for retry in range(1 + retries):\n try:\n with urllib.request.urlopen(url) as response:\n return response\n except urllib.request.URLError:\n if retry >= retries:\n raise\n time.sleep(retry_delay)\n\n\n@pytest.fixture\ndef app(tmp_path):\n app_path = tmp_path / \"app\"\n app_path.mkdir()\n return app_path\n\n\n@pytest.fixture\ndef config(app):\n def _config(values):\n app.joinpath(\"vuepy.yml\").write_text(json.dumps(values, indent=2))\n\n return _config\n\n\ndef test_static(install, venv, tmp_path, app):\n destination = tmp_path / \"destination\"\n install()\n shell(\n \"vue-cli\",\n \"deploy\",\n \"static\",\n str(destination),\n env={\"PATH\": f\"{venv / 'bin'}\"},\n cwd=str(app),\n )\n assert (destination / \"index.html\").is_file()\n\n\ndef test_flask(install, venv, app):\n install(extra=\"flask\")\n with background_task(\n \"vue-cli\", \"deploy\", \"flask\", env={\"PATH\": f\"{venv / 'bin'}\"}, cwd=str(app)\n ):\n assert (\n request(\"http://localhost:5000\", retries=5, retry_delay=0.5).status == 200\n )\n\n\ndef test_flask_settings(install, config, venv, app):\n install(extra=\"flask\")\n config({\"provider\": {\"flask\": {\"PORT\": 5001}}})\n with background_task(\n \"vue-cli\", \"deploy\", \"flask\", env={\"PATH\": f\"{venv / 'bin'}\"}, cwd=str(app)\n ):\n assert (\n request(\"http://localhost:5001\", retries=5, retry_delay=0.5).status == 200\n )\n"
},
{
"path": "tests/unit/test_bridge/__init__.py",
"content": ""
},
{
"path": "tests/unit/test_bridge/mocks.py",
"content": "class VueMock:\n @staticmethod\n def set(obj, key, value):\n setattr(obj, key, value)\n\n @staticmethod\n def delete(obj, key):\n delattr(obj, key)\n\n\nclass ObjectMock:\n def __new__(cls, arg):\n return arg\n\n @staticmethod\n def assign(target, *sources):\n for source in sources:\n target.attributes.update(source)\n return target\n\n @staticmethod\n def keys(obj):\n return [k for k in obj]\n\n\nclass ArrayMock:\n def __init__(self, *items):\n self._data = list(items)\n\n def __getitem__(self, item):\n return self._data[item]\n\n def __setitem__(self, key, value):\n self._data[key] = value\n\n @property\n def length(self):\n return len(self._data)\n\n def push(self, *items):\n self._data.extend(items)\n\n def splice(self, index, delete_count=None, *items):\n delete_count = (\n delete_count if delete_count is not None else len(self._data) - index\n )\n index = index if index >= 0 else len(self._data) + index\n deleted = self._data[index : index + delete_count]\n self._data = (\n self._data[0:index] + list(items) + self._data[index + delete_count :]\n )\n return deleted\n\n def slice(self, index, stop=None):\n return self._data[index:stop]\n\n def indexOf(self, obj, start=0):\n try:\n return self._data.index(obj, start)\n except ValueError:\n return -1\n\n def reverse(self):\n self._data.reverse()\n return self._data\n"
},
{
"path": "tests/unit/test_bridge/test_dict.py",
"content": "from unittest import mock\n\nimport pytest\n\nfrom tests.unit.test_bridge.mocks import ObjectMock, VueMock\n\nfrom vue.bridge.dict import window, Dict\n\n\n@pytest.fixture(scope=\"module\", autouse=True)\ndef window_object():\n with mock.patch.object(window, \"Object\", new=ObjectMock), mock.patch.object(\n window, \"Vue\", new=VueMock\n ):\n yield\n\n\nclass JsObjectMock:\n def __init__(self, attribtes):\n self.attributes = attribtes\n\n def __getattr__(self, item):\n return self.attributes[item]\n\n def __setattr__(self, key, value):\n if key == \"attributes\":\n super().__setattr__(key, value)\n else:\n self.attributes[key] = value\n\n def __delattr__(self, item):\n del self.attributes[item]\n\n def __iter__(self):\n return iter(self.attributes)\n\n\ndef make_dict(dct):\n return Dict(JsObjectMock(dct))\n\n\nclass TestDict:\n def test_getitem(self):\n assert \"value\" == make_dict({\"key\": \"value\"})[\"key\"]\n\n def test_items(self):\n assert ((\"a\", 1), (\"b\", 2)) == make_dict({\"a\": 1, \"b\": 2}).items()\n\n def test_eq(self):\n assert {\"a\": 1} != make_dict({\"a\": 2})\n assert {\"a\": 0, \"b\": 1} == make_dict({\"a\": 0, \"b\": 1})\n\n def test_keys(self):\n assert (\"a\", \"b\") == make_dict({\"a\": 0, \"b\": 1}).keys()\n\n def test_iter(self):\n assert [\"a\", \"b\"] == list(iter(make_dict({\"a\": 0, \"b\": 1})))\n\n def test_setitem(self):\n d = make_dict({})\n d[\"a\"] = 1\n assert 1 == d[\"a\"]\n\n def test_contains(self):\n assert \"a\" in make_dict({\"a\": 0, \"b\": 1})\n\n def test_setdefault(self):\n d = make_dict({})\n assert 1 == d.setdefault(\"a\", 1)\n assert 1 == d.setdefault(\"a\", 2)\n\n def test_len(self):\n assert 2 == len(make_dict({\"a\": 0, \"b\": 1}))\n\n def test_get(self):\n assert 1 == make_dict({\"a\": 0, \"b\": 1}).get(\"b\", \"default\")\n assert \"default\" == make_dict({\"a\": 0, \"b\": 1}).get(\"c\", \"default\")\n\n def test_values(self):\n assert (0, 1) == make_dict({\"a\": 0, \"b\": 1}).values()\n\n def test_repr(self):\n assert str({\"a\": 0, \"b\": 1}) == str(make_dict({\"a\": 0, \"b\": 1}))\n\n def test_update(self):\n d = make_dict({\"a\": 0, \"b\": 1})\n d.update(a=2)\n assert {\"a\": 2, \"b\": 1} == d\n d.update(c=0)\n assert {\"a\": 2, \"b\": 1, \"c\": 0} == d\n d.update({\"c\": 3, \"d\": 0})\n assert {\"a\": 2, \"b\": 1, \"c\": 3, \"d\": 0} == d\n\n def test_bool(self):\n assert not make_dict({})\n assert make_dict({\"a\": 0})\n\n def test_delitem(self):\n d = make_dict({\"a\": 0, \"b\": 1})\n del d[\"a\"]\n assert {\"b\": 1} == d\n\n def test_pop(self):\n d = make_dict({\"a\": 0, \"b\": 1})\n assert 1 == d.pop(\"b\")\n assert {\"a\": 0} == d\n\n def test_pop_default(self):\n d = make_dict({\"a\": 0, \"b\": 1})\n assert \"default\" == d.pop(\"c\", \"default\")\n assert {\"a\": 0, \"b\": 1} == d\n\n def test_pop_key_error(self):\n d = make_dict({\"a\": 0, \"b\": 1})\n with pytest.raises(KeyError):\n d.pop(\"c\")\n\n def test_popitem(self):\n d = make_dict({\"a\": 2})\n assert (\"a\", 2) == d.popitem()\n assert {} == d\n\n def test_clear(self):\n d = make_dict({\"a\": 0, \"b\": 1})\n d.clear()\n assert not d\n\n def test_set(self):\n d = make_dict({\"a\": 0, \"b\": 1})\n old_id = id(d)\n d.__set__({\"c\": 1, \"d\": 2})\n assert old_id == id(d)\n assert {\"c\": 1, \"d\": 2} == d\n\n def test_getattr(self):\n d = make_dict({\"a\": 0, \"b\": 1})\n assert 1 == d.b\n\n def test_setattr(self):\n d = make_dict({\"a\": 1})\n d.a = 2\n assert {\"a\": 2} == d\n\n def test_str_toString(self):\n d = make_dict({})\n d.toString = lambda: \"STRING\"\n assert \"STRING\" == str(d)\n"
},
{
"path": "tests/unit/test_bridge/test_jsobject.py",
"content": "from unittest import mock\n\nfrom browser import window\n\nfrom vue.bridge import Object\nfrom vue.bridge.vue_instance import VueInstance\n\nfrom .mocks import ArrayMock\n\n\nclass TestJSObjectWrapper:\n def test_vue(self):\n class This:\n def _isVue(self):\n return True\n\n assert isinstance(Object.from_js(This()), VueInstance)\n\n def test_array(self):\n with mock.patch.object(window.Array, \"isArray\", return_value=True):\n obj = Object.from_js(ArrayMock(1, 2, 3))\n assert [1, 2, 3] == obj\n\n def test_dict(self):\n assert {\"a\": 1, \"b\": 2} == Object.from_js({\"a\": 1, \"b\": 2})\n"
},
{
"path": "tests/unit/test_bridge/test_list.py",
"content": "import pytest\n\nfrom vue.bridge.list import List\nfrom .mocks import ArrayMock\n\n\nclass TestList:\n def test_len(self):\n assert 3 == len(List(ArrayMock(1, 2, 3)))\n\n def test_getitem(self):\n assert 3 == List(ArrayMock(1, 2, 3))[2]\n assert [2, 3] == List(ArrayMock(1, 2, 3, 4))[1:3]\n assert 3 == List(ArrayMock(1, 2, 3))[-1]\n assert [2] == List(ArrayMock(1, 2, 3))[-2:-1]\n\n def test_delitem(self):\n l = List(ArrayMock(1, 2, 3))\n del l[1]\n assert [1, 3] == l\n\n def test_delitem_range(self):\n l = List(ArrayMock(1, 2, 3, 4))\n del l[1:3]\n assert [1, 4] == l\n\n def test_setitem(self):\n l = List(ArrayMock(1, 2, 3))\n l[1] = 5\n assert [1, 5, 3] == l\n\n def test_setitem_range(self):\n l = List(ArrayMock(1, 2, 3))\n l[:] = [5]\n assert [5] == l\n\n def test_setitem_negative(self):\n l = List(ArrayMock(1, 2, 3, 4))\n l[-3:-1] = [8, 9]\n assert [1, 8, 9, 4] == l\n\n def test_iter(self):\n assert [1, 2, 3] == [i for i in List(ArrayMock(1, 2, 3))]\n\n def test_eq(self):\n assert [1, 2, 3] == List(ArrayMock(1, 2, 3))\n\n def test_mul(self):\n assert [1, 2, 1, 2, 1, 2] == List(ArrayMock(1, 2)) * 3\n\n def test_index(self):\n assert 3 == List(ArrayMock(1, 2, 3, 4)).index(4)\n\n def test_index_start(self):\n assert 4 == List(ArrayMock(4, 1, 2, 3, 4)).index(4, start=1)\n\n def test_index_not_in_list(self):\n with pytest.raises(ValueError):\n List(ArrayMock(1, 2, 3)).index(4)\n\n def test_extend(self):\n l = List(ArrayMock(1, 2))\n l.extend([3, 4])\n assert [1, 2, 3, 4] == l\n\n def test_contains(self):\n assert 3 in List(ArrayMock(1, 2, 3))\n\n def test_count(self):\n assert 2 == List(ArrayMock(1, 2, 1)).count(1)\n\n def test_repr(self):\n assert \"[1, 2, 3]\" == repr(List(ArrayMock(1, 2, 3)))\n\n def test_str(self):\n assert \"[1, 2, 3]\" == str(List(ArrayMock(1, 2, 3)))\n\n def test_append(self):\n l = List(ArrayMock(1, 2))\n l.append(3)\n assert [1, 2, 3] == l\n\n def test_insert(self):\n l = List(ArrayMock(1, 3))\n l.insert(1, 2)\n assert [1, 2, 3] == l\n\n def test_remove(self):\n l = List(ArrayMock(1, 2, 1, 3))\n l.remove(1)\n assert [2, 3] == l\n\n def test_pop(self):\n l = List(ArrayMock(1, 2, 3))\n assert 3 == l.pop()\n\n def test_sort(self):\n l = List(ArrayMock(4, 3, 6, 1))\n l.sort()\n assert [1, 3, 4, 6] == l\n\n def test_reverse(self):\n l = List(ArrayMock(4, 3, 6, 1))\n l.reverse()\n assert [1, 6, 3, 4] == l\n\n def test_set(self):\n l = List(ArrayMock(4, 3, 6, 1))\n l.__set__([1, 2, 3, 4])\n assert [1, 2, 3, 4] == l\n"
},
{
"path": "tests/unit/test_bridge/test_vue.py",
"content": "from unittest import mock\nimport pytest\nfrom .mocks import ArrayMock\nfrom vue.bridge.vue_instance import VueInstance\nfrom browser import window\n\n\nclass TestVue:\n def test_getattr(self):\n class This:\n def __init__(self):\n self.attribute = \"value\"\n\n this = This()\n vue = VueInstance(this)\n assert \"value\" == vue.attribute\n this.attribute = \"new_value\"\n assert \"new_value\" == vue.attribute\n\n def test_get_dollar_attribute(self):\n class This:\n def __getattr__(self, item):\n if item == \"$dollar\":\n return \"DOLLAR\"\n return super().__getattribute__(item)\n\n vue = VueInstance(This())\n assert \"DOLLAR\" == vue.dollar\n with pytest.raises(AttributeError):\n assert not vue.no_dollar\n\n def test_setattr(self):\n class This:\n def __init__(self):\n self.attribute = False\n\n def __getattr__(self, item):\n if item == \"$props\":\n return ()\n return self.__getattribute__(item)\n\n this = This()\n vue = VueInstance(this)\n vue.attribute = True\n assert vue.attribute\n assert this.attribute\n\n def test_set_attribute_with_set(self):\n class This:\n def __init__(self):\n self.list = ArrayMock([1, 2, 3, 4])\n\n def __getattr__(self, item):\n if item == \"$props\":\n return ()\n return self.__getattribute__(item)\n\n this = This()\n vue = VueInstance(this)\n list_id = id(this.list)\n with mock.patch.object(window.Array, \"isArray\", return_value=True):\n vue.list = [0, 1, 2]\n assert [0, 1, 2] == vue.list._data\n assert list_id == id(this.list)\n"
},
{
"path": "tests/unit/test_bridge/test_vuex.py",
"content": "from vue.bridge.vuex_instance import VuexInstance\n\n\nclass Getter:\n def __init__(self, **kwargs):\n self.vars = kwargs\n\n def __getattr__(self, item):\n return self.vars[item]\n\n\nclass Callable:\n def __init__(self):\n self.args = None\n\n def __call__(self, *args):\n self.args = args\n\n\ndef test_get_state():\n vuex = VuexInstance(state=dict(i=1))\n assert 1 == vuex.i\n\n\ndef test_get_root_state():\n vuex = VuexInstance(root_state=dict(i=1))\n assert 1 == vuex.i\n\n\ndef test_set_state():\n state = dict(i=0)\n vuex = VuexInstance(state=state)\n vuex.i = 1\n assert 1 == state[\"i\"]\n\n\ndef test_set_root_state():\n state = dict(i=0)\n vuex = VuexInstance(root_state=state)\n vuex.i = 1\n assert 1 == state[\"i\"]\n\n\ndef test_access_getter():\n vuex = VuexInstance(getters=Getter(i=1))\n assert 1 == vuex.i\n\n\ndef test_access_root_getter():\n vuex = VuexInstance(root_getters=Getter(i=1))\n assert 1 == vuex.i\n\n\ndef test_access_comit():\n c = Callable()\n vuex = VuexInstance(commit=c)\n vuex.commit(\"mutation\", 1, a=0)\n assert \"mutation\" == c.args[0]\n assert {\"args\": (1,), \"kwargs\": {\"a\": 0}} == c.args[1]\n\n\ndef test_access_dispatch():\n c = Callable()\n vuex = VuexInstance(dispatch=c)\n vuex.dispatch(\"action\", 1, a=0)\n assert \"action\" == c.args[0]\n assert {\"args\": (1,), \"kwargs\": {\"a\": 0}} == c.args[1]\n"
},
{
"path": "tests/unit/test_transformers/conftest.py",
"content": "from unittest import mock\nfrom vue.bridge.list import window as list_window\nimport pytest\n\n\nclass ArrayMock(list):\n def __new__(cls, *args):\n return list(args)\n\n @staticmethod\n def isArray(obj):\n return isinstance(obj, list)\n\n\n@pytest.fixture(scope=\"module\", autouse=True)\ndef window_object():\n with mock.patch.object(list_window, \"Array\", new=ArrayMock):\n yield\n"
},
{
"path": "tests/unit/test_transformers/test_component.py",
"content": "from unittest import mock\n\nfrom vue import *\n\n\ndef test_empty():\n class Empty(VueComponent):\n pass\n\n assert {} == Empty.init_dict()\n\n\ndef test_method():\n class Component(VueComponent):\n def do(self, event):\n return self, event\n\n vue_dict = Component.init_dict()\n assert \"do\" in vue_dict[\"methods\"]\n method = vue_dict[\"methods\"][\"do\"]\n with mock.patch(\"vue.decorators.base.javascript.this\", return_value=\"THIS\"):\n assert \"SELF\", \"EVENT\" == method(\"EVENT\")\n\n\ndef test_method_as_coroutine():\n class Component(VueComponent):\n async def co(self):\n return self\n\n assert \"co\" in Component.init_dict()[\"methods\"]\n\n\ndef test_data():\n class Component(VueComponent):\n attribute = 1\n\n assert {\"attribute\": 1} == Component.init_dict()[\"data\"](\"THIS\")\n\n\ndef test_data_as_property():\n class Component(VueComponent):\n @data\n def attribute(self):\n return self\n\n assert {\"attribute\": \"THIS\"} == Component.init_dict()[\"data\"](\"THIS\")\n\n\ndef test_props():\n class Component(VueComponent):\n prop: int\n\n init_dict = Component.init_dict()\n assert {\"prop\": {\"type\": int, \"required\": True}} == init_dict[\"props\"]\n\n\ndef test_props_with_default():\n class Component(VueComponent):\n prop: int = 100\n\n init_dict = Component.init_dict()\n props = {\"prop\": {\"type\": int, \"default\": 100}}\n assert props == init_dict[\"props\"]\n\n\ndef test_props_validator():\n class Component(VueComponent):\n prop: int\n\n @validator(\"prop\")\n def is_lt_100(self, value):\n return value < 100\n\n init_dict = Component.init_dict()\n assert not init_dict[\"props\"][\"prop\"][\"validator\"](100)\n assert init_dict[\"props\"][\"prop\"][\"validator\"](99)\n\n\ndef test_template():\n class Component(VueComponent):\n template = \"TEMPLATE\"\n\n init_dict = Component.init_dict()\n assert \"TEMPLATE\" == init_dict[\"template\"]\n\n\ndef test_lifecycle_hooks():\n class Component(VueComponent):\n def before_create(self):\n return self\n\n def created(self):\n return self\n\n def before_mount(self):\n return self\n\n def mounted(self):\n return self\n\n def before_update(self):\n return self\n\n def updated(self):\n return self\n\n def before_destroy(self):\n return self\n\n def destroyed(self):\n return self\n\n init_dict = Component.init_dict()\n assert \"beforeCreate\" in init_dict\n assert \"created\" in init_dict\n assert \"beforeMount\" in init_dict\n assert \"mounted\" in init_dict\n assert \"beforeUpdate\" in init_dict\n assert \"updated\" in init_dict\n assert \"beforeDestroy\" in init_dict\n assert \"destroyed\" in init_dict\n\n\ndef test_customize_model():\n class Component(VueComponent):\n model = Model(prop=\"prop\", event=\"event\")\n\n init_dict = Component.init_dict()\n assert {\"prop\": \"prop\", \"event\": \"event\"} == init_dict[\"model\"]\n\n\ndef test_filter():\n class Component(VueComponent):\n @staticmethod\n @filters\n def lower_case(value):\n return value.lower()\n\n init_dict = Component.init_dict()\n assert \"abc\" == init_dict[\"filters\"][\"lower_case\"](\"Abc\")\n\n\ndef test_watch():\n class Component(VueComponent):\n @watch(\"data\")\n def lower_case(self, new, old):\n return old, new\n\n init_dict = Component.init_dict()\n result = init_dict[\"watch\"][\"data\"][\"handler\"](\"new\", \"old\")\n assert \"new\", \"old\" == result\n\n\ndef test_watch_deep():\n class Component(VueComponent):\n @watch(\"data\", deep=True)\n def lower_case(self, new, old):\n return new, old\n\n init_dict = Component.init_dict()\n assert init_dict[\"watch\"][\"data\"][\"deep\"]\n\n\ndef test_watch_immediate():\n class Component(VueComponent):\n @watch(\"data\", immediate=True)\n def lower_case(self, new, old):\n return new, old\n\n init_dict = Component.init_dict()\n assert init_dict[\"watch\"][\"data\"][\"immediate\"]\n\n\ndef test_function_directive():\n class Component(VueComponent):\n @staticmethod\n @directive\n def focus(el, binding, vnode, old_vnode):\n return el, binding, vnode, old_vnode\n\n init_dict = Component.init_dict()\n res = [\"el\", \"binding\", \"vnode\", \"old_vnode\"]\n assert res == init_dict[\"directives\"][\"focus\"](\n \"el\", \"binding\", \"vnode\", \"old_vnode\"\n )\n\n\ndef test_full_directive_different_hooks():\n class Component(VueComponent):\n @staticmethod\n @directive(\"focus\")\n def bind():\n return \"bind\"\n\n @staticmethod\n @directive(\"focus\")\n def inserted():\n return \"inserted\"\n\n @staticmethod\n @directive(\"focus\")\n def update():\n return \"update\"\n\n @staticmethod\n @directive(\"focus\")\n def component_updated():\n return \"componentUpdated\"\n\n @staticmethod\n @directive(\"focus\")\n def unbind():\n return \"unbind\"\n\n init_dict = Component.init_dict()\n directive_map = init_dict[\"directives\"][\"focus\"]\n for fn_name in (\"bind\", \"inserted\", \"update\", \"componentUpdated\", \"unbind\"):\n assert fn_name == directive_map[fn_name]()\n\n\ndef test_full_directive_single_hook():\n class Component(VueComponent):\n @staticmethod\n @directive(\"focus\", \"bind\", \"inserted\", \"update\", \"component_updated\", \"unbind\")\n def hook():\n return \"hook\"\n\n init_dict = Component.init_dict()\n directive_map = init_dict[\"directives\"][\"focus\"]\n for fn_name in (\"bind\", \"inserted\", \"update\", \"componentUpdated\", \"unbind\"):\n assert \"hook\" == directive_map[fn_name]()\n\n\ndef test_directive_replace_dash():\n class Component(VueComponent):\n @staticmethod\n @directive\n def focus_dashed(el, binding, vnode, old_vnode):\n return el, binding, vnode, old_vnode\n\n init_dict = Component.init_dict()\n assert \"focus-dashed\" in init_dict[\"directives\"]\n\n\ndef test_mixins():\n class Component(VueComponent):\n mixins = [{\"created\": \"fn\"}]\n\n assert [{\"created\": \"fn\"}] == Component.init_dict()[\"mixins\"]\n\n\ndef test_vuepy_mixin():\n class MyMixin(VueMixin):\n pass\n\n class Component(VueComponent):\n mixins = [MyMixin]\n\n assert [{}] == Component.init_dict()[\"mixins\"]\n\n\ndef test_render_function():\n class Component(VueComponent):\n def render(self, create_element):\n pass\n\n assert \"render\" in Component.init_dict()\n\n\ndef test_attributes_from_base_class():\n class Component(VueComponent):\n template = \"TEMPLATE\"\n\n class SubComponent(Component):\n pass\n\n assert \"TEMPLATE\" == SubComponent.init_dict()[\"template\"]\n\n\ndef test_extends():\n class Component(VueComponent):\n template = \"TEMPLATE\"\n\n class SubComponent(Component):\n extends = True\n\n assert {\"template\": \"TEMPLATE\"} == SubComponent.init_dict()[\"extends\"]\n\n\ndef test_template_merging():\n class Base(VueComponent):\n template = \"BASE {}
\"\n\n class Middle(Base):\n template_slots = \"MIDDLE {}\"\n\n class Sub(Middle):\n template_slots = \"SUB\"\n\n assert \"BASE MIDDLE SUB
\" == Sub.init_dict()[\"template\"]\n\n\ndef test_template_merging_with_slots():\n class Base(VueComponent):\n template_slots = {\"pre\": \"DEFAULT\", \"post\": \"DEFAULT\"}\n template = \"{pre} {} {post}
\"\n\n class WithSlots(Base):\n template_slots = {\"pre\": \"PRE\", \"default\": \"SUB\"}\n\n class WithDefault(Base):\n template_slots = \"SUB\"\n\n assert \"PRE SUB DEFAULT
\" == WithSlots.init_dict()[\"template\"]\n assert \"DEFAULT SUB DEFAULT
\" == WithDefault.init_dict()[\"template\"]\n\n\ndef test_components():\n class Component(VueComponent):\n components = [{\"created\": \"fn\"}]\n\n assert [{\"created\": \"fn\"}] == Component.init_dict()[\"components\"]\n\n\ndef test_vuepy_components():\n class SubComponent(VueComponent):\n pass\n\n class Component(VueComponent):\n components = [SubComponent]\n\n assert [{}] == Component.init_dict()[\"components\"]\n" }, { "path": "tests/unit/test_transformers/test_router.py", "content": "from unittest.mock import Mock\nfrom vue import *\n\n\nclass TestVueRoute:\n def test_path_and_component(self):\n route = VueRoute(\"/path\", VueComponent)\n assert route == {\"path\": \"/path\", \"component\": VueComponent.init_dict()}\n\n def test_path_and_components(self):\n route = VueRoute(\n \"/path\", components={\"default\": VueComponent, \"named\": VueComponent}\n )\n assert route == {\n \"path\": \"/path\",\n \"components\": {\n \"default\": VueComponent.init_dict(),\n \"named\": VueComponent.init_dict(),\n },\n }\n\n def test_path_and_components_and_children(self):\n route = VueRoute(\n \"/path\",\n VueComponent,\n children=[\n VueRoute(\"/path\", VueComponent),\n VueRoute(\"/path2\", VueComponent),\n ],\n )\n assert route == {\n \"path\": \"/path\",\n \"component\": VueComponent.init_dict(),\n \"children\": [\n {\"path\": \"/path\", \"component\": VueComponent.init_dict()},\n {\"path\": \"/path2\", \"component\": VueComponent.init_dict()},\n ],\n }\n\n def test_path_and_redirect(self):\n route = VueRoute(\"/path\", redirect=\"/path2\")\n assert route == {\"path\": \"/path\", \"redirect\": \"/path2\"}\n\n\nclass TestVueRouter:\n def test_routes(self):\n class Router(VueRouter):\n routes = [VueRoute(\"/path\", VueComponent)]\n\n routes = Router.init_dict()[\"routes\"]\n assert routes == [{\"path\": \"/path\", \"component\": VueComponent.init_dict()}]\n\n def test_custom_router(self):\n router_class_mock = Mock()\n router_class_mock.new.return_value = \"CustomRouter\"\n\n class Router(VueRouter):\n RouterClass = router_class_mock\n\n router = Router()\n assert router == \"CustomRouter\"\n router_class_mock.new.assert_called_with(Router.init_dict())\n" }, { "path": "tests/unit/test_transformers/test_store.py", "content": "from vue import *\nfrom vue.bridge import VuexInstance\n\n\ndef test_state():\n class Store(VueStore):\n attribute = 1\n\n assert {\"attribute\": 1} == Store.init_dict()[\"state\"]\n\n\ndef test_mutation():\n class Store(VueStore):\n @mutation\n def mutation(self, payload):\n return self, payload\n\n store, arg = Store.init_dict()[\"mutations\"][\"mutation\"]({}, {\"args\": (2,)})\n assert 2 == arg\n assert isinstance(store, VuexInstance)\n\n\ndef test_action():\n class Context:\n def __init__(self):\n self.state = {}\n self.getters = {}\n self.rootState = {}\n self.rootGetters = {}\n self.commit = None\n self.dispatch = None\n\n class Store(VueStore):\n @action\n def action(self, payload):\n return self, payload\n\n store, arg = Store.init_dict()[\"actions\"][\"action\"](Context(), {\"args\": (2,)})\n assert 2 == arg\n assert isinstance(store, VuexInstance)\n\n\ndef test_getter():\n class Store(VueStore):\n @staticmethod\n @getter\n def getter(self):\n return self\n\n vuex = Store.init_dict()[\"getters\"][\"getter\"]({}, {})\n assert isinstance(vuex, VuexInstance)\n\n\ndef test_getter_method():\n class Store(VueStore):\n @staticmethod\n @getter\n def getter(self, value):\n return self, value\n\n vuex, value = Store.init_dict()[\"getters\"][\"getter\"]({}, {})(3)\n assert isinstance(vuex, VuexInstance)\n assert 3 == value\n\n\ndef test_plugin_registration():\n class Store(VueStore):\n plugins = [1]\n\n assert [1] == Store.init_dict()[\"plugins\"]\n" }, { "path": "tests/unit/test_utils.py", "content": "import pytest\nfrom unittest import mock\nfrom vue import utils\nfrom vue.utils import *\n\n\n@pytest.fixture\ndef fix_load_and_window():\n utils.CACHE.clear()\n\n class WindowMock:\n def __getattr__(self, item):\n return item\n\n class LoadMock:\n def __init__(self):\n self.call_count = 0\n\n def __call__(self, path):\n self.call_count += 1\n path, mods = path.split(\";\")\n mods = mods.split(\",\")\n for mod in mods:\n if mod:\n setattr(WindowMock, mod, mod)\n\n with mock.patch.object(utils, \"load\", new=LoadMock()), mock.patch.object(\n utils, \"window\", new=WindowMock\n ):\n yield\n\n\n@pytest.mark.usefixtures(\"fix_load_and_window\")\nclass TestJsLoad:\n def test_single(self):\n assert \"a\" == js_load(\"path;a\")\n\n def test_multiple(self):\n assert {\"a\": \"a\", \"b\": \"b\"} == js_load(\"path;a,b\")\n\n def test_different(self):\n assert \"a\" == js_load(\"first;a\")\n assert \"b\" == js_load(\"second;b\")\n assert 2 == utils.load.call_count\n\n def test_using_cache(self):\n assert \"a\" == js_load(\"path;a\")\n assert \"a\" == js_load(\"path;a\")\n assert 1 == utils.load.call_count\n\n def test_none(self):\n assert js_load(\"path;\") is None\n\n def test_ignore_dollar(self):\n assert js_load(\"path;$test\") is None\n\n\nclass TestJsLib:\n def test_getattr_of_window(self):\n class WindowMock:\n attribute = \"ATTRIBUTE\"\n\n with mock.patch.object(utils, \"window\", new=WindowMock):\n assert \"ATTRIBUTE\" == js_lib(\"attribute\")\n\n def test_get_default(self):\n class AttributeWithDefault:\n default = \"DEFAULT\"\n\n def __dir__(self):\n return [\"default\"]\n\n class WindowMock:\n attribute = AttributeWithDefault()\n\n with mock.patch.object(utils, \"window\", new=WindowMock):\n assert \"DEFAULT\" == js_lib(\"attribute\")\n" }, { "path": "tests/unit/test_vue.py", "content": "from contextlib import contextmanager\nfrom unittest import mock\n\nimport pytest\n\nfrom vue import Vue, VueComponent, VueDirective, VueMixin\nfrom vue.bridge.dict import window\n\n\n@pytest.fixture(autouse=True)\ndef window_object():\n with mock.patch.object(window, \"Object\", new=dict):\n yield\n\n\nclass VueMock(mock.MagicMock):\n def __init__(self, *args, **kwargs):\n super().__init__(*args, **kwargs)\n self.init_dict = None\n self.register_name = None\n self.directive_name = None\n self._directive = None\n\n @contextmanager\n def new(self):\n with mock.patch(\"vue.vue.window.Vue.new\", new=self) as new:\n yield self\n self.init_dict = new.call_args[0][0]\n\n @contextmanager\n def component(self):\n with mock.patch(\"vue.vue.window.Vue.component\", new=self) as component:\n component.side_effect = lambda *args, **kwargs: self.init_dict\n yield self\n self.init_dict = (\n component.call_args[0][1] if len(component.call_args[0]) > 1 else component\n )\n self.register_name = component.call_args[0][0]\n\n @contextmanager\n def directive(self):\n with mock.patch(\"vue.vue.window.Vue.directive\", new=self) as drctv:\n drctv.side_effect = lambda *args, **kwargs: self._directive\n yield self\n self.directive_name = drctv.call_args[0][0]\n self._directive = drctv.call_args[0][1] if len(drctv.call_args[0]) > 1 else None\n\n @contextmanager\n def filter(self):\n with mock.patch(\"vue.vue.window.Vue.filter\", new=self) as flt:\n yield self\n flt._filter_name = flt.call_args[0][0]\n flt._filter = flt.call_args[0][1]\n\n @contextmanager\n def mixin(self):\n with mock.patch(\"vue.vue.window.Vue.mixin\", new=self) as mixin:\n yield self\n mixin.init_dict = mixin.call_args[0][0]\n\n @contextmanager\n def use(self):\n with mock.patch(\"vue.vue.window.Vue.use\", new=self) as use:\n yield self\n use.plugin = use.call_args[0][0]\n\n\nclass TestVueComponent:\n def test_el(self):\n class Component(VueComponent):\n pass\n\n with VueMock().new() as new:\n Component(\"app\")\n assert \"app\" == new.init_dict[\"el\"]\n\n def test_props_data(self):\n class Component(VueComponent):\n prop: str\n\n with VueMock().new() as new:\n Component(\"app\", props_data={\"prop\": \"PROP\"})\n assert {\"prop\": \"PROP\"} == new.init_dict[\"propsData\"]\n\n def test_register(self):\n class Component(VueComponent):\n pass\n\n with VueMock().component() as component:\n Component.register()\n assert \"Component\" == component.register_name\n\n with VueMock().component() as component:\n Component.register(\"new-name\")\n assert \"new-name\" == component.register_name\n\n\nclass TestVue:\n def test_directive(self):\n class Drctv(VueDirective):\n def bind(self):\n pass\n\n with VueMock().directive() as dirctv:\n Vue.directive(\"directive\", Drctv)\n assert \"directive\" == dirctv.directive_name\n assert \"bind\" in dirctv._directive\n\n def test_directive_with_implicit_name(self):\n class Drctv(VueDirective):\n def bind(self):\n pass\n\n with VueMock().directive() as dirctv:\n Vue.directive(Drctv)\n assert \"drctv\" == dirctv.directive_name\n assert \"bind\" in dirctv._directive\n\n def test_function_directive(self):\n def function_directive(a):\n return a\n\n with VueMock().directive() as dirctv:\n Vue.directive(\"my-directive\", function_directive)\n assert \"my-directive\" == dirctv.directive_name\n assert \"a\" == dirctv._directive(\"a\")\n\n def test_function_directive_with_implicit_name(self):\n def function_directive(a):\n return a\n\n with VueMock().directive() as dirctv:\n Vue.directive(function_directive)\n assert \"function_directive\" == dirctv.directive_name\n assert \"a\" == dirctv._directive(\"a\")\n\n def test_directive_getter(self):\n with VueMock().directive() as drctv:\n drctv._directive = \"DIRECTIVE\"\n drctv.directive_name = \"my-directive\"\n assert \"DIRECTIVE\" == Vue.directive(\"my-durective\")\n\n def test_filter(self):\n with VueMock().filter() as filter_mock:\n Vue.filter(\"my_filter\", lambda val: \"filtered({})\".format(val))\n assert \"my_filter\" == filter_mock._filter_name\n assert \"filtered(value)\" == filter_mock._filter(\"value\")\n\n def test_filter_use_function_name(self):\n def flt(v):\n return \"filtered({})\".format(v)\n\n with VueMock().filter() as filter_mock:\n Vue.filter(flt)\n assert \"flt\" == filter_mock._filter_name\n assert \"filtered(value)\" == filter_mock._filter(\"value\")\n\n def test_mixin(self):\n class Mixin(VueMixin):\n def created(self):\n return \"created\"\n\n with VueMock().mixin() as mixin_mock:\n Vue.mixin(Mixin)\n assert \"created\" == mixin_mock.init_dict[\"created\"]()\n\n def test_use(self):\n with VueMock().use() as use:\n Vue.use(\"Plugin\")\n assert \"Plugin\" == use.plugin\n\n def test_component(self):\n with VueMock().component() as component:\n Vue.component(\"my-component\", {\"a\": 0})\n assert {\"a\": 0} == component.init_dict\n assert \"my-component\" == component.register_name\n\n def test_vuepy_component(self):\n class MyComponent(VueComponent):\n pass\n\n with VueMock().component() as component:\n Vue.component(\"my-component\", MyComponent)\n assert {} == component.init_dict\n assert \"my-component\" == component.register_name\n\n def test_vuepy_component_implicit_naming(self):\n class MyComponent(VueComponent):\n pass\n\n with VueMock().component() as component:\n Vue.component(MyComponent)\n assert {} == component.init_dict\n assert \"MyComponent\" == component.register_name\n\n def test_component_getter(self):\n with VueMock().component() as comp:\n comp.init_dict = {\"a\": 0}\n component = Vue.component(\"my-component\")\n assert {\"a\": 0} == component\n" }, { "path": "vue/__init__.py", "content": "from .__version__ import __version__\n\ntry:\n from .vue import VueComponent, VueMixin, Vue, VueDirective, VuePlugin\n from .store import VueStore, VueStorePlugin\n from .router import VueRouter, VueRoute\n from .decorators import (\n computed,\n validator,\n directive,\n filters,\n watch,\n data,\n Model,\n custom,\n mutation,\n action,\n getter,\n )\nexcept ModuleNotFoundError:\n pass\n" }, { "path": "vue/bridge/__init__.py", "content": "from .object import Object\nfrom .list import List\nfrom .dict import Dict\nfrom .vue_instance import VueInstance\nfrom .vuex_instance import VuexInstance\n" }, { "path": "vue/bridge/dict.py", "content": "from browser import window\nfrom .object import Object\n\n\nclass Dict(Object):\n @staticmethod\n def __unwraps__():\n return dict\n\n @staticmethod\n def __can_wrap__(obj):\n return (str(type(obj)) == \"\n ![](\"loading.gif\")
\n
\n \n\n\n"
},
{
"path": "vuecli/provider/__init__.py",
"content": "import pkg_resources as _pkgres\n\n\ndef _load(ep):\n try:\n return ep.load()\n except ModuleNotFoundError:\n return None\n\n\nRegisteredProvider = {\n entry_point.name: _load(entry_point)\n for entry_point in _pkgres.iter_entry_points(\"vuecli.provider\")\n}\n"
},
{
"path": "vuecli/provider/flask.py",
"content": "import os\nfrom pathlib import Path\n\nfrom flask import Flask as FlaskApp, send_file, abort\n\nfrom .provider import Provider\n\n\nclass Flask(Provider):\n def __init__(self, *args, **kwargs):\n super().__init__(*args, **kwargs)\n self.app = FlaskApp(__name__)\n\n def content(self, endpoint, route, content):\n self.app.add_url_rule(route, endpoint, content)\n\n def directory(self, endpoint, route, path, deep=False):\n def view_func(filename):\n full_path = Path(path, filename)\n if not full_path.exists():\n abort(404)\n return send_file(str(full_path.absolute()))\n\n flask_route = os.path.join(\n route, \"<{}filename>\".format(\"path:\" if deep else \"\")\n )\n self.app.add_url_rule(flask_route, endpoint, view_func)\n\n def deploy(self):\n flask_config = self.config.get(\"provider\", {}).get(\"flask\", {})\n host = flask_config.pop(\"HOST\", None)\n port = flask_config.pop(\"PORT\", None)\n for key, value in flask_config.items():\n self.app.config[key] = value\n self.app.run(host=host, port=port)\n"
},
{
"path": "vuecli/provider/provider.py",
"content": "from pkg_resources import resource_filename, resource_string\nfrom functools import partial\nfrom pathlib import Path\n\nimport yaml\nfrom jinja2 import Template\n\n\nVuePath = resource_filename(\"vue\", \"\")\nIndexTemplate = resource_string(\"vuecli\", \"index.html\")\nStaticContents = {\n \"/loading.gif\": resource_string(\"vuecli\", \"loading.gif\"),\n \"/vuepy.js\": b\"\\n\".join(\n [\n resource_string(\"brython\", \"data/brython.js\"),\n resource_string(\"brython\", \"data/brython_stdlib.js\"),\n ]\n ),\n \"/vue.js\": resource_string(\"vuecli\", \"js/vue.js\"),\n \"/vuex.js\": resource_string(\"vuecli\", \"js/vuex.js\"),\n \"/vue-router.js\": resource_string(\"vuecli\", \"js/vue-router.js\"),\n}\n\n\nclass Provider:\n Arguments = {}\n\n def __init__(self, path=None):\n self.path = Path(path if path else \".\")\n self.config = self.load_config()\n\n @staticmethod\n def _normalize_config(config):\n default_scripts = {\n \"vuepy\": \"vuepy.js\",\n \"vue\": \"vue.js\",\n \"vuex\": \"vuex.js\",\n \"vue-router\": \"vue-router.js\",\n }\n scripts = {\"vuepy\": True, \"vue\": True}\n custom_scripts = config.get(\"scripts\", {})\n if isinstance(custom_scripts, list):\n custom_scripts = {k: k for k in custom_scripts}\n scripts.update(custom_scripts)\n config[\"scripts\"] = {\n k: default_scripts[k] if v is True else v for k, v in scripts.items() if v\n }\n\n def load_config(self):\n config_file = Path(self.path, \"vuepy.yml\")\n config = {}\n if config_file.exists():\n with open(config_file, \"r\") as fh:\n config = yaml.safe_load(fh.read()) or config\n self._normalize_config(config)\n return config\n\n def render_index(self):\n brython_args = self.config.get(\"brython_args\", {})\n if brython_args:\n joined = \", \".join(f\"{k}: {v}\" for k, v in brython_args.items())\n brython_args = f\"{{ {joined} }}\"\n else:\n brython_args = \"\"\n\n return Template(IndexTemplate.decode(\"utf-8\")).render(\n stylesheets=self.config.get(\"stylesheets\", []),\n scripts=self.config.get(\"scripts\", {}),\n templates={\n id_: Path(self.path, template).read_text(\"utf-8\")\n for id_, template in self.config.get(\"templates\", {}).items()\n },\n brython_args=brython_args,\n )\n\n def setup(self):\n self.directory(\"application\", \"/\", Path(self.path), deep=True)\n self.directory(\"vuepy\", \"/vue\", VuePath, deep=True)\n\n entry_point = self.config.get(\"entry_point\", \"app\")\n self.content(\n \"entry_point\", \"/__entry_point__.py\", lambda: f\"import {entry_point}\\n\"\n )\n self.content(\"index\", \"/\", lambda: self.render_index())\n for route in StaticContents:\n self.content(route, route, partial(StaticContents.get, route))\n\n def content(self, endpoint, route, content):\n raise NotImplementedError()\n\n def directory(self, endpoint, route, path, deep=False):\n raise NotImplementedError()\n\n def deploy(self, **kwargs):\n raise NotImplementedError()\n"
},
{
"path": "vuecli/provider/static.py",
"content": "import os\nimport sys\nimport shutil\nfrom tempfile import TemporaryDirectory as TempDir\nimport subprocess\nfrom pathlib import Path\n\nfrom .provider import Provider\n\n\ndef copytree(src, dst, deep=True):\n if not dst.exists():\n dst.mkdir()\n\n for item in os.listdir(src):\n s = Path(src, item)\n d = Path(dst, item)\n if s.is_dir() and deep:\n d.mkdir()\n copytree(s, d)\n elif s.is_file():\n shutil.copy2(str(s), str(d))\n\n\nclass Static(Provider):\n Arguments = {\n \"destination\": \"Path where the application should be deployed to\",\n \"--package\": {\"action\": \"store_true\", \"help\": \"adds application to vuepy.js\"},\n }\n\n def __init__(self, *args, **kwargs):\n super().__init__(*args, **kwargs)\n self._tempdir = TempDir()\n\n @property\n def temppath(self):\n return self._tempdir.name\n\n def content(self, endpoint, route, content):\n path = self.temppath / Path(route).relative_to(\"/\")\n if path.is_dir():\n path = path / \"index.html\"\n\n content = content()\n mode = \"w+\" if isinstance(content, str) else \"wb+\"\n with open(path, mode) as dest_file:\n dest_file.write(content)\n\n def directory(self, endpoint, route, path, deep=False):\n dest = self.temppath / Path(route).relative_to(\"/\")\n copytree(Path(path), dest, deep=deep)\n\n def deploy(self, destination, package=False):\n try:\n rel_depolypath = (\n Path(destination).absolute().relative_to(Path(self.path).absolute())\n )\n except ValueError:\n pass\n else:\n shutil.rmtree(str(Path(self.temppath) / rel_depolypath), ignore_errors=True)\n\n if package:\n self._create_package()\n\n shutil.rmtree(destination, ignore_errors=True)\n shutil.copytree(self.temppath, Path(destination))\n self._tempdir.cleanup()\n\n def _create_package(self):\n self._brython(\"--make_package\", \"app\")\n Path(self.temppath, \"vuepy.js\").write_text(\n Path(self.temppath, \"vuepy.js\").read_text(encoding=\"utf-8\")\n + \"\\n\"\n + Path(self.temppath, \"app.brython.js\").read_text(encoding=\"utf-8\")\n )\n\n def _brython(self, *args):\n completed_process = subprocess.run(\n [sys.executable, \"-m\", \"brython\", *args],\n cwd=str(self.temppath),\n stdout=subprocess.PIPE,\n )\n if completed_process.returncode:\n raise RuntimeError(completed_process.returncode)\n"
}
]\n