Add a new editor for the sectoin-report format

.github/workflows/section-report-release.yml

@@ -0,0 +1,52 @@
+name: Build and release section-report
+
+on:
+  push:
+    tags:
+      - '*'
+
+defaults:
+  run:
+    working-directory: section_report
+
+jobs:
+  build:
+
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      matrix:
+        os: [macos-latest, ubuntu-latest, windows-latest]
+        include:
+          - os: macos-latest
+            package-ext: .dmg
+          - os: ubuntu-latest
+            package-ext: .AppImage
+          - os: windows-latest
+            package-ext: .exe
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Install Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 13
+
+      - name: Install npm packages
+        run: npm install
+
+      - name: Build package
+        run: npm run electron:build
+
+      - name: Prepare package
+        run: |
+          mkdir package
+          mv dist_electron/*${{ matrix.package-ext }} package/
+
+      - name: Release
+        uses: softprops/action-gh-release@v1
+        with:
+          files: "section_report/package/**"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/section-report-test.yml

@@ -0,0 +1,34 @@
+name: Test section-report
+
+on:
+  push:
+    paths:
+      - 'section_report/**'
+  pull_request:
+    paths:
+      - 'section_report/**'
+
+defaults:
+  run:
+    working-directory: section_report
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version:
+          - 13.x
+
+    steps:
+    - uses: actions/checkout@v1
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - name: Build and test with lint
+      run: |
+        npm install
+        npm run test:lint
+        npm run build
+        npm run test:unit

section_report/.editorconfig

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

section_report/.eslint-todo.json

@@ -0,0 +1,6 @@
+{
+  "rules": {
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-explicit-any": "off"
+  }
+}

section_report/.eslintrc.json

@@ -0,0 +1,44 @@
+{
+  "root": true,
+  "env": {
+    "node": true
+  },
+  "extends": [
+    "plugin:vue/recommended",
+    "@vue/standard",
+    "@vue/typescript/recommended",
+    ".eslint-todo.json"
+  ],
+  "parserOptions": {
+    "ecmaVersion": 2020
+  },
+  "overrides": [
+    {
+      "files": [
+        "**/__tests__/*.{j,t}s?(x)",
+        "**/tests/unit/**/*.spec.{j,t}s?(x)"
+      ],
+      "env": {
+        "jest": true
+      }
+    }
+  ],
+  "rules": {
+    "semi": ["error", "always"],
+    "import/order": ["error", {
+      "alphabetize": {
+        "order": "asc"
+      }
+    }],
+    "vue/component-name-in-template-casing": "error",
+    "vue/component-tags-order": ["error", {
+      "order": ["template", "script", "style"]
+    }],
+    "@typescript-eslint/no-unused-vars": ["error", {
+      "vars": "all",
+      "args": "all",
+      "ignoreRestSiblings": true,
+      "argsIgnorePattern": "^_"
+    }]
+  }
+}

section_report/.gitignore

@@ -0,0 +1,14 @@
+/node_modules
+/dist
+
+# local env files
+/.env.local
+/.env.*.local
+
+# Log files
+/npm-debug.log*
+/yarn-debug.log*
+/yarn-error.log*
+
+# Electron-builder output
+/dist_electron

section_report/.vuerc

@@ -0,0 +1,3 @@
+{
+  "useTaobaoRegistry": false
+}

section_report/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+};

section_report/doc/canvas-coordinate-system.md

@@ -0,0 +1,27 @@
+# Canvas Coordinate System
+
+Editor の Report デザインの表示・操作は SVG によって実現されており、その中には複数の座標系が存在する。ここでは、その座標系がどのように構成されているかを説明する。
+
+## 座標系の構造
+
+![](images/canvas-coordinate-system.svg)
+([Google図形描画](https://docs.google.com/drawings/d/1FbyK6-qXtgvXg33EHN0Gleu_aycb9qZP38OzqjumhrE/edit))
+
+各セクションに StackView が含まれる場合は、その StackView 及び StackViewRow の座標系も作成されることになる。
+
+## 座標系の分類と呼称
+
+座標系の分類・呼称を定義する。
+
+### Root Coordinates
+
+SVGドキュメントの座標系。「座標系の構造」の SVG(赤枠短径)。
+
+### Report Coordinates
+
+レポートの座標系。「座標系の構造」の Report Canvas(紫枠短径)。
+
+### Canvas (Local) Coordinates
+
+四角形等の各図形を描画するキャンバスの座標系。「座標系の構造」の Section Canvas 及び StackView。
+

section_report/jest.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  preset: '@vue/cli-plugin-unit-jest/presets/typescript-and-babel'
+};

section_report/jsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "baseUrl": "./",
+    "paths": {
+      "@": ["./src/*"]
+    }
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "include": [
+    "src/**/*"
+  ]
+}