From 70d2e213187993dc0488eae84b21be0142d115a4 Mon Sep 17 00:00:00 2001 From: Sipke Schoorstra Date: Fri, 7 May 2021 13:30:36 +0200 Subject: [PATCH] Update designer package --- .../elsa-workflows-studio/package.json | 5 ++- .../elsa-workflows-studio/src/components.d.ts | 13 ++++++ .../assets/undraw_breaking_barriers_vnf3.svg | 1 + .../elsa-studio-home/elsa-studio-home.tsx | 43 +++++++++++++++++++ .../elsa-studio-root/elsa-studio-root.tsx | 2 +- .../Startup.cs | 2 +- 6 files changed, 62 insertions(+), 4 deletions(-) create mode 100644 src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-home/assets/undraw_breaking_barriers_vnf3.svg create mode 100644 src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-home/elsa-studio-home.tsx diff --git a/src/designer/elsa-workflows-studio/package.json b/src/designer/elsa-workflows-studio/package.json index 38b64e560..a0a65720c 100644 --- a/src/designer/elsa-workflows-studio/package.json +++ b/src/designer/elsa-workflows-studio/package.json @@ -1,7 +1,7 @@ { "name": "@elsa-workflows/elsa-workflow-designer", - "version": "2.0.0-preview-9", - "description": "Stencil Component Starter", + "version": "2.0.0-rc1.1", + "description": "Elsa Workflow Designer is a collection of web components to manage Elsa workflows stored on an Elsa Workflows server.", "main": "dist/index.cjs.js", "module": "dist/custom-elements/index.js", "es2015": "dist/esm/index.mjs", @@ -15,6 +15,7 @@ "loader/" ], "scripts": { + "push": "npm publish --access-public", "push:preview": "npm publish --access-public --tag preview", "build": "npm run build:tailwind:prod & stencil build", "build:dev": "stencil build --dev --tailwind:dev", diff --git a/src/designer/elsa-workflows-studio/src/components.d.ts b/src/designer/elsa-workflows-studio/src/components.d.ts index 4191a362f..8a66f5acc 100644 --- a/src/designer/elsa-workflows-studio/src/components.d.ts +++ b/src/designer/elsa-workflows-studio/src/components.d.ts @@ -141,6 +141,8 @@ export namespace Components { "propertyDescriptor": ActivityPropertyDescriptor; "propertyModel": ActivityDefinitionProperty; } + interface ElsaStudioHome { + } interface ElsaStudioRoot { "monacoLibPath": string; "serverUrl": string; @@ -356,6 +358,12 @@ declare global { prototype: HTMLElsaSingleLinePropertyElement; new (): HTMLElsaSingleLinePropertyElement; }; + interface HTMLElsaStudioHomeElement extends Components.ElsaStudioHome, HTMLStencilElement { + } + var HTMLElsaStudioHomeElement: { + prototype: HTMLElsaStudioHomeElement; + new (): HTMLElsaStudioHomeElement; + }; interface HTMLElsaStudioRootElement extends Components.ElsaStudioRoot, HTMLStencilElement { } var HTMLElsaStudioRootElement: { @@ -492,6 +500,7 @@ declare global { "elsa-property-editor": HTMLElsaPropertyEditorElement; "elsa-script-property": HTMLElsaScriptPropertyElement; "elsa-single-line-property": HTMLElsaSingleLinePropertyElement; + "elsa-studio-home": HTMLElsaStudioHomeElement; "elsa-studio-root": HTMLElsaStudioRootElement; "elsa-studio-workflow-blueprint-view": HTMLElsaStudioWorkflowBlueprintViewElement; "elsa-studio-workflow-definitions-edit": HTMLElsaStudioWorkflowDefinitionsEditElement; @@ -644,6 +653,8 @@ declare namespace LocalJSX { "propertyDescriptor"?: ActivityPropertyDescriptor; "propertyModel"?: ActivityDefinitionProperty; } + interface ElsaStudioHome { + } interface ElsaStudioRoot { "monacoLibPath"?: string; "serverUrl"?: string; @@ -748,6 +759,7 @@ declare namespace LocalJSX { "elsa-property-editor": ElsaPropertyEditor; "elsa-script-property": ElsaScriptProperty; "elsa-single-line-property": ElsaSingleLineProperty; + "elsa-studio-home": ElsaStudioHome; "elsa-studio-root": ElsaStudioRoot; "elsa-studio-workflow-blueprint-view": ElsaStudioWorkflowBlueprintView; "elsa-studio-workflow-definitions-edit": ElsaStudioWorkflowDefinitionsEdit; @@ -794,6 +806,7 @@ declare module "@stencil/core" { "elsa-property-editor": LocalJSX.ElsaPropertyEditor & JSXBase.HTMLAttributes; "elsa-script-property": LocalJSX.ElsaScriptProperty & JSXBase.HTMLAttributes; "elsa-single-line-property": LocalJSX.ElsaSingleLineProperty & JSXBase.HTMLAttributes; + "elsa-studio-home": LocalJSX.ElsaStudioHome & JSXBase.HTMLAttributes; "elsa-studio-root": LocalJSX.ElsaStudioRoot & JSXBase.HTMLAttributes; "elsa-studio-workflow-blueprint-view": LocalJSX.ElsaStudioWorkflowBlueprintView & JSXBase.HTMLAttributes; "elsa-studio-workflow-definitions-edit": LocalJSX.ElsaStudioWorkflowDefinitionsEdit & JSXBase.HTMLAttributes; diff --git a/src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-home/assets/undraw_breaking_barriers_vnf3.svg b/src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-home/assets/undraw_breaking_barriers_vnf3.svg new file mode 100644 index 000000000..f89737226 --- /dev/null +++ b/src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-home/assets/undraw_breaking_barriers_vnf3.svg @@ -0,0 +1 @@ +breaking obstacles \ No newline at end of file diff --git a/src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-home/elsa-studio-home.tsx b/src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-home/elsa-studio-home.tsx new file mode 100644 index 000000000..c3ea928fd --- /dev/null +++ b/src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-home/elsa-studio-home.tsx @@ -0,0 +1,43 @@ +import {Component, h, Prop, getAssetPath} from '@stencil/core'; + +@Component({ + tag: 'elsa-studio-home', + shadow: false, + assetsDirs: ['assets'] +}) +export class ElsaStudioHome { + + render() { + const visualPath = getAssetPath('./assets/undraw_breaking_barriers_vnf3.svg'); + + return ( +
+
+
+
+
+
+

+ Welcome to + + Elsa Workflows +

+

+ Use the dashboard app to manage all the things. +

+
+
+
+
+
+ +
+
+
+
+
+
+
+ ); + } +} diff --git a/src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-root/elsa-studio-root.tsx b/src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-root/elsa-studio-root.tsx index 32709cfe3..ce06db7ce 100644 --- a/src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-root/elsa-studio-root.tsx +++ b/src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-root/elsa-studio-root.tsx @@ -50,7 +50,7 @@ export class ElsaStudioRoot { {/**/} - } exact={true}/> + diff --git a/src/samples/dashboard/aspnetcore/ElsaDashboard.Samples.AspNetCore.Monolith/Startup.cs b/src/samples/dashboard/aspnetcore/ElsaDashboard.Samples.AspNetCore.Monolith/Startup.cs index 5a55402ad..25d3ac1a0 100644 --- a/src/samples/dashboard/aspnetcore/ElsaDashboard.Samples.AspNetCore.Monolith/Startup.cs +++ b/src/samples/dashboard/aspnetcore/ElsaDashboard.Samples.AspNetCore.Monolith/Startup.cs @@ -41,7 +41,7 @@ namespace ElsaDashboard.Samples.AspNetCore.Monolith services .AddElsaApiEndpoints(); - // Allow arbitrary client browser apps to access the API for demo purposes only. + // Allow arbitrary client browser apps to access the API. // In a production environment, make sure to allow only origins you trust. services.AddCors(cors => cors.AddDefaultPolicy(policy => policy.AllowAnyHeader().AllowAnyMethod().AllowAnyOrigin().WithExposedHeaders("Content-Disposition"))); }