motke84/flow-manager

 

Flow - Manager

This project is used to any graph or flow-chart in a visual and live method.

 

Technologies:

• Polymer 3 (https://www.polymer-project.org)

• Webpack 3 (https://webpack.js.org)

• PWA - progressive web app (https://developers.google.com/web/progressive-web-apps)

• Dot Env project (https://www.npmjs.com/package/dotenv)

• JointJs (https://www.jointjs.com)

• Redux(https://redux.js.org/)

 

              

 

 

Installation

npm install

 

Build

npm run build

 

Start - Development

npm start

 

Start - Production

npm run start:prod

 

Enviroment Variables

.env.example file

SERVER_PATH - web Api to get and save items

PUBLIC_PATH - webpack needs the trailing slash for output

REFRESH_INTERVAL - refresh graph every X ms, if equals to 0 auto refresh is disabled

 

 

Forked From:

https://github.com/Polymer/pwa-starter-kit

Head over to the documentation site for more details or check out how to get started!

 

 

IIS Installation

For support IIS hosting build folder should include web.config file with "Static File Module"

definitions.

Create a new web site which directed to dist folder created after 'Build' script or copy

it content to your directory (web site shuold be on default without any virtual directory).

Also for support SPA routing web config should use "rewrite" rules and IIS extension

should be installed.

for more information: https://www.mattburkedev.com/iis-rewrite-rule-for-single-page-apps/

extension url: https://www.iis.net/downloads/microsoft/url-rewrite#additionalDownloads.

 

Web.Config - Example

<configuration>
	<system.webServer>
		<handlers>
			<clear />
			<add 
                name="StaticFile" 
                path="*" verb="*" 
                modules="StaticFileModule,DefaultDocumentModule,DirectoryListingModule" 
                resourceType="Either" 
                requireAccess="Read" />
		</handlers>
		<staticContent>
			<mimeMap fileExtension=".*" mimeType="application/octet-stream" />
		</staticContent>
		<rewrite>
			<rules>
				<rule name="SPA Routes" stopProcessing="true">
					<!-- match everything by default -->
					<match url=".*" />
					<conditions logicalGrouping="MatchAll">
						<!-- unless its a file -->
						<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
						<!-- or a directory -->
						<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
						<!-- or is under the /api directory -->
						<add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
						<!-- list other routes or route prefixes here if you need to handle them server side -->
					</conditions>
					<!-- rewrite it to /index.html -->
					<action type="Rewrite" url="/index.html" />
				</rule>
			</rules>
		</rewrite>
	</system.webServer>
</configuration>