DEV Community: iainrough

Maui Tip - Resolve a dependancy in MauiProgram.cs

iainrough — Thu, 04 Jan 2024 15:13:18 +0000

Need to resolve a dependency in CreateMauiApp() method in MauiProgram.cs?

If you google around you find you need to get an instance of IServiceProvider, this can be achived using the snippet bellow


var serviceProvider = builder.Services.BuildServiceProvider();

var myService = serviceProvider.GetService<MyService>()

MauiProgram.cs

iOS Tips Xamarin Forms - Get Safe Area Height

iainrough — Wed, 13 Sep 2023 10:36:37 +0000

I needed to get the Safe Area height so I could manipulate a screenshot taken on a device. Stack Overflow to the rescue once again.

Yes the project I'm working on has not started the migration to Maui.

Xamarin Forms

Setup the interface.

IGetSafeArea

public interface IGetSafeArea
{
    double GetSafeAreaTop();
    double GetSafeAreaBottom();
}

Xamarin.iOS

Implement the interface and register it.

GetSafeArea.cs

public class GetSafeArea : IGetSafeArea
    {
        public double GetSafeAreaBottom()
        {
            if (UIDevice.CurrentDevice.CheckSystemVersion(11, 0))
            {
                UIWindow window = UIApplication.SharedApplication.Delegate.GetWindow();
                var bottomPadding = window.SafeAreaInsets.Bottom;
                return bottomPadding;
            }
            return 0;
        }

        public double GetSafeAreaTop()
        {
            if (UIDevice.CurrentDevice.CheckSystemVersion(11, 0))
            {
                UIWindow window = UIApplication.SharedApplication.Delegate.GetWindow();
                var topPadding = window.SafeAreaInsets.Top;
                return topPadding;
            }
            return 0;
        }
    }

AppDelegate.cs

 public partial class AppDelegate : FormsApplicationDelegate
    {
       ...
       DependencyService.Register<GetSafeArea>();
       ...
    }

Using It

 if (Device.RuntimePlatform == Device.iOS)
       {
           var safeAreaTop = DependencyService.Get<IGetSafeArea>().GetSafeAreaTop();

       }

References

StackOverFlow

iOS Tips - This app cannot be installed because its integrity could not be verified

iainrough — Tue, 12 Sep 2023 15:11:45 +0000

Ran into the following error today

⚠️ This app cannot be installed because its integrity could not be verified

Found the following commands helpful in debugging it.

Check Entitlements for a Provisioning profile on iOS

   security cms -D -i Profile.mobileprovision | xmllint --xpath "/plist/dict/key[text()='Entitlements']/following-sibling::dict[position()=1]" -

output


<dict>
    <key>com.apple.developer.associated-domains</key>
    <string>*</string>

    <key>application-identifier</key>
    <string>#######.com.company.appName</string>

    <key>keychain-access-groups</key>
    <array>
        <string>#######.*</string>
        <string>com.apple.token</string>
    </array>

    <key>get-task-allow</key>
    <true/>

    <key>com.apple.developer.team-identifier</key>
    <string>#######</string>
</dict>

Check the Entitlements of a signed app

   codesign --display --entitlements :- com.company.appName.app

output after formatting

<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "https://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
    <dict>
        <key>Associated Domain</key>
        <array>
            <string>applinks:######?mode=developer</string>
        </array>
        <key>application-identifier</key>
        <string>######.com.company.appName.app</string>
        <key>com.apple.developer.team-identifier</key>
        <string>######</string>
        <key>get-task-allow</key>
        <true/>
    </dict>
</plist>

Conclusion

Simple error and easy to spot if you have the tools.

References

ℹ️ Diagnosing Issues with Entitlements

Re-Post: My Love Hate Relationship with Kendo Grid — Part 1: The Broken Child Grid on Deployment

iainrough — Fri, 26 May 2023 08:18:58 +0000

Originally published at: https://roughiain.medium.com/my-love-hate-relationship-with-kendo-grid-part-1-the-broken-child-grid-on-deployment-dfdc3989da57

So a while ago I decided to merge my various GitHub accounts into one account, during this process I lost some gist's which were embedded in the original of this blog post. :(

So here is the article again with the some edits...

My Love Hate Relationship with Kendo Grid — Part 1: The Broken Child Grid on Deployment

For years I have been involved in a love hate relationship with Telerik’s Kendo Grid. Hours have been wasted debugging small things and hours have been saved on massive tasks.

Some technical info on today's tryst with Kendo:

