@viewfly/platform-browser 0.0.1-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 TanBo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,4 @@
+Viewfly
+================================
+
+Viewfly 是一个简单、数据驱动的前端视图库，完整文档请参考官方网站：[viewfly.org](https://viewfly.org)

package/bundles/create-app.d.ts

@@ -0,0 +1,18 @@
+import { Viewfly, RootNode } from '@viewfly/core';
+/**
+ * 创建一个 Viewfly 实例
+ * @param host 应用根节点
+ * @param root 应用根节点
+ * @param autoUpdate 是否自动更新视图，默认为 true，当值为 false 时，Viewfly
+ * 只会首次渲染，直到手动调用 Renderer 类的 refresh() 方法，这在单元测试中非常有用，
+ * 我们无需等待 Viewfly 默认的异步调度，实现同步更新视图
+ * ```tsx
+ * const app = createApp(document.getElementById('app'), <App/>, false)
+ * const renderer = app.get(Renderer)
+ *
+ * // do something...
+ *
+ * renderer.refresh() // 手动更新视图
+ * ```
+ */
+export declare function createApp(host: HTMLElement, root: RootNode, autoUpdate?: boolean): Viewfly;

package/bundles/dom-renderer.d.ts

@@ -0,0 +1,48 @@
+import { NativeRenderer } from '@viewfly/core';
+export declare class DomRenderer extends NativeRenderer<HTMLElement, Text> {
+    isSVG: RegExp;
+    xlinkNameSpace: string;
+    possibleXlinkNames: {
+        xlinkActuate: string;
+        xlinkactuate: string;
+        'xlink:actuate': string;
+        xlinkArcrole: string;
+        xlinkarcrole: string;
+        'xlink:arcrole': string;
+        xlinkHref: string;
+        xlinkhref: string;
+        'xlink:href': string;
+        xlinkRole: string;
+        xlinkrole: string;
+        'xlink:role': string;
+        xlinkShow: string;
+        xlinkshow: string;
+        'xlink:show': string;
+        xlinkTitle: string;
+        xlinktitle: string;
+        'xlink:title': string;
+        xlinkType: string;
+        xlinktype: string;
+        'xlink:type': string;
+    };
+    booleanProps: Record<string, string[]>;
+    valueProps: Record<string, string[]>;
+    createElement(name: string): HTMLElement;
+    createTextNode(textContent: string): Text;
+    appendChild(parent: HTMLElement, newChild: any): void;
+    prependChild(parent: HTMLElement, newChild: HTMLElement | Text): void;
+    insertAfter(newNode: HTMLElement | Text, ref: HTMLElement | Text): void;
+    remove(node: HTMLElement | Text): void;
+    setProperty(node: HTMLElement, key: string, value: any): void;
+    removeProperty(node: HTMLElement, key: string): void;
+    addClass(target: HTMLElement, name: string): void;
+    removeClass(target: HTMLElement, name: string): void;
+    setStyle(target: HTMLElement, key: string, value: any): void;
+    removeStyle(target: HTMLElement, key: string): void;
+    listen<T = any>(node: HTMLElement, type: string, callback: (ev: T) => any): void;
+    unListen(node: HTMLElement, type: string, callback: (ev: any) => any): void;
+    syncTextContent(target: Text, content: string): void;
+    private setXlinkAttribute;
+    private removeXlinkAttribute;
+    private insertBefore;
+}

package/bundles/index.esm.js

@@ -0,0 +1,274 @@
+import { NativeRenderer, Viewfly } from '@viewfly/core';
+import { Injectable } from '@tanbo/di';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+let DomRenderer = class DomRenderer extends NativeRenderer {
+    constructor() {
+        super(...arguments);
+        this.isSVG = new RegExp(`^(${[
+            // 'a',
+            'animate',
+            'animateMotion',
+            'animateTransform',
+            'circle',
+            'clipPath',
+            'defs',
+            'desc',
+            'ellipse',
+            'feBlend',
+            'feColorMatrix',
+            'feComponentTransfer',
+            'feComposite',
+            'feConvolveMatrix',
+            'feDiffuseLighting',
+            'feDisplacementMap',
+            'feDistantLight',
+            'feDropShadow',
+            'feFlood',
+            'feFuncA',
+            'feFuncB',
+            'feFuncG',
+            'feFuncR',
+            'feGaussianBlur',
+            'feImage',
+            'feMerge',
+            'feMergeNode',
+            'feMorphology',
+            'feOffset',
+            'fePointLight',
+            'feSpecularLighting',
+            'feSpotLight',
+            'feTile',
+            'feTurbulence',
+            'filter',
+            'foreignObject',
+            'g',
+            'image',
+            'line',
+            'linearGradient',
+            'marker',
+            'mask',
+            'metadata',
+            'mpath',
+            'path',
+            'pattern',
+            'polygon',
+            'polyline',
+            'radialGradient',
+            'rect',
+            // 'script',
+            'set',
+            'stop',
+            // 'style',
+            'svg',
+            'switch',
+            'symbol',
+            'text',
+            'textPath',
+            'title',
+            'tspan',
+            'use',
+            'view'
+        ].join('|')})$`, 'i');
+        this.xlinkNameSpace = 'http://www.w3.org/1999/xlink';
+        this.possibleXlinkNames = {
+            xlinkActuate: 'xlink:actuate',
+            xlinkactuate: 'xlink:actuate',
+            'xlink:actuate': 'xlink:actuate',
+            xlinkArcrole: 'xlink:arcrole',
+            xlinkarcrole: 'xlink:arcrole',
+            'xlink:arcrole': 'xlink:arcrole',
+            xlinkHref: 'xlink:href',
+            xlinkhref: 'xlink:href',
+            'xlink:href': 'xlink:href',
+            xlinkRole: 'xlink:role',
+            xlinkrole: 'xlink:role',
+            'xlink:role': 'xlink:role',
+            xlinkShow: 'xlink:show',
+            xlinkshow: 'xlink:show',
+            'xlink:show': 'xlink:show',
+            xlinkTitle: 'xlink:title',
+            xlinktitle: 'xlink:title',
+            'xlink:title': 'xlink:title',
+            xlinkType: 'xlink:type',
+            xlinktype: 'xlink:type',
+            'xlink:type': 'xlink:type'
+        };
+        this.booleanProps = {
+            input: ['disabled', 'readonly'],
+            select: ['disabled', 'multiple'],
+            option: ['disabled', 'selected'],
+            button: ['disabled'],
+            video: ['controls', 'autoplay', 'loop', 'muted'],
+            audio: ['controls', 'autoplay', 'loop', 'muted'],
+        };
+        this.valueProps = {
+            input: ['value'],
+            option: ['value'],
+            video: ['src'],
+            audio: ['src']
+        };
+    }
+    createElement(name) {
+        if (this.isSVG.test(name)) {
+            return document.createElementNS('http://www.w3.org/2000/svg', name);
+        }
+        return document.createElement(name);
+    }
+    createTextNode(textContent) {
+        return document.createTextNode(textContent);
+    }
+    appendChild(parent, newChild) {
+        parent.appendChild(newChild);
+    }
+    prependChild(parent, newChild) {
+        if (newChild === parent.childNodes[0]) {
+            return;
+        }
+        parent.prepend(newChild);
+    }
+    insertAfter(newNode, ref) {
+        if (ref.nextSibling === newNode) {
+            return;
+        }
+        if (ref.nextSibling) {
+            this.insertBefore(newNode, ref.nextSibling);
+        }
+        else {
+            this.appendChild(ref.parentNode, newNode);
+        }
+    }
+    remove(node) {
+        node.remove();
+    }
+    setProperty(node, key, value) {
+        if (this.possibleXlinkNames[key]) {
+            this.setXlinkAttribute(node, this.possibleXlinkNames[key], value);
+            return;
+        }
+        node.setAttribute(key, value);
+        const tag = node.tagName.toLowerCase();
+        const booleanTagNames = this.booleanProps[tag];
+        const valueTagNames = this.valueProps[tag];
+        if (booleanTagNames && booleanTagNames.includes(key)) {
+            node[key] = Boolean(value);
+        }
+        if (valueTagNames && valueTagNames.includes(key)) {
+            if (node[key] === value) {
+                return;
+            }
+            node[key] = value;
+        }
+    }
+    removeProperty(node, key) {
+        if (this.possibleXlinkNames[key]) {
+            this.removeXlinkAttribute(node, this.possibleXlinkNames[key]);
+        }
+        node.removeAttribute(key);
+        const tag = node.tagName.toLowerCase();
+        const booleanTagNames = this.booleanProps[tag];
+        const valueTagNames = this.valueProps[tag];
+        if (booleanTagNames && booleanTagNames.includes(key)) {
+            node[key] = false;
+        }
+        if (valueTagNames && valueTagNames.includes(key)) {
+            node[key] = '';
+        }
+    }
+    addClass(target, name) {
+        target.classList.add(name);
+    }
+    removeClass(target, name) {
+        target.classList.remove(name);
+    }
+    setStyle(target, key, value) {
+        target.style[key] = value !== null && value !== void 0 ? value : '';
+    }
+    removeStyle(target, key) {
+        target.style[key] = '';
+    }
+    listen(node, type, callback) {
+        node.addEventListener(type, callback);
+    }
+    unListen(node, type, callback) {
+        node.removeEventListener(type, callback);
+    }
+    syncTextContent(target, content) {
+        if (target.textContent !== content) {
+            target.textContent = content;
+        }
+    }
+    setXlinkAttribute(target, key, value) {
+        target.setAttributeNS(this.xlinkNameSpace, key, value);
+    }
+    removeXlinkAttribute(target, key) {
+        target.removeAttributeNS(this.xlinkNameSpace, key);
+    }
+    insertBefore(newNode, ref) {
+        if (ref.previousSibling === newNode) {
+            return;
+        }
+        ref.parentNode.insertBefore(newNode, ref);
+    }
+};
+DomRenderer = __decorate([
+    Injectable()
+], DomRenderer);
+
+/**
+ * 创建一个 Viewfly 实例
+ * @param host 应用根节点
+ * @param root 应用根节点
+ * @param autoUpdate 是否自动更新视图，默认为 true，当值为 false 时，Viewfly
+ * 只会首次渲染，直到手动调用 Renderer 类的 refresh() 方法，这在单元测试中非常有用，
+ * 我们无需等待 Viewfly 默认的异步调度，实现同步更新视图
+ * ```tsx
+ * const app = createApp(document.getElementById('app'), <App/>, false)
+ * const renderer = app.get(Renderer)
+ *
+ * // do something...
+ *
+ * renderer.refresh() // 手动更新视图
+ * ```
+ */
+function createApp(host, root, autoUpdate = true) {
+    host.innerHTML = '';
+    const app = new Viewfly({
+        host,
+        root,
+        autoUpdate,
+        providers: [
+            {
+                provide: NativeRenderer,
+                useClass: DomRenderer
+            }
+        ]
+    });
+    app.start();
+    return app;
+}
+
+export { DomRenderer, createApp };

package/bundles/index.js

@@ -0,0 +1,276 @@
+'use strict';
+
+var core = require('@viewfly/core');
+var di = require('@tanbo/di');
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+exports.DomRenderer = class DomRenderer extends core.NativeRenderer {
+    constructor() {
+        super(...arguments);
+        this.isSVG = new RegExp(`^(${[
+            // 'a',
+            'animate',
+            'animateMotion',
+            'animateTransform',
+            'circle',
+            'clipPath',
+            'defs',
+            'desc',
+            'ellipse',
+            'feBlend',
+            'feColorMatrix',
+            'feComponentTransfer',
+            'feComposite',
+            'feConvolveMatrix',
+            'feDiffuseLighting',
+            'feDisplacementMap',
+            'feDistantLight',
+            'feDropShadow',
+            'feFlood',
+            'feFuncA',
+            'feFuncB',
+            'feFuncG',
+            'feFuncR',
+            'feGaussianBlur',
+            'feImage',
+            'feMerge',
+            'feMergeNode',
+            'feMorphology',
+            'feOffset',
+            'fePointLight',
+            'feSpecularLighting',
+            'feSpotLight',
+            'feTile',
+            'feTurbulence',
+            'filter',
+            'foreignObject',
+            'g',
+            'image',
+            'line',
+            'linearGradient',
+            'marker',
+            'mask',
+            'metadata',
+            'mpath',
+            'path',
+            'pattern',
+            'polygon',
+            'polyline',
+            'radialGradient',
+            'rect',
+            // 'script',
+            'set',
+            'stop',
+            // 'style',
+            'svg',
+            'switch',
+            'symbol',
+            'text',
+            'textPath',
+            'title',
+            'tspan',
+            'use',
+            'view'
+        ].join('|')})$`, 'i');
+        this.xlinkNameSpace = 'http://www.w3.org/1999/xlink';
+        this.possibleXlinkNames = {
+            xlinkActuate: 'xlink:actuate',
+            xlinkactuate: 'xlink:actuate',
+            'xlink:actuate': 'xlink:actuate',
+            xlinkArcrole: 'xlink:arcrole',
+            xlinkarcrole: 'xlink:arcrole',
+            'xlink:arcrole': 'xlink:arcrole',
+            xlinkHref: 'xlink:href',
+            xlinkhref: 'xlink:href',
+            'xlink:href': 'xlink:href',
+            xlinkRole: 'xlink:role',
+            xlinkrole: 'xlink:role',
+            'xlink:role': 'xlink:role',
+            xlinkShow: 'xlink:show',
+            xlinkshow: 'xlink:show',
+            'xlink:show': 'xlink:show',
+            xlinkTitle: 'xlink:title',
+            xlinktitle: 'xlink:title',
+            'xlink:title': 'xlink:title',
+            xlinkType: 'xlink:type',
+            xlinktype: 'xlink:type',
+            'xlink:type': 'xlink:type'
+        };
+        this.booleanProps = {
+            input: ['disabled', 'readonly'],
+            select: ['disabled', 'multiple'],
+            option: ['disabled', 'selected'],
+            button: ['disabled'],
+            video: ['controls', 'autoplay', 'loop', 'muted'],
+            audio: ['controls', 'autoplay', 'loop', 'muted'],
+        };
+        this.valueProps = {
+            input: ['value'],
+            option: ['value'],
+            video: ['src'],
+            audio: ['src']
+        };
+    }
+    createElement(name) {
+        if (this.isSVG.test(name)) {
+            return document.createElementNS('http://www.w3.org/2000/svg', name);
+        }
+        return document.createElement(name);
+    }
+    createTextNode(textContent) {
+        return document.createTextNode(textContent);
+    }
+    appendChild(parent, newChild) {
+        parent.appendChild(newChild);
+    }
+    prependChild(parent, newChild) {
+        if (newChild === parent.childNodes[0]) {
+            return;
+        }
+        parent.prepend(newChild);
+    }
+    insertAfter(newNode, ref) {
+        if (ref.nextSibling === newNode) {
+            return;
+        }
+        if (ref.nextSibling) {
+            this.insertBefore(newNode, ref.nextSibling);
+        }
+        else {
+            this.appendChild(ref.parentNode, newNode);
+        }
+    }
+    remove(node) {
+        node.remove();
+    }
+    setProperty(node, key, value) {
+        if (this.possibleXlinkNames[key]) {
+            this.setXlinkAttribute(node, this.possibleXlinkNames[key], value);
+            return;
+        }
+        node.setAttribute(key, value);
+        const tag = node.tagName.toLowerCase();
+        const booleanTagNames = this.booleanProps[tag];
+        const valueTagNames = this.valueProps[tag];
+        if (booleanTagNames && booleanTagNames.includes(key)) {
+            node[key] = Boolean(value);
+        }
+        if (valueTagNames && valueTagNames.includes(key)) {
+            if (node[key] === value) {
+                return;
+            }
+            node[key] = value;
+        }
+    }
+    removeProperty(node, key) {
+        if (this.possibleXlinkNames[key]) {
+            this.removeXlinkAttribute(node, this.possibleXlinkNames[key]);
+        }
+        node.removeAttribute(key);
+        const tag = node.tagName.toLowerCase();
+        const booleanTagNames = this.booleanProps[tag];
+        const valueTagNames = this.valueProps[tag];
+        if (booleanTagNames && booleanTagNames.includes(key)) {
+            node[key] = false;
+        }
+        if (valueTagNames && valueTagNames.includes(key)) {
+            node[key] = '';
+        }
+    }
+    addClass(target, name) {
+        target.classList.add(name);
+    }
+    removeClass(target, name) {
+        target.classList.remove(name);
+    }
+    setStyle(target, key, value) {
+        target.style[key] = value !== null && value !== void 0 ? value : '';
+    }
+    removeStyle(target, key) {
+        target.style[key] = '';
+    }
+    listen(node, type, callback) {
+        node.addEventListener(type, callback);
+    }
+    unListen(node, type, callback) {
+        node.removeEventListener(type, callback);
+    }
+    syncTextContent(target, content) {
+        if (target.textContent !== content) {
+            target.textContent = content;
+        }
+    }
+    setXlinkAttribute(target, key, value) {
+        target.setAttributeNS(this.xlinkNameSpace, key, value);
+    }
+    removeXlinkAttribute(target, key) {
+        target.removeAttributeNS(this.xlinkNameSpace, key);
+    }
+    insertBefore(newNode, ref) {
+        if (ref.previousSibling === newNode) {
+            return;
+        }
+        ref.parentNode.insertBefore(newNode, ref);
+    }
+};
+exports.DomRenderer = __decorate([
+    di.Injectable()
+], exports.DomRenderer);
+
+/**
+ * 创建一个 Viewfly 实例
+ * @param host 应用根节点
+ * @param root 应用根节点
+ * @param autoUpdate 是否自动更新视图，默认为 true，当值为 false 时，Viewfly
+ * 只会首次渲染，直到手动调用 Renderer 类的 refresh() 方法，这在单元测试中非常有用，
+ * 我们无需等待 Viewfly 默认的异步调度，实现同步更新视图
+ * ```tsx
+ * const app = createApp(document.getElementById('app'), <App/>, false)
+ * const renderer = app.get(Renderer)
+ *
+ * // do something...
+ *
+ * renderer.refresh() // 手动更新视图
+ * ```
+ */
+function createApp(host, root, autoUpdate = true) {
+    host.innerHTML = '';
+    const app = new core.Viewfly({
+        host,
+        root,
+        autoUpdate,
+        providers: [
+            {
+                provide: core.NativeRenderer,
+                useClass: exports.DomRenderer
+            }
+        ]
+    });
+    app.start();
+    return app;
+}
+
+exports.createApp = createApp;

package/bundles/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './create-app';
+export * from './dom-renderer';

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@viewfly/platform-browser",
+  "version": "0.0.1-alpha.0",
+  "description": "Viewfly is a simple and easy-to-use JavaScript framework with an intuitive development experience.",
+  "main": "./bundles/index.js",
+  "module": "./bundles/index.esm.js",
+  "typings": "./bundles/public-api.d.ts",
+  "scripts": {
+    "start": "webpack-dev-server",
+    "test": "cross-env env=test jest",
+    "test-c": "cross-env env=test jest --coverage",
+    "build:lib": "rimraf bundles && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
+    "publish:lib": "npm run build:lib && npm publish --access=public"
+  },
+  "license": "MIT",
+  "keywords": [],
+  "dependencies": {
+    "@tanbo/di": "^1.1.4",
+    "@viewfly/core": "^0.0.1-alpha.0",
+    "reflect-metadata": "^0.1.13"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^23.0.2",
+    "@rollup/plugin-typescript": "^9.0.2",
+    "rimraf": "^3.0.2",
+    "rollup": "^3.2.5",
+    "tslib": "^2.4.1"
+  },
+  "author": {
+    "name": "Tanbo",
+    "email": "tanbohb@qq.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/viewfly/viewfly.git"
+  },
+  "bugs": {
+    "url": "https://github.com/viewfly/viewfly.git/issues"
+  }
+}