endalia-efforts v1.0.0

CREAR EXTENSIÓN AZURE DEVOPS

Ayuda: https://github.com/microsoft/azure-devops-extension-hot-reload-and-debug

Crear el proyecto

npm install -g tfx-cli
npm install -g webpack
npm install -g webpack-cli
npm install -g webpack-dev-server
npm install -g yo
npm install -g @microsoft/generator-azure-devops-extension

En el directorio raíz donde crear los subdirectorios de cada extensión

yo @microsoft/azure-devops-extension
    Extension ID: endalia-efforts
    Extension name: Esfuerzos Endalia
    Extension description:
    Extension publisher ID: Endalia
cd endalia-efforts
npm install

En el fichero vss-extension.json tienes que especificar el tipo de extensión que es. Para ello modifica esta sección:

  "contributions": [
    {
      "id": "endalia-efforts",
      "type": "ms.vss-work-web.work-item-form-control",
      "description": "Esfuerzos Endalia",
      "targets": ["ms.vss-work-web.work-item-form"],
      "properties": {
        "name": "Esfuerzos Endalia",
        "uri": "dist/endalia-efforts/endalia-efforts.html",
        "height": 125,
        "icon": {
          "dark": "img/world.png",
          "light": "img/world.png"
        }
      }
    }

En la carpeta src tendrás que hacer los ajustes correspondientes para modificar los ficheros hub* por los que tú vayas a usar

Publicar

npm run publish:dev -- --token xxkf4fc4t3hgdn6ectoytcpw27x55jocq7brc6o5pbjkoqtr5gdq --share-with endalia --rev-version

Donde token es el PAT con

• Scope="Marketplace (Publish)"
• Organization= "All accessible organizations"

Una vez publicada hay que instalarla en nuestro Azure DevOps. Para ello tendrás que compartirla (share) con Endalia desde la interfaz web de Azure Puedes compartirla directamente a la hora de publicar con el parametro--share-with endalia

--rev-version es para subir automáticamente de nº de versión (sin que tengas que hacerlo a mano)

Ejecutar

npm run start:dev

Luego accede a https://localhost:3000 y acepta el certificado auto-firmado.

A partir de este punto ya puedes recargar Azure Devops y la extensión se cargará correctamente usando tu localhost

Debuggear

• Instala en VSCode la extensión "firefox-devtools.vscode-firefox-debug"
• Mantén lanzado el comando webpack-dev-server que hemos visto antes
• Pulsa F5

NOOOOOOOOOOOO BORRAR

CREAR EXTENSIÓN AZURE DEVOPS

Ayuda: https://github.com/microsoft/azure-devops-extension-sample

npm install -g tfx-cli
mkdir my-extension
cd my-extension
tfx extension init
    Publisher ID: Endalia
    Extension ID: endalia-efforts
    Extension Name Esfuerzos Endalia
    (W)orkItemOpen

Para compilar y empaquetar:

npm run build

Es necesario editar el fichero json que hay dentro de la carpeta Samples:

    "contributions": [
        {
            "id": "endalia-efforts",
            "type": "ms.vss-work-web.work-item-form-control",
            "targets": [
                "ms.vss-work-web.work-item-form"
            ],
            "properties": {
                "name": "Esfuerzos Endalia",
                "uri": "dist/EndaliaEfforts/EndaliaEfforts.html",
                "icon": {
                    "light": "static/add-grey.png",
                    "dark": "static/add-green.png"
                }
            }
        }