UI for ASP.NET Core R2 2019 SP1
Development machine windows 10
Production Ubuntu 18.xx
ASP.NET Core SDK: 2.2

One of the many joys of programming is discovering the feature that worked 100% on your local machine breaks on production(do i need sarcasm tags?).

This is the simple grid that broke on deployment[1]

Everything worked on my local environment, the child grid bound, expanded and contracted, displayed all the correct data.

On production in developer console …

Uncaught SyntaxError: Invalid or unexpected token

Looking at inspect source in the browser, and the JS code that Kendo generates: I noticed the JS contained extra line breaks. So could the line breaks in the Razor page be affecting the Kendo JS???

Yup, one small commit to remove a line break in the child template script and it was fixed.

Telerik Grid Love and Hate: Exporting Client Templates to Excel.

iainrough — Fri, 26 May 2023 07:54:53 +0000

In todays entry in the ongoing saga of love and hate between me and the Kendo Grid.

Exporting client template values to excel.

Version: Telerik UI For Asp.Net Core 2020.2.617

So we have a basic Kendo Grid with one minor difference, a column with a client template:


.Columns(columns =>
    {
        columns.Bound(c => c.Sku);
        columns.Bound(c => c.Name);
        columns.Bound(c => c.StockStatus)
            .ClientTemplate("#=StockStatus.Value#");
    })

Stock status is nothing special a simple class with an int Id and a string value:


    public class InStockStatusViewModel
    {
        public int Id { get; set; }

        public string Value { get; set; }
    }

.ClientTemplate("#=StockStatus.Value#"); changes the display to show the Value from the object.

So lets add the excel export:


@section Scripts
{
    <script src="/js/jszip.min.js"></script>
}

.ToolBar(t =>
    {
        t.Search().Text("Search SKU");
        t.Excel();
    })
    .Excel(excel => excel.FileName("StockStatus.xlsx").AllPages(true))

Nice an simple, except when we test the functionality the third column in the export excel is blank.

After some googling and frustration from broken links on the Telerik Forums we find out that as the client template could generate HTML, the excel export functionality excludes client templates for safety.

Further down the forum post it links to a dojo example of the Jquery version of the grid using a custom block of JS


function exportGridWithTemplatesContent(e){
        var data = e.data;
        var gridColumns = e.sender.columns;
        var sheet = e.workbook.sheets[0];
        var visibleGridColumns = [];
        var columnTemplates = [];
        var dataItem;
        // Create element to generate templates in.
        var elem = document.createElement('div');

        // Get a list of visible columns
        for (var i = 0; i < gridColumns.length; i++) {
          if (!gridColumns[i].hidden) {
            visibleGridColumns.push(gridColumns[i]);
          }
        }

        // Create a collection of the column templates, together with the current column index
        for (var i = 0; i < visibleGridColumns.length; i++) {
          if (visibleGridColumns[i].template) {
            columnTemplates.push({ cellIndex: i, template: kendo.template(visibleGridColumns[i].template) });
          }
        }

        // Traverse all exported rows.
        for (var i = 1; i < sheet.rows.length; i++) {
          var row = sheet.rows[i];
          // Traverse the column templates and apply them for each row at the stored column position.

          // Get the data item corresponding to the current row.
          var dataItem = data[i - 1];
          for (var j = 0; j < columnTemplates.length; j++) {
            var columnTemplate = columnTemplates[j];
            // Generate the template content for the current cell.
            elem.innerHTML = columnTemplate.template(dataItem);
            if (row.cells[columnTemplate.cellIndex] != undefined)
              // Output the text content of the templated cell into the exported cell.
              row.cells[columnTemplate.cellIndex].value = elem.textContent || elem.innerText || "";
          }
        }
      }

Okay that works, now how do we hook it up to the MVC grid...

Seems there is a nice event called ExcelExport that we can pass the name of the JS function provided from the Dojo

.Events(e => e.ExcelExport("exportGridWithTemplatesContent"))

Tested again and bingo it works.

Complete grid code:


