{"id":22330586,"url":"https://github.com/kkan0615/mini-player","last_synced_at":"2026-05-08T13:44:44.071Z","repository":{"id":43302455,"uuid":"436248129","full_name":"kkan0615/mini-player","owner":"kkan0615","description":"Mini player!","archived":false,"fork":false,"pushed_at":"2022-07-10T23:07:21.000Z","size":722,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-31T08:33:12.363Z","etag":null,"topics":["electron","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kkan0615.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-12-08T12:57:59.000Z","updated_at":"2022-06-28T17:08:06.000Z","dependencies_parsed_at":"2022-09-17T06:43:19.011Z","dependency_job_id":null,"html_url":"https://github.com/kkan0615/mini-player","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kkan0615%2Fmini-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kkan0615%2Fmini-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kkan0615%2Fmini-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kkan0615%2Fmini-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kkan0615","download_url":"https://codeload.github.com/kkan0615/mini-player/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245605730,"owners_count":20643030,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["electron","typescript","vue","vue3"],"created_at":"2024-12-04T04:07:14.563Z","updated_at":"2026-05-08T13:44:39.050Z","avatar_url":"https://github.com/kkan0615.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Electron + vite + vue 3\n\n# Directory Structure\n```\n├─ node_modules/\n├─ scripts/               # Custom scripts, we will create one for the dev-server with Electron later.\n│  ├─ devSever.ts         # Execute development evnviroment\n│  ├─ build.ts            # Execute build packages with production evnviroment\n├─ dist/                  # Contain compiled output from each package.\n│  ├─ renderer/           # Compiled output of renderer process.\n│  ├─ main/               # Compiled output of main process.\n│  ├─ preload/            # Compiled output of preload process.\n├─ dist_electron/         # Contain output of program such as exe file.\n├─ packages/\n│  ├─ renderer/           # Contains renderer process source-code.\n│  │  ├─ src/\n│  │  ├─ index.html       # Index html\n│  │  ├─ vite.config.ts   # Vite config for renderer source-code\n│  │  ├─ tsconfig.json    # Specific TypeScript config.\n│  ├─ main/               # Contains main process source-code.\n│  │  ├─ src/\n│  │  ├─ vite.config.ts   # Vite config for main source-code.\n│  │  ├─ tsconfig.json    # Specific TypeScript config.\n│  ├─ preload/            # Contains preload script source-code.\n│  │  ├─ src/\n│  │  ├─ vite.config.ts   # Vite config for preload source-code.\n│  │  ├─ tsconfig.json    # Specific TypeScript config.\n├─ .eslintrc.js           # Eslint\n├─ package.json\n├─ tsconfig.node.json     # Root file TypeScript config generated by Vite CLI.\n```\n## Vue structure (Renderer)\n```\n├─ index.html               # Index html\n│  ├─ src/\n│  │  ├─ assets/            # Assets for renderer.\n│  │  ├─ components/        # Contain global components.\n│  │  ├─ store/             # Pinina or vue-store.\n│  │  ├─ router/            # Router.\n│  │  ├─ types/             # Types.\n│  │  ├─ views/             # Contain View pages.\n│  │  ├─ utils/             # Contain utilites.\n│  │  ├─ styles/            # Global Styles.\n│  │  │  ├─ electorn.ts     # Electoron utils such as ipcRender.\n├─ vite.config.ts           # Vite config for renderer source-code\n├─ tsconfig.json            # Specific TypeScript config.\n```\n# Refs\n## Electron\n- https://github.com/cawa-93/vite-electron-builder\n- https://blog.totominc.io/blog/electron-with-typescript-and-vite-as-a-build-system\n- https://github.com/twstyled/electron-vite-react/blob/main/scripts/run-electron.ts\n\n# Boilerplate 에 추가해야할 사항\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkkan0615%2Fmini-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkkan0615%2Fmini-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkkan0615%2Fmini-player/lists"}