Add file name migrations

package.json

@@ -62,7 +62,7 @@
         "warp10": "^2.0.1"
     },
     "devDependencies": {
-        "@marko/migrate": "^1.2.0",
+        "@marko/migrate": "^3.0.0",
         "babel-cli": "^6.24.1",
         "babel-core": "^6.24.1",
         "babel-plugin-minprops": "^2.0.1",

src/taglibs/migrate/all-tags/w-bind.js

@@ -83,7 +83,10 @@ module.exports = function migrate(el, context) {
                 .then(shouldMigrate => {
                     if (shouldMigrate) {
                         el.removeAttribute("w-bind");
-                        return helpers.run("componentFile", componentModule);
+                        return helpers.run("componentFile", {
+                            templateFile: context.filename,
+                            componentFile: componentModule.filename
+                        });
                     }
                 });
         }

test/migrate/fixtures/include-tag/snapshot-expected.marko

@@ -11,8 +11,8 @@ import ExampleE from "./example-e/index.marko"
 <${ExampleA}/>
 <!-- Import: with attributes -->
 <${ExampleB} ...{
-        a: 1
-    } b=2/>
+    a: 1
+} b=2/>
 <!-- Import: index -->
 <${ExampleC}/>
 <!-- Import: name conflict -->
@@ -21,33 +21,33 @@ $ const ExampleD = undefined;
 <!-- Import: with body -->
 <${ExampleE}>
     <div>Hi</div>
-</${ExampleE}>
+</>
 <!-- Dynamic: basic -->
-<if(typeof input.x === 'string')>${input.x}</if>
+<if(typeof input.x === "string")>${input.x}</if>
 <else>
     <${input.x}/>
 </else>
 <!-- Dynamic: with attributes -->
-<if(typeof input.x === 'string')>${input.x}</if>
+<if(typeof input.x === "string")>${input.x}</if>
 <else>
     <${input.x} ...{
-            a: 1
-        } b=2/>
+        a: 1
+    } b=2/>
 </else>
 <!-- Dynamic: with body -->
-<if(typeof input.x === 'string')>${input.x}</if>
+<if(typeof input.x === "string")>${input.x}</if>
 <else>
     <${input.x}>
         <div>Hi</div>
-    </${input.x}>
+    </>
 </else>
 <!-- Directive -->
 <div>
     <span/>
-    <if(typeof x === 'string')>${x}</if>
+    <if(typeof x === "string")>${x}</if>
     <else>
         <${x} ...{
-                a: 1
-            }/>
+            a: 1
+        }/>
     </else>
 </div>

test/migrate/fixtures/layout-use/snapshot-expected.marko

@@ -8,29 +8,29 @@ import ExampleD_1 from "./example-d.marko"
 <!-- Import: basic -->
 <${ExampleA}>
     <div/>
-</${ExampleA}>
+</>
 <!-- Import: with attributes -->
 <${ExampleB} ...{
-        a: 1
-    } b=2>
+    a: 1
+} b=2>
     <div/>
-</${ExampleB}>
+</>
 <!-- Import: index -->
 <${ExampleC}>
     <div/>
-</${ExampleC}>
+</>
 <!-- Import: name conflict -->
 $ const ExampleD = undefined;
 <${ExampleD_1}>
     <div/>
-</${ExampleD_1}>
+</>
 <!-- Dynamic: basic -->
 <${input.x}>
     <div/>
-</${input.x}>
+</>
 <!-- Dynamic: with attributes -->
 <${input.x} ...{
-        a: 1
-    } b=2>
+    a: 1
+} b=2>
     <div/>
-</${input.x}>
+</>

test/migrate/fixtures/w-bind-prompt-y/prompts.js

@@ -3,5 +3,10 @@ module.exports = [
         question:
             "A widget file was discovered, would you like to migrate that as well?\nNote: widget migrations are not 100% safe and should be tested after migration.",
         answer: true
+    },
+    {
+        question:
+            "Would you like to rename the component file?\nNote: Marko 4 automatically discovers these files based on the naming convention, you may be able to remove them from a browser.json file after this.",
+        answer: true
     }
 ];