CLI: marko

lib/cli/src/frameworks/marko/0-Welcome.stories.js

@@ -1,4 +1,4 @@
-import Welcome from './components/welcome/index.marko';
+import Welcome from './welcome.marko';
 
 export default {
   title: 'Welcome',

lib/cli/src/frameworks/marko/welcome.marko

@@ -0,0 +1,37 @@
+
+class {
+  onCreate() {}
+}
+
+style {
+  #app {
+    font-family: 'Avenir', Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-align: center;
+    color: #2c3e50;
+    margin-top: 60px;
+  }
+
+  h1, h2 {
+    font-weight: normal;
+  }
+
+  ul {
+    list-style-type: none;
+    padding: 0;
+  }
+
+  li {
+    display: inline-block;
+    margin: 0 10px;
+  }
+
+  a {
+    color: #42b983;
+  }
+}
+
+<div#app>
+  <h1>Welcome to storybook</h1>
+</div>

lib/cli/src/generators/MARKO/index.ts

@@ -1,31 +1,7 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
-import { Generator } from '../Generator';
+import { baseGenerator, Generator } from '../generator';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const [
-    storybookVersion,
-    addonActionVersion,
-    addonKnobsVersion,
-  ] = await packageManager.getVersions(
-    '@storybook/marko',
-    '@storybook/addon-actions',
-    '@storybook/addon-knobs'
-  );
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    `@storybook/marko@${storybookVersion}`,
-    `@storybook/addon-actions@${addonActionVersion}`,
-    `@storybook/addon-knobs@${addonKnobsVersion}`,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  await baseGenerator(packageManager, npmOptions, options, 'marko');
 };
 
 export default generator;

lib/cli/src/generators/MARKO/template-csf/.storybook/main.js

@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-knobs'],
-};