Git Product home page Git Product logo

powerapps-tooling's Introduction

image image Build Status

Power Apps Source File Pack and Unpack Utility

This project is still in Experimental - format may change

We welcome feedback on the project, file format, and capabilities.

This tool enables Canvas apps to be edited outside of Power Apps Studio and managed in a source control tool such as GitHub. The basic work flow is:

  1. Download an existing Canvas app as a .msapp file, using File > Save as > This computer in Power Apps Studio.
  2. Use this tool to extract the .msapp file into editable source files.
  3. Edit these files with any text editor.
  4. Check these files into any source control manager.
  5. Use this tool to recreate a .msapp file from the editable source files.
  6. Upload the .msapp file using File > Open > Browse in Power Apps Studio.

This is similar to the Solution Packager for Microsoft Dataverse.

Power Platform CLI usage

To get started, download and install the Microsoft Power Platform CLI.

Easiest way to get pac cli is to use dotnet tool install:

dotnet tool install --global Microsoft.PowerApps.CLI.Tool

To unpack a .msapp file:

pac canvas unpack --msapp FromApp.msapp --sources ToSourceFolder

To pack a .msapp file:

pac canvas pack --msapp ToApp.msapp --sources FromSourceFolder

Versioning

The output files (ie, "yaml version") have a version number. During preview, the tool is not backwards compatible, so the version used to re-pack must match the version used to pack. When unpacking, keep a copy of the original msapp so that you can unpack it with future versions of the tool.

Pac CLI Version Yaml version
1.7.2 0.23
1.7.4 0.23
1.8.5 0.24

Latest Yaml version is: https://github.com/microsoft/PowerApps-Language-Tooling/blob/0a4c9e624ffad1f93b6c085aff029945a0fbc00a/src/PAModel/Serializers/SourceSerializer.cs#L49

Test app usage

You can also use this functionality stand alone, using our test console app.

Download and install the .NET Core SDK v6.0.x (x64) in order to build. Build the test console app by running: \build.cmd This will create: \bin\Debug\PASopa\PASopa.exe

To unpack a .msapp file: pasopa -unpack FromApp.msapp ToSourceFolder To pack a .msapp file: pasopa -pack ToApp.msapp FromSourceFolder

Folder structure

Unpack and pack use this folder structure:

  • \src - the control and component files. This contains the sources.
    • *.fx.yaml - the formulas extracted from the control.json file. This is the place to edit your formulas.-
    • CanvasManifest.json - a manifest file. This contains what is normally in the header, properties, and publishInfo.
    • *.json - the raw control.json file.
    • \EditorState*.editorstate.json - cached information for Studio to use.
  • \DataSources - all data sources used by the app.
  • \Connections - connection instances saved with this app and used when reloading into studio.
  • \Assets - media files embedded in the app.
  • \pkgs - A downloaded copy of external references, such as templates, API Definition files, and component libaries. These are similar to nuget/npm references.
  • \other - all miscellaneous files needed to recreate the .msapp
    • entropy.json - volatile elements (like timestamps) are extracted to this file. This helps reduce noisy diffs in other files while ensuring that we can still round trip.
    • Holds other files from the msapp, such as what is in \references

File format

The .fx.yaml files use a subset of YAML. Most notably and similar to Excel, all expressions must begin with an = sign. More details are available here

Merging changes from Studio

When merging changes made in two different Studio sessions:

  • Ensure that all control names are unique. It is easy for them not to be, as inserting a button in two different sessions can easily result in two Button1 controls. We recommend naming controls soon after creating them to avoid this problem. The tool will not accept two controls with the same name.
  • Ensure variable and collection names don't conflict. These won't have merge conflicts, but they can have semantic conflicts.
  • For these files, merge them as you normally would:
    • \src*.fx.yaml
  • If there are conflicts or errors, you can delete these files:
    • \src\editorstate*.json - These files contain optional information in studio (such as whether a control is locked for editing).
    • \Entropy* - this includes checksum.json and entropy.json.
    • \Connections* - these files save per-org connection information. Deleting them is similar to "logging out". Note for security purposes, these files don't include the actual login tokens, they just include a guid pointing into the environment where the login tokens are stored.
  • If there are any merge conflicts under these paths, it is not safe to merge. Let us know if this happens often and we will work on restructuring the file format to avoid conflicts. However, it is safe to add whole files when they don't conflict.
    • \DataSources*
    • \pkgs*
    • CanvasManifest.json

When merging multiple apps together into a single app:

  • Be sure to merge App.OnStart formulas together.

Known Issues

For a list of commonly known issues around pack and unpack and instructions for workarounds to resolve them please head over here

Contributing

We welcome feedback on the design, file format, and capabilities. Comments and issues are very welcome.

This project is still experimental and we routinely refactor the folder structure, file format, and implementation in big ways. As such, we aren't yet accepting code contributions until we are more stable.

Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.

Before making a Pull Request, please file an Issue and solicit discussion.

When you submit a pull request, a CLA bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

Setting up a dev box

For a developer machine (Windows 10, WSL, Linux, macOS), install:

Building and running tests

After cloning this repo (https://github.com/microsoft/PowerApps-Language-Tooling), open a terminal/cmd/PS prompt with the dotnet executable on the path. Check with: dotnet --version

To build, run tests and produce nuget packages, run this command:

./build ci

To list all build targets, run: ./build --list-tree

To see other build help, run: ./build --help

powerapps-tooling's People

Contributors

lesaltzm avatar petrochuk avatar anpetroc avatar navneetthekkumpat avatar suskumar-msft avatar landonarogers avatar mikestall avatar mizrael avatar tomjschneider avatar akshar2401 avatar microsoftopensource avatar arpavan avatar shpakh-msft avatar jt000 avatar gregli-msft avatar tehcrashxor avatar msyuey avatar davidjenni avatar davidyack avatar ghurlman avatar mikefactorial avatar akjana35 avatar cwduncan avatar gesnaaggarwal avatar jack-work avatar microsoft-github-operations[bot] avatar milantomic6 avatar rnwoodhcl avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.