Bump vite and @angular-devkit/build-angular

.editorconfig

@@ -1,4 +1,4 @@
-# Editor configuration, see http://editorconfig.org
+# Editor configuration, see https://editorconfig.org
 root = true
 
 [*]
@@ -8,6 +8,9 @@ indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 
+[*.ts]
+quote_type = single
+
 [*.md]
 max_line_length = off
 trim_trailing_whitespace = false

.github/workflows/npm-publish.yml

@@ -0,0 +1,35 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
+
+name: Node.js Package
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+      - run: npm ci
+      - run: npm test
+
+  publish-npm:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          registry-url: https://registry.npmjs.org/
+      - run: npm ci
+      - run: npm run build:lib
+      - run: cd dist/ngx-flow
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

.gitignore

@@ -4,10 +4,15 @@
 /dist
 /tmp
 /out-tsc
+# Only exists if Bazel was run
+/bazel-out
 
 # dependencies
 node_modules/
 
+# profiling files
+chrome-profiler-events*.json
+
 # IDEs and editors
 /.idea
 .project
@@ -23,8 +28,10 @@ node_modules/
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
+.history/*
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage

.travis.yml

@@ -1,7 +1,6 @@
 language: node_js
 node_js:
   - 'lts/*'
-dist: trusty
 sudo: required
 env:
   global:

README.md

@@ -68,27 +68,21 @@ We use dependecy injection to provide flow.js library.
 1. Now you can use either directive `flowButton` for select file dialog:
 
    ```html
-   <input type="file"
-         flowButton
-         [flow]="flow.flowJs"
-         [flowAttributes]="{accept: 'image/*'}">
+   <input type="file" flowButton [flow]="flow.flowJs" [flowAttributes]="{accept: 'image/*'}" />
    ```
 
    Or `flowDrop` for drag&drop feature:
 
    ```html
-   <div class="drop-area"
-       flowDrop
-       [flow]="flow.flowJs">
-   </div>
+   <div class="drop-area" flowDrop [flow]="flow.flowJs"></div>
    ```
 
    For both you have to pass `[flow]=flow.flowJs` where `flow` is template variable exported in step 1.
 
 1. You can than subscribe to observable of transfers:
 
    ```html
-   <div *ngFor="let transfer of (flow.transfers$ | async).transfers">
+   <div *ngFor="let transfer of (flow.transfers$ | async).transfers"></div>
    ```
 
 1. After adding files you can begin upload using `upload()` method:
@@ -177,7 +171,7 @@ You can find it under `flow` variable.
 Use `trackBy` for `ngFor`:
 
 ```html
-<div *ngFor="let transfer of (flow.transfers$ | async).transfers; trackBy: trackTransfer">
+<div *ngFor="let transfer of (flow.transfers$ | async).transfers; trackBy: trackTransfer"></div>
 ```
 
 ```typescript
@@ -201,11 +195,7 @@ Add `singleFile: true` to your flow config:
 Add `flowDirectoryOnly="true"` to your button:
 
 ```html
-<input type="file"
-       flowButton
-       [flow]="flow.flowJs"
-       flowDirectoryOnly="true"
-       [flowAttributes]="{accept: 'image/*'}">
+<input type="file" flowButton [flow]="flow.flowJs" flowDirectoryOnly="true" [flowAttributes]="{accept: 'image/*'}" />
 ```
 
 ### I want to display image which is going to be uploaded
@@ -214,7 +204,7 @@ Use directive `flowSrc`:
 
 ```html
 <div *ngFor="let transfer of (flow.transfers$ | async).transfers">
-  <img [flowSrc]="transfer">
+  <img [flowSrc]="transfer" />
 </div>
 ```
 
@@ -230,7 +220,7 @@ export class AppComponent implements AfterViewInit, OnDestroy {
   autoUploadSubscription: Subscription;
 
   ngAfterViewInit() {
-    this.autoUploadSubscription = this.flow.events$.subscribe(event => {
+    this.autoUploadSubscription = this.flow.events$.subscribe((event) => {
       if (event.type === 'filesSubmitted') {
         this.flow.upload();
       }
@@ -245,7 +235,7 @@ export class AppComponent implements AfterViewInit, OnDestroy {
 
 ### Development
 
-`npm run build` - builds the library into dist folder
+`npm run build:lib` - builds the library into dist folder
 
 After that you can publish to npm repository from `dist` folder: