make.ps1

<#
    Webpart build, bundle and ship
    This will build the Vue app into the assets folder within the webpart, then update the webpart to reference it for rendering.

    Run from PowerShell in the root app folder (not the webpart sub-folder)
    ./make
#>

function Log {
	param (
		$Message
	)
	Write-Host $Message -ForegroundColor yellow -BackgroundColor black
	Write-Host " "
}

Log "Webpart build, bundle and ship:"
Log "REMINDER: update version in package.json before running this script because that will become the version of the webpart package."

Log "Building webpart..."
npm run build

Remove-Item webpart/src/webparts/assets/fonts -Recurse -Force -ErrorAction Ignore
Remove-Item webpart/src/webparts/assets/mock-data -Recurse -Force -ErrorAction Ignore
Remove-Item webpart/src/webparts/assets/*.ico -ErrorAction Ignore
Remove-Item webpart/src/webparts/assets/*.html -ErrorAction Ignore
Remove-Item webpart/src/webparts/assets/*.css -ErrorAction Ignore

Log "Creating declaration file for index js..."
Remove-Item webpart\src\webparts\assets\appcode\*.d.ts -ErrorAction Ignore
$indexjsname = (Get-ChildItem -Path "webpart\src\webparts\assets\appcode" *.js | Select-Object BaseName).BaseName
New-Item -Path "webpart\src\webparts\assets\appcode" -Name "$indexjsname.d.ts" -Value "export = '$indexjsname'; export declare function renderVue(appID);"

Log "Bundling assets..."
$programPath = "node_scripts\bundle-webpart-assets.js"
$cmd = "node"
$params = @($programPath)
& $cmd $params

Log "Packaging for shipping to SharePoint..."
Set-Location webpart
gulp clean
gulp bundle --ship
gulp package-solution --ship
Set-Location ..

Log "DONE."
Log "Webpart package for uploading to App Catalog is in: webpart/sharepoint/solution/"