@(Html.Kendo().Grid<ProductDataStockViewModel>()
    .Name("StockGrid")
    .Columns(columns =>
    {
        columns.Bound(c => c.Sku);
        columns.Bound(c => c.Name);
        columns.Bound(c => c.StockStatus)
            .ClientTemplate("#=StockStatus.Value#");
    })
    .Editable(editable =>
    {
        editable.Mode(GridEditMode.InCell);
    })
    .ToolBar(t =>
    {
        t.Search().Text("Search SKU");
        t.Excel();
    })
    .Excel(excel => excel.FileName("StockStatus.xlsx").AllPages(true))
    .Events(e => e.ExcelExport("exportGridWithTemplatesContent"))
    .Search(search => { search.Field(f => f.Sku); })
    .Pageable()
    .Filterable()
    .Scrollable()
    .ColumnMenu()
    .DataSource(dataSource =>
    {
        dataSource.Ajax();
        dataSource.Ajax().Batch(false);
        dataSource.Ajax().AutoSync(true);
        dataSource.Ajax().PageSize(20);
        dataSource.Ajax().Sort(sort =>
        {
            sort.Add("Sku").Ascending();
        });
        dataSource.Ajax().Events(dataSourceJsEvent =>
        {
            dataSourceJsEvent.Error(JsFunctionName.DISPLAY_ERROR);
        });
        dataSource.Ajax().Model(model =>
        {
            model.Id(p => p.Id);
            model.Field(f => f.Sku).Editable(false);
            model.Field(f => f.Name).Editable(false);
            model.Field(p => p.InStockStatus);
        });
        dataSource.Ajax().Read(read =>
        {
            read.Url("?handler=Read");
            read.Type(HttpVerbs.Post);
            read.Data(JsFunctionName.GET_FORGERY_TOKEN);
        });
        dataSource.Ajax().Update(update =>
        {
            update.Url("?handler=Update");
            update.Type(HttpVerbs.Post);
            update.Data(JsFunctionName.GET_FORGERY_TOKEN);
        });
    }))

Copy Via SSH - Adventures in WSL2 Scripting #3

iainrough — Mon, 14 Feb 2022 06:17:17 +0000

Upload

scp myzip myUserName@targetHost:/

Download

scp myUserName@targetHost:/myDump.sql ~/dumps

Post to Slack WebHook from Bash using Curl - Adventures in WSL2 Scripting #2

iainrough — Tue, 15 Jun 2021 09:22:50 +0000

#!/bin/bash
# URL as supplied in your slack bot
url=https://hooks.slack.com/services/{}/{}/{}

#JSON body
data='{"text": ":interrobang: Unable to do something"}'

sendError()
{
    curl -X \
         POST \
         -H 'Content-type: application/json' \
         --data $data \
         $url
}

#Function that checks something
checkSomething

result=$?
#echo "result: $result"
if [ "$result" != "0" ]; then
    sendError
fi

Bash script that on failure sends slack notice.

The Result in Slack.

if... then... elif.. else - Adventures in WSL2 Scripting #1

iainrough — Fri, 04 Jun 2021 13:22:48 +0000

First up some basics

WSL2 with ubuntu 20.04

A lot of the logic in the scripts I write rely on bash's if.. then.. else. The basic syntax of the statement is as follows:

 

    if [ {statement} {operator} {value} ]

    then

        # do something here

    elif [ {statement} {operator} {value} ]

        # else if do something

    else

        # do something else

    fi # this is just if spelled backwards.

The syntax.

Why the square brackets?

