Showing
16 changed files
with
0 additions
and
520 deletions
khubox-front/khubox/package.json
deleted
100644 → 0
1 | -{ | ||
2 | - "name": "khubox", | ||
3 | - "version": "0.1.0", | ||
4 | - "private": true, | ||
5 | - "dependencies": { | ||
6 | - "@testing-library/jest-dom": "^4.2.4", | ||
7 | - "@testing-library/react": "^9.3.2", | ||
8 | - "@testing-library/user-event": "^7.1.2", | ||
9 | - "react": "^16.13.1", | ||
10 | - "react-dom": "^16.13.1", | ||
11 | - "react-scripts": "3.4.1" | ||
12 | - }, | ||
13 | - "scripts": { | ||
14 | - "start": "react-scripts start", | ||
15 | - "build": "react-scripts build", | ||
16 | - "test": "react-scripts test", | ||
17 | - "eject": "react-scripts eject" | ||
18 | - }, | ||
19 | - "eslintConfig": { | ||
20 | - "extends": "react-app" | ||
21 | - }, | ||
22 | - "browserslist": { | ||
23 | - "production": [ | ||
24 | - ">0.2%", | ||
25 | - "not dead", | ||
26 | - "not op_mini all" | ||
27 | - ], | ||
28 | - "development": [ | ||
29 | - "last 1 chrome version", | ||
30 | - "last 1 firefox version", | ||
31 | - "last 1 safari version" | ||
32 | - ] | ||
33 | - } | ||
34 | -} |
No preview for this file type
1 | -<!DOCTYPE html> | ||
2 | -<html lang="en"> | ||
3 | - <head> | ||
4 | - <meta charset="utf-8" /> | ||
5 | - <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> | ||
6 | - <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
7 | - <meta name="theme-color" content="#000000" /> | ||
8 | - <meta | ||
9 | - name="description" | ||
10 | - content="Web site created using create-react-app" | ||
11 | - /> | ||
12 | - <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> | ||
13 | - <!-- | ||
14 | - manifest.json provides metadata used when your web app is installed on a | ||
15 | - user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ | ||
16 | - --> | ||
17 | - <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> | ||
18 | - <!-- | ||
19 | - Notice the use of %PUBLIC_URL% in the tags above. | ||
20 | - It will be replaced with the URL of the `public` folder during the build. | ||
21 | - Only files inside the `public` folder can be referenced from the HTML. | ||
22 | - | ||
23 | - Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will | ||
24 | - work correctly both with client-side routing and a non-root public URL. | ||
25 | - Learn how to configure a non-root public URL by running `npm run build`. | ||
26 | - --> | ||
27 | - | ||
28 | - <!-- Bootstrap CSS --> | ||
29 | - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> | ||
30 | - | ||
31 | - <title>Khubox</title> | ||
32 | - </head> | ||
33 | - <body> | ||
34 | - <noscript>You need to enable JavaScript to run this app.</noscript> | ||
35 | - <div id="root"></div> | ||
36 | - <!-- | ||
37 | - This HTML file is a template. | ||
38 | - If you open it directly in the browser, you will see an empty page. | ||
39 | - | ||
40 | - You can add webfonts, meta tags, or analytics to this file. | ||
41 | - The build step will place the bundled scripts into the <body> tag. | ||
42 | - | ||
43 | - To begin the development, run `npm start` or `yarn start`. | ||
44 | - To create a production bundle, use `npm run build` or `yarn build`. | ||
45 | - --> | ||
46 | - </body> | ||
47 | -</html> |

5.22 KB

