Merge pull request #1 from wh1tecat-nya/develop

Develop

.eslintrc.js

@@ -5,26 +5,32 @@ module.exports = {
 		"eslint:recommended",
 		"standard",
 		"plugin:react/recommended",
+		"plugin:import/typescript",
 		"plugin:import/recommended",
 		"plugin:prettier/recommended",
 		"prettier/standard",
 	],
-	plugins: ["react", "@typescript-eslint"],
+	plugins: ["react", "@typescript-eslint", "import"],
+	"ecmaFeatures": {
+		"jsx": true,
+	},
 	parserOptions: {
 		ecmaFeatures: {
 			jsx: true,
 		},
 	},
 	env: {
-		"jest": true
+		"browser": true,
 	},
 	rules: {
 		"no-console": "off",
+		"no-unused-vars": "warn",
+		"no-irregular-whitespace": "off",
 		"react/display-name": "off",
 		"react/jsx-boolean-value": "error",
 		"react/no-redundant-should-component-update": "error",
 		"react/no-typos": "error",
-		"react/no-unused-state": "error",
+		"react/no-unused-state": "warn",
 		"react/no-unused-prop-types": "error",
 		"react/no-deprecated": "error",
 		"react/no-direct-mutation-state": "error",
@@ -35,13 +41,13 @@ module.exports = {
 		"import/named": "off",
 		"import/no-duplicates": "error",
 		// https://github.com/bradzacher/eslint-plugin-typescript/issues/2
-		"no-unused-vars": "off",
 	},
 	settings: {
 		"import/resolver": {
 			node: {
 				extensions: [".js", ".ts", ".tsx"],
 			},
 		},
+		"import/core-modules": ["react"]
 	},
 };

.gitignore

@@ -16,6 +16,7 @@ dist
 .npm
 .yarn-integrity
 .eslintcache
+.cache/
 
 # userfiles
 .DS_Store

.prettierrc

@@ -1,5 +1,7 @@
 {
 	"trailingComma": "es5",
 	"tabWidth": 4,
-	"useTabs": true
+	"useTabs": true,
+	"printWidth": 100
+
 }

.storybook/addons.js

@@ -0,0 +1,3 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-links/register';
+import '@storybook/addon-knobs/register';

.storybook/config.js

@@ -0,0 +1,12 @@
+import {
+  configure,
+} from "@storybook/react";
+import "antd/dist/antd.less";
+
+const req = require.context("../src/components", true, /stories.js$/);
+
+function loadStories () {
+  req.keys().forEach(filename => req(filename));
+}
+
+configure(loadStories, module);

.storybook/webpack.config.js

@@ -0,0 +1,7 @@
+const base = require("../webpack.config");
+const webpack = require("webpack");
+
+module.exports = {
+  ...base,
+  plugins: [new webpack.EnvironmentPlugin(["NODE_ENV", "SERVER_URL"])],
+};

.yarnclean

@@ -0,0 +1 @@
+@types/react-native

modules/ISCPD-App/.expo-shared/assets.json

@@ -0,0 +1,4 @@
+{
+  "f9155ac790fd02fadcdeca367b02581c04a353aa6d5aa84409a59f6804c87acd": true,
+  "89ed26367cdb9b771858e026f2eb95bfdb90e5ae943e716575327ec325f39c44": true
+}

modules/ISCPD-App/.gitignore

@@ -0,0 +1,11 @@
+node_modules/**/*
+.expo/*
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+web-report/

modules/ISCPD-App/.watchmanconfig

@@ -0,0 +1 @@
+{}

modules/ISCPD-App/AppEntry.js

@@ -0,0 +1,10 @@
+import { registerRootComponent } from "expo";
+import { activateKeepAwake } from "expo-keep-awake";
+
+import App from "./src/App";
+
+if (__DEV__) {
+	activateKeepAwake();
+}
+
+registerRootComponent(App);

modules/ISCPD-App/app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "ISCPD",
+    "slug": "ISCPD",
+    "privacy": "public",
+    "sdkVersion": "35.0.0",
+    "platforms": [
+      "ios",
+      "android",
+      "web"
+    ],
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    }
+  }
+}

modules/ISCPD-App/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = function(api) {
+	api.cache(true);
+	return {
+		presets: ["babel-preset-expo"],
+	};
+};

modules/ISCPD-App/package.json

@@ -0,0 +1,29 @@
+{
+	"name": "ISCPD-App",
+	"version": "0.0.1",
+	"description": "for mobile",
+	"author": "wh1tecat <[email protected]>",
+	"main": "./AppEntry.js",
+	"license": "MIT",
+	"scripts": {
+		"start": "expo start",
+		"android": "expo start --android",
+		"ios": "expo start --ios",
+		"web": "expo start --web",
+		"eject": "expo eject"
+	},
+	"dependencies": {
+		"ISCPD-Contents": "^0.0.1",
+		"expo": "^35.0.0",
+		"react": "16.8.3",
+		"react-dom": "16.8.3",
+		"react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
+		"react-native-web": "^0.11.7"
+	},
+	"devDependencies": {
+		"@babel/runtime": "^7.7.2",
+		"@types/react": "^16.8.23",
+		"@types/react-native": "^0.57.65",
+		"babel-preset-expo": "^7.0.0"
+	}
+}

modules/ISCPD-App/src/App.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+import { View, Text, WebView } from "react-native";
+
+import { wrapper } from "./utils/wrappter";
+// import { OfficialAbsence } from "ISCPD-Contents";
+// import convertComponentToHtml from "./utils/covertComponetToHtml";
+
+// type Props = {
+// 	html: string;
+// };
+
+export default function App() {
+	const htmlString = wrapper();
+	console.log(htmlString);
+
+	return (
+		<>
+			{/* <View>
+				<Text>hoge</Text>
+			</View> */}
+			{/* <WebView
+				originWhitelist={["*"]}
+				source={{ uri: "https://github.com/facebook/react-native" }}
+				style={{ marginTop: 20 }}
+			/> */}
+			<WebView style={{ marginTop: 30, marginLeft: 30 }} source={{ html: htmlString }} />
+		</>
+	);
+}

modules/ISCPD-App/src/utils/covertComponetToHtml.ts

@@ -0,0 +1,26 @@
+// import * as React from "react";
+import { ReactElement } from "react";
+import { renderToString } from "react-dom/server";
+
+export default function convertComponentToHtml(jsx: ReactElement): string {
+	const body = renderToString(jsx);
+	return `
+	<!DOCTYPE html>
+	<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		
+
+		<title>paper css test</title>
+	</head>
+
+	<body class="A4">
+		<section className="sheet padding-25mm">
+			${body}
+		</section>
+	</body>
+	</html>
+	`.trim();
+}

modules/ISCPD-App/src/utils/wrappter.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import convertComponentToHtml from "./covertComponetToHtml";
+
+import { OfficialAbsence } from "ISCPD-Contents";
+
+export function wrapper() {
+	console.log(OfficialAbsence);
+	const jsx = (
+		<>
+			<h2>hoge</h2>
+			{/* <OfficialAbsence /> */}
+		</>
+	);
+	const html = convertComponentToHtml(jsx);
+	return html;
+}

modules/ISCPD-App/tsconfig.json

@@ -0,0 +1,9 @@
+{
+	"extends": "../../tsconfig.json",
+	"include": ["./src/*"],
+	"compilerOptions": {
+		"jsx": "react-native",
+		"incremental": true,
+		"types": ["react", "react-native"]
+	}
+}