2015-08-26 03:48:43 +00:00
|
|
|
# Natal
|
|
|
|
# Bootstrap ClojureScript React Native apps
|
|
|
|
# Dan Motzenbecker
|
|
|
|
# http://oxism.com
|
|
|
|
# MIT License
|
|
|
|
|
2015-08-22 03:45:42 +00:00
|
|
|
fs = require 'fs'
|
|
|
|
crypto = require 'crypto'
|
|
|
|
{execSync} = require 'child_process'
|
2015-08-26 01:28:58 +00:00
|
|
|
chalk = require 'chalk'
|
2015-08-30 15:04:57 +00:00
|
|
|
reactInit = require 'react-native/local-cli/init'
|
|
|
|
rnVersion = require(__dirname + '/package.json').dependencies['react-native']
|
2015-08-22 03:45:42 +00:00
|
|
|
|
|
|
|
resources = __dirname + '/resources/'
|
|
|
|
camelRx = /([a-z])([A-Z])/g
|
|
|
|
projNameRx = /\$PROJECT_NAME\$/g
|
|
|
|
projNameHyphRx = /\$PROJECT_NAME_HYPHENATED\$/g
|
|
|
|
projNameUnderRx = /\$PROJECT_NAME_UNDERSCORED\$/g
|
|
|
|
|
2015-08-26 01:28:58 +00:00
|
|
|
log = (s, color = 'green') ->
|
|
|
|
console.log chalk[color] s
|
2015-08-22 03:45:42 +00:00
|
|
|
|
|
|
|
|
2015-08-26 01:28:58 +00:00
|
|
|
logErr = (err, color = 'red') ->
|
|
|
|
console.error chalk[color] err
|
2015-08-22 03:45:42 +00:00
|
|
|
|
|
|
|
|
|
|
|
editSync = (path, pairs) ->
|
|
|
|
fs.writeFileSync path, pairs.reduce (contents, [rx, replacement]) ->
|
|
|
|
contents.replace rx, replacement
|
|
|
|
, fs.readFileSync path, encoding: 'ascii'
|
|
|
|
|
|
|
|
|
|
|
|
init = (projName) ->
|
2015-08-22 03:46:38 +00:00
|
|
|
projNameHyph = projName.replace(camelRx, '$1-$2').toLowerCase()
|
|
|
|
projNameUs = projName.replace(camelRx, '$1_$2').toLowerCase()
|
|
|
|
|
|
|
|
try
|
2015-08-26 01:44:11 +00:00
|
|
|
log "Creating #{ projName }", 'bgMagenta'
|
|
|
|
log ''
|
|
|
|
|
2015-08-22 17:45:37 +00:00
|
|
|
if fs.existsSync projNameHyph
|
|
|
|
throw new Error "Directory #{ projNameHyph } already exists"
|
|
|
|
|
2015-08-22 03:46:38 +00:00
|
|
|
execSync 'type lein'
|
|
|
|
execSync 'type pod'
|
|
|
|
|
2015-08-22 15:06:30 +00:00
|
|
|
log 'Creating Leiningen project'
|
|
|
|
execSync "lein new #{ projNameHyph }"
|
|
|
|
|
|
|
|
log 'Updating Leiningen project'
|
|
|
|
process.chdir projNameHyph
|
|
|
|
execSync "cp #{ resources }project.clj project.clj"
|
|
|
|
editSync 'project.clj', [[projNameHyphRx, projNameHyph]]
|
|
|
|
corePath = "src/#{ projNameUs }/core.clj"
|
|
|
|
fs.unlinkSync corePath
|
|
|
|
corePath += 's'
|
|
|
|
execSync "cp #{ resources }core.cljs #{ corePath }"
|
|
|
|
editSync corePath, [[projNameHyphRx, projNameHyph], [projNameRx, projName]]
|
2015-08-22 15:07:06 +00:00
|
|
|
execSync "cp #{ resources }ambly.sh start.sh"
|
|
|
|
editSync 'start.sh', [[projNameUnderRx, projNameUs]]
|
2015-08-22 03:46:38 +00:00
|
|
|
|
2015-08-22 17:30:12 +00:00
|
|
|
log 'Compiling ClojureScript'
|
|
|
|
execSync 'lein cljsbuild once dev'
|
|
|
|
|
2015-08-22 17:30:42 +00:00
|
|
|
log 'Creating React Native skeleton'
|
2015-08-30 15:04:57 +00:00
|
|
|
fs.mkdirSync 'iOS'
|
|
|
|
process.chdir 'iOS'
|
|
|
|
_log = console.log
|
|
|
|
global.console.log = ->
|
|
|
|
reactInit '.', projName
|
|
|
|
global.console.log = _log
|
|
|
|
fs.writeFileSync 'package.json', JSON.stringify
|
|
|
|
name: projName
|
|
|
|
version: '0.0.1'
|
|
|
|
private: true
|
|
|
|
scripts:
|
|
|
|
start: 'node_modules/react-native/packager/packager.sh'
|
|
|
|
dependencies:
|
|
|
|
'react-native': rnVersion
|
|
|
|
, null, 2
|
|
|
|
execSync 'npm i', stdio: 'ignore'
|
2015-08-22 17:30:42 +00:00
|
|
|
|
2015-08-22 17:32:06 +00:00
|
|
|
log 'Installing Pod dependencies'
|
|
|
|
process.chdir 'iOS'
|
|
|
|
execSync "cp #{ resources }Podfile ."
|
2015-08-26 01:56:28 +00:00
|
|
|
execSync 'pod install', stdio: 'ignore'
|
2015-08-22 17:32:06 +00:00
|
|
|
|
2015-08-22 17:32:53 +00:00
|
|
|
log 'Updating Xcode project'
|
|
|
|
for ext in ['m', 'h']
|
2015-08-30 15:04:57 +00:00
|
|
|
path = "#{ projName }/AppDelegate.#{ ext }"
|
2015-08-22 17:32:53 +00:00
|
|
|
execSync "cp #{ resources }AppDelegate.#{ ext } #{ path }"
|
|
|
|
editSync path, [[projNameRx, projName], [projNameHyphRx, projNameHyph]]
|
|
|
|
|
|
|
|
uuid1 = crypto
|
|
|
|
.createHash 'md5'
|
|
|
|
.update projName, 'utf8'
|
|
|
|
.digest('hex')[...24]
|
|
|
|
.toUpperCase()
|
|
|
|
|
2015-08-29 05:46:58 +00:00
|
|
|
uuid2 = uuid1.split ''
|
|
|
|
uuid2.splice 7, 1, ((parseInt(uuid1[7], 16) + 1) % 16).toString(16).toUpperCase()
|
|
|
|
uuid2 = uuid2.join ''
|
2015-08-22 17:32:53 +00:00
|
|
|
|
|
|
|
editSync \
|
|
|
|
"#{ projName }.xcodeproj/project.pbxproj",
|
|
|
|
[
|
|
|
|
[
|
|
|
|
/OTHER_LDFLAGS = "-ObjC";/g
|
|
|
|
'OTHER_LDFLAGS = "${inherited}";'
|
|
|
|
]
|
|
|
|
[
|
|
|
|
/\/\* End PBXBuildFile section \*\//
|
|
|
|
"\t\t#{ uuid2 } /* out in Resources */ =
|
|
|
|
{isa = PBXBuildFile; fileRef = #{ uuid1 } /* out */; };
|
|
|
|
\n/* End PBXBuildFile section */"
|
|
|
|
]
|
|
|
|
[
|
|
|
|
/\/\* End PBXFileReference section \*\//
|
|
|
|
"\t\t#{ uuid1 } /* out */ = {isa = PBXFileReference; lastKnownFileType
|
2015-08-30 15:04:57 +00:00
|
|
|
= folder; name = out; path = ../../../target/out;
|
2015-08-22 17:32:53 +00:00
|
|
|
sourceTree = \"<group>\"; };\n/* End PBXFileReference section */"
|
|
|
|
]
|
|
|
|
[
|
|
|
|
/main.jsbundle \*\/\,/
|
|
|
|
"main.jsbundle */,\n\t\t\t\t#{ uuid1 } /* out */,"
|
|
|
|
]
|
|
|
|
[
|
|
|
|
/\/\* LaunchScreen.xib in Resources \*\/\,/
|
|
|
|
"/* LaunchScreen.xib in Resources */,
|
|
|
|
\n\t\t\t\t#{ uuid2 } /* out in Resources */,"
|
|
|
|
]
|
|
|
|
]
|
|
|
|
|
2015-08-26 01:44:11 +00:00
|
|
|
execSync "open #{ projName }.xcworkspace"
|
|
|
|
log '\nWhen Xcode appears, click the play button to run the app on the simulator.', 'yellow'
|
|
|
|
log 'Then run the following for an interactive workflow:', 'yellow'
|
|
|
|
log "cd #{ projNameHyph }", 'inverse'
|
|
|
|
log './start.sh', 'inverse'
|
|
|
|
log 'First, choose the correct device (Probably [1]).', 'yellow'
|
|
|
|
log 'At the REPL prompt type this:', 'yellow'
|
|
|
|
log "(in-ns '#{ projNameHyph }.core)", 'inverse'
|
|
|
|
log 'Changes you make via the REPL or by changing your .cljs files should appear live.', 'yellow'
|
|
|
|
log 'Try this command as an example:', 'yellow'
|
|
|
|
log '(swap! app-state assoc :text "Hello Native World")', 'inverse'
|
2015-08-26 01:57:22 +00:00
|
|
|
log ''
|
2015-08-26 03:48:43 +00:00
|
|
|
log '✔ Done', 'bgMagenta'
|
|
|
|
log ''
|
2015-08-26 01:44:11 +00:00
|
|
|
|
2015-08-22 17:32:53 +00:00
|
|
|
|
2015-08-22 03:46:38 +00:00
|
|
|
catch e
|
2015-08-26 01:57:22 +00:00
|
|
|
if e.message.match /type\:.+lein/i
|
|
|
|
logErr 'Leiningen is required (http://leiningen.org/)'
|
|
|
|
|
|
|
|
else if e.message.match /type\:.+pod/i
|
|
|
|
logErr 'CocoaPods is required (https://cocoapods.org/)'
|
|
|
|
|
|
|
|
else
|
|
|
|
logErr e.message
|
2015-08-22 03:46:38 +00:00
|
|
|
|
|
|
|
process.exit 1
|
2015-08-26 03:48:43 +00:00
|
|
|
|
|
|
|
|
|
|
|
[_, _, name] = process.argv
|
|
|
|
|
|
|
|
unless name
|
|
|
|
logErr 'You must pass a project name as the first argument.'
|
|
|
|
logErr 'e.g. natal HelloWorld'
|
|
|
|
process.exit 1
|
|
|
|
|
|
|
|
init name
|