From 5f4611d65e40eae3ca6191a15f68d69ea5a1c4cb Mon Sep 17 00:00:00 2001 From: Kirill Rogovoy Date: Tue, 20 Jul 2021 21:24:52 +0300 Subject: WIP --- ignite/templates/component/NAME.story.tsx.ejs | 15 --------- ignite/templates/component/NAME.tsx.ejs | 37 ----------------------- ignite/templates/model/NAME.test.ts.ejs | 7 ----- ignite/templates/model/NAME.ts.ejs | 16 ---------- ignite/templates/navigator/NAME-navigator.tsx.ejs | 7 ----- ignite/templates/screen/NAME-screen.tsx.ejs | 25 --------------- 6 files changed, 107 deletions(-) delete mode 100644 ignite/templates/component/NAME.story.tsx.ejs delete mode 100644 ignite/templates/component/NAME.tsx.ejs delete mode 100644 ignite/templates/model/NAME.test.ts.ejs delete mode 100644 ignite/templates/model/NAME.ts.ejs delete mode 100644 ignite/templates/navigator/NAME-navigator.tsx.ejs delete mode 100644 ignite/templates/screen/NAME-screen.tsx.ejs (limited to 'ignite/templates') diff --git a/ignite/templates/component/NAME.story.tsx.ejs b/ignite/templates/component/NAME.story.tsx.ejs deleted file mode 100644 index fca346c..0000000 --- a/ignite/templates/component/NAME.story.tsx.ejs +++ /dev/null @@ -1,15 +0,0 @@ -import * as React from "react" -import { storiesOf } from "@storybook/react-native" -import { StoryScreen, Story, UseCase } from "../../../storybook/views" -import { color } from "../../theme" -import { <%= props.pascalCaseName %> } from "./<%= props.kebabCaseName %>" - -storiesOf("<%= props.pascalCaseName %>", module) - .addDecorator((fn) => {fn()}) - .add("Style Presets", () => ( - - - <<%= props.pascalCaseName %> style={{ backgroundColor: color.error }} /> - - - )) diff --git a/ignite/templates/component/NAME.tsx.ejs b/ignite/templates/component/NAME.tsx.ejs deleted file mode 100644 index fffaf7d..0000000 --- a/ignite/templates/component/NAME.tsx.ejs +++ /dev/null @@ -1,37 +0,0 @@ -import * as React from "react" -import { StyleProp, TextStyle, View, ViewStyle } from "react-native" -import { observer } from "mobx-react-lite" -import { color, typography } from "../../theme" -import { Text } from "../" -import { flatten } from "ramda" - -const CONTAINER: ViewStyle = { - justifyContent: "center", -} - -const TEXT: TextStyle = { - fontFamily: typography.primary, - fontSize: 14, - color: color.primary, -} - -export interface <%= props.pascalCaseName %>Props { - /** - * An optional style override useful for padding & margin. - */ - style?: StyleProp -} - -/** - * Describe your component here - */ -export const <%= props.pascalCaseName %> = observer(function <%= props.pascalCaseName %>(props: <%= props.pascalCaseName %>Props) { - const { style } = props - const styles = flatten([CONTAINER, style]) - - return ( - - Hello - - ) -}) diff --git a/ignite/templates/model/NAME.test.ts.ejs b/ignite/templates/model/NAME.test.ts.ejs deleted file mode 100644 index 97c853a..0000000 --- a/ignite/templates/model/NAME.test.ts.ejs +++ /dev/null @@ -1,7 +0,0 @@ -import { <%= props.pascalCaseName %>Model } from "./<%= props.kebabCaseName %>" - -test("can be created", () => { - const instance = <%= props.pascalCaseName %>Model.create({}) - - expect(instance).toBeTruthy() -}) diff --git a/ignite/templates/model/NAME.ts.ejs b/ignite/templates/model/NAME.ts.ejs deleted file mode 100644 index 2c9c9c8..0000000 --- a/ignite/templates/model/NAME.ts.ejs +++ /dev/null @@ -1,16 +0,0 @@ -import { Instance, SnapshotOut, types } from "mobx-state-tree" - -/** - * Model description here for TypeScript hints. - */ -export const <%= props.pascalCaseName %>Model = types - .model("<%= props.pascalCaseName %>") - .props({}) - .views((self) => ({})) // eslint-disable-line @typescript-eslint/no-unused-vars - .actions((self) => ({})) // eslint-disable-line @typescript-eslint/no-unused-vars - -type <%= props.pascalCaseName %>Type = InstanceModel> -export interface <%= props.pascalCaseName %> extends <%= props.pascalCaseName %>Type {} -type <%= props.pascalCaseName %>SnapshotType = SnapshotOutModel> -export interface <%= props.pascalCaseName %>Snapshot extends <%= props.pascalCaseName %>SnapshotType {} -export const create<%= props.pascalCaseName %>DefaultModel = () => types.optional(<%= props.pascalCaseName %>Model, {}) diff --git a/ignite/templates/navigator/NAME-navigator.tsx.ejs b/ignite/templates/navigator/NAME-navigator.tsx.ejs deleted file mode 100644 index 320c9b5..0000000 --- a/ignite/templates/navigator/NAME-navigator.tsx.ejs +++ /dev/null @@ -1,7 +0,0 @@ -import { StackNavigator } from "react-navigation" -import { - SomeScreen -} from "../screens" - -export const <%= props.pascalCaseName %> = StackNavigator({ -}) \ No newline at end of file diff --git a/ignite/templates/screen/NAME-screen.tsx.ejs b/ignite/templates/screen/NAME-screen.tsx.ejs deleted file mode 100644 index a54ccdd..0000000 --- a/ignite/templates/screen/NAME-screen.tsx.ejs +++ /dev/null @@ -1,25 +0,0 @@ -import React from "react" -import { observer } from "mobx-react-lite" -import { ViewStyle } from "react-native" -import { Screen, Text } from "../../components" -// import { useNavigation } from "@react-navigation/native" -// import { useStores } from "../../models" -import { color } from "../../theme" - -const ROOT: ViewStyle = { - backgroundColor: color.palette.black, - flex: 1, -} - -export const <%= props.pascalCaseName %>Screen = observer(function <%= props.pascalCaseName %>Screen() { - // Pull in one of our MST stores - // const { someStore, anotherStore } = useStores() - - // Pull in navigation via hook - // const navigation = useNavigation() - return ( - - - - ) -}) -- cgit v1.2.3