Initializer for react-native sample

packages/create-sitecore-jss/src/common/steps/transform.ts

@@ -14,7 +14,7 @@ import {
 import { diffLines, diffJson, Change } from 'diff';
 import { BaseArgs } from '../args/base';
 
-const ASSET_REGEX = /\.(gif|jpg|jpeg|tiff|png|svg|ashx|ico|pdf)$/;
+const COPY_ONLY_REGEX = /\.(gif|jpg|jpeg|tiff|png|svg|ashx|ico|pdf|jar)$/;
 
 export type JsonPropertyType = number | string | (number | string)[] | JsonObjectType;
 export interface JsonObjectType {
@@ -186,7 +186,7 @@ export const transform = async (
       // if the directory doesn't exist, create it
       fs.mkdirsSync(path.dirname(transformFilename(pathToNewFile, answers)));
 
-      if (file.match(ASSET_REGEX)) {
+      if (file.match(COPY_ONLY_REGEX)) {
         // pdfs may have <% encoded, which throws an error for ejs.
         // we simply want to copy file if it's a pdf, not render it with ejs.
         fs.copySync(pathToTemplate, pathToNewFile);

packages/create-sitecore-jss/src/initializers/react-native/args.ts

@@ -0,0 +1,4 @@
+import { BaseArgs } from '../../common/args/base';
+import { ClientAppAnswer } from '../../common/prompts/base';
+
+export interface ReactNativeArgs extends BaseArgs, Partial<Omit<ClientAppAnswer, 'fetchWith'>> {}

packages/create-sitecore-jss/src/initializers/react-native/index.ts

@@ -0,0 +1,41 @@
+import path from 'path';
+import { prompt } from 'inquirer';
+import { prompts, ReactNativeAnswer } from './prompts';
+import { Initializer } from '../../common/Initializer';
+import { transform } from '../../common/steps';
+import { ReactNativeArgs } from './args';
+
+export default class ReactNativeInitializer implements Initializer {
+  get isBase() {
+    return true;
+  }
+
+  async init(args: ReactNativeArgs) {
+    const defaults = args.yes
+      ? {
+          appName: 'sitecore-jss-react-native',
+          hostName: 'https://cm.jss.localhost',
+          language: '',
+        }
+      : {};
+
+    const answers = await prompt<ReactNativeAnswer>(prompts, { ...defaults, ...args });
+
+    const mergedArgs = {
+      ...args,
+      ...answers,
+    };
+
+    const templatePath = path.resolve(__dirname, '../../templates/react-native');
+    await transform(templatePath, mergedArgs, {
+      filter: (filePath: string) =>
+        !!mergedArgs.language || !filePath.endsWith('{{language}}.json'),
+    });
+
+    const response = {
+      appName: answers.appName,
+    };
+
+    return response;
+  }
+}

packages/create-sitecore-jss/src/initializers/react-native/prompts.ts

@@ -0,0 +1,10 @@
+import { DistinctQuestion, QuestionCollection } from 'inquirer';
+import { styleguidePrompts, StyleguideAnswer } from '../../common/prompts/styleguide';
+import { clientAppPrompts, ClientAppAnswer } from '../../common/prompts/base';
+
+export interface ReactNativeAnswer extends Omit<ClientAppAnswer, 'fetchWith'>, StyleguideAnswer {}
+
+export const prompts: QuestionCollection<ReactNativeAnswer> = [
+  ...clientAppPrompts.filter((p: DistinctQuestion) => p.name !== 'fetchWith'),
+  ...styleguidePrompts,
+];

packages/create-sitecore-jss/src/templates/react-native/.buckconfig

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

packages/create-sitecore-jss/src/templates/react-native/.eslintrc

@@ -0,0 +1,74 @@
+{
+  "root": true,
+  "parser": "babel-eslint",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "extends": [
+    "airbnb-base",
+    "plugin:react/recommended",
+    "prettier",
+    "prettier/react",
+    "plugin:import/errors",
+    "plugin:import/warnings"
+  ],
+  "plugins": ["react", "react-native", "import", "prettier"],
+  "settings": {
+    "import/ignore": ["node_modules", ".png$", ".jpg$"],
+    "import/resolver": {
+      "babel-module": {}
+    },
+    "react": {
+      "version": "detect"
+    }
+  },
+  "env": {
+    "jest": true
+  },
+  "rules": {
+    "jsx-quotes": ["error", "prefer-double"],
+    "react/prop-types": "off",
+    "prettier/prettier": "error",
+    "import/prefer-default-export": "off",
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        "devDependencies": true,
+        "optionalDependencies": true
+      }
+    ],
+    "linebreak-style": ["error", "windows"],
+    "arrow-body-style": ["warn", "as-needed"],
+    "arrow-parens": ["error", "always"],
+    "no-unused-vars": [
+      "error",
+      {
+        "args": "none"
+      }
+    ],
+    "func-names": "off",
+    "no-console": "off",
+    "radix": ["error", "as-needed"],
+    "prefer-destructuring": "off",
+    "no-useless-escape": "off",
+    "spaced-comment": "error",
+    "curly": ["error", "multi-line"],
+    "eol-last": ["error", "always"],
+    "guard-for-in": "error",
+    "no-unused-labels": "error",
+    "no-caller": "error",
+    "no-bitwise": "error",
+    "no-multiple-empty-lines": "error",
+    "no-new-wrappers": "error",
+    "no-eval": "error",
+    "dot-notation": "error",
+    "no-trailing-spaces": "error",
+    "no-unused-expressions": ["error", { "allowShortCircuit": true, "allowTernary": true }],
+    "brace-style": "error",
+    "quotes": ["error", "single"],
+    "default-case": "error",
+    "eqeqeq": "error"
+  }
+}

packages/create-sitecore-jss/src/templates/react-native/.gitattributes

@@ -0,0 +1 @@
+*.pbxproj -text

packages/create-sitecore-jss/src/templates/react-native/.gitignore

@@ -0,0 +1,60 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+ios/**/build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+android/**/build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+*.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# CocoaPods
+/ios/Pods/
+
+# sitecore
+
+*.deploysecret.config

packages/create-sitecore-jss/src/templates/react-native/.prettierignore

@@ -0,0 +1 @@
+package.json

packages/create-sitecore-jss/src/templates/react-native/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "endOfLine": "crlf",
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "arrowParens": "always",
+  "printWidth": 100
+}

packages/create-sitecore-jss/src/templates/react-native/.vscode/launch.json

@@ -0,0 +1,43 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Debug Android",
+      "program": "${workspaceRoot}/.vscode/launchReactNative.js",
+      "type": "reactnative",
+      "request": "launch",
+      "platform": "android",
+      "sourceMaps": true,
+      "outDir": "${workspaceRoot}/.vscode/.react"
+    },
+    {
+      "name": "Debug iOS",
+      "program": "${workspaceRoot}/.vscode/launchReactNative.js",
+      "type": "reactnative",
+      "request": "launch",
+      "platform": "ios",
+      "sourceMaps": true,
+      "outDir": "${workspaceRoot}/.vscode/.react"
+    },
+    {
+      "name": "Attach to packager",
+      "program": "${workspaceRoot}/.vscode/launchReactNative.js",
+      "type": "reactnative",
+      "request": "attach",
+      "sourceMaps": true,
+      "outDir": "${workspaceRoot}/.vscode/.react"
+    },
+    {
+      "name": "Debug in Exponent",
+      "program": "${workspaceRoot}/.vscode/launchReactNative.js",
+      "type": "reactnative",
+      "request": "launch",
+      "platform": "exponent",
+      "sourceMaps": true,
+      "outDir": "${workspaceRoot}/.vscode/.react"
+    }
+  ]
+}

packages/create-sitecore-jss/src/templates/react-native/.vscode/settings.json

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

packages/create-sitecore-jss/src/templates/react-native/.watchmanconfig

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