9 changed files with 178 additions and 246 deletions
@ -1,9 +1,169 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<project version="4"> |
|||
<component name="ChangeListManager"> |
|||
<list default="true" id="9b17c4a1-b7df-4634-9e4b-b92fbf098d8e" name="Default Changelist" comment=""> |
|||
<change afterPath="$PROJECT_DIR$/.idea/compiler.xml" afterDir="false" /> |
|||
<change afterPath="$PROJECT_DIR$/.idea/inspectionProfiles/Project_Default.xml" afterDir="false" /> |
|||
<change afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" /> |
|||
<change afterPath="$PROJECT_DIR$/config-overrides.js" afterDir="false" /> |
|||
<change afterPath="$PROJECT_DIR$/src/ui/footer/index.js" afterDir="false" /> |
|||
<change afterPath="$PROJECT_DIR$/src/views/App.js" afterDir="false" /> |
|||
<change afterPath="$PROJECT_DIR$/src/views/App.scss" afterDir="false" /> |
|||
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" /> |
|||
<change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" /> |
|||
<change beforePath="$PROJECT_DIR$/src/App.css" beforeDir="false" /> |
|||
<change beforePath="$PROJECT_DIR$/src/App.js" beforeDir="false" /> |
|||
<change beforePath="$PROJECT_DIR$/src/App.test.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/App.test.js" afterDir="false" /> |
|||
<change beforePath="$PROJECT_DIR$/src/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/assets/scss/_index.scss" afterDir="false" /> |
|||
<change beforePath="$PROJECT_DIR$/src/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/index.js" afterDir="false" /> |
|||
<change beforePath="$PROJECT_DIR$/src/logo.svg" beforeDir="false" /> |
|||
<change beforePath="$PROJECT_DIR$/src/serviceWorker.js" beforeDir="false" /> |
|||
</list> |
|||
<option name="SHOW_DIALOG" value="false" /> |
|||
<option name="HIGHLIGHT_CONFLICTS" value="true" /> |
|||
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" /> |
|||
<option name="LAST_RESOLUTION" value="IGNORE" /> |
|||
</component> |
|||
<component name="Git.Settings"> |
|||
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" /> |
|||
</component> |
|||
<component name="ProjectId" id="1ZHj6OwWVdRxDV76xlrrwhiUEN9" /> |
|||
<component name="ProjectLevelVcsManager" settingsEditedManually="true" /> |
|||
<component name="ProjectViewState"> |
|||
<option name="hideEmptyMiddlePackages" value="true" /> |
|||
<option name="showExcludedFiles" value="true" /> |
|||
<option name="showLibraryContents" value="true" /> |
|||
</component> |
|||
<component name="PropertiesComponent"> |
|||
<property name="RunOnceActivity.ShowReadmeOnStart" value="true" /> |
|||
<property name="SHARE_PROJECT_CONFIGURATION_FILES" value="true" /> |
|||
<property name="WebServerToolWindowFactoryState" value="false" /> |
|||
<property name="last_opened_file_path" value="$USER_HOME$/Desktop/WOW/x_cloud" /> |
|||
<property name="node.js.detected.package.eslint" value="true" /> |
|||
<property name="node.js.detected.package.standard" value="true" /> |
|||
<property name="node.js.path.for.package.eslint" value="project" /> |
|||
<property name="node.js.path.for.package.standard" value="project" /> |
|||
<property name="node.js.selected.package.eslint" value="(autodetect)" /> |
|||
<property name="node.js.selected.package.standard" value="" /> |
|||
<property name="nodejs_interpreter_path" value="node" /> |
|||
<property name="nodejs_package_manager_path" value="yarn" /> |
|||
<property name="ts.external.directory.path" value="D:\app\WebStorm 2019.3.3\plugins\JavaScriptLanguage\jsLanguageServicesImpl\external" /> |
|||
</component> |
|||
<component name="RecentsManager"> |
|||
<key name="MoveFile.RECENT_KEYS"> |
|||
<recent name="D:\code\@react\forfun-jsx\src\ui\footer" /> |
|||
<recent name="D:\code\@react\forfun-jsx\src\views" /> |
|||
<recent name="D:\code\@react\forfun-jsx\src\assets\scss" /> |
|||
<recent name="D:\code\@react\forfun-jsx\src" /> |
|||
<recent name="D:\code\@react\forfun-jsx\src\App" /> |
|||
</key> |
|||
</component> |
|||
<component name="RunManager" selected="npm.npm start"> |
|||
<configuration name="Debug Application" type="JavascriptDebugType" uri="http://localhost:3000"> |
|||
<method v="2" /> |
|||
</configuration> |
|||
<configuration name="build" type="js.build_tools.npm" temporary="true" nameIsGenerated="true"> |
|||
<package-json value="$PROJECT_DIR$/package.json" /> |
|||
<command value="run" /> |
|||
<scripts> |
|||
<script value="build" /> |
|||
</scripts> |
|||
<node-interpreter value="project" /> |
|||
<envs /> |
|||
<method v="2" /> |
|||
</configuration> |
|||
<configuration name="npm start" type="js.build_tools.npm"> |
|||
<package-json value="$PROJECT_DIR$/package.json" /> |
|||
<command value="run" /> |
|||
<scripts> |
|||
<script value="start" /> |
|||
</scripts> |
|||
<node-interpreter value="project" /> |
|||
<envs /> |
|||
<method v="2" /> |
|||
</configuration> |
|||
<recent_temporary> |
|||
<list> |
|||
<item itemvalue="npm.build" /> |
|||
</list> |
|||
</recent_temporary> |
|||
</component> |
|||
<component name="SvnConfiguration"> |
|||
<configuration /> |
|||
</component> |
|||
<component name="TaskManager"> |
|||
<task active="true" id="Default" summary="Default task"> |
|||
<changelist id="9b17c4a1-b7df-4634-9e4b-b92fbf098d8e" name="Default Changelist" comment="" /> |
|||
<created>1584502737137</created> |
|||
<option name="number" value="Default" /> |
|||
<option name="presentableId" value="Default" /> |
|||
<updated>1584502737137</updated> |
|||
<workItem from="1584502738517" duration="1945000" /> |
|||
<workItem from="1584509783574" duration="12093000" /> |
|||
<workItem from="1584540546619" duration="3629000" /> |
|||
<workItem from="1584583504865" duration="4213000" /> |
|||
<workItem from="1584683880034" duration="19000" /> |
|||
<workItem from="1584683931540" duration="5492000" /> |
|||
<workItem from="1584707519054" duration="1358000" /> |
|||
<workItem from="1584709894981" duration="629000" /> |
|||
</task> |
|||
<servers /> |
|||
</component> |
|||
<component name="TypeScriptGeneratedFilesManager"> |
|||
<option name="version" value="1" /> |
|||
</component> |
|||
<component name="WindowStateProjectService"> |
|||
<state x="552" y="186" key="#ESLint" timestamp="1584543157816"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state x="552" y="186" key="#ESLint/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584543157816" /> |
|||
<state x="521" y="122" key="CommitChangelistDialog2" timestamp="1584710870649"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state x="521" y="122" key="CommitChangelistDialog2/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584710870649" /> |
|||
<state x="740" y="282" key="FileChooserDialogImpl" timestamp="1584708875464"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state x="740" y="282" key="FileChooserDialogImpl/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584708875464" /> |
|||
<state width="948" height="134" key="GridCell.Tab.0.bottom" timestamp="1584708877870"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state width="948" height="134" key="GridCell.Tab.0.bottom/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584708877870" /> |
|||
<state width="948" height="134" key="GridCell.Tab.0.bottom/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584699038654" /> |
|||
<state width="1899" height="134" key="GridCell.Tab.0.bottom/0.0.1920.1050@0.0.1920.1050" timestamp="1584605051750" /> |
|||
<state width="948" height="134" key="GridCell.Tab.0.center" timestamp="1584708877870"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state width="948" height="134" key="GridCell.Tab.0.center/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584708877870" /> |
|||
<state width="948" height="134" key="GridCell.Tab.0.center/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584699038654" /> |
|||
<state width="1899" height="134" key="GridCell.Tab.0.center/0.0.1920.1050@0.0.1920.1050" timestamp="1584605051750" /> |
|||
<state width="948" height="134" key="GridCell.Tab.0.left" timestamp="1584708877870"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state width="948" height="134" key="GridCell.Tab.0.left/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584708877870" /> |
|||
<state width="948" height="134" key="GridCell.Tab.0.left/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584699038654" /> |
|||
<state width="1899" height="134" key="GridCell.Tab.0.left/0.0.1920.1050@0.0.1920.1050" timestamp="1584605051750" /> |
|||
<state width="948" height="134" key="GridCell.Tab.0.right" timestamp="1584708877870"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state width="948" height="134" key="GridCell.Tab.0.right/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584708877870" /> |
|||
<state width="948" height="134" key="GridCell.Tab.0.right/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584699038654" /> |
|||
<state width="1899" height="134" key="GridCell.Tab.0.right/0.0.1920.1050@0.0.1920.1050" timestamp="1584605051750" /> |
|||
<state x="702" y="231" key="VCS.ChangeListViewerDialog" timestamp="1584710886583"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state x="702" y="231" key="VCS.ChangeListViewerDialog/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584710886583" /> |
|||
<state x="652" y="352" key="com.intellij.ide.util.TipDialog" timestamp="1584683945424"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state x="652" y="352" key="com.intellij.ide.util.TipDialog/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584683945424" /> |
|||
<state x="771" y="430" key="git4idea.ui.GitResetDialog" timestamp="1584710900642"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state x="771" y="430" key="git4idea.ui.GitResetDialog/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584710900642" /> |
|||
<state x="143" y="233" width="672" height="678" key="search.everywhere.popup" timestamp="1584521888619"> |
|||
<screen x="0" y="0" width="1920" height="1050" /> |
|||
</state> |
|||
<state x="143" y="233" width="672" height="678" key="search.everywhere.popup/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584521888619" /> |
|||
</component> |
|||
</project> |
|||
@ -1,38 +0,0 @@ |
|||
.App { |
|||
text-align: center; |
|||
} |
|||
|
|||
.App-logo { |
|||
height: 40vmin; |
|||
pointer-events: none; |
|||
} |
|||
|
|||
@media (prefers-reduced-motion: no-preference) { |
|||
.App-logo { |
|||
animation: App-logo-spin infinite 20s linear; |
|||
} |
|||
} |
|||
|
|||
.App-header { |
|||
background-color: #282c34; |
|||
min-height: 100vh; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: calc(10px + 2vmin); |
|||
color: white; |
|||
} |
|||
|
|||
.App-link { |
|||
color: #61dafb; |
|||
} |
|||
|
|||
@keyframes App-logo-spin { |
|||
from { |
|||
transform: rotate(0deg); |
|||
} |
|||
to { |
|||
transform: rotate(360deg); |
|||
} |
|||
} |
|||
@ -1,26 +0,0 @@ |
|||
import React from 'react'; |
|||
import logo from './logo.svg'; |
|||
import './App.css'; |
|||
|
|||
function App() { |
|||
return ( |
|||
<div className="App"> |
|||
<header className="App-header"> |
|||
<img src={logo} className="App-logo" alt="logo" /> |
|||
<p> |
|||
Edit <code>src/App.js</code> and save to reload. |
|||
</p> |
|||
<a |
|||
className="App-link" |
|||
href="https://reactjs.org" |
|||
target="_blank" |
|||
rel="noopener noreferrer" |
|||
> |
|||
Learn React |
|||
</a> |
|||
</header> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
export default App; |
|||
@ -1,9 +0,0 @@ |
|||
import React from 'react'; |
|||
import { render } from '@testing-library/react'; |
|||
import App from './App'; |
|||
|
|||
test('renders learn react link', () => { |
|||
const { getByText } = render(<App />); |
|||
const linkElement = getByText(/learn react/i); |
|||
expect(linkElement).toBeInTheDocument(); |
|||
}); |
|||
@ -1,13 +0,0 @@ |
|||
body { |
|||
margin: 0; |
|||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', |
|||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', |
|||
sans-serif; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
code { |
|||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', |
|||
monospace; |
|||
} |
|||
|
Before Width: | Height: | Size: 2.6 KiB |
@ -1,141 +0,0 @@ |
|||
// This optional code is used to register a service worker.
|
|||
// register() is not called by default.
|
|||
|
|||
// This lets the app load faster on subsequent visits in production, and gives
|
|||
// it offline capabilities. However, it also means that developers (and users)
|
|||
// will only see deployed updates on subsequent visits to a page, after all the
|
|||
// existing tabs open on the page have been closed, since previously cached
|
|||
// resources are updated in the background.
|
|||
|
|||
// To learn more about the benefits of this model and instructions on how to
|
|||
// opt-in, read https://bit.ly/CRA-PWA
|
|||
|
|||
const isLocalhost = Boolean( |
|||
window.location.hostname === 'localhost' || |
|||
// [::1] is the IPv6 localhost address.
|
|||
window.location.hostname === '[::1]' || |
|||
// 127.0.0.0/8 are considered localhost for IPv4.
|
|||
window.location.hostname.match( |
|||
/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ |
|||
) |
|||
); |
|||
|
|||
export function register(config) { |
|||
if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) { |
|||
// The URL constructor is available in all browsers that support SW.
|
|||
const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href); |
|||
if (publicUrl.origin !== window.location.origin) { |
|||
// Our service worker won't work if PUBLIC_URL is on a different origin
|
|||
// from what our page is served on. This might happen if a CDN is used to
|
|||
// serve assets; see https://github.com/facebook/create-react-app/issues/2374
|
|||
return; |
|||
} |
|||
|
|||
window.addEventListener('load', () => { |
|||
const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; |
|||
|
|||
if (isLocalhost) { |
|||
// This is running on localhost. Let's check if a service worker still exists or not.
|
|||
checkValidServiceWorker(swUrl, config); |
|||
|
|||
// Add some additional logging to localhost, pointing developers to the
|
|||
// service worker/PWA documentation.
|
|||
navigator.serviceWorker.ready.then(() => { |
|||
console.log( |
|||
'This web app is being served cache-first by a service ' + |
|||
'worker. To learn more, visit https://bit.ly/CRA-PWA' |
|||
); |
|||
}); |
|||
} else { |
|||
// Is not localhost. Just register service worker
|
|||
registerValidSW(swUrl, config); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
|
|||
function registerValidSW(swUrl, config) { |
|||
navigator.serviceWorker |
|||
.register(swUrl) |
|||
.then(registration => { |
|||
registration.onupdatefound = () => { |
|||
const installingWorker = registration.installing; |
|||
if (installingWorker == null) { |
|||
return; |
|||
} |
|||
installingWorker.onstatechange = () => { |
|||
if (installingWorker.state === 'installed') { |
|||
if (navigator.serviceWorker.controller) { |
|||
// At this point, the updated precached content has been fetched,
|
|||
// but the previous service worker will still serve the older
|
|||
// content until all client tabs are closed.
|
|||
console.log( |
|||
'New content is available and will be used when all ' + |
|||
'tabs for this page are closed. See https://bit.ly/CRA-PWA.' |
|||
); |
|||
|
|||
// Execute callback
|
|||
if (config && config.onUpdate) { |
|||
config.onUpdate(registration); |
|||
} |
|||
} else { |
|||
// At this point, everything has been precached.
|
|||
// It's the perfect time to display a
|
|||
// "Content is cached for offline use." message.
|
|||
console.log('Content is cached for offline use.'); |
|||
|
|||
// Execute callback
|
|||
if (config && config.onSuccess) { |
|||
config.onSuccess(registration); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
}; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error during service worker registration:', error); |
|||
}); |
|||
} |
|||
|
|||
function checkValidServiceWorker(swUrl, config) { |
|||
// Check if the service worker can be found. If it can't reload the page.
|
|||
fetch(swUrl, { |
|||
headers: { 'Service-Worker': 'script' } |
|||
}) |
|||
.then(response => { |
|||
// Ensure service worker exists, and that we really are getting a JS file.
|
|||
const contentType = response.headers.get('content-type'); |
|||
if ( |
|||
response.status === 404 || |
|||
(contentType != null && contentType.indexOf('javascript') === -1) |
|||
) { |
|||
// No service worker found. Probably a different app. Reload the page.
|
|||
navigator.serviceWorker.ready.then(registration => { |
|||
registration.unregister().then(() => { |
|||
window.location.reload(); |
|||
}); |
|||
}); |
|||
} else { |
|||
// Service worker found. Proceed as normal.
|
|||
registerValidSW(swUrl, config); |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
console.log( |
|||
'No internet connection found. App is running in offline mode.' |
|||
); |
|||
}); |
|||
} |
|||
|
|||
export function unregister() { |
|||
if ('serviceWorker' in navigator) { |
|||
navigator.serviceWorker.ready |
|||
.then(registration => { |
|||
registration.unregister(); |
|||
}) |
|||
.catch(error => { |
|||
console.error(error.message); |
|||
}); |
|||
} |
|||
} |
|||
Loading…
Reference in new issue