Initial commit

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintignore

@@ -0,0 +1 @@
+**/*.sass.d.ts

.eslintrc.yml

@@ -0,0 +1,43 @@
+parser: "@typescript-eslint/parser"
+plugins:
+  - "@typescript-eslint"
+  - "prettier"
+  - "react"
+  - "react-hooks"
+extends:
+  - "eslint:recommended"
+  - "plugin:react/recommended"
+  - "plugin:@typescript-eslint/recommended"
+  - "plugin:@typescript-eslint/eslint-recommended"
+  - "plugin:prettier/recommended"
+  - "prettier"
+settings:
+  react:
+    version: detect
+env:
+  browser: true
+  node: true
+  es6: true
+parserOptions:
+  sourceType: module
+  ecmaFeatures:
+    jsx: true
+  project: "./app/tsconfig.json"
+rules:
+  "react/prop-types": off
+  "react/react-in-jsx-scope": off
+  "react-hooks/rules-of-hooks": error
+  "@typescript-eslint/no-floating-promises": error
+  "@typescript-eslint/no-unnecessary-qualifier": error
+  "@typescript-eslint/explicit-function-return-type": off
+  "@typescript-eslint/promise-function-async": error
+  "@typescript-eslint/require-await": error
+  "@typescript-eslint/ban-ts-ignore": off
+  "@typescript-eslint/no-use-before-define":
+    - error
+    - functions: false
+      classes: false
+      enums: true
+      variables: true
+      typedefs: true
+  "@typescript-eslint/explicit-module-boundary-types": off

.gitignore

@@ -0,0 +1,47 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Dependency directories
+node_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Yarn Integrity file
+.yarn-integrity
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+.DS_STORE
+.idea
+.next
+.electron
+/build
+/out
+/release

.prettierrc.yml

@@ -0,0 +1,7 @@
+printWidth: 120
+tabWidth: 2
+semi: false
+singleQuote: true
+arrowParens: always
+trailingComma: none
+endOfLine: lf

.stylelintrc.yaml

@@ -0,0 +1,129 @@
+plugins:
+  - "stylelint-order"
+ignoreFiles:
+  - "node_modules/**/*"
+extends:
+  - "stylelint-config-recommended"
+  - "stylelint-rscss/config"
+rules:
+  "order/properties-order":
+    - "content"
+    - "display"
+    - "flex-direction"
+    - "flex-wrap"
+    - "flex-flow"
+    - "justify-content"
+    - "align-items"
+    - "align-content"
+    - "align-self"
+    - "flex-grow"
+    - "flex-shrink"
+    - "flex-basis"
+    - "flex"
+    - "order"
+    - "grid"
+    - "grid-area"
+    - "grid-auto-columns"
+    - "grid-auto-flow"
+    - "grid-auto-rows"
+    - "grid-column"
+    - "grid-column-start"
+    - "grid-column-end"
+    - "grid-row"
+    - "grid-row-start"
+    - "grid-row-end"
+    - "grid-template"
+    - "grid-template-areas"
+    - "grid-template-columns"
+    - "grid-template-rows"
+    - "overflow"
+    - "overflow-x"
+    - "overflow-y"
+    - "visibility"
+    - "cursor"
+    - "appearance"
+    - "object-fit"
+    - "float"
+    - "clear"
+    - "position"
+    - "z-index"
+    - "top"
+    - "right"
+    - "bottom"
+    - "left"
+    - "box-sizing"
+    - "list-style"
+    - "list-style-type"
+    - "list-style-image"
+    - "list-style-position"
+    - "width"
+    - "min-width"
+    - "max-width"
+    - "height"
+    - "min-height"
+    - "max-height"
+    - "margin"
+    - "margin-top"
+    - "margin-right"
+    - "margin-bottom"
+    - "margin-left"
+    - "padding"
+    - "padding-top"
+    - "padding-right"
+    - "padding-bottom"
+    - "padding-left"
+    - "background"
+    - "background-attachment"
+    - "background-color"
+    - "background-image"
+    - "background-position"
+    - "background-size"
+    - "background-repeat"
+    - "border"
+    - "border-color"
+    - "border-style"
+    - "border-width"
+    - "border-top"
+    - "border-right"
+    - "border-bottom"
+    - "border-left"
+    - "border-radius"
+    - "border-collapse"
+    - "border-spacing"
+    - "outline"
+    - "outline-width"
+    - "outline-style"
+    - "outline-offset"
+    - "box-shadow"
+    - "text-align"
+    - "vertical-align"
+    - "line-height"
+    - "letter-spacing"
+    - "text-indent"
+    - "white-space"
+    - "text-transform"
+    - "font"
+    - "font-size"
+    - "font-family"
+    - "font-weight"
+    - "text-decoration"
+    - "color"
+    - "text-shadow"
+    - "word-break"
+    - "word-wrap"
+    - "word-spacing"
+    - "opacity"
+    - "clip"
+    - "transform-origin"
+    - "transform"
+    - "transition"
+    - "animation"
+    - "animation-name"
+    - "animation-duration"
+    - "animation-direction"
+    - "animation-delay"
+    - "backface-visibility"
+    - "-webkit-overflow-scrolling"
+    - "-webkit-font-smoothing"
+    - "-moz-osx-font-smoothing"
+    - "-webkit-tap-highlight-color"

