Merge branch 'develop' into dist/ubuntu/bionic/develop

README.md

@@ -1,4 +1,4 @@
-# GenGitKan
+# Gitea Kan
 
 ## Démarrer avec les sources
 
@@ -9,41 +9,9 @@
 ### Procédure
 
 ```bash
-cd client && npm install # Installation des dépendances client
 make watch  # Surveiller les modifications sur le sources et compiler/démarrer le serveur
 ```
 
-Au premier lancement, le fichier de configuration doit être complété afin de d'utiliser l'instance Gitea ciblée comme fournisseur OAuth2.
-
-Modifier le fichier `data/server.conf` de la manière suivante (la forge Cadoles est utilisée dans cet exemple):
-
-```ini
-Debug = false
-
-[HTTP]
-Address     = :3000
-PublicDir   = ${GENGITKAN_HTTP_PUBDIR}
-
-[Gitea]
-BaseURL      = https://forge.cadoles.com
-ClientID     = <ClientID>
-ClientSecret = <ClientSecret>
-RedirectURL = http://localhost:3000/callback
-AuthURL = https://forge.cadoles.com/login/oauth/authorize
-LogoutURL = https://forge.cadoles.com/user/logout
-TokenURL = https://forge.cadoles.com/login/oauth/access_token
-APIBaseURL = https://forge.cadoles.com/api
-Scopes = api
-
-[Data]
-
-DBPath = ${GENGITKAN_DATA_DBPATH}
-```
-
-Les valeurs pour `<ClientID>` et `<ClientSecret>` sont à récupérer sur la page https://forge.cadoles.com/user/settings/applications, dans la section `Gérer les applications OAuth2`. 
-
-Vous devrez créer une application et configurer l'URL de redirection pour qu'elle corresponde à la valeur `RedirectURL` de votre fichier de configuration afin de pouvoir utiliser votre instance locale de GenGitKan.
-
 ## Licence
 
 [AGPL-3.0](./LICENSE)

client/.babelrc

@@ -0,0 +1,10 @@
+{
+    "presets": [
+      "@babel/preset-env",
+      "@babel/preset-react"
+    ],
+    "plugins": [
+      [ "@babel/transform-runtime" ],
+      [ "@babel/plugin-proposal-class-properties" ]
+    ]
+  }

client/package.json

@@ -25,32 +25,23 @@
     "@babel/preset-env": "^7.7.1",
     "@babel/preset-react": "^7.7.4",
     "@fortawesome/fontawesome-free": "^5.11.2",
-    "@types/node": "^13.13.4",
-    "@types/react-dom": "^16.9.7",
-    "@types/react-redux": "^7.1.7",
-    "@types/react-router-dom": "^5.1.5",
-    "@types/uuid": "^7.0.3",
     "babel-loader": "^8.0.6",
     "css-loader": "^1.0.1",
     "extract-loader": "^3.1.0",
     "file-loader": "^2.0.0",
     "html-loader": "^0.5.5",
-    "html-webpack-plugin": "^3.2.0",
     "mini-css-extract-plugin": "^0.4.4",
-    "node-sass": "^4.14.0",
+    "node-sass": "^4.10.0",
     "redux-logger": "^3.0.6",
     "resolve-url-loader": "^3.0.0",
     "sass-loader": "^7.1.0",
     "style-loader": "^0.23.1",
-    "ts-loader": "^7.0.2",
     "webpack": "^4.25.0",
-    "webpack-cleanup-plugin": "^0.5.1",
     "webpack-cli": "^3.1.2"
   },
   "dependencies": {
-    "@lourenci/react-kanban": "^2.0.0",
+    "@lourenci/react-kanban": "^0.15.0",
     "bulma": "^0.7.2",
-    "bulma-switch": "^2.0.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
     "react-redux": "^7.1.3",
@@ -59,7 +50,6 @@
     "redux": "^4.0.4",
     "redux-saga": "^1.1.3",
     "styled-components": "^4.4.1",
-    "typescript": "^3.8.3",
     "uuid": "^3.3.3"
   }
 }

client/src/components/App.jsx

@@ -5,7 +5,6 @@ import { ConnectedBoardPage as BoardPage } from './BoardPage/BoardPage';
 import { ConnectedEditBoardPage as EditBoardPage } from './BoardPage/EditBoardPage';
 import { store } from '../store/store';
 import { Provider } from 'react-redux';
