Dev/2.4.0

.travis.yml

@@ -1,10 +1,14 @@
 language: node_js
 node_js:
-- '6'
+- '12'
 cache:
   yarn: true
   directories:
   - node_modules
+before_install:
+- npm install -g yarn # make sure yarn is new
+- npm config set spin false
+- npm install -g npm@^6.9.0
 deploy:
   provider: npm
   email: [email protected]

README.md

@@ -1,6 +1,6 @@
-# Materia Widget Development Kit (MDK)
+# Materia Widget Development Kit (MWDK)
 
-Materia Widget Development Kit (MDK) is a local dev environment for quickly building Materia Widgets.
+Materia Widget Development Kit (MWDK) is a local dev environment for quickly building Materia Widgets.
 
 ## Features
 
@@ -12,5 +12,5 @@ Materia Widget Development Kit (MDK) is a local dev environment for quickly buil
 
 ## Setup
 
-> @TODO
+* Require as a dependency for any Materia widget
 

assets/css/mdk-main.css → assets/css/mwdk-main.css

@@ -68,6 +68,11 @@ body {
 	border-bottom: solid 4px #0093e7;
 }
 
+.tools {
+	margin-top: -12px;
+	float: right;
+}
+
 .creator {
 	margin-left: 0px;
 	margin-top: 200px;
@@ -76,8 +81,12 @@ body {
 }
 
 .center {
-	width: calc(100% - 330px);
-	height: 600px;
+	/*
+	Default to 100% in creator and player
+	In the player, the js will set the size according
+	*/
+	width: 100%;
+	height: 100%;
 }
 
 .center.full {
@@ -102,7 +111,7 @@ body {
 	justify-content: space-around;
 }
 
-#mdk_dialog {
+#mwdk_dialog {
 	position: relative;
 	background: #fff;
 
@@ -112,7 +121,7 @@ body {
 	margin: 0 auto;
 }
 
-#mdk_dialog pre {
+#mwdk_dialog pre {
 	font-size: 10px;
 }
 
@@ -252,3 +261,8 @@ h2 {
 	height: 360px;
 	display: block;
 }
+
+#container {
+	height: 100%;
+	width: 100%;
+}

assets/css/mdk-player.css → assets/css/mwdk-player.css

@@ -1,4 +1,4 @@
-#body.player_mdk .logo {
+#body.player_mwdk .logo {
 	color: #fff;
 }
 
@@ -10,24 +10,24 @@
 	margin-left: 120px;
 }
 
-#body.player_mdk .widget[ng-app="materia"]{
+#body.player_mwdk .widget[ng-app="materia"]{
 	display: block;
 	width: 100%;
 	height: 100%;
 	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
 	margin-top: 20px;
 }
 
-#body.player_mdk #build-options hr,
-#body.player_mdk #test-options hr {
+#body.player_mwdk #build-options hr,
+#body.player_mwdk #test-options hr {
 	margin-top: 20px;
 }
 
-#body.player_mdk #build-options p.disclaimer,
-#body.player_mdk #test-options p.disclaimer {
+#body.player_mwdk #build-options p.disclaimer,
+#body.player_mwdk #test-options p.disclaimer {
 	font-size: 11px;
 }
 
-#body.player_mdk #rebuild button {
+#body.player_mwdk #rebuild button {
 	margin-left: 10px;
 }