[...] tells bash to evaluate the command and return 0 or 1 for the conditional expression inside the square brackets.

    test and [ evaluate conditional expressions using a set of 
    rules based on the number of arguments.

source: `man test`.

tldr; ensure things evaluate correctly.

Muting the output

> is used to redirect the output of a command somewhere.

   dev@Dark-Matter:~$ cp file1 file2
   cp: cannot stat 'file1': No such file or directory
   dev@Dark-Matter:~$ cp file1 file2 >&- 2>&-
   dev@Dark-Matter:~$

Example with and without redirect.

Getting exit code from a command

$? returns the success of the previous command, 0 for success and >= 1 for failure. Lets look at the previous example and see what the output is.

   dev@Dark-Matter:~$ cp file1 file2 >&- 2>&-
   dev@Dark-Matter:~$ echo $?
   1

Getting the exit code from a command.

Simple example

   #!/bin/bash
   cp file1 file2 >&- 2>&-
   if ["$?" = "1" ]
   then
      touch file1
      cp file1 file2
   else
     echo "File copied to file 2" 
   fi

Simple example.

Something useful

#!/bin/bash
# Check we have a parameter

if [ "$1" = "" ]
then
   echo "syntax: old {filename}"
fi

# Copy the file as .old
newFileName="$1.old"
echo $newFileName
cp $1 $newFileName >&- 2>&-

if [ "$?" = "0" ]
then
      echo "File has aged and has had '.old' appended to it"
      exit 0
else
     echo "File has not been born yet or you do not have parental rights to the file."
     exit 1
fi

Simple example.

Map a Local Folder to a Virtual Drive - Windows 10

iainrough — Mon, 17 May 2021 08:24:34 +0000

The Problem

I ran into a licencing issue with an old ASP.NET Web Forms project. The developer license links to the initial install location. Due to the age of the project, I can no longer update the licence key for the new location.

    d:\projects\{client}\src 
The path linked to the license.

So how do I create a location on a drive that my current machine does not have?

Option 1: Make a new partition on my machine (Not ideal)

Option 2: Google a different solution.

Found the following article from 2014: How to map a local folder to a drive letter in Windows. It looked simple to implement and not a permanent change.

The SUBST command

   subst /?
   Associates a path with a drive letter.

   SUBST [drive1: [drive2:]path]
   SUBST drive1: /D

     drive1:        Specifies a virtual drive to which you want to assign a path.
     [drive2:]path  Specifies a physical drive and path you want to assign to
                 a virtual drive.
     /D             Deletes a substituted (virtual) drive.

   Type SUBST with no parameters to display a list of current virtual drives.

The subst help output.

1. So first things first I needed a root folder to map to.

 mkdir c:\files\fakeddrive 
The fake root folder

2. Next up duplicate the folder structure:

 
    mkdir c:\files\fakeddrive\projects
    mkdir c:\files\fakeddrive\projects\{client}
    mkdir c:\files\fakeddrive\projects\{client}\src

Create the path

3. Next up run `subst`

 
   subst d: c:\files\fakeddrive

Run The Command

The results

   > subst
   D:\: => C:\files\fakeddrive

List of current virtual drives.

There are a couple of things to keep in mind:

Don't run as an elevated user.
The drive does not survive a reboot.
remove the mapping subst d: /D

Send Slack Notification via InvokeRESTAPI@1 - Azure DevOps Tricks #2

iainrough — Sun, 16 May 2021 06:08:00 +0000

Need to send a slack notification from an Azure DevOps pipeline? The InvokeRESTAPI@1 task is one of the most versatile and useful in Azure DevOps. It handles sending messages to Slack in a couple of lines of YAML.


    - task: InvokeRESTAPI@1
      displayName: Slack
      inputs:
        connectionType: 'connectedServiceName'
        serviceConnection: 'Slack'
        method: 'POST'
        body: $body
        urlSuffix: $urlSuffix
        waitForCompletion: 'false'

The finshed YAML Task

The Service Connection

Project Settings > Pipelines > Service connections

The service connection is where we define the URL we are going to post to. For this we will use the Generic Service Connection. You navigate to Project Settings > Pipelines > Service connections or append this string after your project name in the URL _settings/adminservices

Create a Generic Service Connection

The fields we need to fill:

Server URL: https://hooks.slack.com/services/
Service Connection Name: Slack
Description: A Generic Slack Service connection.

The other Variables in the task

$body: You can either generate this variable or Input the body inline. Here is an example body:


{
   "attachments":[
      {
         "mrkdwn_in":[
            "text"
         ],
         "color":"#36a64f",
         "pretext":"New Deployment",
         "title":"$(Pipeline.WebSiteName) deployed",
         "title_link":"$(Pipeline.WebSiteName)",
         "fields":[
            {
               "title":"Version",
               "value":"$(CurrentRelease)",
               "short":true
            },
            {
               "title":"Release Notes",
               "value":"&lt;$(Pipeline.WebSiteAddress)/ReleaseNotes/$(PullId)&gt;",
               "short":true
            },
            {
               "title":"Trigger",
               "value":"Pull Request",
               "short":true
            }
         ]
      }
   ]
}

Example Slack Body

So here you can see we are passing variables like the PullId and using them in the Slack Message. The ability to use any of the variables in the pipeline allows for detailed Slack Messages.

$urlSuffix: T778W530Z/B021W918BNH/HQIPtyCfACfs5WVXg1w7b4Xk

This is the magic bit for Slack, I would recommend storing this value as secret or getting it from your Azure Key Vault.

Simple Quick and Easy.

Change PowerShell Version used in PowerShell@2 - Azure DevOps Tricks #1

iainrough — Wed, 12 May 2021 14:45:32 +0000

Ran into a pipeline issue when using ConvertFrom-Json -Depth 20 to load a JSON file in a PowerShell@2 task in a DevOps pipeline. The -Depth parameter was throwing an error:

ConvertFrom-Json : A parameter cannot be found that matches parameter name 'Depth'

Error message

What the ConvertFrom-Json docs say?

PowerShell 5.1
- Doesn't list a parameter -Depth.
PowerShell 7 (LTS)
- -Depth: Gets or sets the maximum depth the JSON input is allowed to have. By default, it is 1024. This parameter was introduced in PowerShell 6.2.

What version of PowerShell is `PowerShell@2` using?

note: this may differ depending on the Agent that is running the task.

I added a line to the script to get the version:

   Write-Host "Version: ($PSVersionTable.PSVersion)"
Extra line to show PowerShell version

Output:

   Version: 5.1.17763.1852
PowerShell Version running on the Agent

How do we change the version?

This little snippet allows a script defined in a PowerShell@2 task to relaunch in a specific version of PowerShell.

    if ($PSVersionTable.PSVersion -lt [Version]"7.0") {
        Write-Host "Version: $($PSVersionTable.PSVersion)"
        Write-Host "Re-launching as pwsh"
        pwsh -File $MyInvocation.MyCommand.Definition
        exit
    }

From StackOverflow.

Some other options if you want a specific version.

    powershell -Version 2 -File $MyInvocation.MyCommand.Definition
Specify a specific version of powershell

Decode TOTP(Time-based One-time Password) QR Code

iainrough — Tue, 11 May 2021 12:34:33 +0000

How not to do this.

DO NOT USE AN ONLINE SERVICE

While an online service such as https://webqr.com/ or https://www.qrstuff.com/scan are fine for normal QR codes they should never be used for TOTP QR Codes.

What inside the QR CODE

A TOTP QR code contains the following details (all values are placeholders).


     Hex secret: 3132333435363738393031323334353637383930
     Base32 secret: GEZDGNBVGY3TQOJQGEZDGNBVGY3TQOJQ
     Digits: 8
     Window size: 0
     TOTP mode: SHA1
     Step size (seconds): 30
     Start time: 1970-01-01 00:00:00 UTC (0)
     Time now: 2033-05-18 03:33:20 UTC (2000000000)
     Counter: 0x3F940AA (66666666)

Information from: oathtool

For more information visit oathtool

Decode QR code locally

Install

Mac


 install zbar

Windows(WSL), Linux


 apt-get install zbarimg

Example



/mnt/c/Users/rough$ zbarimg /mnt/c/tmp/a.png
otpauth://totp/hub.docker.com:{username}?algorithm=SHA1&digits=6&issuer=hub.docker.com&period=30&secret={Key}

You can now store the OTPAUTH URI in your favorite password manager or add the {Key} so that your password manager can generate the TOPT code.

How to add your TOPT key to LastPass

DEV Community: iainrough

Maui Tip - Resolve a dependancy in MauiProgram.cs

iOS Tips Xamarin Forms - Get Safe Area Height

Xamarin Forms

Xamarin.iOS

Using It

References

iOS Tips - This app cannot be installed because its integrity could not be verified

Check Entitlements for a Provisioning profile on iOS

Check the Entitlements of a signed app

Conclusion

References

Re-Post: My Love Hate Relationship with Kendo Grid — Part 1: The Broken Child Grid on Deployment

My Love Hate Relationship with Kendo Grid — Part 1: The Broken Child Grid on Deployment

Telerik Grid Love and Hate: Exporting Client Templates to Excel.

Exporting client template values to excel.

Copy Via SSH - Adventures in WSL2 Scripting #3

Upload

Download

Post to Slack WebHook from Bash using Curl - Adventures in WSL2 Scripting #2

if... then... elif.. else - Adventures in WSL2 Scripting #1

Why the square brackets?

Muting the output

Getting exit code from a command

Simple example

Something useful

Map a Local Folder to a Virtual Drive - Windows 10

The Problem

The SUBST command

1. So first things first I needed a root folder to map to.

2. Next up duplicate the folder structure:

3. Next up run subst

The results

Send Slack Notification via InvokeRESTAPI@1 - Azure DevOps Tricks #2

The Service Connection

The fields we need to fill:

The other Variables in the task

Change PowerShell Version used in PowerShell@2 - Azure DevOps Tricks #1

What the ConvertFrom-Json docs say?

What version of PowerShell is PowerShell@2 using?

How do we change the version?

Decode TOTP(Time-based One-time Password) QR Code

How not to do this.

What inside the QR CODE

Decode QR code locally

Install

Mac

Windows(WSL), Linux

Example

3. Next up run `subst`

What version of PowerShell is `PowerShell@2` using?