README.md

@@ -0,0 +1,41 @@
+# viman
+
+Video Manager application.
+
+# Getting Started
+
+```sh
+$ yarn
+
+# Launch next dev server
+$ yarn dev
+
+# Open another terminal and launch electron
+$ yarn dev:electron
+```
+
+# Build
+
+```sh
+$ yarn build
+```
+
+# Debug
+
+## Database
+
+```sh
+$ yarn debug:database
+
+sqlite> select * from items;
+```
+
+# Trouble Shootings
+
+## node-gyp problem about sqlite3
+
+Try `yarn rebuild`.
+
+## pre-commit doesn't work
+
+Try `npx simple-git-hooks`.

app/@types/electron.d.ts

@@ -0,0 +1,7 @@
+import { IpcRenderer } from 'electron'
+
+declare global {
+  interface Window {
+    ipcRenderer: IpcRenderer
+  }
+}

app/@types/ffmpeg-static.d.ts

@@ -0,0 +1,4 @@
+declare module 'ffmpeg-static' {
+  const path: string
+  export default path
+}

app/assets/styles/global/variables/README.md

@@ -0,0 +1,2 @@
+All variable files must be included via sassOptions.prependData.  
+See next.config.js for details.

app/assets/styles/global/variables/color.sass

@@ -0,0 +1,25 @@
+$_black: #090c11
+$_dark-gray: #1d222b
+$_light-gray: #232d3e
+$_gray: #676c74
+$_yellow: #f1f11f
+$_orange: #f1aa38
+$_white: #d2d8e0
+
+$color-primary-background: $_black
+$color-primary-text: $_white
+$color-primary-border: $_light-gray
+
+$color-secondary-background: $_dark-gray
+$color-secondary-text: $_gray
+$color-secondary-border: $_light-gray
+
+$color-video-time-background: rgba($_black, 0.5)
+$color-video-time-text: $_white
+$color-video-seek: rgba($_orange, 0.5)
+
+$color-drop-background: rgba($_black, 0.5)
+$color-drop-border: $_orange
+
+$color-selection-background: $_yellow
+$color-selection-text: $_black

app/assets/styles/global/variables/size.sass

@@ -0,0 +1,3 @@
+$text-base: 14px
+$text-small: 12px
+$text-min: 10px

app/assets/styles/index.sass

@@ -0,0 +1,32 @@
+body
+  background: $color-primary-background
+  line-height: 1
+  font-size: $text-base
+  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif
+  color: $color-primary-text
+  word-break: break-word
+  -ms-text-size-adjust: 100%
+  -webkit-text-size-adjust: 100%
+  -webkit-overflow-scrolling: touch
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+  -webkit-tap-highlight-color: transparent
+input,
+button,
+textarea
+  margin: 0
+  padding: 0
+  background: transparent
+  border: 0 solid transparent
+  outline: 0
+  line-height: 1
+  font-size: inherit
+  font-family: inherit
+  color: inherit
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+*::selection
+  background: $color-selection-background
+  color: $color-selection-text
+ul
+  list-style: none

app/assets/styles/index.sass.d.ts

@@ -0,0 +1,7 @@
+// Do not modify this file because this file is automatically generated by webpack.
+// Note that you shouldn't place css files in pages directory,
+//   because next tries to handle generated .d.ts files as page.
+const styles: {
+
+}
+export default styles