Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Papirfly UtilitiesNew to Visual Studio Code? Get it now.

Papirfly Utilities

pfBird

|
67 installs
| (1) | Free
Utility and boilerplate functions for vscode
This extension is now unpublished from Marketplace. You can choose to uninstall it.

Templating features

Snippets

Several snippets for the editor. Navigate through them with tab.

  • Most controls
  • Some element functions (propertychange,upgrader...)
  • Basic unittest functions (qunit,testcontext)

Add page, container and template based on templates

Add template folder containing everything needed to create a new template.

  • Adds addTemplate snippet to clipboard.
  • Template folder naming cheme can be configured through settings
    • snake_case (tpl1_document)
    • camelCase (tpl1Document)

alt

Add page or container with a chosen name to the selected folder. Interface and type is based on best practice guidelines.

alt

Declaration and item generator

Generate declarations and items from selected text and throw them into your clipboard


    topStripe: Rectangle;
    private imageContainer: AnnonseImageContainer;
    private header: AnnonseHeaderContainer;
    private body: AnnonseBodyContainer;

    //becomes

    this.topStripe= this.getElement( Rectangle, "topStripe");
    this.imageContainer= this.getElement( AnnonseImageContainer, "imageContainer");
    this.header= this.getElement( AnnonseHeaderContainer, "header");
    this.body= this.getElement( AnnonseBodyContainer, "body");


    topStripe: Rectangle;
    private imageContainer: AnnonseImageContainer;
    private header: AnnonseHeaderContainer;
    private body: AnnonseBodyContainer;

    //becomes

    this.addItem( Rectangle.createItem({name: "topStripe"}))
    .addItem( AnnonseImageContainer.createItem({name: "imageContainer"}))
    .addItem( AnnonseHeaderContainer.createItem({name: "header"}))
    .addItem( AnnonseBodyContainer.createItem({name: "body"}));

Access it through the context menu(Right-click)

alt

Upgrade project

Upgrade projects fixing breaking issues made in pfeditor. Access it through commands(f1) and search for Upgrade Project. Accessing it will show a list of available upgrades. Each upgrade shows which pfeditor branch it upgrades to and describes what the upgrade does.

Product features

Start unit test for file

Start unit test for a selected file in the explorer. Resets the autounittest.js file when you close the terminal.

Open coverage for current file

Open coverage for currently viewed for. If no coverage file is found it defaults to main coverage file.

alt

Misc features

Generate hex from cmyk

Converts selected cmyk array to hex. NOTE: Currently it's pretty innacurate but we need to pick some aglorithm....

Enjoy!

List of currently implemented snippets

  • Element controls
    • button
    • buttongroup
    • checkbox
    • colorcontrol
    • controlgroup
    • dateinput
    • divider
    • draggable
    • dropdown
    • findreplacecontrol
    • imagebutton
    • imagebuttongroup
    • label
    • list
    • numberinput
    • radiobuttongroup
    • slider
    • textinput
  • Element functions
    • addtemplate
    • onpropertychange
    • registerlayout
    • upgrader
  • Unit testing
    • qunit
    • testContext
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2019 Microsoft