Loader

.github/workflows/loader.yaml

@@ -0,0 +1,25 @@
+name: Publish Loader
+on: [workflow_dispatch]
+
+jobs:
+    build:
+      name: Build
+      runs-on: ubuntu-latest
+      steps:
+        - uses: actions/setup-node@v3
+          with:
+            node-version: '16.13.2'
+        - uses: actions/checkout@v3
+          with:
+            fetch-depth: 0
+        - name: Install InvokeBuild
+          run: Install-Module InvokeBuild -Force
+          shell: pwsh
+        - name: Build
+          run: Invoke-Build -File .\Components\components.build.ps1 -Task Loader
+          shell: pwsh
+        - name: Publish
+          run: Publish-Module -Path .\Components\Loader\output\Universal.Components.Loader -NuGetApiKey $ENV:NUGETAPIKEY -Repository PSGallery -Verbose
+          shell: pwsh
+          env:
+            NUGETAPIKEY: ${{ secrets.NuGetApiKey }}

Components/Loader/.babelrc

@@ -0,0 +1,20 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "browsers": [
+            ">0.5%",
+            "not dead"
+          ]
+        }
+      }
+    ],
+    "@babel/preset-react"
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-syntax-dynamic-import"
+  ]
+}

Components/Loader/README.md

@@ -0,0 +1,62 @@
+## PowerShell Universal App Recharts
+
+23 loader components built on [react-spinners](https://www.davidhu.io/react-spinners/storybook/?path=/docs/barloader--main) for PowerShell Universal Apps. 
+
+## Installation
+
+You can install this component as a PowerShell module using PowerShellGet or via PowerShell Universal.
+
+```powershell
+Install-Module Universal.Components.Loader
+```
+
+## Usage
+
+```powershell
+  New-UDLayout -Columns 4 -Content {
+      @(   
+          New-UDLoader -Bar -Style @{ position = 'relative' }
+          New-UDLoader -Beat -Style @{ position = 'relative' }
+          New-UDLoader -Bounce -Style @{ position = 'relative' }
+          New-UDLoader -Circle  -Style @{ position = 'relative' }
+          New-UDLoader -ClimbingBox -Style @{ position = 'relative' }
+          New-UDLoader -Clip -Style @{ position = 'relative' }
+          New-UDLoader -Clock -Style @{ position = 'relative' }
+          New-UDLoader -Dot -Style @{ position = 'relative' }
+          New-UDLoader -Fade -Style @{ position = 'relative' }
+          New-UDLoader -Grid -Style @{ position = 'relative' }
+          New-UDLoader -Hash -Style @{ position = 'relative' }
+          New-UDLoader -Moon -Style @{ position = 'relative' }
+          New-UDLoader -Pacman -Style @{ position = 'relative' }
+          New-UDLoader -Propagate -Style @{ position = 'relative' }
+          New-UDLoader -Puff -Style @{ position = 'relative' }
+          New-UDLoader -Pulse -Style @{ position = 'relative' }
+          New-UDLoader -Ring -Style @{ position = 'relative' }
+          New-UDLoader -Rotate -Style @{ position = 'relative' }
+          New-UDLoader -Scale -Style @{ position = 'relative' }
+          New-UDLoader -Skew -Style @{ position = 'relative' }
+          New-UDLoader -Square -Style @{ position = 'relative' }
+          New-UDLoader -Sync -Style @{ position = 'relative' }
+      ) | ForEach-Object {
+          New-UDElement -Content { $_ } -Tag 'div' -Attributes @{
+              style = @{
+                  height = "50px"
+              }
+          }
+      }
+  }
+```
+
+![](./loaders.gif)
+
+## Development
+
+You will need NodeJS version 16.13.2 and the InvokeBuild module installed to build this module. 
+
+You can run `Invoke-Build` within this directory to build this component.
+
+```powershell
+Invoke-Build
+```
+
+The output will be found within the output folder.

Components/Loader/Universal.Components.Loader.psd1

@@ -0,0 +1,125 @@
+@{
+
+    # Script module or binary module file associated with this manifest.
+    RootModule        = 'Universal.Components.Loader.psm1'
+
+    # Version number of this module.
+    ModuleVersion     = '0.0.1'
+
+    # Supported PSEditions
+    # CompatiblePSEditions = @()
+
+    # ID used to uniquely identify this module
+    GUID              = '03b483ff-7332-4bd8-8b2c-2a5a1927b66e'
+
+    # Author of this module
+    Author            = 'Ironman Software'
+
+    # Company or vendor of this module
+    CompanyName       = 'Ironman Software'
+
+    # Copyright statement for this module
+    Copyright         = '(c) Ironman Software. All rights reserved.'
+
+    # Description of the functionality provided by this module
+    Description       = 'A loader component for PowerShell Universal apps.'
+
+    # Minimum version of the PowerShell engine required by this module
+    # PowerShellVersion = ''
+
+    # Name of the PowerShell host required by this module
+    # PowerShellHostName = ''
+
+    # Minimum version of the PowerShell host required by this module
+    # PowerShellHostVersion = ''
+
+    # Minimum version of Microsoft .NET Framework required by this module. This prerequisite is valid for the PowerShell Desktop edition only.
+    # DotNetFrameworkVersion = ''
+
+    # Minimum version of the common language runtime (CLR) required by this module. This prerequisite is valid for the PowerShell Desktop edition only.
+    # ClrVersion = ''
+
+    # Processor architecture (None, X86, Amd64) required by this module
+    # ProcessorArchitecture = ''
+
+    # Modules that must be imported into the global environment prior to importing this module
+    # RequiredModules = @()
+
+    # Assemblies that must be loaded prior to importing this module
+    # RequiredAssemblies = @()
+
+    # Script files (.ps1) that are run in the caller's environment prior to importing this module.
+    # ScriptsToProcess = @()
+
+    # Type files (.ps1xml) to be loaded when importing this module
+    # TypesToProcess = @()
+
+    # Format files (.ps1xml) to be loaded when importing this module
+    # FormatsToProcess = @()
+
+    # Modules to import as nested modules of the module specified in RootModule/ModuleToProcess
+    # NestedModules = @()
+
+    # Functions to export from this module, for best performance, do not use wildcards and do not delete the entry, use an empty array if there are no functions to export.
+    FunctionsToExport = @(
+        'New-UDLoader'
+    )
+
+    # Cmdlets to export from this module, for best performance, do not use wildcards and do not delete the entry, use an empty array if there are no cmdlets to export.
+    # CmdletsToExport   = '*'
+
+    # Variables to export from this module
+    # VariablesToExport = '*'
+
+    # Aliases to export from this module, for best performance, do not use wildcards and do not delete the entry, use an empty array if there are no aliases to export.
+    # AliasesToExport   = '*'
+
+    # DSC resources to export from this module
+    # DscResourcesToExport = @()
+
+    # List of all modules packaged with this module
+    # ModuleList = @()
+
+    # List of all files packaged with this module
+    # FileList = @()
+
+    # Private data to pass to the module specified in RootModule/ModuleToProcess. This may also contain a PSData hashtable with additional module metadata used by PowerShell.
+    PrivateData       = @{
+
+        PSData = @{
+
+            # Tags applied to this module. These help with module discovery in online galleries.
+            Tags       = @("PowerShellUniversal", "App", "Loader")
+
+            # A URL to the license for this module.
+            LicenseUri = 'https://github.com/ironmansoftware/universal-icons/blob/main/LICENSE'
+
+            # A URL to the main website for this project.
+            ProjectUri = 'https://github.com/ironmansoftware/universal-modules/tree/main/Components/Loader'
+
+            # A URL to an icon representing this module.
+            IconUri    = 'https://www.ironmansoftware.com/img/ps-icon.svg'
+
+            # ReleaseNotes of this module
+            # ReleaseNotes = ''
+
+            # Prerelease string of this module
+            # Prerelease = ''
+
+            # Flag to indicate whether the module requires explicit user acceptance for install/update/save
+            # RequireLicenseAcceptance = $false
+
+            # External dependent modules of this module
+            # ExternalModuleDependencies = @()
+
+        } # End of PSData hashtable
+
+    } # End of PrivateData hashtable
+
+    # HelpInfo URI of this module
+    # HelpInfoURI = ''
+
+    # Default prefix for commands exported from this module. Override the default prefix using Import-Module -Prefix.
+    # DefaultCommandPrefix = ''
+
+}