9.44 KB
1 | -{ | ||
2 | - "short_name": "React App", | ||
3 | - "name": "Create React App Sample", | ||
4 | - "icons": [ | ||
5 | - { | ||
6 | - "src": "favicon.ico", | ||
7 | - "sizes": "64x64 32x32 24x24 16x16", | ||
8 | - "type": "image/x-icon" | ||
9 | - }, | ||
10 | - { | ||
11 | - "src": "logo192.png", | ||
12 | - "type": "image/png", | ||
13 | - "sizes": "192x192" | ||
14 | - }, | ||
15 | - { | ||
16 | - "src": "logo512.png", | ||
17 | - "type": "image/png", | ||
18 | - "sizes": "512x512" | ||
19 | - } | ||
20 | - ], | ||
21 | - "start_url": ".", | ||
22 | - "display": "standalone", | ||
23 | - "theme_color": "#000000", | ||
24 | - "background_color": "#ffffff" | ||
25 | -} |
khubox-front/khubox/src/App.css
deleted
100644 → 0
1 | -.App { | ||
2 | - text-align: center; | ||
3 | -} | ||
4 | - | ||
5 | -.App-logo { | ||
6 | - height: 40vmin; | ||
7 | - pointer-events: none; | ||
8 | -} | ||
9 | - | ||
10 | -@media (prefers-reduced-motion: no-preference) { | ||
11 | - .App-logo { | ||
12 | - animation: App-logo-spin infinite 20s linear; | ||
13 | - } | ||
14 | -} | ||
15 | - | ||
16 | -.App-header { | ||
17 | - background-color: #282c34; | ||
18 | - min-height: 100vh; | ||
19 | - display: flex; | ||
20 | - flex-direction: column; | ||
21 | - align-items: center; | ||
22 | - justify-content: center; | ||
23 | - font-size: calc(10px + 2vmin); | ||
24 | - color: white; | ||
25 | -} | ||
26 | - | ||
27 | -.App-link { | ||
28 | - color: #61dafb; | ||
29 | -} | ||
30 | - | ||
31 | -@keyframes App-logo-spin { | ||
32 | - from { | ||
33 | - transform: rotate(0deg); | ||
34 | - } | ||
35 | - to { | ||
36 | - transform: rotate(360deg); | ||
37 | - } | ||
38 | -} |
khubox-front/khubox/src/App.js
deleted
100644 → 0
1 | -import React from 'react'; | ||
2 | - | ||
3 | -const NavBar = () => { | ||
4 | - return ( | ||
5 | - <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow"> | ||
6 | - <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">Khubox</a> | ||
7 | - <ul class="navbar-nav px-3"> | ||
8 | - <li class="nav-item text-nowrap"> | ||
9 | - <a class="nav-link" href="#">Sign out</a> | ||
10 | - </li> | ||
11 | - </ul> | ||
12 | - </nav> | ||
13 | - ); | ||
14 | -} | ||
15 | - | ||
16 | -const LeftSideBar = () => { | ||
17 | - return ( | ||
18 | - <nav class="col-md-2 d-none d-md-block bg-light sidebar"> | ||
19 | - <div class="sidebar-sticky"> | ||
20 | - <ul class="nav flex-column"> | ||
21 | - <li class="nav-item"> | ||
22 | - <a class="nav-link active" href="#"> | ||
23 | - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> | ||
24 | - Dashboard <span class="sr-only">(current)</span> | ||
25 | - </a> | ||
26 | - </li> | ||
27 | - <li class="nav-item"> | ||
28 | - <a class="nav-link" href="#"> | ||
29 | - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg> | ||
30 | - 내 드라이브 | ||
31 | - </a> | ||
32 | - </li> | ||
33 | - <li class="nav-item"> | ||
34 | - <a class="nav-link" href="#"> | ||
35 | - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg> | ||
36 | - 공유함 | ||
37 | - </a> | ||
38 | - </li> | ||
39 | - <li class="nav-item"> | ||
40 | - <a class="nav-link" href="#"> | ||
41 | - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg> | ||
42 | - 최근 열어본 파일 | ||
43 | - </a> | ||
44 | - </li> | ||
45 | - <li class="nav-item"> | ||
46 | - <a class="nav-link" href="#"> | ||
47 | - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart-2"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg> | ||
48 | - 휴지통 | ||
49 | - </a> | ||
50 | - </li> | ||
51 | - </ul> | ||
52 | - | ||
53 | - <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted"> | ||
54 | - <span>저장 용량</span> | ||
55 | - </h6> | ||
56 | - <ul class="nav flex-column mb-2"> | ||
57 | - <li class="nav-item"> | ||
58 | - (저장 용량 그래프) | ||
59 | - </li> | ||
60 | - <li class="nav-item"> | ||
61 | - <a class="nav-link" href="#"> | ||
62 | - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg> | ||
63 | - 저장 용량 구매 | ||
64 | - </a> | ||
65 | - </li> | ||
66 | - </ul> | ||
67 | - </div> | ||
68 | - </nav> | ||
69 | - | ||
70 | - ); | ||
71 | -} | ||
72 | - | ||
73 | -const MainContent = () => { | ||
74 | - return ( | ||
75 | - <main role="main" class="col-md-8 ml-sm-auto col-lg-8 px-4"> | ||
76 | - <h2>내 드라이브</h2> | ||
77 | - <div class="table-responsive"> | ||
78 | - <table class="table table-striped table-sm"> | ||
79 | - <thead> | ||
80 | - <tr> | ||
81 | - <th>파일 유형</th> | ||
82 | - <th>이름</th> | ||
83 | - <th>소유자</th> | ||
84 | - <th>마지막으로 수정한 날짜</th> | ||
85 | - <th>파일 크기</th> | ||
86 | - </tr> | ||
87 | - </thead> | ||
88 | - <tbody> | ||
89 | - <tr> | ||
90 | - <td>1,001</td> | ||
91 | - <td>Lorem</td> | ||
92 | - <td>ipsum</td> | ||
93 | - <td>dolor</td> | ||
94 | - <td>sit</td> | ||
95 | - </tr> | ||
96 | - <tr> | ||
97 | - <td>1,002</td> | ||
98 | - <td>amet</td> | ||
99 | - <td>consectetur</td> | ||
100 | - <td>adipiscing</td> | ||
101 | - <td>elit</td> | ||
102 | - </tr> | ||
103 | - <tr> | ||
104 | - <td>1,003</td> | ||
105 | - <td>Integer</td> | ||
106 | - <td>nec</td> | ||
107 | - <td>odio</td> | ||
108 | - <td>Praesent</td> | ||
109 | - </tr> | ||
110 | - <tr> | ||
111 | - <td>1,003</td> | ||
112 | - <td>libero</td> | ||
113 | - <td>Sed</td> | ||
114 | - <td>cursus</td> | ||
115 | - <td>ante</td> | ||
116 | - </tr> | ||
117 | - <tr> | ||
118 | - <td>1,004</td> | ||
119 | - <td>dapibus</td> | ||
120 | - <td>diam</td> | ||
121 | - <td>Sed</td> | ||
122 | - <td>nisi</td> | ||
123 | - </tr> | ||
124 | - <tr> | ||
125 | - <td>1,005</td> | ||
126 | - <td>Nulla</td> | ||
127 | - <td>quis</td> | ||
128 | - <td>sem</td> | ||
129 | - <td>at</td> | ||
130 | - </tr> | ||
131 | - | ||
132 | - </tbody> | ||
133 | - </table> | ||
134 | - </div> | ||
135 | - </main> | ||
136 | - ); | ||
137 | -} | ||
138 | - | ||
139 | -const RightSideBar = () => { | ||
140 | - return ( | ||
141 | - <nav class="col-md-2 d-none d-md-block bg-light sidebar"> | ||
142 | - <div class="sidebar-sticky"> | ||
143 | - <ul class="nav flex-column"> | ||
144 | - <li class="nav-item"> | ||
145 | - <a class="nav-link active" href="#"> | ||
146 | - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> | ||
147 | - Dashboard <span class="sr-only">(current)</span> | ||
148 | - </a> | ||
149 | - </li> | ||
150 | - <li class="nav-item"> | ||
151 | - <a class="nav-link" href="#"> | ||
152 | - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg> | ||
153 | - 파일 업로드 | ||
154 | - </a> | ||
155 | - </li> | ||
156 | - <li class="nav-item"> | ||
157 | - <a class="nav-link" href="#"> | ||
158 | - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg> | ||
159 | - 폴더 업로드 | ||
160 | - </a> | ||
161 | - </li> | ||
162 | - <li class="nav-item"> | ||
163 | - <a class="nav-link" href="#"> | ||
164 | - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg> | ||
165 | - 새 폴더 | ||
166 | - </a> | ||
167 | - </li> | ||
168 | - </ul> | ||
169 | - </div> | ||
170 | - </nav> | ||
171 | - | ||
172 | - ); | ||
173 | -} | ||
174 | - | ||
175 | -function App() { | ||
176 | - return ( | ||
177 | - <div className="App"> | ||
178 | - <NavBar /> | ||
179 | - {/* padding top required */} | ||
180 | - <div class="row"> | ||
181 | - <LeftSideBar /> | ||
182 | - <MainContent /> | ||
183 | - <RightSideBar /> | ||
184 | - </div> | ||
185 | - </div> | ||
186 | - ); | ||
187 | -} | ||
188 | - | ||
189 | -export default App; |
khubox-front/khubox/src/App.test.js
deleted
100644 → 0
1 | -import React from 'react'; | ||
2 | -import { render } from '@testing-library/react'; | ||
3 | -import App from './App'; | ||
4 | - | ||
5 | -test('renders learn react link', () => { | ||
6 | - const { getByText } = render(<App />); | ||
7 | - const linkElement = getByText(/learn react/i); | ||
8 | - expect(linkElement).toBeInTheDocument(); | ||
9 | -}); |
khubox-front/khubox/src/index.css
deleted
100644 → 0
1 | -body { | ||
2 | - margin: 0; | ||
3 | - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', | ||
4 | - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', | ||
5 | - sans-serif; | ||
6 | - -webkit-font-smoothing: antialiased; | ||
7 | - -moz-osx-font-smoothing: grayscale; | ||
8 | -} | ||
9 | - | ||
10 | -code { | ||
11 | - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', | ||
12 | - monospace; | ||
13 | -} |
khubox-front/khubox/src/index.js
deleted
100644 → 0
khubox-front/khubox/src/logo.svg
deleted
100644 → 0
1 | -<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"> | ||
2 | - <g fill="#61DAFB"> | ||
3 | - <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/> | ||
4 | - <circle cx="420.9" cy="296.5" r="45.7"/> | ||
5 | - <path d="M520.5 78.1z"/> | ||
6 | - </g> | ||
7 | -</svg> |
1 | -// This optional code is used to register a service worker. | ||
2 | -// register() is not called by default. | ||
3 | - | ||
4 | -// This lets the app load faster on subsequent visits in production, and gives | ||
5 | -// it offline capabilities. However, it also means that developers (and users) | ||
6 | -// will only see deployed updates on subsequent visits to a page, after all the | ||
7 | -// existing tabs open on the page have been closed, since previously cached | ||
8 | -// resources are updated in the background. | ||
9 | - | ||
10 | -// To learn more about the benefits of this model and instructions on how to | ||
11 | -// opt-in, read https://bit.ly/CRA-PWA | ||
12 | - | ||
13 | -const isLocalhost = Boolean( | ||
14 | - window.location.hostname === 'localhost' || | ||
15 | - // [::1] is the IPv6 localhost address. | ||
16 | - window.location.hostname === '[::1]' || | ||
17 | - // 127.0.0.0/8 are considered localhost for IPv4. | ||
18 | - window.location.hostname.match( | ||
19 | - /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ | ||
20 | - ) | ||
21 | -); | ||
22 | - | ||
23 | -export function register(config) { | ||
24 | - if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) { | ||
25 | - // The URL constructor is available in all browsers that support SW. | ||
26 | - const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href); | ||
27 | - if (publicUrl.origin !== window.location.origin) { | ||
28 | - // Our service worker won't work if PUBLIC_URL is on a different origin | ||
29 | - // from what our page is served on. This might happen if a CDN is used to | ||
30 | - // serve assets; see https://github.com/facebook/create-react-app/issues/2374 | ||
31 | - return; | ||
32 | - } | ||
33 | - | ||
34 | - window.addEventListener('load', () => { | ||
35 | - const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; | ||
36 | - | ||
37 | - if (isLocalhost) { | ||
38 | - // This is running on localhost. Let's check if a service worker still exists or not. | ||
39 | - checkValidServiceWorker(swUrl, config); | ||
40 | - | ||
41 | - // Add some additional logging to localhost, pointing developers to the | ||
42 | - // service worker/PWA documentation. | ||
43 | - navigator.serviceWorker.ready.then(() => { | ||
44 | - console.log( | ||
45 | - 'This web app is being served cache-first by a service ' + | ||
46 | - 'worker. To learn more, visit https://bit.ly/CRA-PWA' | ||
47 | - ); | ||
48 | - }); | ||
49 | - } else { | ||
50 | - // Is not localhost. Just register service worker | ||
51 | - registerValidSW(swUrl, config); | ||
52 | - } | ||
53 | - }); | ||
54 | - } | ||
55 | -} | ||
56 | - | ||
57 | -function registerValidSW(swUrl, config) { | ||
58 | - navigator.serviceWorker | ||
59 | - .register(swUrl) | ||
60 | - .then(registration => { | ||
61 | - registration.onupdatefound = () => { | ||
62 | - const installingWorker = registration.installing; | ||
63 | - if (installingWorker == null) { | ||
64 | - return; | ||
65 | - } | ||
66 | - installingWorker.onstatechange = () => { | ||
67 | - if (installingWorker.state === 'installed') { | ||
68 | - if (navigator.serviceWorker.controller) { | ||
69 | - // At this point, the updated precached content has been fetched, | ||
70 | - // but the previous service worker will still serve the older | ||
71 | - // content until all client tabs are closed. | ||
72 | - console.log( | ||
73 | - 'New content is available and will be used when all ' + | ||
74 | - 'tabs for this page are closed. See https://bit.ly/CRA-PWA.' | ||
75 | - ); | ||
76 | - | ||
77 | - // Execute callback | ||
78 | - if (config && config.onUpdate) { | ||
79 | - config.onUpdate(registration); | ||
80 | - } | ||
81 | - } else { | ||
82 | - // At this point, everything has been precached. | ||
83 | - // It's the perfect time to display a | ||
84 | - // "Content is cached for offline use." message. | ||
85 | - console.log('Content is cached for offline use.'); | ||
86 | - | ||
87 | - // Execute callback | ||
88 | - if (config && config.onSuccess) { | ||
89 | - config.onSuccess(registration); | ||
90 | - } | ||
91 | - } | ||
92 | - } | ||
93 | - }; | ||
94 | - }; | ||
95 | - }) | ||
96 | - .catch(error => { | ||
97 | - console.error('Error during service worker registration:', error); | ||
98 | - }); | ||
99 | -} | ||
100 | - | ||
101 | -function checkValidServiceWorker(swUrl, config) { | ||
102 | - // Check if the service worker can be found. If it can't reload the page. | ||
103 | - fetch(swUrl, { | ||
104 | - headers: { 'Service-Worker': 'script' }, | ||
105 | - }) | ||
106 | - .then(response => { | ||
107 | - // Ensure service worker exists, and that we really are getting a JS file. | ||
108 | - const contentType = response.headers.get('content-type'); | ||
109 | - if ( | ||
110 | - response.status === 404 || | ||
111 | - (contentType != null && contentType.indexOf('javascript') === -1) | ||
112 | - ) { | ||
113 | - // No service worker found. Probably a different app. Reload the page. | ||
114 | - navigator.serviceWorker.ready.then(registration => { | ||
115 | - registration.unregister().then(() => { | ||
116 | - window.location.reload(); | ||
117 | - }); | ||
118 | - }); | ||
119 | - } else { | ||
120 | - // Service worker found. Proceed as normal. | ||
121 | - registerValidSW(swUrl, config); | ||
122 | - } | ||
123 | - }) | ||
124 | - .catch(() => { | ||
125 | - console.log( | ||
126 | - 'No internet connection found. App is running in offline mode.' | ||
127 | - ); | ||
128 | - }); | ||
129 | -} | ||
130 | - | ||
131 | -export function unregister() { | ||
132 | - if ('serviceWorker' in navigator) { | ||
133 | - navigator.serviceWorker.ready | ||
134 | - .then(registration => { | ||
135 | - registration.unregister(); | ||
136 | - }) | ||
137 | - .catch(error => { | ||
138 | - console.error(error.message); | ||
139 | - }); | ||
140 | - } | ||
141 | -} |
khubox-front/khubox/yarn.lock
deleted
100644 → 0
This diff could not be displayed because it is too large.
-
Please register or login to post a comment