-import { logout } from '../store/actions/logout';
 
 export class App extends React.Component {
   render() {
@@ -17,9 +16,10 @@ export class App extends React.Component {
             <Route path="/boards/new" exact component={EditBoardPage} />
             <Route path="/boards/:id" exact component={BoardPage} />
             <Route path="/boards/:id/edit" exact component={EditBoardPage} />
+            <Route path="/boards/:id/delete" exact component={BoardPage} />
             <Route path="/logout" exact component={() => {
-              this.logout();
-              return <Redirect to="/" />;
+              window.location = "/logout";
+              return null;
             }} />
             <Route component={() => <Redirect to="/" />} />
           </Switch>
@@ -27,8 +27,4 @@ export class App extends React.Component {
       </Provider>
     );
   }
-
-  logout() {
-    store.dispatch(logout());
-  }
 }

client/src/components/BoardPage/BoardPage.jsx

@@ -0,0 +1,106 @@
+import React from 'react';
+import { Page } from '../Page';
+import { connect } from 'react-redux';
+import Board from '@lourenci/react-kanban';
+import { fetchIssues } from '../../store/actions/issues';
+import { fetchBoards } from '../../store/actions/boards';
+import { buildKanboard, moveCard } from '../../store/actions/kanboards';
+import { Loader } from '../Loader';
+
+export class BoardPage extends React.Component {
+
+  render() {
+    return (
+      <Page>
+        <div className="container is-fluid">
+          {this.renderBoard()}
+        </div>
+      </Page>
+    );
+  }
+
+  renderBoard() {
+    const { kanboard } = this.props;
+    
+    if (!kanboard) {
+      return <Loader></Loader>
+    }
+
+    return (
+      <div className="kanboard-container is-fullheight">
+        <Board disableLaneDrag={true}
+          renderCard={this.renderCard}
+          renderLaneHeader={this.renderLaneHeader}
+          onCardDragEnd={this.onCardDragEnd.bind(this)}>
+          {kanboard}
+        </Board>
+      </div>
+    );
+  }
+
+  renderCard(card) {
+    return (
+      <div className="kanboard-card">
+        <div className="box">
+          <div className="media">
+            <div className="media-content">
+              <div className="content">
+                <h5 className="is-size-5 is-marginless">{card.title}</h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  renderLaneHeader(lane) {
+    return (
+      <h3 className="kanboard-lane-title is-size-3">{lane.title}</h3>
+    )
+  }
+
+  onCardDragEnd(source, dest) {
+    const { board } = this.props;
+    this.props.dispatch(moveCard(
+      board.id,
+      source.fromLaneId,
+      source.fromPosition,
+      dest.toLaneId,
+      dest.toPosition
+    ));
+  }
+
+  componentDidMount() {
+    const { board } = this.props;
+    if (!board) {
+      this.requestBoardsUpdate();
+      return
+    }
+
+    this.requestBuildKanboard();
+  }
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.board !== this.props.board) this.requestBuildKanboard();
+  }
+
+  requestBoardsUpdate() {
+    this.props.dispatch(fetchBoards());
+  }
+
+  requestBuildKanboard() {
+    const { board } = this.props;
+    if (!board) return;
+    this.props.dispatch(buildKanboard(board));
+  }
+
+}
+
+export const ConnectedBoardPage = connect(function(state, props) {
+  const boardID = props.match.params.id;
+  return {
+    board: state.boards.byID[boardID],
+    kanboard: state.kanboards.byID[boardID]
+  };
+})(BoardPage);

client/src/components/BoardPage/BoardPage.tsx

@@ -1,349 +0,0 @@
-import React, { Fragment } from 'react';
-import { Page } from '../Page';
-import { connect, DispatchProp } from 'react-redux';
-import Board, { addColumn } from '@lourenci/react-kanban';
-import { fetchBoards } from '../../store/actions/boards';
-import { createIssue, fetchIssues } from '../../store/actions/issues';
-import { buildKanboard, moveCard } from '../../store/actions/kanboards';
-import { Loader } from '../Loader';
-import { IssueCard } from './IssueCard';
-import { Modal } from '../Modal';
-import { fetchProjectMilestones } from '../../store/actions/projects';
-
-export interface BoardPageProps extends DispatchProp {
-  board: any
-  kanboard: any
-  milestones: any
-}
-
-export class BoardPage extends React.Component<BoardPageProps> {
-
-  state = {
-    newCardModalActive: false,
-    newCardLaneID: 0,
-    newCard: {
-      title: "",
-      body: "",
-      project: ""
-    },
-    compactMode: true,
-    hasError: false,
-    selectedMilestone: "",
-  }
-
-  onNewCardTitleChange: (evt: any) => void;
-  onNewCardBodyChange: (evt: any) => void;
-  onNewCardProjectChange: (evt: any) => void;
-
-  constructor(props: BoardPageProps) {
-    super(props);
-    this.renderLaneHeader = this.renderLaneHeader.bind(this);
-    this.onNewCardClick = this.onNewCardClick.bind(this);
-    this.onNewCardCloseClick = this.onNewCardCloseClick.bind(this);
-    this.onNewCardTitleChange = this.onNewCardAttrChange.bind(this, 'title');
-    this.onNewCardBodyChange = this.onNewCardAttrChange.bind(this, 'body');
-    this.onNewCardProjectChange = this.onNewCardAttrChange.bind(this, 'project');
-    this.onNewCardSaveClick = this.onNewCardSaveClick.bind(this);
-  }
-
-  componentDidCatch(error, errorInfo) {
-    // You can also log the error to an error reporting service
-    console.error(error, errorInfo);
-  }
-
-  handleMilestonesChange(e: any) {
-    console.log("EVT VALUE", e.target.value);
-    let m = (e.target as HTMLInputElement).value;
-    this.setState(state => ({ ...state, selectedMilestone: m }), this.requestBuildKanboard);
-    //this.requestBuildKanboard();
-  }
-
-  render() {
-    const { board } = this.props;
-    return (
-      <Page title={`${board ? (board.title + ' - ') : ''}GenGitKan`}>
-        {this.renderBoard()}
-      </Page>
-    );
-  }
-
-  renderBoard() {
-    const { kanboard, board, milestones } = this.props;
-
-    if (!kanboard) {
-      return <Loader></Loader>
-    }
-
-    return (
-      <Fragment>
-        <nav className="navbar is-light">
-          <div className="container is-fluid">
-            <div className="navbar-start">
-              <div className="navbar-item">
-                {board.title}
-              </div>
-            </div>
-            <div className="navbar-end">
-              <div className="navbar-item">
-                <div className="select">
-                  <select onChange={this.handleMilestonesChange.bind(this)}>
-                    <option value="">Sélectionner un jalon</option>
-                    {
-                      milestones.length > 0 ? milestones.map((k: any) => {
-                        return (
-                          <option value={k.title} key={k.id}>{k.title}</option>
-                        )
-                      }) : ""
-                    }
-                  </select>
-                </div>
-              </div>
-              <div className="navbar-item">
-
-                <div className="field">
-
-                  <input id="compactMode"
-                    checked={this.state.compactMode}
-                    onChange={this.onCompactModeChange.bind(this)}
-                    type="checkbox"
-                    className="switch is-outlined is-success"
-                    name="compactMode"
-                  />
-                  <label htmlFor="compactMode">Mode compact</label>
-                </div>
-              </div>
-              <a href={`#/boards/${board.id}/edit`} className="navbar-item">
-                <span className="icon">
-                  <i className="fa fa-edit fa-fw"></i>
-                </span>
-                <span>Modifier le tableau</span>
-              </a>
-            </div>
-          </div>
-        </nav>
-        <div className="container is-fluid">
-          <div className="kanboard-container is-fullheight">
-            <Board
-              renderCard={this.renderCard.bind(this)}
-              renderColumnHeader={this.renderLaneHeader.bind(this)}
-              onCardDragEnd={this.onCardDragEnd.bind(this)}
-              disableColumnDrag={true}
-            >
-              {kanboard}
-            </Board>
-            {this.renderNewCardModal()}
-          </div>
-        </div>
-      </Fragment>
-
-    );
-  }
-
-  renderNewCardModal() {
-    const { newCardModalActive, newCardLaneID } = this.state;
-    const { board } = this.props;
-    if (!board || newCardLaneID === undefined) return null;
-
-    return (
-      <Modal active={newCardModalActive}>
-        <div className="new-card-modal">
-          <article className="message">
-            <div className="message-header">
-              <p><span>"{board.lanes[newCardLaneID].title}" - Nouveau ticket</span></p>
-              <button className="delete" aria-label="delete" onClick={this.onNewCardCloseClick}></button>
-            </div>
-            <div className="message-body">
-              <div className="field">
-                <div className="control">
-                  <input className="input is-medium" type="text"
-                    placeholder="Titre de votre ticket..."
-                    value={this.state.newCard.title}
-                    onChange={this.onNewCardTitleChange} />
-                </div>
-              </div>
-              <div className="field">
-                <div className="control">
-                  <textarea className="textarea"
-                    placeholder="Description du nouveau ticket..."
-                    value={this.state.newCard.body}
-                    onChange={this.onNewCardBodyChange}
-                    rows={10}>
-                  </textarea>
-                </div>
-              </div>
-              <div className="field">
-                <div className="control is-expanded">
-                  <div className="select is-fullwidth">
-                    <select
-                      value={this.state.newCard.project}
-                      onChange={this.onNewCardProjectChange}>
-                      {
-                        board.projects.map((p: any, i: number) => {
-                          return <option key={`new-card-project-${i}`} value={p}>{p}</option>
-                        })
-                      }
-                    </select>
-                  </div>
-                </div>
-              </div>
-              <div className="field is-grouped is-grouped-right">
-                <p className="control">
-                  <a className="button is-light"
-                    onClick={this.onNewCardCloseClick}>
-                    Annuler
-                  </a>
-                </p>
-                <p className="control">
-                  <a className="button is-primary"
-                    onClick={this.onNewCardSaveClick}>
-                    Enregistrer
-                  </a>
-                </p>
-              </div>
-            </div>
-          </article>
-        </div>
-      </Modal>
-    )
-  }
-
-  renderCard(card: any) {
-    return <IssueCard compact={this.state.compactMode} card={card} />;
-  }
-
-  renderLaneHeader(lane: any) {
-    return (
-      <div className="kanboard-lane">
-        <div className="level">
-          <div className="level-left">
-            <div className="level-item">
-              <span className="tag is-primary is-light is-normal">{lane.cards.length}</span>
-            </div>
-            <button className="button is-light level-item is-small expand"
-              onClick={this.onMinimizeColumn}>
-              <span className="icon">
-                <i className="fas fa-chevron-right" aria-hidden="true"></i>
-              </span>
-            </button>
-            <h3 className="level-item is-size-5">
-              {lane.title}
-            </h3>
-          </div>
-          <div className="level-right is-show-expand">
-            <button className="button is-light level-item is-small"
-              onClick={this.onNewCardClick.bind(this, lane.id)}>
-              <span className="icon">
-                <i className="fas fa-plus" aria-hidden="true"></i>
-              </span>
-            </button>
-            <button className="button is-light level-item is-small"
-              onClick={this.onMinimizeColumn}>
-              <span className="icon">
-                <i className="fas fa-chevron-left" aria-hidden="true"></i>
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  onMinimizeColumn(e: any) {
-    e.currentTarget.closest('.react-kanban-column').classList.toggle('minimized');
-  }
-
-  onCardDragEnd(card: any, source: any, dest: any) {
-    const { board } = this.props;
-    this.props.dispatch(moveCard(
-      board.id,
-      source.fromColumnId,
-      source.fromPosition,
-      dest.toColumnId,
-      dest.toPosition
-    ));
-  }
-
-  componentDidMount() {
-    const { board } = this.props;
-    if (!board) {
-      this.requestBoardsUpdate();
-      return
-    }
-
-    this.requestBuildKanboard();
-  }
-
-  onNewCardClick(laneID: string) {
-    const { board } = this.props;
-    this.setState({
-      newCardModalActive: true,
-      newCardLaneID: laneID,
-      newCard: {
-        title: "",
-        body: "",
-        project: board.projects[0],
-      }
-    });
-  }
-
-  onNewCardCloseClick() {
-    this.setState({ newCardModalActive: false });
-  }
-
-  onNewCardAttrChange(attrName: string, evt: React.ChangeEvent) {
-    const value = (evt.target as HTMLInputElement).value;
-    this.setState((state: any) => {
-      return {
-        ...state,
-        newCard: {
-          ...state.newCard,
-          [attrName]: value,
-        }
-      }
-    })
-  }
-
-  onNewCardSaveClick() {
-    const { newCard, newCardLaneID } = this.state;
-    const { board } = this.props;
-    this.setState({ newCardModalActive: false });
-    this.props.dispatch(createIssue(
-      newCard.project,
-      newCard.title,
-      newCard.body,
-      board.lanes[newCardLaneID].issueLabel
-    ));
-  }
-
-  componentDidUpdate(prevProps: any) {
-    if (prevProps.board !== this.props.board) this.requestBuildKanboard();
-  }
-
-  requestBoardsUpdate() {
-    this.props.dispatch(fetchBoards());
-  }
-
-  requestBuildKanboard() {
-    const { board } = this.props;
-    const { selectedMilestone } = this.state;
-    console.log("SELECTED MILESTONE", selectedMilestone)
-    if (!board) return;
-    this.props.dispatch(fetchProjectMilestones(board.projects[0]));
-    this.props.dispatch(buildKanboard(board, selectedMilestone));
-  }
-
-  onCompactModeChange(evt: React.ChangeEvent) {
-    const checked = (evt.currentTarget as HTMLInputElement).checked;
-    this.setState(state => ({ ...state, compactMode: checked }));
-  }
-
-}
-
-export const ConnectedBoardPage = connect(function (state: any, props: any) {
-  const boardID = props.match.params.id;
-  return {
-    board: state.boards.byID[boardID],
-    kanboard: state.kanboards.byID[boardID],
-    milestones: state.projects.milestones
-  };
-})(BoardPage);

client/src/components/BoardPage/EditBoardPage.jsx

@@ -1,24 +1,17 @@
 import React from 'react';
 import { Page } from '../Page';
-import { connect, DispatchProp } from 'react-redux';
+import { connect } from 'react-redux';
 import { selectFlagsIsLoading } from '../../store/selectors/flags';
-import { fetchBoards, saveBoard, deleteBoard } from '../../store/actions/boards';
+import { fetchBoards, saveBoard } from '../../store/actions/boards';
 import { fetchProjects } from '../../store/actions/projects';
 import uuidv4 from 'uuid/v4';
-import { Loader } from '../Loader';
-import { RouteComponentProps } from 'react-router';
 
-export interface EditorBoardPageProps extends DispatchProp, RouteComponentProps {
-  isLoading: boolean
-  projects: any
-}
-
-export class EditBoardPage extends React.Component<EditorBoardPageProps> {
+export class EditBoardPage extends React.Component {
 
   state = {
     edited: false,
     board: {
-      id: "",
+      id: uuidv4(),
       title: "",
       description: "",
       projects: [],
@@ -26,13 +19,7 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
     },
   }
 
-  onBoardTitleChange: (evt: any) => void;
-  onBoardDescriptionChange: (evt: any) => void;
-  onBoardLaneTitleChange: (laneIndex: any, evt: any) => void;
-  onBoardLaneIssueLabelChange: (laneIndex: any, evt: any) => void;
-  onBoardLaneIssueCollectRemainingIssuesChange: (laneIndex: any, evt: any) => void;
-
-  static getDerivedStateFromProps(props: any, state: any) {
+  static getDerivedStateFromProps(props, state) {
     const { board, isLoading } = props;
 
     if (isLoading || !board || state.edited) return state;
@@ -44,19 +31,17 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
         title: board.title,
         description: board.description,
         projects: [ ...board.projects ],
-        lanes: [ ...board.lanes.map((l: any) => ({ ...l })) ]
+        lanes: [ ...board.lanes.map(l => ({ ...l })) ]
       }
     };
   } 
 
-  constructor(props: any) {
+  constructor(props) {
     super(props);
     this.onBoardTitleChange = this.onBoardAttrChange.bind(this, 'title');
     this.onBoardDescriptionChange = this.onBoardAttrChange.bind(this, 'description');
     this.onBoardLaneTitleChange = this.onBoardLaneAttrChange.bind(this, 'title');
     this.onBoardLaneIssueLabelChange = this.onBoardLaneAttrChange.bind(this, 'issueLabel');
-    this.onBoardLaneIssueCollectRemainingIssuesChange = this.onBoardLaneAttrChange.bind(this, 'collectRemainingIssues');
-    this.onDeleteBoardClick = this.onDeleteBoardClick.bind(this);
   }
   
   render() {
@@ -65,38 +50,20 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
 
     if (isLoading) {
       return (
-        <Page>
-          <Loader></Loader>
-        </Page>
+        <p>Loading...</p>
       )
     };
     
     return (
       <Page>
-        <div className="container is-fluid has-margin-top-normal">
+        <div className="container is-fluid">
           <div className="columns">
             <div className="column is-6 is-offset-3">
-              <div className="level is-mobile">
-                <div className="level-left">
-                  {
-                    board.id ?
-                    <h3 className="is-size-3 level-item">Éditer le tableau</h3> :
-                    <h3 className="is-size-3 level-item">Nouveau tableau</h3>
-                  }
-                </div>
-                <div className="level-right">
-                  {
-                    board.id ?
-                    <button onClick={this.onDeleteBoardClick} className="level-item button is-danger">
-                      <span className="icon">
-                        <i className="fas fa-trash"></i>
-                      </span>
-                      <span>Supprimer</span>
-                    </button> :
-                    null
-                  }
-                </div>
-              </div>
+              {
+                board.id ?
+                <h3 className="is-size-3">Éditer le tableau</h3> :
+                <h3 className="is-size-3">Nouveau tableau</h3>
+              }
               <div className="field">
                 <label className="label">Titre</label>
                 <div className="control">
@@ -142,15 +109,15 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
     const { projects } = this.props;
     const { board } = this.state;
 
-    const  projectSelectField = (projectIndex: number, value: any, withDeleteAddon: boolean) => {
+    const  projectSelectField = (projectIndex, value, withDeleteAddon) => {
       return (
         <div key={`project-${projectIndex}`} className="field has-addons">
           <div className="control is-expanded">
             <div className="select is-fullwidth">
               <select value={value} onChange={this.onBoardProjectChange.bind(this, projectIndex)}>
-                <option value=""></option>
+                <option value></option>
                 {
-                  projects.map((p: any) => {
+                  projects.map(p => {
                     return <option key={`project-${p}`} value={p}>{p}</option>;
                   })
                 }
@@ -192,7 +159,7 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
 
     const { board } = this.state;
  
-    const laneSection = (laneIndex: number, lane: any) => {
+    const laneSection = (laneIndex, lane) => {
       return (
         <React.Fragment key={`board-lane-${laneIndex}`}>
           <div className="columns">
@@ -225,21 +192,6 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
                   </div>
                 </div>
               </div>
-              <div className="field is-horizontal">
-                <div className="field-label is-normal"></div>
-                <div className="field-body">
-                  <div className="field">
-                    <div className="control">
-                      <label className="checkbox">
-                        <input type="checkbox"
-                          checked={lane.hasOwnProperty('collectRemainingIssues') ? !!lane.collectRemainingIssues : false}                          
-                          onChange={this.onBoardLaneIssueCollectRemainingIssuesChange.bind(this, laneIndex)} />
-                        Inclure tous les tickets "restants" (i.e. non sélectionnés par les autres voies)
-                      </label>
-                    </div>
-                  </div>
-                </div>
-              </div>
             </div>
             <div className="column is-2 is-flex">
               <div className="buttons">
@@ -294,7 +246,7 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
   }
 
   onBoardLaneAdd() {
-    this.setState((state: any) => {
+    this.setState(state => {
       const lanes = [ 
         ...state.board.lanes, 
         { id: uuidv4(), title: "", issueLabel: "" }
@@ -310,8 +262,8 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
     });
   }
 
-  onBoardProjectDelete(projectIndex: number) {
-    this.setState((state: any) => {
+  onBoardProjectDelete(projectIndex) {
+    this.setState(state => {
       const projects = [ ...state.board.projects ]
       projects.splice(projectIndex, 1); 
       return {
@@ -325,8 +277,8 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
     });
   }
 
-  onBoardLaneMove(laneIndex: number, direction: number) {
-    this.setState((state: any) => {
+  onBoardLaneMove(laneIndex, direction) {
+    this.setState(state => {
       const lanes = [ ...state.board.lanes ];
 
       const nextLaneIndex = laneIndex+direction;
@@ -349,8 +301,8 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
     });
   }
 
-  onBoardLaneDelete(laneIndex: number) {
-    this.setState((state: any) => {
+  onBoardLaneDelete(laneIndex) {
+    this.setState(state => {
       const lanes = [ ...state.board.lanes ]
       lanes.splice(laneIndex, 1); 
       return {
@@ -364,9 +316,9 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
     });
   }
 
-  onBoardProjectChange(projectIndex: number, evt: React.ChangeEvent) {
-    const value = (evt.target as HTMLInputElement).value ;
-    this.setState((state: any) => {
+  onBoardProjectChange(projectIndex, evt) {
+    const value = evt.target.value;
+    this.setState(state => {
       const projects = [ ...state.board.projects ]; 
       projects[projectIndex] = value;
       return {
@@ -380,9 +332,9 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
     });
   }
 
-  onBoardAttrChange(attrName: string, evt: React.ChangeEvent) {
-    const value = (evt.target as HTMLInputElement).value;
-    this.setState((state: any) => {
+  onBoardAttrChange(attrName, evt) {
+    const value = evt.target.value;
+    this.setState(state => {
       return {
         ...state,
         edited: true,
@@ -394,16 +346,14 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
     });
   }
 
-  onBoardLaneAttrChange(attrName: string, laneIndex: number, evt: React.ChangeEvent) {
-    const input = evt.target as HTMLInputElement;
-    const value = input.type === "checkbox" ? input.checked : input.value;
-    this.setState((state: any) => {
+  onBoardLaneAttrChange(attrName, laneIndex, evt) {
+    const value = evt.target.value;
+    this.setState(state => {
       const lanes = [ ...state.board.lanes ];
       lanes[laneIndex] = {
         ...state.board.lanes[laneIndex],
         [attrName]: value
       };
-      console.log(lanes);
       return {
         ...state,
         edited: true,
@@ -416,16 +366,8 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
   }
 
   onSaveBoardClick() {
-    let { board } = this.state;
-    board = { ...board };
-    if (!board.id) board.id = uuidv4();
-    this.props.dispatch(saveBoard({...board}));
-    this.props.history.push('/');
-  }
-
-  onDeleteBoardClick() {
     const { board } = this.state;
-    this.props.dispatch(deleteBoard(board.id));
+    this.props.dispatch(saveBoard(board));
     this.props.history.push('/');
   }
 
@@ -436,7 +378,7 @@ export class EditBoardPage extends React.Component<EditorBoardPageProps> {
 
 }
 
-export const ConnectedEditBoardPage = connect(function(state: any, props: any) {
+export const ConnectedEditBoardPage = connect(function(state, props) {
   const boardID = props.match.params.id;
   const board = boardID ? state.boards.byID[boardID] : null;
 

client/src/components/BoardPage/IssueCard.tsx

@@ -1,80 +0,0 @@
-import React from 'react';
-import { KanboardCard } from '../../types/kanboard';
-
-export interface IssueCardProps {
-  card: KanboardCard
-  compact: boolean
-}
-
-export class IssueCard extends React.PureComponent<IssueCardProps> {
-  render() {
-    
-    const { card, compact } = this.props;
-    const issueURLInfo = extractInfoFromIssueURL(card.issue.url);
-    const projectURL = `${issueURLInfo.baseURL}/${issueURLInfo.owner}/${issueURLInfo.projectName}`;
-    const issueURL = `${projectURL}/issues/${card.issue.number}`;
-
-    return (
-      <div className="kanboard-card">
-        <div className="box has-padding-small is-radiusless">
-          <div className="media">
-            <div className="media-content">
-              <div className="content">
-                { !compact && 
-                  <nav className="level">
-                    <div className="level-left">
-                      <div className="level-item">
-                        <a target="_blank" href={issueURL}><strong>{`#${card.issue.number}`}</strong></a>
-                      </div>
-                      { !compact && 
-                        <div className="level-item">
-                          <a target="_blank" href={projectURL}>{card.project}</a>
-                        </div>
-                      }
-                    </div>
-                    <div className="level-right">
-                      {
-                        card.issue.assignee && !compact ?
-                          <div className="level-item">
-                            <small>{`@${card.issue.assignee.login}`}</small>
-                          </div>
-                        : null
-                      }
-                    </div>
-                  </nav>
-                }
-                { compact &&
-                  <a target="_blank" className="mr-1" href={issueURL}><strong>{`#${card.issue.number}`}</strong></a>
-                }
-                <span>{card.issue.title ? card.issue.title : ''}</span>
-              </div>
-              { !compact &&
-                <nav className="level">
-                  <div className="level-left"></div>
-                  <div className="level-right">
-                    <div className="level-item is-size-7">
-                      {card.issue.milestone ? card.issue.milestone.title : ''}
-                    </div>
-                  </div>
-                </nav>
-              }
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-function extractInfoFromIssueURL(issueURL: string): any|void {
-  const pattern = /^(https?:\/\/[^\/]+)\/api\/v1\/repos\/([^\/]+)\/([^\/]+)\/.*$/;
-  const matches = pattern.exec(issueURL);
-  
-  if (!matches) return;
-
-  return {
-    baseURL: matches[1],
-    owner: matches[2],
-    projectName: matches[3],
-  };
-}

client/src/components/HomePage/BoardCard.jsx

@@ -1,10 +1,6 @@
 import React from 'react';
 
-export interface BoardProps {
-  board: any
-}
-
-export class BoardCard extends React.PureComponent<BoardProps> {
+export class BoardCard extends React.PureComponent {
   render() {
     const { board } = this.props;
     return (
@@ -12,13 +8,9 @@ export class BoardCard extends React.PureComponent<BoardProps> {
         <div className="media">
           <div className="media-content">
             <div className="content">
-              <p>
-                <a href={`#/boards/${board.id}`}>
-                  <strong className="is-size-4">{board.title}</strong>
-                </a>
-                <br />
-                {board.description}
-              </p>
+              <a href={`#/boards/${board.id}`}>
+                <h3 className="is-size-3">{board.title}</h3>
+              </a>
             </div>
           </div>
         </div>
@@ -30,6 +22,11 @@ export class BoardCard extends React.PureComponent<BoardProps> {
                 <i className="fas fa-edit" aria-hidden="true"></i>
               </span>
             </a>
+            <a className="level-item" aria-label="delete" href={`#/boards/${board.id}/delete`}>
+              <span className="icon is-small has-text-danger">
+                <i className="fas fa-trash-alt" aria-hidden="true"></i>
+              </span>
+            </a>
           </div>
         </div>
       </div>

client/src/components/HomePage/HomePage.jsx

@@ -1,22 +1,17 @@
 import React from 'react';
 import { Page } from '../Page';
 import { BoardCard } from './BoardCard';
-import { connect, DispatchProp } from 'react-redux';
+import { connect } from 'react-redux';
 import { fetchBoards } from '../../store/actions/boards';
 import { fetchProjects } from '../../store/actions/projects';
 import { selectBoardByUserProjects } from '../../store/selectors/boards';
 
-export interface HomePageProps extends DispatchProp {
-  boards: any[]
-}
-
-
-export class HomePage extends React.Component<HomePageProps> {
+export class HomePage extends React.Component {
   render() {
     return (
-      <Page title="GenGitKan - Accueil">
+      <Page>
         <div className="container is-fluid">
-          <div className="level has-margin-top-normal">
+          <div className="level">
             <div className="level-left"></div>
             <div className="level-right">
               <div className="buttons">
@@ -45,8 +40,8 @@ export class HomePage extends React.Component<HomePageProps> {
         boardRows[boardRows.length-1].push(board);
         return boardRows;
       }, [])
-      .map((row: any, rowIndex: number) => {
-        const tiles = row.map((board: any) => {
+      .map((row, rowIndex) => {
+        const tiles = row.map((board) => {
           return (
             <div key={`board-${board.id}`} className={`tile is-parent is-4`}>
               <div className="tile is-child">
@@ -77,7 +72,7 @@ export class HomePage extends React.Component<HomePageProps> {
 
 }
 
-export const ConnectedHomePage = connect(function(state: any) {
+export const ConnectedHomePage = connect(function(state) {
   return {
     boards: selectBoardByUserProjects(state.boards.byID, state.projects.byName)
   };

client/src/components/Modal.tsx

@@ -1,26 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-
-export interface ModalProps {
-  active: boolean
-  showCloseButton?: boolean
-  onClose?: (evt: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void
-}
-
-export class Modal extends React.PureComponent<PropsWithChildren<ModalProps>> {
-  render() {
-    const { children, active, showCloseButton, onClose } = this.props;
-    return (
-      <div className={`modal ${active ? 'is-active': ''}`}>
-        <div className="modal-background"></div>
-        <div className="modal-content">
-          {children}
-        </div>
-        {
-          showCloseButton ?
-          <button onClick={onClose} className="modal-close is-large" aria-label="close"></button> :
-          null
-        }
-      </div>
-    );
-  }
-}

client/src/components/Navbar.jsx

@@ -1,14 +1,13 @@
 import React from 'react';
-import logo from '../resources/logo.svg';
 
-export class Navbar extends React.PureComponent {
+export class Navbar extends React.Component {
   render() {
     return (
       <nav className="navbar" role="navigation" aria-label="main navigation">
         <div className="container is-fluid">
           <div className="navbar-brand">
             <a className="navbar-item" href="#/">
-              <img src={logo} style={{marginRight:'5px',width:'28px',height:'28px'}} />
+              <img src="resources/logo.svg" style={{marginRight:'5px'}} />
               <h1 className="is-size-4">GenGitKan</h1>
             </a>
             <a role="button" className="navbar-burger" aria-label="menu" aria-expanded="false">

client/src/components/Page.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Navbar } from './Navbar';
+
+export class Page extends React.Component {
+  render() {
+    return (
+      <React.Fragment>
+        <Navbar />
+        {this.props.children}
+      </React.Fragment>
+    );
+  }
+}

client/src/components/Page.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Navbar } from './Navbar';
-
-export interface PageProps {
-  title?: string
-}
-
-export class Page extends React.PureComponent<PageProps> {
-  render() {
-    return (
-      <React.Fragment>
-        <Navbar />
-        {this.props.children}
-      </React.Fragment>
-    );
-  }
-
-  componentDidMount() {
-    this.updateTitle();
-  }
-
-  componentDidUpdate() {
-    this.updateTitle();
-  }
-
-  updateTitle() {
-    const { title } = this.props;
-    if (title !== undefined) window.document.title = title;
-  }
-}

client/src/custom.d.ts

@@ -1,5 +0,0 @@
-declare module "*.svg" {
-    const content: any;
-    export default content;
-}
-declare module '@lourenci/react-kanban';

client/src/index.html

@@ -4,17 +4,10 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>GenGitKan</title>
-    <% for (var css in htmlWebpackPlugin.files.css) { %>
-    <link href="<%= htmlWebpackPlugin.files.css[css] %>" rel="stylesheet">
-    <% } %>
-    <% if (htmlWebpackPlugin.files.favicon) { %>
-    <link rel="shortcut icon" href="<%= htmlWebpackPlugin.files.favicon%>">
-    <% } %>
+    <link rel="stylesheet" href="css/main.css">
   </head>
   <body>
     <div id="app" class="is-fullheight"></div>
-    <% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
-    <script type="text/javascript" src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
-    <% } %>
+    <script type="text/javascript" src="main.js"></script>
   </body>
 </html>

client/src/index.js

@@ -1,4 +1,5 @@
 import './sass/_all.scss';
+import './index.html';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { App } from './components/App';
@@ -7,7 +8,7 @@ import '@fortawesome/fontawesome-free/js/fontawesome'
 import '@fortawesome/fontawesome-free/js/solid'
 import '@fortawesome/fontawesome-free/js/regular'
 import '@fortawesome/fontawesome-free/js/brands'
-import './resources/favicon.png';
+import './resources/logo.svg';
 
 ReactDOM.render(
   <App />,

client/src/sass/_all.scss

@@ -1,6 +1,4 @@
 @import 'bulma/bulma.sass';
-@import '../../node_modules/@lourenci/react-kanban/dist/styles.css';
-@import 'bulma-switch/dist/css/bulma-switch.sass';
 @import '_base.scss';
 @import '_loader.scss';
 @import '_kanboard.scss';

client/src/sass/_base.scss

@@ -1,25 +1,12 @@
 html, body {
     height: 100%;
-    background-color: #f7f7f7;
 }
 
 .is-fullheight {
     height: 100%;
 }
 
-.has-margin-top-normal {
-    margin-top: $size-normal;
-}
-
-.has-padding-small {
-    padding: 1rem;
-}
-
 #app {
     display: flex;
     flex-direction: column;
 }
-
-.mr-1 {
-    margin-right: 5px;
-}

client/src/sass/_kanboard.scss

@@ -8,9 +8,6 @@
             width: 100%;
             height: 100%;
             display: flex;
-            flex-direction: row;
-            align-items: stretch;
-            justify-content: stretch;
 
             // Lanes
             & > div {
@@ -20,11 +17,6 @@
                 flex-grow: 1;
                 flex-basis: 100%;
                 background-color: transparent;
-                display: flex;
-                flex-direction: column;
-                bottom: 0;
-                height: 100% !important;
-                min-height: 100% !important;
 
                 // Card container
                 & > div > div > div {
@@ -35,164 +27,14 @@
     }
 
     [data-react-beautiful-dnd-droppable] {
-        min-height: calc(100vh) !important;
+        height: 100%;
     }
 
     .kanboard-card {
         margin-bottom: $size-small;
     }
 
-    .kanboard-lane {
+    .kanboard-lane-title {
         margin-bottom: $size-small;
-        background: $white;
-        top: 0;
-
-        .expand {
-            display: none;
-        }
-    }
-}
-
-.modal-content {
-    justify-content: center;
-    align-items: center;
-    width: 50% !important;
-}
-
-.react-kanban-board {
-    max-height: calc(100vh - calc(52px * 2));
-    overflow: hidden;
-    overflow-x: scroll;
-
-    scrollbar-color: $grey-lighter, #f1f1f1;
-    scrollbar-width: 5px;
-
-    &::-webkit-scrollbar {
-        width: 5px;
-        height: 5px;
-    }
-
-    /* Track */
-    &::-webkit-scrollbar-track {
-        background: #f1f1f1;
-    }
-
-    /* Handle */
-    &::-webkit-scrollbar-thumb {
-        background: $grey-lighter;
-    }
-
-    /* Handle on hover */
-    &::-webkit-scrollbar-thumb:hover {
-        background: $green;
-    }
-}
-
-.react-kanban-column {
-    transition: width ease .2s;
-    max-width: 305px;
-    min-width: 305px;
-    position: relative;
-
-    max-height: 100%;
-    overflow-x: hidden;
-    overflow-y: scroll;
-
-    scrollbar-color: $grey-lighter, #f1f1f1;
-    scrollbar-width: 5px;
-
-    .kanboard-card {
-        display: block;
-    }
-
-    &.minimized {
-        max-width: 70px;
-        min-width: 70px;
-        
-        writing-mode: vertical-rl;
-        text-orientation: sideways-right;
-
-        
-
-        .level-item {
-            margin-right: 0;
-        }
-
-        .level-left {
-            margin-right: 0;
-        }
-
-        .level-right.is-show-expand {
-            display: none;
-        }
-
-        .kanboard-lane {
-            /*margin-right: -1em;*/
-
-            h3 {
-                margin-top: .5em;
-                /*margin-right: -.5em;*/
-            }
-
-            .tag {
-                writing-mode: horizontal-tb;
-            }
-
-            .expand {
-                display: block !important;
-                margin-top: .5em;
-            }
-        }
-
-        .kanboard-card {
-            display: none;
-        }
-        
-    }
-    
-
-    &::-webkit-scrollbar {
-        width: 5px;
-    }
-
-    /* Track */
-    &::-webkit-scrollbar-track {
-        background: #f1f1f1;
-    }
-
-    /* Handle */
-    &::-webkit-scrollbar-thumb {
-        background: $grey-lighter;
-    }
-
-    /* Handle on hover */
-    &::-webkit-scrollbar-thumb:hover {
-        background: $green;
-    }
-}
-
-.react-kanban-card__title {
-    position: sticky;
-    position: -webkit-sticky;
-}
-
-.react-kanban-column {
-    background: white !important;
-}
-
-
-.kanboard-card {
-    overflow-wrap: break-word;
-
-    a {
-        display: inline-block;
-    }
-
-    .level {
-        margin-bottom: 0;
-    }
-
-    .level-item {
-        max-width: 100%;
     }
 }

client/src/sass/_loader.scss

@@ -16,7 +16,7 @@
 
 .lds-ripple div {
     position: absolute;
-    border: 4px solid $grey;
+    border: 4px solid $info;
     opacity: 1;
     border-radius: 50%;
     animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

client/src/store/actions/boards.js

@@ -10,14 +10,6 @@ export const SAVE_BOARD_REQUEST = "SAVE_BOARD_REQUEST";
 export const SAVE_BOARD_SUCCESS = "SAVE_BOARD_SUCCESS";
 export const SAVE_BOARD_FAILURE = "SAVE_BOARD_FAILURE";
 
-export function saveBoard(board: any) {
+export function saveBoard(board) {
   return { type: SAVE_BOARD_REQUEST, board };
 };
-
-export const DELETE_BOARD_REQUEST = "DELETE_BOARD_REQUEST";
-export const DELETE_BOARD_SUCCESS = "DELETE_BOARD_SUCCESS";
-export const DELETE_BOARD_FAILURE = "DELETE_BOARD_FAILURE";
-
-export function deleteBoard(id: any) {
-  return { type: DELETE_BOARD_REQUEST, id };
-};

client/src/store/actions/issues.js

@@ -2,15 +2,15 @@ export const FETCH_ISSUES_REQUEST = "FETCH_ISSUES_REQUEST";
 export const FETCH_ISSUES_SUCCESS = "FETCH_ISSUES_SUCCESS";
 export const FETCH_ISSUES_FAILURE = "FETCH_ISSUES_FAILURE";
 
-export function fetchIssues(project: any, milestones: string) {
-  return { type: FETCH_ISSUES_REQUEST, project, milestones };
+export function fetchIssues(project) {
+  return { type: FETCH_ISSUES_REQUEST, project };
 };
 
 export const ADD_LABEL_REQUEST = "ADD_LABEL_REQUEST";
 export const ADD_LABEL_SUCCESS = "ADD_LABEL_SUCCESS";
 export const ADD_LABEL_FAILURE = "ADD_LABEL_FAILURE";
 
-export function addLabel(project: any, issueNumber: any, label: string) {
+export function addLabel(project, issueNumber, label) {
   return { type: ADD_LABEL_REQUEST, project, issueNumber, label };
 }
 
@@ -18,14 +18,6 @@ export const REMOVE_LABEL_REQUEST = "REMOVE_LABEL_REQUEST";
 export const REMOVE_LABEL_SUCCESS = "REMOVE_LABEL_SUCCESS";
 export const REMOVE_LABEL_FAILURE = "REMOVE_LABEL_FAILURE";
 
-export function removeLabel(project: any, issueNumber: any, label: string) {
+export function removeLabel(project, issueNumber, label) {
   return { type: REMOVE_LABEL_REQUEST, project, issueNumber, label };
 }
-
-export const CREATE_ISSUE_REQUEST = "CREATE_ISSUE_REQUEST";
-export const CREATE_ISSUE_SUCCESS = "CREATE_ISSUE_SUCCESS";
-export const CREATE_ISSUE_FAILURE = "CREATE_ISSUE_FAILURE";
-
-export function createIssue(project: any, title: string, body: any, label: string) {
-  return { type: CREATE_ISSUE_REQUEST, project, title, body, label };
-};

client/src/store/actions/kanboards.js

@@ -2,12 +2,12 @@ export const BUILD_KANBOARD_REQUEST = "BUILD_KANBOARD_REQUEST";
 export const BUILD_KANBOARD_SUCCESS = "BUILD_KANBOARD_SUCCESS";
 export const BUILD_KANBOARD_FAILURE = "BUILD_KANBOARD_FAILURE";
 
-export function buildKanboard(board: string, milestones: string) {
-  return { type: BUILD_KANBOARD_REQUEST, board, milestones };
+export function buildKanboard(board) {
+  return { type: BUILD_KANBOARD_REQUEST, board };
 };
 
 export const MOVE_CARD = "MOVE_CARD";
 
-export function moveCard(boardID: string, fromLaneID: string, fromPosition: any, toLaneID: any, toPosition: any) {
+export function moveCard(boardID, fromLaneID, fromPosition, toLaneID, toPosition) {
   return { type: MOVE_CARD, boardID, fromLaneID, fromPosition, toLaneID, toPosition };
 };

client/src/store/actions/logout.js

@@ -0,0 +1,5 @@
+export const LOGOUT = "LOGOUT";
+
+export function logout() {
+  return { type: LOGOUT };
+};

client/src/store/actions/logout.ts

@@ -1,7 +0,0 @@
-export const LOGOUT_REQUEST = "LOGOUT_REQUEST";
-export const LOGOUT_SUCCESS = "LOGOUT_SUCCESS";
-export const LOGOUT_FAILURE = "LOGOUT_FAILURE";
-
-export function logout() {
-  return { type: LOGOUT_REQUEST };
-};

client/src/store/actions/projects.js

@@ -0,0 +1,7 @@
+export const FETCH_PROJECTS_REQUEST = "FETCH_PROJECTS_REQUEST";
+export const FETCH_PROJECTS_SUCCESS = "FETCH_PROJECTS_SUCCESS";
+export const FETCH_PROJECTS_FAILURE = "FETCH_PROJECTS_FAILURE";
+
+export function fetchProjects() {
+  return { type: FETCH_PROJECTS_REQUEST };
+};

client/src/store/actions/projects.ts

@@ -1,15 +0,0 @@
-export const FETCH_PROJECTS_REQUEST = "FETCH_PROJECTS_REQUEST";
-export const FETCH_PROJECTS_SUCCESS = "FETCH_PROJECTS_SUCCESS";
-export const FETCH_PROJECTS_FAILURE = "FETCH_PROJECTS_FAILURE";
-
-export const FETCH_PROJECT_MILESTONES_REQUEST = "FETCH_PROJECTS_MILESTONES_REQUEST";
-export const FETCH_PROJECT_MILESTONES_SUCCESS = "FETCH_PROJECTS_MILESTONES_SUCCESS";
-export const FETCH_PROJECT_MILESTONES_FAILURE = "FETCH_PROJECTS_MILESTONES_FAILURE";
-
-export function fetchProjects() {
-  return { type: FETCH_PROJECTS_REQUEST };
-};
-
-export function fetchProjectMilestones(project: any) {
-  return { type: FETCH_PROJECT_MILESTONES_REQUEST, project };
-};

client/src/store/reducers/boards.js

@@ -4,7 +4,7 @@ export const defaultState = {
   byID: {},
 };
 
-export function boardsReducer(state = defaultState, action: any) {
+export function boardsReducer(state = defaultState, action) {
   switch(action.type) {
     case SAVE_BOARD_SUCCESS:
       return handleSaveBoardSuccess(state, action);
@@ -15,21 +15,20 @@ export function boardsReducer(state = defaultState, action: any) {
   }
 }
 
-function handleSaveBoardSuccess(state: any, action: any) {
-  const { board } = action;
+function handleSaveBoardSuccess(state, action) {
   return {
     ...state,
     byID: {
       ...state.byID,
-      [board.id]: {
-        ...board,
+      [action.board.id.toString()]: {
+        ...action.board,
       }
     }
   };
 }
 
-function handleFetchBoardsSuccess(state: any, action: any) {
-  const boardsByID = action.boards.reduce((byID: any, board: any) => {
+function handleFetchBoardsSuccess(state, action) {
+  const boardsByID = action.boards.reduce((byID, board) => {
     byID[board.id] = board;
     return byID;
   }, {});

client/src/store/reducers/flags.js

@@ -2,7 +2,7 @@ const defaultState = {
   actions: {}
 };
 
-export function flagsReducer(state = defaultState, action: any) {
+export function flagsReducer(state = defaultState, action) {
   const matches = (/^(.*)_((SUCCESS)|(FAILURE)|(REQUEST))$/).exec(action.type);
 
   if(!matches) return state;

client/src/store/reducers/issues.js

@@ -0,0 +1,27 @@
+import { FETCH_ISSUES_SUCCESS } from "../actions/issues";
+
+const defaultState = {
+  byProject: {}
+};
+
+export function issuesReducer(state = defaultState, action) {
+  switch(action.type) {
+    case FETCH_ISSUES_SUCCESS:
+      return handleFetchIssuesSuccess(state, action);
+    default:
+      return state;
+  }
+  
+}
+
+function handleFetchIssuesSuccess(state, action) {
+  return {
+    ...state,
+    byProject: {
+      ...state.byProject,
+      [action.project]: [
+        ...action.issues,
+      ]
+    }
+  }
+}

client/src/store/reducers/issues.ts

@@ -1,42 +0,0 @@
-import { FETCH_ISSUES_SUCCESS, CREATE_ISSUE_SUCCESS } from "../actions/issues";
-
-const defaultState = {
-  byProject: {}
-};
-
-export function issuesReducer(state = defaultState, action: any) {
-  switch(action.type) {
-    case FETCH_ISSUES_SUCCESS:
-      return handleFetchIssuesSuccess(state, action);
-    case CREATE_ISSUE_SUCCESS:
-      return handleCreateIssueSuccess(state, action);
-    default:
-      return state;
-  }
-  
-}
-
-function handleFetchIssuesSuccess(state: any, action: any) {
-  return {
-    ...state,
-    byProject: {
-      ...state.byProject,
-      [action.project]: [
-        ...action.issues,
-      ]
-    }
-  }
-}
-
-function handleCreateIssueSuccess(state: any, action: any) {
-  return {
-    ...state,
-    byProject: {
-      ...state.byProject,
-      [action.project]: [
-        ...state.byProject[action.project],
-        action.issue
-      ]
-    }
-  }
-}

client/src/store/reducers/kanboards.js

@@ -1,11 +1,10 @@
 import { BUILD_KANBOARD_SUCCESS, MOVE_CARD } from "../actions/kanboards";
-import { CREATE_ISSUE_SUCCESS } from "../actions/issues";
 
 export const defaultState = {
   byID: {},
 };
 
-export function kanboardsReducer(state = defaultState, action: any) {
+export function kanboardsReducer(state = defaultState, action) {
   switch(action.type) {
     case BUILD_KANBOARD_SUCCESS:
       return handleBuildKanboardSuccess(state, action);
@@ -16,7 +15,7 @@ export function kanboardsReducer(state = defaultState, action: any) {
   }
 }
 
-function handleBuildKanboardSuccess(state: any, action: any) {
+function handleBuildKanboardSuccess(state, action) {
   return {
     ...state,
     byID: {
@@ -28,7 +27,7 @@ function handleBuildKanboardSuccess(state: any, action: any) {
   };
 }
 
-function handleMoveCard(state: any, action: any) {
+function handleMoveCard(state, action) {
   const { 
     boardID, fromLaneID, 
     fromPosition, toLaneID, 
@@ -37,22 +36,22 @@ function handleMoveCard(state: any, action: any) {
 
   const kanboard = state.byID[boardID];
 
-  const columns = [ ...kanboard.columns ];
-  const fromLane = columns[fromLaneID];
-  const toLane = columns[toLaneID];
+  const lanes = [ ...kanboard.lanes ];
+  const fromLane = lanes[fromLaneID];
+  const toLane = lanes[toLaneID];
   const card = fromLane.cards[fromPosition];
 
   const fromCards = [ ...fromLane.cards ];
   if (fromLaneID !== toLaneID) {
     fromCards.splice(fromPosition, 1);
-    columns[fromLaneID] = {
+    lanes[fromLaneID] = {
       ...fromLane,
       cards: fromCards,
     };
   
     const toCards = [ ...toLane.cards ];
     toCards.splice(toPosition, 0, card);
-    columns[toLaneID] = {
+    lanes[toLaneID] = {
       ...toLane,
       cards: toCards,
     };
@@ -67,7 +66,7 @@ function handleMoveCard(state: any, action: any) {
       ...state.byID,
       [boardID]: {
         ...state.byID[boardID],
-        columns,
+        lanes,
       },
     }
   };

client/src/store/reducers/projects.js

@@ -0,0 +1,27 @@
+import { FETCH_PROJECTS_SUCCESS } from "../actions/projects";
+
+export const defaultState = {
+  byName: {},
+};
+
+export function projectsReducer(state = defaultState, action) {
+  switch(action.type) {
+    case FETCH_PROJECTS_SUCCESS:
+      return handleFetchProjectsSuccess(state, action);
+    default:
+      return state;
+  }
+}
+
+function handleFetchProjectsSuccess(state, action) {
+  const projectsByName = action.projects.reduce((byName, project) => {
+    byName[project.full_name] = project;
+    return byName;
+  }, {});
+  return {
+    ...state,
+    byName: {
+      ...projectsByName,
+    }
+  };
+}

client/src/store/reducers/projects.ts

@@ -1,39 +0,0 @@
-import { FETCH_PROJECTS_SUCCESS, FETCH_PROJECT_MILESTONES_SUCCESS } from "../actions/projects";
-
-export const defaultState = {
-  byName: {},
-  milestones: ""
-};
-
-export function projectsReducer(state = defaultState, action: any) {
-  switch (action.type) {
-    case FETCH_PROJECTS_SUCCESS:
-      return handleFetchProjectsSuccess(state, action);
-
-    case FETCH_PROJECT_MILESTONES_SUCCESS:
-      return handleFetchProjectMilestonesSuccess(state, action);
-
-    default:
-      return state;
-  }
-}
-
-function handleFetchProjectsSuccess(state: any, action: any) {
-  const projectsByName = action.projects.reduce((byName: any, project: any) => {
-    byName[project.full_name] = project;
-    return byName;
-  }, {});
-  return {
-    ...state,
-    byName: {
-      ...projectsByName,
-    }
-  };
-}
-
-function handleFetchProjectMilestonesSuccess(state: any, action: any) {
-  return {
-    ...state,
-    milestones: action.milestones,
-  };
-}

client/src/store/sagas/boards.js

@@ -1,11 +1,9 @@
 import { put, call } from 'redux-saga/effects';
-import { 
-  FETCH_BOARDS_SUCCESS, SAVE_BOARD_SUCCESS, 
-  SAVE_BOARD_FAILURE, FETCH_BOARDS_FAILURE, 
-  DELETE_BOARD_FAILURE, DELETE_BOARD_SUCCESS 
-} from '../actions/boards';
+import { FETCH_BOARDS_SUCCESS, SAVE_BOARD_SUCCESS, SAVE_BOARD_FAILURE, FETCH_BOARDS_FAILURE } from '../actions/boards';
 import { api } from '../../util/api';
 
+const boardsLocalStorageKey = 'giteakan.boards';
+
 export function* fetchBoardsSaga() {
   let boards;
 
@@ -19,7 +17,7 @@ export function* fetchBoardsSaga() {
   yield put({ type: FETCH_BOARDS_SUCCESS, boards });
 }
 
-export function* saveBoardSaga(action: any) {
+export function* saveBoardSaga(action) {
   let { board } = action;
 
   try {
@@ -31,17 +29,3 @@ export function* saveBoardSaga(action: any) {
   
   yield put({ type: SAVE_BOARD_SUCCESS, board });
 }
-
-
-export function* deleteBoardSaga(action: any) {
-  let { id } = action;
-
-  try {
-    yield call(api.deleteBoard, id)
-  } catch(error) {
-    yield put({ type: DELETE_BOARD_FAILURE, error });
-    return
-  }
-  
-  yield put({ type: DELETE_BOARD_SUCCESS, id });
-}

client/src/store/sagas/failure.js

@@ -0,0 +1,10 @@
+import { GiteaUnauthorizedError } from "../../util/gitea";
+import { LOGOUT } from "../actions/logout";
+import { put } from 'redux-saga/effects';
+
+export function* failuresSaga(action) {
+  const err = action.error;
+  if (err instanceof GiteaUnauthorizedError) {
+    yield put({ type: LOGOUT });
+  }
+}

client/src/store/sagas/failure.ts

@@ -1,11 +0,0 @@
-import { GiteaUnauthorizedError } from "../../util/gitea";
-import { put } from 'redux-saga/effects';
-import { logout } from '../actions/logout';
-import { saveReferer } from "../../util/referer";
-
-export function* failuresSaga(action) {
-  if (action.error instanceof GiteaUnauthorizedError) {
-    saveReferer();
-    yield put(logout());
-  }
-}

client/src/store/sagas/issues.js

@@ -1,28 +1,23 @@
 import { put, call, retry } from 'redux-saga/effects';
-import {
-  FETCH_ISSUES_SUCCESS, FETCH_ISSUES_FAILURE,
-  ADD_LABEL_FAILURE, ADD_LABEL_SUCCESS,
-  REMOVE_LABEL_FAILURE, REMOVE_LABEL_SUCCESS,
-  CREATE_ISSUE_FAILURE, CREATE_ISSUE_SUCCESS
-} from '../actions/issues';
+import { FETCH_ISSUES_SUCCESS, FETCH_ISSUES_FAILURE, ADD_LABEL_FAILURE, ADD_LABEL_SUCCESS, REMOVE_LABEL_FAILURE, REMOVE_LABEL_SUCCESS } from '../actions/issues';
 import { gitea } from '../../util/gitea';
 
-export function* fetchIssuesSaga(action: any) {
-  const { project, milestones } = action;
+export function* fetchIssuesSaga(action) {
+  const { project } = action;
 
   let issues = [];
   try {
     let page = 1;
-    while (true) {
-      let pageIssues = yield call(gitea.fetchIssues.bind(gitea), project, page, milestones);
+    while(true) {
+      let pageIssues = yield call(gitea.fetchIssues.bind(gitea), action.project, page);
       if (pageIssues.length === 0) {
         break;
       }
-      issues.push(...pageIssues.filter(issue => issue.pull_request === null));
+      issues.push(...pageIssues);
       page++;
     }
     
-  } catch (error) {
+  } catch(error) {
     yield put({ type: FETCH_ISSUES_FAILURE, project, error });
     return;
   }
@@ -30,10 +25,10 @@ export function* fetchIssuesSaga(action: any) {
   yield put({ type: FETCH_ISSUES_SUCCESS, project, issues });
 }
 
-export function* addLabelSaga(action: any) {
+export function* addLabelSaga(action) {
   const { project, issueNumber, label } = action;
   const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
-  const giteaLabel = labels.find((l: any) => l.name === label)
+  const giteaLabel = labels.find(l => l.name === label)
 
   if (!giteaLabel) {
     yield put({ type: ADD_LABEL_FAILURE, error: new Error(`Label "${label}" not found !`) });
@@ -42,7 +37,7 @@ export function* addLabelSaga(action: any) {
 
   try {
     yield retry(5, 250, gitea.addIssueLabel.bind(gitea), project, issueNumber, giteaLabel.id);
-  } catch (error) {
+  } catch(error) {
     yield put({ type: ADD_LABEL_FAILURE, error });
     return;
   }
@@ -50,10 +45,10 @@ export function* addLabelSaga(action: any) {
   yield put({ type: ADD_LABEL_SUCCESS, project, issueNumber, label });
 }
 
-export function* removeLabelSaga(action: any) {
+export function* removeLabelSaga(action) {
   const { project, issueNumber, label } = action;
   const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
-  const giteaLabel = labels.find((l: any) => l.name === label)
+  const giteaLabel = labels.find(l => l.name === label)
 
   if (!giteaLabel) {
     yield put({ type: REMOVE_LABEL_FAILURE, error: new Error(`Label "${label}" not found !`) });
@@ -62,28 +57,12 @@ export function* removeLabelSaga(action: any) {
 
   try {
     yield retry(5, 250, gitea.removeIssueLabel.bind(gitea), project, issueNumber, giteaLabel.id);
-  } catch (error) {
+  } catch(error) {
     yield put({ type: REMOVE_LABEL_FAILURE, error });
     return;
   }
   
 
   yield put({ type: REMOVE_LABEL_SUCCESS, project, issueNumber, label });
-}
-
-export function* createIssueSaga(action: any) {
-  const { project, title, label, body } = action;
-  const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
-  const giteaLabel = labels.find((l: any) => l.name === label)
-
-  let issue;
-  try {
-    issue = yield call(gitea.createIssue.bind(gitea), project, title, body, giteaLabel ? giteaLabel.id : null);
-  } catch (error) {
-    yield put({ type: CREATE_ISSUE_FAILURE, error });
-    return;
-  }
-
-
-  yield put({ type: CREATE_ISSUE_SUCCESS, project, title, label, body, issue });
+
 }

client/src/store/sagas/kanboards.js

@@ -0,0 +1,100 @@
+import { select, put } from 'redux-saga/effects';
+import { fetchIssues, addLabel, removeLabel } from '../actions/issues';
+import { fetchIssuesSaga } from './issues';
+import { BUILD_KANBOARD_SUCCESS } from '../actions/kanboards';
+
+export function* moveCardSaga(action) {
+  const { 
+    boardID, fromLaneID, 
+    fromPosition, toLaneID,
+    toPosition,
+  } = action;
+
+  if (fromLaneID === toLaneID) return;
+
+  const { board, kanboard} = yield select(state => {
+    return {
+      kanboard:  state.kanboards.byID[boardID],
+      board: state.boards.byID[boardID]
+    }
+  });
+
+  const toLane = kanboard.lanes[toLaneID];
+  const card = toLane.cards[toPosition];
+
+  if (!card) return;
+
+  yield put(addLabel(card.project, card.number, board.lanes[toLaneID].issueLabel));
+  yield put(removeLabel(card.project, card.number, board.lanes[fromLaneID].issueLabel));
+
+}
+
+export function* buildKanboardSaga(action) {
+
+  const { board } = action;
+
+  let kanboard;
+  try {
+
+    for (let p, i = 0; (p = board.projects[i]); i++) {
+      yield* fetchIssuesSaga(fetchIssues(p));
+    }
+
+    const issues = yield select(state => state.issues);
+
+    kanboard = createKanboard(board, issues);
+
+  } catch(error) {
+    yield put({ type: BUILD_KANBOARD_FAILURE, error });
+    return
+  }
+
+  yield put({ type: BUILD_KANBOARD_SUCCESS, kanboard });
+
+}
+
+function createCards(projects, issues, lane) {
+  return projects.reduce((laneCards, p) => {
+
+    const projectIssues = p in issues.byProject ? issues.byProject[p] : [];
+
+    return projectIssues.reduce((projectCards, issue) => {
+      const hasLabel = issue.labels.some(l => l.name === lane.issueLabel);
+
+      if (hasLabel) {
+        projectCards.push({
+          id: issue.id,
+          title: `#${issue.number} - ${issue.title}`,
+          description: "",
+          project: p,
+          labels: issue.labels,
+          assignee: issue.assignee,
+          number: issue.number
+        });
+      }
+
+      return projectCards;
+      
+    }, laneCards);
+
+  }, []);
+}
+
+function createLane(projects, issues, lane, index) {
+  return {
+    id: index,
+    title: lane.title,
+    cards: createCards(projects, issues, lane)
+  }
+}
+
+function createKanboard(board, issues) {
+  if (!board) return null;
+
+  const kanboard = {
+    id: board.id,
+    lanes: board.lanes.map(createLane.bind(null, board.projects, issues)),
+  };
+  
+  return kanboard;
+}

client/src/store/sagas/kanboards.ts

@@ -1,152 +0,0 @@
-import { select, put } from 'redux-saga/effects';
-import { fetchIssues, addLabel, removeLabel } from '../actions/issues';
-import { fetchIssuesSaga } from './issues';
-import { BUILD_KANBOARD_SUCCESS, buildKanboard, BUILD_KANBOARD_FAILURE } from '../actions/kanboards';
-import { Project, Issue } from '../../types/gitea';
-import { Board, BoardLane } from '../../types/board';
-import { KanboardLane, Kanboard, KanboardCard } from '../../types/kanboard';
-
-export function* moveCardSaga(action: any) {
-  const {
-    boardID, fromLaneID,
-    fromPosition, toLaneID,
-    toPosition,
-  } = action;
-
-  if (fromLaneID === toLaneID) return;
-
-  const { board, kanboard } = yield select(state => {
-    return {
-      kanboard: state.kanboards.byID[boardID],
-      board: state.boards.byID[boardID]
-    }
-  });
-
-  const toLane = kanboard.columns[toLaneID];
-  const card = toLane.cards[toPosition];
-
-  if (!card) return;
-
-  yield put(addLabel(card.project, card.issue.number, board.lanes[toLaneID].issueLabel));
-  yield put(removeLabel(card.project, card.issue.number, board.lanes[fromLaneID].issueLabel));
-
-}
-
-export function* buildKanboardSaga(action: any) {
-  const { board, milestones } = action;
-  console.log("milestones", milestones);
-  let kanboard;
-  try {
-
-    for (let p, i = 0; (p = board.projects[i]); i++) {
-      const { project } = yield fetchIssues(p, "test");
-      yield fetchIssuesSaga({ project: project, milestones: milestones });
-    }
-
-    const issues = yield select(state => state.issues);
-
-    kanboard = createKanboard(board, issues);
-
-  } catch (error) {
-    yield put({ type: BUILD_KANBOARD_FAILURE, error });
-    return
-  }
-
-  yield put({ type: BUILD_KANBOARD_SUCCESS, kanboard });
-}
-
-export function* refreshKanboardSaga(action: any) {
-  const { project, milestones } = action;
-  const boards = yield select(state => state.boards);
-  const boardValues = Object.values(boards.byID);
-
-  for (let b: any, i = 0; (b = boardValues[i]); i++) {
-    const hasProject = b.projects.indexOf(project) !== -1;
-    if (!hasProject) continue;
-    yield put(buildKanboard(b, milestones));
-  }
-}
-
-function createCards(projects: Project[], issues: any, lane: BoardLane, rest: Set<KanboardCard>) {
-  const cards: KanboardCard[] = projects.reduce((laneCards, p) => {
-
-    const projectIssues = p in issues.byProject ? issues.byProject[p] : [];
-
-    return projectIssues.reduce((projectCards: KanboardCard[], issue: any) => {
-
-      const hasLabel = issue.labels.some((l: any) => l.name === lane.issueLabel);
-      const { card, memoized } = getMemoizedKanboardCard(issue.id, issue.title, p, issue);
-
-      if (hasLabel) {
-        projectCards.push(card);
-        rest.delete(card);
-      } else {
-        if (!memoized) rest.add(card);
-      }
-
-      return projectCards;
-
-    }, laneCards);
-
-  }, []);
-
-  return cards;
-}
-
-const kanboardCardMemo: { [key: string]: KanboardCard } = {};
-
-function getKanboardCardMemoizationKey(id: number, project: Project, issue: Issue) {
-  return `${project.id}-${issue.id}-${id}`;
-}
-
-function isKanboardCardMemoized(key: string) {
-  return kanboardCardMemo.hasOwnProperty(key)
-}
-
-function getMemoizedKanboardCard(id: number, title: string, project: Project, issue: Issue) {
-  const key = getKanboardCardMemoizationKey(id, project, issue);
-  if (isKanboardCardMemoized(key)) return { card: kanboardCardMemo[key], memoized: true };
-  kanboardCardMemo[key] = { id, title, project, issue };
-  return { card: kanboardCardMemo[key], memoized: false };
-}
-
-function resetKandboarCardMemo() {
-  Object.keys(kanboardCardMemo).forEach(k => delete kanboardCardMemo[k]);
-}
-
-function createKanboardLanes(board: Board, issues: any): KanboardLane[] {
-  const lanes: KanboardLane[] = [];
-  const rest = new Set<KanboardCard>();
-
-  resetKandboarCardMemo();
-
-  board.lanes.forEach((l: BoardLane, i: number) => {
-    const cards = createCards(board.projects, issues, l, rest);
-    lanes.push({
-      id: i,
-      title: l.title,
-      cards,
-    });
-  });
-
-  // Assign remaining issues
-  board.lanes.forEach((l: BoardLane, i: number) => {
-    if (!l.collectRemainingIssues) return;
-    lanes[i].cards.push(...Array.from(rest.values()));
-  });
-
-  resetKandboarCardMemo();
-
-  return lanes;
-}
-
-function createKanboard(board: Board, issues: any) {
-  if (!board) return null;
-
-  const kanboard = {
-    id: board.id,
-    columns: createKanboardLanes(board, issues),
-  };
-
-  return kanboard;
-}

client/src/store/sagas/logout.js

@@ -0,0 +1,3 @@
+export function* logoutSaga() {
+  window.location = '/logout';
+}

client/src/store/sagas/logout.ts

@@ -1,17 +0,0 @@
-import { call, put } from 'redux-saga/effects';
-import { LOGOUT_FAILURE, LOGOUT_SUCCESS } from '../actions/logout';
-
-export function* logoutSaga() {
-  try {
-    yield call(fetch, '/logout', { mode: 'no-cors', credentials: 'include' });
-  } catch(err) {
-    yield put({ type: LOGOUT_FAILURE, error: err });
-    return;
-  }
-
-  yield put({ type: LOGOUT_SUCCESS });
-}
-
-export function* logoutSuccessSaga() {
-  window.location.reload();
-}

client/src/store/sagas/projects.js

@@ -0,0 +1,16 @@
+import { put, call } from 'redux-saga/effects';
+import { FETCH_PROJECTS_SUCCESS, FETCH_PROJECTS_FAILURE } from '../actions/projects';
+import { gitea } from '../../util/gitea';
+
+export function* fetchProjectsSaga() {
+
+  let projects;
+  try {
+    projects = yield call(gitea.fetchUserProjects.bind(gitea))
+  } catch(error) {
+    yield put({ type: FETCH_PROJECTS_FAILURE, error });
+    return;
+  }
+
+  yield put({ type: FETCH_PROJECTS_SUCCESS, projects });
+}

client/src/store/sagas/projects.ts

@@ -1,29 +0,0 @@
-import { put, call } from 'redux-saga/effects';
-import { FETCH_PROJECTS_SUCCESS, FETCH_PROJECTS_FAILURE, FETCH_PROJECT_MILESTONES_FAILURE, FETCH_PROJECT_MILESTONES_SUCCESS } from '../actions/projects';
-import { gitea } from '../../util/gitea';
-
-export function* fetchProjectsSaga() {
-
-  let projects;
-  try {
-    projects = yield call(gitea.fetchUserProjects.bind(gitea))
-  } catch (error) {
-    yield put({ type: FETCH_PROJECTS_FAILURE, error });
-    return;
-  }
-
-  yield put({ type: FETCH_PROJECTS_SUCCESS, projects });
-}
-
-export function* fetchProjectMilestonesSaga(action: any) {
-  const { project } = action;
-  let milestones;
-  try {
-    milestones = yield call(gitea.fetchMilestones.bind(gitea), project)
-  } catch (error) {
-    yield put({ type: FETCH_PROJECT_MILESTONES_FAILURE, error });
-    return;
-  }
-
-  yield put({ type: FETCH_PROJECT_MILESTONES_SUCCESS, milestones });
-}

client/src/store/sagas/referer.ts

@@ -1,9 +0,0 @@
-import { hasReferer, getReferer, clearReferer } from '../../util/referer';
-
-export function* navigateToRefererSaga() {
-    if (!hasReferer()) return;
-    const referer = getReferer();
-    console.log("Redirecting to referer", referer);
-    clearReferer();
-    window.location.hash = referer;
-}

client/src/store/sagas/root.js

@@ -0,0 +1,33 @@
+import { all, takeEvery, takeLatest } from 'redux-saga/effects';
+import { failuresSaga } from './failure';
+import { FETCH_BOARDS_REQUEST, SAVE_BOARD_REQUEST } from '../actions/boards';
+import { fetchBoardsSaga, saveBoardSaga } from './boards';
+import { FETCH_ISSUES_REQUEST, ADD_LABEL_REQUEST, REMOVE_LABEL_REQUEST } from '../actions/issues';
+import { fetchIssuesSaga, addLabelSaga, removeLabelSaga } from './issues';
+import { FETCH_PROJECTS_REQUEST } from '../actions/projects';
+import { fetchProjectsSaga } from './projects';
+import { LOGOUT } from '../actions/logout';
+import { logoutSaga } from './logout';
+import { BUILD_KANBOARD_REQUEST, MOVE_CARD } from '../actions/kanboards';
+import { buildKanboardSaga, moveCardSaga } from './kanboards';
+
+export function* rootSaga() {
+  yield all([
+    takeEvery(patternFromRegExp(/^.*_FAILURE/), failuresSaga),
+    takeLatest(FETCH_BOARDS_REQUEST, fetchBoardsSaga),
+    takeLatest(BUILD_KANBOARD_REQUEST, buildKanboardSaga),
+    takeLatest(SAVE_BOARD_REQUEST, saveBoardSaga),
+    takeLatest(FETCH_ISSUES_REQUEST, fetchIssuesSaga),
+    takeLatest(FETCH_PROJECTS_REQUEST, fetchProjectsSaga),
+    takeEvery(MOVE_CARD, moveCardSaga),
+    takeEvery(ADD_LABEL_REQUEST, addLabelSaga),
+    takeEvery(REMOVE_LABEL_REQUEST, removeLabelSaga),
+    takeLatest(LOGOUT, logoutSaga)
+  ]);
+}
+
+export function patternFromRegExp(re)  {
+  return (action) => {
+    return re.test(action.type);
+  };
+}

client/src/store/sagas/root.ts

@@ -1,40 +0,0 @@
-import { all, takeEvery, takeLatest } from 'redux-saga/effects';
-import { failuresSaga } from './failure';
-import { FETCH_BOARDS_REQUEST, SAVE_BOARD_REQUEST, DELETE_BOARD_REQUEST } from '../actions/boards';
-import { fetchBoardsSaga, saveBoardSaga, deleteBoardSaga } from './boards';
-import { FETCH_ISSUES_REQUEST, ADD_LABEL_REQUEST, REMOVE_LABEL_REQUEST, CREATE_ISSUE_REQUEST, CREATE_ISSUE_SUCCESS } from '../actions/issues';
-import { fetchIssuesSaga, addLabelSaga, removeLabelSaga, createIssueSaga } from './issues';
-import { FETCH_PROJECTS_REQUEST, FETCH_PROJECT_MILESTONES_REQUEST } from '../actions/projects';
-import { fetchProjectMilestonesSaga, fetchProjectsSaga } from './projects';
-import { LOGOUT_REQUEST, LOGOUT_SUCCESS } from '../actions/logout';
-import { logoutSaga, logoutSuccessSaga } from './logout';
-import { BUILD_KANBOARD_REQUEST, MOVE_CARD } from '../actions/kanboards';
-import { buildKanboardSaga, moveCardSaga, refreshKanboardSaga } from './kanboards';
-import { navigateToRefererSaga } from './referer';
-
-export function* rootSaga() {
-  yield all([
-    navigateToRefererSaga(),
-    takeEvery(patternFromRegExp(/^.*_FAILURE/), failuresSaga),
-    takeLatest(FETCH_BOARDS_REQUEST, fetchBoardsSaga),
-    takeLatest(BUILD_KANBOARD_REQUEST, buildKanboardSaga),
-    takeLatest(SAVE_BOARD_REQUEST, saveBoardSaga),
-    takeLatest(DELETE_BOARD_REQUEST, deleteBoardSaga),
-    takeLatest(FETCH_ISSUES_REQUEST, fetchIssuesSaga),
-    takeLatest(FETCH_PROJECTS_REQUEST, fetchProjectsSaga),
-    takeLatest(FETCH_PROJECT_MILESTONES_REQUEST, fetchProjectMilestonesSaga),
-    takeEvery(MOVE_CARD, moveCardSaga),
-    takeEvery(ADD_LABEL_REQUEST, addLabelSaga),
-    takeEvery(REMOVE_LABEL_REQUEST, removeLabelSaga),
-    takeLatest(CREATE_ISSUE_REQUEST, createIssueSaga),
-    takeLatest(CREATE_ISSUE_SUCCESS, refreshKanboardSaga),
-    takeLatest(LOGOUT_REQUEST, logoutSaga),
-    takeLatest(LOGOUT_SUCCESS, logoutSuccessSaga)
-  ]);
-}
-
-export function patternFromRegExp(re: any) {
-  return (action: any) => {
-    return re.test(action.type);
-  };
-}

client/src/store/selectors/boards.js

@@ -0,0 +1,11 @@
+export function selectBoardByUserProjects(boardsByID, projectsByName) {
+  const userProjects = Object.keys(projectsByName);
+  return Object.keys(boardsByID).reduce((filteredBoardsByID, boardID) => {
+    const board = boardsByID[boardID];
+    const hasProject = board.projects.some(p => userProjects.indexOf(p) !== -1);
+    if (hasProject) {
+      filteredBoardsByID[boardID] = board;
+    }
+    return filteredBoardsByID;
+  }, {});
+}

client/src/store/selectors/boards.ts

@@ -1,11 +0,0 @@
-export function selectBoardByUserProjects(boardsByID: any, projectsByName: any) {
-  const userProjects = Object.keys(projectsByName);
-  return Object.keys(boardsByID).reduce((filteredBoardsByID: any, boardID: string) => {
-    const board = boardsByID[boardID];
-    const hasProject = board.projects.length === 0 || board.projects.some((p: any) => userProjects.indexOf(p) !== -1);
-    if (hasProject) {
-      filteredBoardsByID[boardID] = board;
-    }
-    return filteredBoardsByID;
-  }, {});
-}

client/src/store/selectors/flags.js

@@ -1,4 +1,4 @@
-export function selectFlagsIsLoading(state: any, ...actionPrefixes: any[]) {
+export function selectFlagsIsLoading(state, ...actionPrefixes) {
   const { actions } = state.flags;
   return actionPrefixes.reduce((isLoading, prefix) => {
     if (!(prefix in actions)) return isLoading; 

client/src/store/store.js

@@ -1,4 +1,4 @@
-import { createStore, applyMiddleware, compose } from 'redux'
+import { createStore, applyMiddleware } from 'redux'
 import createSagaMiddleware from 'redux-saga'
 import { rootReducer }  from './reducers/root'
 import { rootSaga } from './sagas/root'
@@ -14,8 +14,6 @@ if (process.env.NODE_ENV !== 'production') {
   reduxMiddlewares.push(loggerMiddleware);
 }
 
-const composeEnhancers = (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
-
 // create the saga middleware
 const sagaMiddleware = createSagaMiddleware()
 reduxMiddlewares.push(sagaMiddleware);
@@ -23,7 +21,7 @@ reduxMiddlewares.push(sagaMiddleware);
 // mount it on the Store
 export const store = createStore(
   rootReducer,
-  composeEnhancers(applyMiddleware(...reduxMiddlewares)),
+  applyMiddleware(...reduxMiddlewares)
 )
 
 // then run the saga

client/src/types/board.ts

@@ -1,19 +0,0 @@
-import { Project } from "./gitea"
-
-export type BoardLaneId = string
-export type BoardId = string
-
-export interface Board {
-    id: BoardId
-    title: string
-    description: string
-    lanes: BoardLane[]
-    projects: Project[]
-};
-
-export interface BoardLane {
-    id: BoardLaneId
-    title: string
-    issueLabel: string
-    collectRemainingIssues: boolean
-};

client/src/types/gitea.ts

@@ -1,2 +0,0 @@
-export type Project = any
-export type Issue = any

client/src/types/kanboard.ts

@@ -1,21 +0,0 @@
-import { Project, Issue } from "./gitea";
-import { BoardId } from "./board";
-
-export interface Kanboard {
-    id: BoardId
-    lanes: KanboardLane[]
-}
-
-export interface KanboardLane {
-    id: number
-    title: string
-    cards: KanboardCard[]
-};
-
-
-export interface KanboardCard {
-    id: number
-    title: string
-    project: Project
-    issue: Issue
-}

client/src/util/api.js

@@ -13,12 +13,6 @@ export class APIClient {
     ;
   }
 
-  deleteBoard(id) {
-    return fetch(`/api/boards/${id}`, {
-      method: 'DELETE'
-    });
-  }
-
   fetchBoards() {
     return fetch(`/api/boards`)
       .then(res => res.json())

client/src/util/gitea.js

@@ -0,0 +1,67 @@
+
+export class GiteaUnauthorizedError extends Error {
+  constructor(...args) {
+    super(...args)
+    Error.captureStackTrace(this, GiteaUnauthorizedError)
+  }
+}
+
+export class GiteaClient {
+
+  fetchIssues(project, page = 1) {
+    return fetch(`/gitea/api/v1/repos/${project}/issues?page=${page}`)
+      .then(this.assertAuthorization)
+      .then(res => res.json())
+    ;
+  }
+
+  fetchUserProjects() {
+    return fetch(`/gitea/api/v1/user/repos`)
+      .then(this.assertOk)
+      .then(this.assertAuthorization)
+      .then(res => res.json())
+    ;
+  }
+
+  addIssueLabel(project, issueNumber, labelID) {
+    return fetch(`/gitea/api/v1/repos/${project}/issues/${issueNumber}/labels`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ labels: [labelID] }),
+    })
+    .then(this.assertOk)
+    .then(this.assertAuthorization)
+    .then(res => res.json())
+  }
+
+  fetchProjectLabels(project) {
+    return fetch(`/gitea/api/v1/repos/${project}/labels`)
+      .then(this.assertOk)
+      .then(this.assertAuthorization)
+      .then(res => res.json())
+    ;
+  }
+
+  removeIssueLabel(project, issueNumber, labelID) {
+    return fetch(`/gitea/api/v1/repos/${project}/issues/${issueNumber}/labels/${labelID}`, {
+      method: 'DELETE'
+    })
+    .then(this.assertOk)
+    .then(this.assertAuthorization)
+  }
+
+  assertOk(res) {
+    if (!res.ok) return Promise.reject(new Error('Request failed'));
+    return res;
+  }
+
+  assertAuthorization(res) {
+    if (res.status === 401 || res.status === 404) return Promise.reject(new GiteaUnauthorizedError());
+    return res;
+  }
+
+}
+
+export const gitea = new GiteaClient();

client/src/util/gitea.ts

@@ -1,93 +0,0 @@
-
-export class GiteaUnauthorizedError extends Error {
-  constructor(...args: any[]) {
-    super(...args)
-    Object.setPrototypeOf(this, GiteaUnauthorizedError.prototype);
-  }
-}
-
-export class GiteaClient {
-
-  fetchIssues(project: any, page = 1, milestones = "") {
-    return fetch(`/gitea/api/v1/repos/${project}/issues?page=${page}&milestones=${milestones}`)
-      .then(this.assertAuthorization)
-      .then(this.assertOk)
-      .then(res => res.json())
-      ;
-  }
-
-  fetchMilestones(project: any) {
-    return fetch(`/gitea/api/v1/repos/${project}/milestones`)
-      .then(this.assertAuthorization)
-      .then(this.assertOk)
-      .then(res => res.json())
-      ;
-  }
-
-  fetchUserProjects() {
-    return fetch(`/gitea/api/v1/user/repos`)
-      .then(this.assertAuthorization)
-      .then(this.assertOk)
-      .then(res => res.json())
-      ;
-  }
-
-  addIssueLabel(project: any, issueNumber: any, labelID: any) {
-    return fetch(`/gitea/api/v1/repos/${project}/issues/${issueNumber}/labels`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({ labels: [labelID] }),
-    })
-      .then(this.assertAuthorization)
-      .then(this.assertOk)
-      .then(res => res.json())
-  }
-
-  fetchProjectLabels(project: any) {
-    return fetch(`/gitea/api/v1/repos/${project}/labels`)
-      .then(this.assertAuthorization)
-      .then(this.assertOk)
-      .then(res => res.json())
-      ;
-  }
-
-  removeIssueLabel(project: any, issueNumber: any, labelID: any) {
-    return fetch(`/gitea/api/v1/repos/${project}/issues/${issueNumber}/labels/${labelID}`, {
-      method: 'DELETE'
-    })
-      .then(this.assertAuthorization)
-      .then(this.assertOk)
-  }
-
-  createIssue(project: any, title: any, body: any, labelID: any) {
-    return fetch(`/gitea/api/v1/repos/${project}/issues`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        title,
-        body,
-        labels: labelID ? [labelID] : undefined,
-      }),
-    })
-      .then(this.assertAuthorization)
-      .then(this.assertOk)
-      .then(res => res.json())
-  }
-
-  assertOk(res: any) {
-    if (!res.ok) return Promise.reject(new Error('Request failed'));
-    return res;
-  }
-
-  assertAuthorization(res: any) {
-    if (res.status === 401 || res.status === 404) return Promise.reject(new GiteaUnauthorizedError());
-    return res;
-  }
-
-}
-
-export const gitea = new GiteaClient();

client/src/util/referer.ts

@@ -1,19 +0,0 @@
-const localStorage = window.localStorage;
-const refererKey = 'referer';
-
-export function getReferer() {
-    return localStorage.getItem(refererKey);
-}
-
-export function saveReferer() {
-    console.log("Saving referer", window.location.hash);
-    localStorage.setItem(refererKey, window.location.hash);
-}
-
-export function hasReferer() {
-    return !!getReferer();
-}
-
-export function clearReferer() {
-    localStorage.removeItem(refererKey);
-}

client/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "module": "es6",
-    "lib": ["dom", "es6"],
-    "moduleResolution": "node",
-    "jsx": "react",
-    "strict": false,
-    "sourceMap": true,
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "files": [
-    "./src/custom.d.ts"
-  ]
-}

client/webpack.config.js

@@ -2,24 +2,22 @@ const path = require('path');
 
 // Plugins
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const WebpackCleanupPlugin = require('webpack-cleanup-plugin');
 
 const env = process.env;
 
 module.exports = {
   mode: `${env.NODE_ENV ? env.NODE_ENV : 'production'}`,
-  entry: './src/index.tsx',
+  entry: './src/index.js',
   devtool: 'inline-source-map',
   output: {
     path: path.join(__dirname, 'dist')
   },
   resolve: {
-    extensions: [".ts", ".tsx", ".js", ".jsx"]
+    extensions: [ '.jsx', '.js' ],
   },
   module: {
     rules: [{
-      test: /\.s(a|c)ss$/,
+      test: /\.scss$/,
       use: [
         MiniCssExtractPlugin.loader,
         {
@@ -39,7 +37,7 @@ module.exports = {
         }
       ]
     },{
-      test: /\.(woff(2)?|ttf|eot|svg|png)(\?v=\d+\.\d+\.\d+)?$/,
+      test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
       use: [{
         loader: 'file-loader',
         options: {
@@ -48,23 +46,29 @@ module.exports = {
         }
       }]
     },{
-      test: /\.(t|j)sx?$/,
+      test: /\.(html)$/,
+      use: [{
+          loader: 'file-loader',
+          options: {
+            name: '[name].[ext]'
+          },
+        },
+        'extract-loader',
+        {
+          loader: 'html-loader',
+          options: {}
+        }
+      ]
+    },{
+      test: /\.(js|jsx)$/,
       exclude: /node_modules/,
-      loaders: ['ts-loader']
+      use: ['babel-loader']
     }]
   },
   plugins: [
     new MiniCssExtractPlugin({
       filename: "css/[name].css",
       chunkFilename: "css/[id].css"
-    }),
-    new HtmlWebpackPlugin({
-      template: './src/index.html',
-      inject: false,
-      favicon: "./src/resources/favicon.png"
-    }),
-    new WebpackCleanupPlugin({
-      exclude: ['resources/logo.svg']
     })
   ]
 }

cmd/server/container.go

@@ -1,9 +1,9 @@
 package main
 
 import (
-	"forge.cadoles.com/wpetit/gengitkan/internal/config"
-	"forge.cadoles.com/wpetit/gengitkan/internal/repository"
-	stormRepo "forge.cadoles.com/wpetit/gengitkan/internal/repository/storm"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/repository"
+	stormRepo "forge.cadoles.com/wpetit/gitea-kan/internal/repository/storm"
 	"github.com/asdine/storm"
 	"github.com/gorilla/sessions"
 	"github.com/pkg/errors"
@@ -28,7 +28,7 @@ func getServiceContainer(conf *config.Config) (*service.Container, error) {
 
 	ctn.Provide(
 		session.ServiceName,
-		gorilla.ServiceProvider("gengitkan", cookieStore),
+		gorilla.ServiceProvider("gitea-kan", cookieStore),
 	)
 
 	// Create and expose config service provider

cmd/server/main.go

@@ -6,8 +6,8 @@ import (
 	"net/http"
 	"os"
 
-	"forge.cadoles.com/wpetit/gengitkan/internal/config"
-	"forge.cadoles.com/wpetit/gengitkan/internal/route"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/route"
 	"github.com/go-chi/chi"
 	"github.com/go-chi/chi/middleware"
 	"github.com/pkg/errors"

debian/compat

@@ -0,0 +1 @@
+9

debian/control

@@ -0,0 +1,14 @@
+Source: gitea-kan
+Section: unknown
+Priority: optional
+Maintainer: William Petit <wpetit@cadoles.com>
+Build-Depends: debhelper (>= 8.0.0), wget, ca-certificates, tar
+Standards-Version: 3.9.4
+Homepage: http://forge.cadoles.com/wpetit/gitea-kan
+Vcs-Git: http://forge.cadoles.com/wpetit/gitea-kan.git
+Vcs-Browser: http://forge.cadoles.com/wpetit/gitea-kan
+
+Package: gitea-kan
+Architecture: amd64
+Depends: ${shlibs:Depends}, ${misc:Depends}
+Description: Application type "Kanboard" connectée à Gitea

debian/gitea-kan.dirs

@@ -0,0 +1 @@
+var/lib/gitea-kan

debian/gitea-kan.service

@@ -0,0 +1,13 @@
+[Unit]
+Description=Application type "Kanboard" connectée à Gitea
+After=network-online.target
+
+[Service]
+Type=simple
+Environment=GITEAKAN_HTTP_PUBDIR=/usr/share/gitea-kan/public
+Environment=GITEAKAN_DATA_DBPATH=/var/lib/gitea-kan/data.db
+ExecStart=/usr/bin/gitea-kan -workdir /usr/share/gitea-kan -config /etc/gitea-kan/server.conf
+Restart=on-failure
+
+[Install]
+WantedBy=multi-user.target

debian/rules

@@ -0,0 +1,54 @@
+#!/usr/bin/make -f
+# -*- makefile -*-
+
+# Uncomment this to turn on verbose mode.
+export DH_VERBOSE=1
+
+GO_VERSION := 1.13.5
+OS := linux
+ARCH := amd64
+GOPATH=$(HOME)/go
+
+ifeq (, $(shell which go 2>/dev/null))
+override_dh_auto_build: install-go
+endif
+
+ifeq (, $(shell which node 2>/dev/null))
+override_dh_auto_build: install-nodejs
+endif
+
+%:
+	dh $@ --with systemd
+
+override_dh_auto_build: $(GOPATH)
+	cd client && npm install
+	GOPATH=$(GOPATH) PATH="$(PATH):/usr/local/go/bin:$(GOPATH)/bin" go mod vendor
+	GOPATH=$(GOPATH) PATH="$(PATH):/usr/local/go/bin:$(GOPATH)/bin" ARCH_TARGETS=$(ARCH) make release
+
+$(GOPATH):
+	mkdir -p $(GOPATH)
+	
+install-go:
+	wget https://dl.google.com/go/go$(GO_VERSION).$(OS)-$(ARCH).tar.gz
+	tar -C /usr/local -xzf go$(GO_VERSION).$(OS)-$(ARCH).tar.gz
+
+install-nodejs:
+	wget -O- https://deb.nodesource.com/setup_12.x | bash -
+	apt-get install -y nodejs
+
+override_dh_auto_install:
+
+	mkdir -p debian/gitea-kan/usr/share/gitea-kan
+	mkdir -p debian/gitea-kan/etc/gitea-kan
+	mkdir -p debian/gitea-kan/usr/bin
+
+	cp -r release/server-$(OS)-$(ARCH)/* debian/gitea-kan/usr/share/gitea-kan/
+	
+	mv debian/gitea-kan/usr/share/gitea-kan/bin/server debian/gitea-kan/usr/bin/gitea-kan
+	mv debian/gitea-kan/usr/share/gitea-kan/server.conf debian/gitea-kan/etc/gitea-kan/server.conf
+
+	install -d debian/gitea-kan
+
+override_dh_strip:
+
+override_dh_auto_test:

debian/source/format

@@ -0,0 +1 @@
+3.0 (native)

go.mod

@@ -1,4 +1,4 @@
-module forge.cadoles.com/wpetit/gengitkan
+module forge.cadoles.com/wpetit/gitea-kan
 
 go 1.13
 
@@ -15,10 +15,9 @@ require (
 	github.com/smartystreets/assertions v1.0.1 // indirect
 	github.com/smartystreets/goconvey v0.0.0-20190731233626-505e41936337 // indirect
 	github.com/stretchr/testify v1.4.0 // indirect
-	github.com/zserge/lorca v0.1.8 // indirect
 	gitlab.com/wpetit/goweb v0.0.0-20190728111123-bbcb57177273
 	go.etcd.io/bbolt v1.3.3
-	golang.org/x/net v0.0.0-20200202094626-16171245cfb2 // indirect
+	golang.org/x/net v0.0.0-20190827160401-ba9fcec4b297 // indirect
 	golang.org/x/oauth2 v0.0.0-20190604053449-0f29369cfe45
 	golang.org/x/text v0.3.2 // indirect
 	gopkg.in/check.v1 v1.0.0-20190902080502-41f04d3bba15 // indirect

go.sum

@@ -37,22 +37,17 @@ github.com/smartystreets/goconvey v0.0.0-20190731233626-505e41936337/go.mod h1:s
 github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
 github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
 github.com/stretchr/testify v1.4.0/go.mod h1:j7eGeouHqKxXV5pUuKE4zz7dFj8WfuZ+81PSLYec5m4=
-github.com/zserge/lorca v0.1.8 h1:gZwyvesmaoGCwxF5NssI6pdydXkCVHOoHw2nks/PBRs=
-github.com/zserge/lorca v0.1.8/go.mod h1:gTrVdXKyWxNhc8aUb1Uu3s0mY343arR1T6jUtxmBxR8=
 gitlab.com/wpetit/goweb v0.0.0-20190728111123-bbcb57177273 h1:YtMGT0pEGTQ5MAglg6rvu8pQVQJEtskoeEw+csUqf2o=
 gitlab.com/wpetit/goweb v0.0.0-20190728111123-bbcb57177273/go.mod h1:5Y/eVplFvdsd6zMdA3bx8KON6Ab1n90+cQeX5uJ6jIE=
 go.etcd.io/bbolt v1.3.3 h1:MUGmc65QhB3pIlaQ5bB4LwqSj6GIonVJXpZiaKNyaKk=
 go.etcd.io/bbolt v1.3.3/go.mod h1:IbVyRI1SCnLcuJnV2u8VeU0CEYM7e686BmAb1XKL+uU=
 golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
 golang.org/x/net v0.0.0-20180724234803-3673e40ba225/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4=
-golang.org/x/net v0.0.0-20181102091132-c10e9556a7bc/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4=
 golang.org/x/net v0.0.0-20190108225652-1e06a53dbb7e/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4=
 golang.org/x/net v0.0.0-20190311183353-d8887717615a/go.mod h1:t9HGtf8HONx5eT2rtn7q6eTqICYqUVnKs3thJo3Qplg=
 golang.org/x/net v0.0.0-20190724013045-ca1201d0de80/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
 golang.org/x/net v0.0.0-20190827160401-ba9fcec4b297 h1:k7pJ2yAPLPgbskkFdhRCsA77k2fySZ1zf2zCjvQCiIM=
 golang.org/x/net v0.0.0-20190827160401-ba9fcec4b297/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
-golang.org/x/net v0.0.0-20200202094626-16171245cfb2 h1:CCH4IOTTfewWjGOlSp+zGcjutRKlBEZQ6wTn8ozI/nI=
-golang.org/x/net v0.0.0-20200202094626-16171245cfb2/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
 golang.org/x/oauth2 v0.0.0-20190604053449-0f29369cfe45 h1:SVwTIAaPC2U/AvvLNZ2a7OVsmBpC8L5BlwK1whH3hm0=
 golang.org/x/oauth2 v0.0.0-20190604053449-0f29369cfe45/go.mod h1:gOpvHmFTYa4IltrdGE7lF6nIHvwfUNPOp7c8zoXwtLw=
 golang.org/x/sync v0.0.0-20181221193216-37e7f081c4d4/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=

internal/config/config.go

@@ -57,11 +57,11 @@ func NewDefault() *Config {
 		Debug: false,
 		HTTP: HTTPConfig{
 			Address:   ":3000",
-			PublicDir: "${GENGITKAN_HTTP_PUBDIR}",
+			PublicDir: "${GITEAKAN_HTTP_PUBDIR}",
 		},
 		Gitea: GiteaConfig{},
 		Data: DataConfig{
-			DBPath: "${GENGITKAN_DATA_DBPATH}",
+			DBPath: "${GITEAKAN_DATA_DBPATH}",
 		},
 	}
 }

internal/middleware/auth.go

@@ -5,7 +5,7 @@ import (
 
 	"github.com/pborman/uuid"
 
-	"forge.cadoles.com/wpetit/gengitkan/internal/config"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/middleware/container"
 	"gitlab.com/wpetit/goweb/service"

internal/repository/board.go

@@ -20,8 +20,7 @@ type Board struct {
 type BoardLaneID string
 
 type BoardLane struct {
-	ID                     BoardLaneID `json:"id"`
-	Title                  string      `json:"title"`
-	IssueLabel             string      `json:"issueLabel"`
-	CollectRemainingIssues bool        `json:"collectRemainingIssues"`
+	ID         BoardLaneID `json:"id"`
+	Title      string      `json:"title"`
+	IssueLabel string      `json:"issueLabel"`
 }

internal/repository/repository.go

@@ -1,13 +1,5 @@
 package repository
 
-import (
-	"github.com/pkg/errors"
-)
-
-var (
-	ErrNotFound = errors.New("not found")
-)
-
 type Repository struct {
 	boards BoardRepository
 }

internal/repository/storm/board.go

@@ -1,7 +1,7 @@
 package storm
 
 import (
-	"forge.cadoles.com/wpetit/gengitkan/internal/repository"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/repository"
 	"github.com/asdine/storm"
 	"github.com/pkg/errors"
 )
@@ -61,18 +61,6 @@ func (r *BoardRepository) Save(board *repository.Board) error {
 }
 
 func (r *BoardRepository) Delete(id repository.BoardID) error {
-	b := &boardItem{
-		ID: string(id),
-	}
-
-	if err := r.db.DeleteStruct(b); err != nil {
-		if err == storm.ErrNotFound {
-			return repository.ErrNotFound
-		}
-
-		return errors.Wrapf(err, "could not delete board '%s'", id)
-	}
-
 	return nil
 }
 

internal/route/board.go

@@ -4,9 +4,7 @@ import (
 	"encoding/json"
 	"net/http"
 
-	"github.com/go-chi/chi"
-
-	"forge.cadoles.com/wpetit/gengitkan/internal/repository"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/repository"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/middleware/container"
 )
@@ -20,8 +18,6 @@ func serveBoards(w http.ResponseWriter, r *http.Request) {
 		panic(errors.Wrap(err, "could not retrieve boards list"))
 	}
 
-	w.Header().Add("Content-Type", "application/json")
-
 	encoder := json.NewEncoder(w)
 	if err := encoder.Encode(boards); err != nil {
 		panic(errors.Wrap(err, "could not encode boards list"))
@@ -43,28 +39,8 @@ func saveBoard(w http.ResponseWriter, r *http.Request) {
 		panic(errors.Wrap(err, "could not save board"))
 	}
 
-	w.Header().Add("Content-Type", "application/json")
-
 	encoder := json.NewEncoder(w)
 	if err := encoder.Encode(board); err != nil {
 		panic(errors.Wrap(err, "could not encode board"))
 	}
 }
-
-func deleteBoard(w http.ResponseWriter, r *http.Request) {
-	boardID := repository.BoardID(chi.URLParam(r, "boardID"))
-
-	ctn := container.Must(r.Context())
-	repo := repository.Must(ctn)
-
-	if err := repo.Boards().Delete(boardID); err != nil {
-		if err == repository.ErrNotFound {
-			http.NotFound(w, r)
-			return
-		}
-
-		panic(err)
-	}
-
-	w.WriteHeader(http.StatusNoContent)
-}

internal/route/logout.go

@@ -3,7 +3,7 @@ package route
 import (
 	"net/http"
 
-	"forge.cadoles.com/wpetit/gengitkan/internal/config"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/middleware/container"
 	"gitlab.com/wpetit/goweb/service/session"

internal/route/oauth2.go

@@ -3,7 +3,7 @@ package route
 import (
 	"net/http"
 
-	"forge.cadoles.com/wpetit/gengitkan/internal/middleware"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/middleware"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/middleware/container"
 	"gitlab.com/wpetit/goweb/service/session"

internal/route/proxy.go

@@ -6,8 +6,8 @@ import (
 	"net/http/httputil"
 	"net/url"
 
-	"forge.cadoles.com/wpetit/gengitkan/internal/config"
-	"forge.cadoles.com/wpetit/gengitkan/internal/middleware"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/middleware"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/middleware/container"
 	"gitlab.com/wpetit/goweb/service/session"

internal/route/route.go

@@ -4,8 +4,8 @@ import (
 	"net/http"
 	"path"
 
-	"forge.cadoles.com/wpetit/gengitkan/internal/config"
-	"forge.cadoles.com/wpetit/gengitkan/internal/middleware"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/middleware"
 	"github.com/go-chi/chi"
 	"gitlab.com/wpetit/goweb/middleware/container"
 	"gitlab.com/wpetit/goweb/static"
@@ -21,7 +21,6 @@ func Mount(r *chi.Mux, config *config.Config) {
 			r.Get("/logout", handleLogout)
 			r.Get("/api/boards", serveBoards)
 			r.Post("/api/boards", saveBoard)
-			r.Delete("/api/boards/{boardID}", deleteBoard)
 			r.Handle("/gitea/api/*", http.StripPrefix("/gitea", http.HandlerFunc(proxyAPIRequest)))
 			r.Get("/*", static.Dir(config.HTTP.PublicDir, "", html5PushStateHandler))
 		})

modd.conf

@@ -5,8 +5,8 @@ modd.conf
 !mage_output_file.go {
   prep: make build
   prep: [ -e data/server.conf ] || ( mkdir -p data && bin/server -dump-config > data/server.conf )
-  daemon: GENGITKAN_HTTP_PUBDIR=./client/dist \
-    GENGITKAN_DATA_DBPATH=./data/data.db \
+  daemon: GITEAKAN_HTTP_PUBDIR=./client/dist \
+    GITEAKAN_DATA_DBPATH=./data/data.db \
     bin/server \
     -config ./data/server.conf
 }
@@ -16,8 +16,6 @@ modd.conf
 }
 
 client/webpack.config.js
-client/tsconfig.json
-client/package.json
 {
   daemon: cd client && NODE_ENV=development npm run watch
 }