forked from aws-samples/aws-lex-web-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Makefile
159 lines (146 loc) · 6.54 KB
/
Makefile
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
# This Makefile is used to configure and deploy the sample app.
# It is used in CodeBuild by the CloudFormation stack.
# It can also be run from a local dev environment.
# It can either deploy a full build or use the prebuilt library in
# in the dist directory
# environment file provides config parameters
CONFIG_ENV := config/env.mk
include $(CONFIG_ENV)
all: build
.PHONY: all
WEBAPP_DIR := ./lex-web-ui
BUILD_DIR := build
DIST_DIR := dist
SRC_DIR := src
CONFIG_DIR := $(SRC_DIR)/config
# merge existing user modified lex-web-ui-loader-config.json during upgrade
# replace user custom-chatbot-style.css files during upgrade
CURRENT_CONFIG_FILE := $(WEBAPP_DIR)/current/user-lex-web-ui-loader-config.json
USER_CUSTOM_CSS_COPY := $(WEBAPP_DIR)/current/user-custom-chatbot-style.css
# this install all the npm dependencies needed to build from scratch
install-deps:
@echo "[INFO] Installing loader npm dependencies"
npm install
@echo "[INFO] Installing component npm dependencies"
cd $(WEBAPP_DIR) && npm install
.PHONY: install-deps
load-current-config:
@echo "[INFO] Downloading current lex-web-ui-loader-config.json from s3 to merge user changes"
@echo "[INFO] Downloading s3://$(WEBAPP_BUCKET)/lex-web-ui-loader-config.json if it exists or load defaults"
-aws s3 ls "s3://$(WEBAPP_BUCKET)/lex-web-ui-loader-config.json" && \
aws s3 cp "s3://$(WEBAPP_BUCKET)/lex-web-ui-loader-config.json" "$(CURRENT_CONFIG_FILE)" || \
cp "$(CONFIG_DIR)/default-lex-web-ui-loader-config.json" "$(CURRENT_CONFIG_FILE)"
@echo "[INFO] Downloading s3://$(WEBAPP_BUCKET)/custom-chatbot-style.css file if it exists or load defaults"
-aws s3 ls "s3://$(WEBAPP_BUCKET)/custom-chatbot-style.css" && \
aws s3 cp "s3://$(WEBAPP_BUCKET)/custom-chatbot-style.css" "$(USER_CUSTOM_CSS_COPY)" || \
cp "$(DIST_DIR)/custom-chatbot-style.css" "$(USER_CUSTOM_CSS_COPY)"
.PHONY: load-current-config
# BUILD_TYPE controls whether the configuration is done for a full build or
# for using the prebuilt/dist libraries
# Expected values: full || dist
# If empty, probably this is being run locally or from an external script
BUILD_TYPE ?= $()
# updates the config files with values from the environment
CREATE_CUSTOM_CSS := $(BUILD_DIR)/create-custom-css.js
UPDATE_CONFIG_SCRIPT := $(BUILD_DIR)/update-lex-web-ui-config.js
export CURRENT_CONFIG_FILE ?= $(realpath $(CURRENT_CONFIG_FILE))
export WEBAPP_CONFIG_PROD ?= $(realpath $(WEBAPP_DIR)/src/config/config.prod.json)
export WEBAPP_CONFIG_DEV ?= $(realpath $(WEBAPP_DIR)/src/config/config.dev.json)
export LOADER_CONFIG ?= $(realpath $(SRC_DIR)/config/lex-web-ui-loader-config.json)
CONFIG_FILES := \
$(WEBAPP_CONFIG_PROD) \
$(WEBAPP_CONFIG_DEV) \
$(LOADER_CONFIG)
config: $(UPDATE_CONFIG_SCRIPT) $(CONFIG_ENV) $(CONFIG_FILES)
@echo "[INFO] Running config script: [$(<)]"
node $(<)
@echo "[INFO] Running custom css creation script: [$(<)]"
node $(CREATE_CUSTOM_CSS) $(USER_CUSTOM_CSS_COPY)
.PHONY: config
build: config
@echo "[INFO] Building component in dir [$(WEBAPP_DIR)]"
cd $(WEBAPP_DIR) && npm run build
cd $(WEBAPP_DIR) && npm run build-dist
@echo "[INFO] Building loader"
npm run build-dev
npm run build-prod
@echo "[INFO Building Dist"
cd $(DIST_DIR) && make
.PHONY: build
# creates an HTML file with a JavaScript snippet showing how to load the iframe
CREATE_IFRAME_SNIPPET_SCRIPT := $(BUILD_DIR)/create-iframe-snippet-file.sh
export IFRAME_SNIPPET_FILE := $(DIST_DIR)/iframe-snippet.html
$(IFRAME_SNIPPET_FILE): $(CREATE_IFRAME_SNIPPET_SCRIPT)
@echo "[INFO] Creating iframe snippet file: [$(@)]"
bash $(?)
create-iframe-snippet: $(IFRAME_SNIPPET_FILE)
# used by the Pipeline deployment mode when building from scratch
WEBAPP_DIST_DIR := $(WEBAPP_DIR)/dist
CODEBUILD_BUILD_ID ?= none
deploy-to-s3: create-iframe-snippet
@[ "$(WEBAPP_BUCKET)" ] || \
(echo "[ERROR] WEBAPP_BUCKET env var not set" ; exit 1)
@echo "[INFO] deploying to S3 webapp bucket: [$(WEBAPP_BUCKET)]"
@echo "[INFO] copying build: [$(CODEBUILD_BUILD_ID)]"
aws s3 cp --recursive "$(WEBAPP_DIST_DIR)" \
"s3://$(WEBAPP_BUCKET)/builds/$(CODEBUILD_BUILD_ID)/"
@echo "[INFO] copying new version"
aws s3 cp --recursive \
"s3://$(WEBAPP_BUCKET)/builds/$(CODEBUILD_BUILD_ID)/" \
"s3://$(WEBAPP_BUCKET)/"
aws s3 cp \
--metadata-directive REPLACE --cache-control max-age=0 \
"s3://$(WEBAPP_BUCKET)/builds/$(CODEBUILD_BUILD_ID)/custom-chatbot-style.css" \
"s3://$(WEBAPP_BUCKET)/"
@[ "$(PARENT_PAGE_BUCKET)" ] && \
( echo "[INFO] synching parent page to bucket: [$(PARENT_PAGE_BUCKET)]" && \
aws s3 sync \
--exclude '*' \
--metadata-directive REPLACE --cache-control max-age=0 \
--include 'lex-web-ui-loader-config.json' \
"$(CONFIG_DIR)" "s3://$(PARENT_PAGE_BUCKET)/" && \
aws s3 sync \
--exclude '*' \
--include 'lex-web-ui-loader.*' \
--include 'parent.html' \
--include 'iframe-snippet.html' \
"$(DIST_DIR)" "s3://$(PARENT_PAGE_BUCKET)/" ) || \
echo "[INFO] no parent bucket to deploy"
@echo "[INFO] all done deploying"
.PHONY: deploy-to-s3
# Run by CodeBuild deployment mode when which uses the prebuilt libraries
# Can also be used to easily copy local changes to a bucket
sync-website: create-iframe-snippet
@[ "$(WEBAPP_BUCKET)" ] || \
(echo "[ERROR] WEBAPP_BUCKET variable not set" ; exit 1)
@echo "[INFO] copying web site files"
aws s3 sync \
--exclude Makefile \
--exclude custom-chatbot-style.css \
"$(DIST_DIR)" s3://$(WEBAPP_BUCKET)
@echo "[INFO] Restoring existing custom css file"
@[ -f "$(USER_CUSTOM_CSS_COPY)" ] && \
aws s3 cp \
--metadata-directive REPLACE --cache-control max-age=0 \
"$(USER_CUSTOM_CSS_COPY)" "s3://$(WEBAPP_BUCKET)/custom-chatbot-style.css"
@echo "[INFO] Saving a backup copy of previous loader config json"
aws s3 cp \
"$(CURRENT_CONFIG_FILE)" "s3://$(WEBAPP_BUCKET)/lex-web-ui-loader-config.$(shell date +%Y%m%d%H%M%S).json"
# For CodePipeline based distribution / builds where the custom style is managed in
# Source control, uncomment the next four lines such that the css file is updated
# on each CodePipeline/CodeBuild invocation.
# @echo "[INFO] copying custom-chatbot-style.css and setting cache max-age=0"
# aws s3 cp \
# --metadata-directive REPLACE --cache-control max-age=0 \
# "$(DIST_DIR)/custom-chatbot-style.css" s3://$(WEBAPP_BUCKET)
@echo "[INFO] copying config files"
aws s3 sync \
--exclude '*' \
--metadata-directive REPLACE --cache-control max-age=0 \
--include 'lex-web-ui-loader-config.json' \
--include 'initial_speech*.*' \
--include 'all_done*.*' \
--include 'there_was_an_error*.*' \
"$(CONFIG_DIR)" s3://$(WEBAPP_BUCKET)
@echo "[INFO] all done deploying"
.PHONY: sync-website