SHELL := /bin/bash ## Project setting DEBUG ?= yes PROJECT_NAME = tizen-web-ui-fw VERSION = 0.2 VERSION_COMPAT = PKG_VERSION = $(shell cat packaging/web-ui-fw.spec | grep Version: | sed -e "s@Version:\s*@@" ) THEME_NAME = default PATH := $(CURDIR)/build-tools/bin:$(PATH) JSLINT_LEVEL = 1 JSLINT = jslint --sloppy --eqeq --bitwise --forin --nomen --predef jQuery --color --plusplus --browser --jqmspace --regexp COMMON_WIDGET = common INLINE_PROTO = 1 OUTPUT_ROOT = $(CURDIR)/build FRAMEWORK_ROOT = ${OUTPUT_ROOT}/${PROJECT_NAME}/${VERSION} LATEST_ROOT = ${OUTPUT_ROOT}/${PROJECT_NAME}/latest JS_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/js export THEME_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/themes CSS_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/themes/${THEME_NAME} CSS_IMAGES_OUTPUT_DIR = ${CSS_OUTPUT_ROOT}/images WIDGET_CSS_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/widget-css PROTOTYPE_HTML_OUTPUT_DIR = proto-html WIDGETS_DIR = $(CURDIR)/src/widgets THEMES_DIR = $(CURDIR)/src/themes LIBS_DIR = $(CURDIR)/libs COPYING_FILE = $(CURDIR)/COPYING DESTDIR ?= PREFIX ?= /usr INSTALL_DIR = ${DESTDIR}${PREFIX} FW_JS = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}.js FW_MIN = $(subst .js,.min.js,$(FW_JS)) FW_LIB_JS = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}-libs.js FW_LIB_MIN = $(subst .js,.min.js,$(FW_LIB_JS)) FW_JS_THEME = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}-${THEME_NAME}-theme.js FW_CSS = ${CSS_OUTPUT_ROOT}/${PROJECT_NAME}-theme.css FW_LIBS_JS = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}-libs.js FW_THEME_CSS_FILE = ${PROJECT_NAME}-theme.css FW_WIDGET_CSS_FILE = ${WIDGET_CSS_OUTPUT_ROOT}/${PROJECT_NAME}-widget.css LIBS_JS_FILES = jquery.easing.1.3.js \ jquery.tmpl.js \ jquery.mobile.js \ $(NULL) JQUERY_MOBILE_CSS = submodules/jquery-mobile/compiled/jquery.mobile.structure.css \ submodules/jquery-mobile/compiled/jquery.mobile.css \ $(NULL) JQUERY_MOBILE_IMAGES = submodules/jquery-mobile/css/themes/default/images JQM_VERSION = jquery-mobile-1.2.0 JQM_LIB_PATH = $(CURDIR)/libs/js/${JQM_VERSION} JQUERY = jquery-1.8.2.js JQUERY_MIN = $(subst .js,.min.js,$(JQUERY)) all: libs_prepare third_party widgets libs_cleanup loader themes version version_compat compress libs_prepare: # Prepare libs/ build... @@test -d ${LIBS_DIR}.bak && rm -rf ${LIBS_DIR} && mv ${LIBS_DIR}.bak ${LIBS_DIR}; \ cp -a ${LIBS_DIR} ${LIBS_DIR}.bak for f in `ls ${LIBS_DIR}/patch/*.patch`; do \ cd $(CURDIR); \ echo "Apply patch: $$f"; \ cat $$f | patch -p1 -N; \ done; \ libs_cleanup: # Cleanup libs/ directory... @@rm -rf ${LIBS_DIR} && mv ${LIBS_DIR}.bak ${LIBS_DIR} jqm: init # Building jQuery Mobile... cd ${JQM_LIB_PATH} && make js NODE=/usr/bin/node || exit 1; \ cp -f ${JQM_LIB_PATH}/compiled/*.js ${JQM_LIB_PATH}/../; \ third_party: init jqm # Building third party components... @@cd ${LIBS_DIR}/js; \ for f in ${LIBS_JS_FILES}; do \ cat $$f >> ${FW_LIB_JS}; \ uglifyjs --ascii $$f >> ${FW_LIB_MIN}; \ echo "" >> ${FW_LIB_MIN}; \ done; \ cp ${LIBS_DIR}/js/${JQUERY} ${JS_OUTPUT_ROOT}/jquery.js cp ${LIBS_DIR}/js/${JQUERY_MIN} ${JS_OUTPUT_ROOT}/jquery.min.js @@cd ${LIBS_DIR}/css; \ cp -r images/* ${CSS_IMAGES_OUTPUT_DIR} widgets: init third_party # Building widgets... @@ls -l ${WIDGETS_DIR} | grep '^d' | awk '{print $$NF;}' | \ while read REPLY; do \ echo " # Building widget $$REPLY"; \ if test ${JSLINT_LEVEL} -ge 1; then \ if test $$REPLY != ${COMMON_WIDGET}; then \ for FNAME in ${WIDGETS_DIR}/$$REPLY/js/*.js; do \ ${JSLINT} $$FNAME; \ if test ${JSLINT_LEVEL} -ge 2 -a $$? -ne 0; then \ exit 1; \ fi; \ done; \ fi; \ fi; \ if test "x${INLINE_PROTO}x" = "x1x"; then \ ./tools/inline-protos.sh ${WIDGETS_DIR}/$$REPLY >> ${WIDGETS_DIR}/$$REPLY/js/$$REPLY.js.compiled; \ cat ${WIDGETS_DIR}/$$REPLY/js/$$REPLY.js.compiled >> ${FW_JS}; \ else \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname 'js/*.js' | sort`; do \ echo " $$f"; \ cat $$f >> ${FW_JS}; \ done; \ fi; \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.js.theme' | sort`; do \ echo " $$f"; \ cat $$f >> ${FW_JS_THEME}; \ done; \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.less' | sort`; do \ echo " $$f"; \ lessc $$f > $$f.css; \ done; \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.css' | sort`; do \ echo " $$f"; \ cat $$f >> ${FW_CSS}; \ done; \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.gif' -or -iname '*.png' -or -iname '*.jpg' | sort`; do \ echo " $$f"; \ cp $$f ${CSS_IMAGES_OUTPUT_DIR}; \ done; \ if test "x${INLINE_PROTO}x" != "x1x"; then \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.prototype.html' | sort`; do \ echo " $$f"; \ cp $$f ${PROTOTYPE_HTML_OUTPUT_DIR}; \ done; \ fi; \ done loader: widgets globalize cat 'src/loader/loader.js' >> ${FW_JS} globalize: widgets cat 'libs/js/globalize/lib/globalize.js' >> ${FW_JS} # copy globalize libs... cp -a libs/js/globalize/lib/cultures ${FRAMEWORK_ROOT}/js/ themes: make -C src/themes || exit $? version: loader themes echo '(function($$){$$.tizen.frameworkData.pkgVersion="$(PKG_VERSION)";}(jQuery));' >> ${FW_JS} echo "$(PKG_VERSION)" > ${FRAMEWORK_ROOT}/../VERSION compress: widgets loader themes # Javacript code compressing @@echo " # Compressing...."; \ echo '/*' > ${FW_MIN}; \ cat ${COPYING_FILE} >> ${FW_MIN}; \ echo '*/' >> ${FW_MIN}; \ uglifyjs --ascii -nc ${FW_JS} >> ${FW_MIN}; \ # CSS compressing @@cd ${THEME_OUTPUT_ROOT}; \ for csspath in */*.css; do \ echo "Compressing $$csspath"; \ cleancss -o $${csspath/%.css/.min.css} $$csspath; \ done docs: init # Building documentation... @@hash docco 2>&1 /dev/null || (echo "docco not found. Please see README."; exit 1); \ ls -l ${WIDGETS_DIR} | grep '^d' | awk '{print $$NF;}' | \ while read REPLY; do \ echo " # Building docs for widget $$REPLY"; \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.js' | sort`; do \ docco $$f > /dev/null; \ done; \ done; \ cp docs/docco.custom.css docs/docco.css; \ cat docs/index.header > docs/index.html; \ for f in `find docs -name '*.html' -not -name index.html | sort`; do \ echo "