mirror of https://git.sr.ht/~garritfra/omega
Garrit Franke
4 years ago
13 changed files with 12069 additions and 1 deletions
@ -0,0 +1,21 @@
|
||||
MIT License |
||||
|
||||
Copyright (c) 2018 garritfra |
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy |
||||
of this software and associated documentation files (the "Software"), to deal |
||||
in the Software without restriction, including without limitation the rights |
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
||||
copies of the Software, and to permit persons to whom the Software is |
||||
furnished to do so, subject to the following conditions: |
||||
|
||||
The above copyright notice and this permission notice shall be included in all |
||||
copies or substantial portions of the Software. |
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||
SOFTWARE. |
@ -0,0 +1,3 @@
|
||||
# react-parcel-boilerplate |
||||
|
||||
A minimal react boilerplate that uses parcel to bundle all of your assets |
@ -0,0 +1,13 @@
|
||||
module.exports = { |
||||
presets: [ |
||||
[ |
||||
"@babel/preset-react", |
||||
{ |
||||
targets: { |
||||
node: "current" |
||||
} |
||||
} |
||||
], |
||||
"@babel/preset-env" |
||||
] |
||||
}; |
@ -0,0 +1,188 @@
|
||||
// For a detailed explanation regarding each configuration property, visit:
|
||||
// https://jestjs.io/docs/en/configuration.html
|
||||
|
||||
module.exports = { |
||||
// All imported modules in your tests should be mocked automatically
|
||||
// automock: false,
|
||||
|
||||
// Stop running tests after `n` failures
|
||||
// bail: 0,
|
||||
|
||||
// Respect "browser" field in package.json when resolving modules
|
||||
// browser: false,
|
||||
|
||||
// The directory where Jest should store its cached dependency information
|
||||
// cacheDirectory: "/private/var/folders/0w/g1tvpmkn2tbg2jc2pqwbfzkh3jw7bf/T/jest_1z3gj2",
|
||||
|
||||
// Automatically clear mock calls and instances between every test
|
||||
clearMocks: true, |
||||
|
||||
// Indicates whether the coverage information should be collected while executing the test
|
||||
// collectCoverage: false,
|
||||
|
||||
// An array of glob patterns indicating a set of files for which coverage information should be collected
|
||||
// collectCoverageFrom: null,
|
||||
|
||||
// The directory where Jest should output its coverage files
|
||||
coverageDirectory: "coverage", |
||||
|
||||
// An array of regexp pattern strings used to skip coverage collection
|
||||
// coveragePathIgnorePatterns: [
|
||||
// "/node_modules/"
|
||||
// ],
|
||||
|
||||
// A list of reporter names that Jest uses when writing coverage reports
|
||||
// coverageReporters: [
|
||||
// "json",
|
||||
// "text",
|
||||
// "lcov",
|
||||
// "clover"
|
||||
// ],
|
||||
|
||||
// An object that configures minimum threshold enforcement for coverage results
|
||||
// coverageThreshold: null,
|
||||
|
||||
// A path to a custom dependency extractor
|
||||
// dependencyExtractor: null,
|
||||
|
||||
// Make calling deprecated APIs throw helpful error messages
|
||||
// errorOnDeprecated: false,
|
||||
|
||||
// Force coverage collection from ignored files using an array of glob patterns
|
||||
// forceCoverageMatch: [],
|
||||
|
||||
// A path to a module which exports an async function that is triggered once before all test suites
|
||||
// globalSetup: null,
|
||||
|
||||
// A path to a module which exports an async function that is triggered once after all test suites
|
||||
// globalTeardown: null,
|
||||
|
||||
// A set of global variables that need to be available in all test environments
|
||||
// globals: {},
|
||||
|
||||
// The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
|
||||
// maxWorkers: "50%",
|
||||
|
||||
// An array of directory names to be searched recursively up from the requiring module's location
|
||||
// moduleDirectories: [
|
||||
// "node_modules"
|
||||
// ],
|
||||
|
||||
// An array of file extensions your modules use
|
||||
// moduleFileExtensions: [
|
||||
// "js",
|
||||
// "json",
|
||||
// "jsx",
|
||||
// "ts",
|
||||
// "tsx",
|
||||
// "node"
|
||||
// ],
|
||||
|
||||
// A map from regular expressions to module names that allow to stub out resources with a single module
|
||||
// moduleNameMapper: {},
|
||||
|
||||
// An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
|
||||
// modulePathIgnorePatterns: [],
|
||||
|
||||
// Activates notifications for test results
|
||||
// notify: false,
|
||||
|
||||
// An enum that specifies notification mode. Requires { notify: true }
|
||||
// notifyMode: "failure-change",
|
||||
|
||||
// A preset that is used as a base for Jest's configuration
|
||||
// preset: null,
|
||||
|
||||
// Run tests from one or more projects
|
||||
// projects: null,
|
||||
|
||||
// Use this configuration option to add custom reporters to Jest
|
||||
// reporters: undefined,
|
||||
|
||||
// Automatically reset mock state between every test
|
||||
// resetMocks: false,
|
||||
|
||||
// Reset the module registry before running each individual test
|
||||
// resetModules: false,
|
||||
|
||||
// A path to a custom resolver
|
||||
// resolver: null,
|
||||
|
||||
// Automatically restore mock state between every test
|
||||
// restoreMocks: false,
|
||||
|
||||
// The root directory that Jest should scan for tests and modules within
|
||||
// rootDir: null,
|
||||
|
||||
// A list of paths to directories that Jest should use to search for files in
|
||||
// roots: [
|
||||
// "<rootDir>"
|
||||
// ],
|
||||
|
||||
// Allows you to use a custom runner instead of Jest's default test runner
|
||||
// runner: "jest-runner",
|
||||
|
||||
// The paths to modules that run some code to configure or set up the testing environment before each test
|
||||
// setupFiles: [],
|
||||
|
||||
// A list of paths to modules that run some code to configure or set up the testing framework before each test
|
||||
setupFilesAfterEnv: ["<rootDir>src/setupTests.js"], |
||||
|
||||
// A list of paths to snapshot serializer modules Jest should use for snapshot testing
|
||||
// snapshotSerializers: [],
|
||||
|
||||
// The test environment that will be used for testing
|
||||
testEnvironment: "node" |
||||
|
||||
// Options that will be passed to the testEnvironment
|
||||
// testEnvironmentOptions: {},
|
||||
|
||||
// Adds a location field to test results
|
||||
// testLocationInResults: false,
|
||||
|
||||
// The glob patterns Jest uses to detect test files
|
||||
// testMatch: [
|
||||
// "**/__tests__/**/*.[jt]s?(x)",
|
||||
// "**/?(*.)+(spec|test).[tj]s?(x)"
|
||||
// ],
|
||||
|
||||
// An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
|
||||
// testPathIgnorePatterns: [
|
||||
// "/node_modules/"
|
||||
// ],
|
||||
|
||||
// The regexp pattern or array of patterns that Jest uses to detect test files
|
||||
// testRegex: [],
|
||||
|
||||
// This option allows the use of a custom results processor
|
||||
// testResultsProcessor: null,
|
||||
|
||||
// This option allows use of a custom test runner
|
||||
// testRunner: "jasmine2",
|
||||
|
||||
// This option sets the URL for the jsdom environment. It is reflected in properties such as location.href
|
||||
// testURL: "http://localhost",
|
||||
|
||||
// Setting this value to "fake" allows the use of fake timers for functions such as "setTimeout"
|
||||
// timers: "real",
|
||||
|
||||
// A map from regular expressions to paths to transformers
|
||||
// transform: null,
|
||||
|
||||
// An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
|
||||
// transformIgnorePatterns: [
|
||||
// "/node_modules/"
|
||||
// ],
|
||||
|
||||
// An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
|
||||
// unmockedModulePathPatterns: undefined,
|
||||
|
||||
// Indicates whether each individual test should be reported during the run
|
||||
// verbose: null,
|
||||
|
||||
// An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
|
||||
// watchPathIgnorePatterns: [],
|
||||
|
||||
// Whether to use watchman for file crawling
|
||||
// watchman: true,
|
||||
}; |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,32 @@
|
||||
{ |
||||
"name": "react-parcel-boilerplate", |
||||
"version": "1.0.0", |
||||
"description": "React Parcel Boilerplate", |
||||
"main": "index.js", |
||||
"scripts": { |
||||
"start": "parcel public/index.html", |
||||
"build": "npm test && parcel build public/index.html", |
||||
"test": "jest --coverage" |
||||
}, |
||||
"author": "Garrit Franke", |
||||
"license": "MIT", |
||||
"dependencies": { |
||||
"@ant-design/icons": "^4.2.2", |
||||
"@types/jest": "^24.0.22", |
||||
"antd": "^4.6.6", |
||||
"react": "^16.3.2", |
||||
"react-dom": "^16.3.2", |
||||
"styled-components": "^4.4.1" |
||||
}, |
||||
"devDependencies": { |
||||
"@babel/core": "^7.7.2", |
||||
"@babel/preset-env": "^7.7.1", |
||||
"@babel/preset-react": "^7.7.0", |
||||
"babel-jest": "^24.9.0", |
||||
"enzyme": "^3.10.0", |
||||
"enzyme-adapter-react-16": "^1.15.1", |
||||
"jest": "^24.9.0", |
||||
"node-sass": "^4.13.1", |
||||
"parcel": "^1.12.4" |
||||
} |
||||
} |
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
||||
<title>My React App</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="root" /> |
||||
<script src="../src/index.js"></script> |
||||
</body> |
||||
|
||||
</html> |
@ -0,0 +1,47 @@
|
||||
import React, { useState } from "react"; |
||||
import { Layout } from "antd"; |
||||
|
||||
import Navigation from "./Navigation"; |
||||
|
||||
const { Header, Content, Footer, Sider } = Layout; |
||||
export default function App() { |
||||
const [sidebarCollapsed, setSidebarCollapsed] = useState(false); |
||||
|
||||
const onCollapse = (collapsed) => { |
||||
setSidebarCollapsed(collapsed); |
||||
}; |
||||
|
||||
return ( |
||||
<Layout style={{ minWidth: "100vw", minHeight: "100vh" }}> |
||||
<Sider |
||||
collapsible |
||||
collapsed={sidebarCollapsed} |
||||
onCollapse={onCollapse} |
||||
style={{ |
||||
overflow: "auto", |
||||
height: "100vh", |
||||
position: "fixed", |
||||
left: 0, |
||||
}} |
||||
> |
||||
<div className="logo" /> |
||||
<Navigation /> |
||||
</Sider> |
||||
<Layout> |
||||
<Header>Welcome</Header> |
||||
<Content |
||||
style={{ |
||||
margin: "24px 16px", |
||||
padding: 24, |
||||
minHeight: 280, |
||||
}} |
||||
> |
||||
<div>This will be the content</div> |
||||
</Content> |
||||
<Footer style={{ textAlign: "center" }}> |
||||
Omega CRM ©2020 Created by Garrit Franke |
||||
</Footer> |
||||
</Layout> |
||||
</Layout> |
||||
); |
||||
} |
@ -0,0 +1,10 @@
|
||||
import { Menu } from "antd"; |
||||
import React from "react"; |
||||
|
||||
export default function Navigation() { |
||||
return ( |
||||
<Menu defaultSelectedKeys={["home"]} mode="inline" theme="dark"> |
||||
<Menu.Item key="home">Home</Menu.Item> |
||||
</Menu> |
||||
); |
||||
} |
@ -0,0 +1,10 @@
|
||||
import React from "react"; |
||||
import { shallow } from "enzyme"; |
||||
|
||||
import App from "../App"; |
||||
|
||||
describe("App", () => { |
||||
it("renders", () => { |
||||
expect(shallow(<App />)).toBeDefined(); |
||||
}); |
||||
}); |
@ -0,0 +1,6 @@
|
||||
import React, { Component } from "react"; |
||||
import ReactDOM from "react-dom"; |
||||
import App from "../src/components/App"; |
||||
import "antd/dist/antd.css"; |
||||
|
||||
ReactDOM.render(<App />, document.querySelector("#root")); |
Loading…
Reference in new issue