npm - create-mettle-app - Versions diffs - 1.0.2 → 1.2.0 - Mend

create-mettle-app 1.0.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (75) hide show

package/template-mettle/src/main.js DELETED Viewed

@@ -1,20 +0,0 @@
-import { defineComponent } from 'mettle';
-import Home from './template/home';
-import List from './components/list';
-import './style/app.css';
-defineComponent(
-  {
-    mount: '#app',
-  },
-  () => {
-    return () =>
-      html`<div class="inner">
-        <h1>Hello mettle.js</h1>
-        <div class="app-tool">
-          <component $is=${Home} />
-          <component $is=${List} />
-        </div>
-      </div>`;
-  }
-);

package/template-mettle/src/template/home.js DELETED Viewed

@@ -1,22 +0,0 @@
-import { defineComponent } from 'mettle';
-const Home = defineComponent(({ setData }) => {
-  let count = 0;
-  function add() {
-    setData(() => {
-      count++;
-    });
-  }
-  return () =>
-    html`
-      <fragment>
-        <button onClick=${add}>Add</button>
-        <h1>${count}</h1>
-        <input value=${count} />
-      </fragment>
-    `;
-});
-export default Home;

package/template-mettle-apps/babel.config.cjs DELETED Viewed

@@ -1,3 +0,0 @@
-module.exports = {
-  plugins: [['babel-plugin-mettle']],
-};

package/template-mettle-apps/src/main.js DELETED Viewed

@@ -1,12 +0,0 @@
-import { defineComponent } from 'mettle';
-import router from './router/index';
-import './styles/app.css';
-defineComponent(
-  {
-    mount: '#app',
-  },
-  () => {
-    return () => html`<component $is=${router.view()}></component>`;
-  }
-);

package/template-mettle-apps/src/template/about.js DELETED Viewed

@@ -1,23 +0,0 @@
-import { defineComponent } from 'mettle';
-import { linkTo, toParse } from 'mettle-router';
-const about = () =>
-  defineComponent(() => {
-    function goHome() {
-      linkTo({
-        path: '/',
-      });
-    }
-    function getOption() {
-      console.log(toParse());
-    }
-    return () => html`
-      <fragment>
-        <button onClick=${goHome}>goHome</button>
-        <h1 onClick=${getOption}>About</h1>
-      </fragment>
-    `;
-  });
-export default about;

package/template-mettle-apps/src/template/home.js DELETED Viewed

@@ -1,42 +0,0 @@
-import { defineComponent } from 'mettle';
-import { linkTo } from 'mettle-router';
-const home = () =>
-  defineComponent(({ setData }) => {
-    const state = {
-      msg: 'hello',
-      arr: [1, 2],
-      count: 3,
-    };
-    function goAbout() {
-      linkTo({
-        path: '/about',
-        query: {
-          id: 1,
-          name: 'maomin',
-        },
-      });
-    }
-    function useChange() {
-      setData(() => {
-        state.msg = 'world';
-        state.count++;
-        state.arr.unshift(state.count);
-      });
-    }
-    return () => html`
-      <fragment>
-        <button onClick=${goAbout}>goAbout</button>
-        <h1>Home</h1>
-        <p onClick=${useChange}>${state.msg}</p>
-        <ul>
-          ${state.arr.map((item) => html`<li key=${item}>${item}</li>`)}
-        </ul>
-      </fragment>
-    `;
-  });
-export default home;

package/template-mettle-jsx/README.md DELETED Viewed

	@@ -1 +0,0 @@
1	- # template-mettle-jsx

package/template-mettle-jsx/babel.config.cjs DELETED Viewed

@@ -1,3 +0,0 @@
-module.exports = {
-  plugins: [['babel-plugin-jsx-to-mettle'], ['babel-plugin-mettle']],
-};

package/template-mettle-jsx/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>create-mettle-app</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>

package/template-mettle-jsx/package.json DELETED Viewed

@@ -1,20 +0,0 @@
-{
-  "name": "template-mettle-jsx",
-  "version": "0.0.0",
-  "license": "MIT",
-  "scripts": {
-    "dev": "vite --open",
-    "serve": "vite preview",
-    "build": "vite build"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.7",
-    "babel-plugin-jsx-to-mettle": "^0.1.2",
-    "babel-plugin-mettle": "^0.1.2",
-    "vite": "^4.0.0",
-    "vite-plugin-babel": "^1.1.3"
-  },
-  "dependencies": {
-    "mettle": "^0.3.1"
-  }
-}

package/template-mettle-jsx/src/main.js DELETED Viewed

@@ -1,21 +0,0 @@
-import { defineComponent } from 'mettle';
-import Home from './template/home';
-import List from './components/list';
-import './style/app.css';
-defineComponent(
-  {
-    mount: '#app',
-  },
-  () => {
-    return () => (
-      <div class='inner'>
-        <h1>Hello mettle.js</h1>
-        <div class='app-tool'>
-          <component $is={Home} />
-          <component $is={List} />
-        </div>
-      </div>
-    );
-  }
-);

package/template-mettle-jsx/src/style/app.css DELETED Viewed

@@ -1,14 +0,0 @@
-p {
-  color: #c6715b;
-}
-.inner {
-  text-align: center;
-}
-.app-tool {
-  width: 400px;
-  margin: 0 auto;
-  padding: 10px;
-  border: 1px dotted #c6715b;
-}

package/template-mettle-jsx/src/style/list.module.css DELETED Viewed

@@ -1,27 +0,0 @@
-.listInner{
-    padding: 0;
-    margin: 0;
-    width: 400px;
-}
-.listInner li {
-	list-style: none;
-    text-align: center;
-    font-weight: bold;
-	padding: 10px;
-	margin: 10px 0;
-	background-color: #c6715b;
-	color: #fff;
-	border-radius: 20px;
-	animation: my1 1s ease-in;
-}
-.listInner button {
-    margin-top: 30px;
-}
-@keyframes my1 {
-	from {
-		opacity: 0.2;
-	}
-	to {
-		opacity: 1;
-	}
-}

package/template-mettle-jsx/vite.config.js DELETED Viewed

@@ -1,14 +0,0 @@
-import { defineConfig } from 'vite';
-import babel from 'vite-plugin-babel';
-export default defineConfig({
-  // options
-  server: {
-    strictPort: true,
-    port: 3002,
-  },
-  plugins: [
-    // Babel will try to pick up Babel config files (.babelrc or .babelrc.json)
-    babel(),
-  ],
-});

package/template-mettle-jsx-apps/README.md DELETED Viewed

	@@ -1 +0,0 @@
1	- # template-mettle-jsx-apps

package/template-mettle-jsx-apps/babel.config.cjs DELETED Viewed

@@ -1,3 +0,0 @@
-module.exports = {
-  plugins: [['babel-plugin-jsx-to-mettle'], ['babel-plugin-mettle']],
-};

package/template-mettle-jsx-apps/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>create-mettle-app</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>

package/template-mettle-jsx-apps/package.json DELETED Viewed

@@ -1,21 +0,0 @@
-{
-  "name": "template-mettle-jsx-apps",
-  "version": "0.0.0",
-  "license": "MIT",
-  "scripts": {
-    "dev": "vite --open",
-    "serve": "vite preview",
-    "build": "vite build"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.7",
-    "babel-plugin-jsx-to-mettle": "^0.1.2",
-    "babel-plugin-mettle": "^0.1.2",
-    "vite": "^4.0.0",
-    "vite-plugin-babel": "^1.1.3"
-  },
-  "dependencies": {
-    "mettle": "^0.3.1",
-    "mettle-router": "^0.2.0"
-  }
-}

package/template-mettle-jsx-apps/src/main.js DELETED Viewed

@@ -1,12 +0,0 @@
-import { defineComponent } from 'mettle';
-import router from './router/index';
-import './styles/app.css';
-defineComponent(
-  {
-    mount: '#app',
-  },
-  () => {
-    return () => <component $is={router.view()}></component>;
-  }
-);

package/template-mettle-jsx-apps/src/router/index.js DELETED Viewed

@@ -1,21 +0,0 @@
-import { resetView } from 'mettle';
-import { initRouter } from 'mettle-router';
-import home from '../template/home';
-import about from '../template/about';
-const router = initRouter(
-  [
-    {
-      path: '/',
-      template: home,
-    },
-    {
-      path: '/about',
-      template: about,
-    },
-  ],
-  resetView
-);
-export default router;

package/template-mettle-jsx-apps/src/template/about.jsx DELETED Viewed

@@ -1,24 +0,0 @@
-import { defineComponent } from 'mettle';
-import { linkTo, toParse } from 'mettle-router';
-const about = () =>
-  defineComponent(() => {
-    function goHome() {
-      linkTo({
-        path: '/',
-      });
-    }
-    function getOption() {
-      console.log(toParse());
-    }
-    return () => (
-      <fragment>
-        <button onClick={goHome}>goHome</button>
-        <h1 onClick={getOption}>About</h1>
-      </fragment>
-    );
-  });
-export default about;

package/template-mettle-jsx-apps/src/template/home.jsx DELETED Viewed

@@ -1,44 +0,0 @@
-import { defineComponent } from 'mettle';
-import { linkTo } from 'mettle-router';
-const home = () =>
-  defineComponent(({ setData }) => {
-    const state = {
-      msg: 'hello',
-      arr: [1, 2],
-      count: 3,
-    };
-    function goAbout() {
-      linkTo({
-        path: '/about',
-        query: {
-          id: 1,
-          name: 'maomin',
-        },
-      });
-    }
-    function useChange() {
-      setData(() => {
-        state.msg = 'world';
-        state.count++;
-        state.arr.unshift(state.count);
-      });
-    }
-    return () => (
-      <fragment>
-        <button onClick={goAbout}>goAbout</button>
-        <h1>Home</h1>
-        <p onClick={useChange}>{state.msg}</p>
-        <ul>
-          {state.arr.map((item) => (
-            <li key={item}>{item}</li>
-          ))}
-        </ul>
-      </fragment>
-    );
-  });
-export default home;

package/template-mettle-jsx-apps/vite.config.js DELETED Viewed

@@ -1,14 +0,0 @@
-import { defineConfig } from 'vite';
-import babel from 'vite-plugin-babel';
-export default defineConfig({
-	// options
-	server: {
-		strictPort: true,
-		port: 3002,
-	},
-	plugins: [
-		// Babel will try to pick up Babel config files (.babelrc or .babelrc.json)
-		babel(),
-	],
-});

package/template-mettle-tsx/README.md DELETED Viewed

	@@ -1 +0,0 @@
1	- # template-mettle-tsx

package/template-mettle-tsx/_gitignore DELETED Viewed

@@ -1,25 +0,0 @@
-.DS_Store
-node_modules
-/dist
-/buildDir
-.parcel-cache
-# local env files
-.env.local
-.env.*.local
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-yarn.lock

package/template-mettle-tsx/src/main.tsx DELETED Viewed

@@ -1,21 +0,0 @@
-import { defineComponent } from 'mettle';
-import Home from './template/home';
-import List from './components/list';
-import './style/app.css';
-defineComponent(
-  {
-    mount: '#app',
-  },
-  () => {
-    return () => (
-      <div class='inner'>
-        <h1>Hello mettle.js</h1>
-        <div class='app-tool'>
-          <component $is={Home} />
-          <component $is={List} />
-        </div>
-      </div>
-    );
-  }
-);

package/template-mettle-tsx-apps/README.md DELETED Viewed

	@@ -1 +0,0 @@
1	- # template-mettle-tsx-apps

package/template-mettle-tsx-apps/_gitignore DELETED Viewed

@@ -1,25 +0,0 @@
-.DS_Store
-node_modules
-/dist
-/buildDir
-.parcel-cache
-# local env files
-.env.local
-.env.*.local
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-yarn.lock

package/template-mettle-tsx-apps/src/main.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import { defineComponent } from 'mettle';
-import router from './router/index';
-import './styles/app.css';
-defineComponent(
-  {
-    mount: '#app',
-  },
-  () => {
-    return () => <component $is={router.view()}></component>;
-  }
-);

package/template-mettle-tsx-apps/src/styles/app.css DELETED Viewed

@@ -1,7 +0,0 @@
-li {
-  list-style: none;
-}
-.inner {
-  text-align: center;
-}

package/template-mettle-tsx-apps/src/template/about.tsx DELETED Viewed

@@ -1,24 +0,0 @@
-import { defineComponent } from 'mettle';
-import { linkTo, toParse } from 'mettle-router';
-const about = () =>
-  defineComponent(() => {
-    function goHome() {
-      linkTo({
-        path: '/',
-      });
-    }
-    function getOption() {
-      console.log(toParse());
-    }
-    return () => (
-      <fragment>
-        <button onClick={goHome}>goHome</button>
-        <h1 onClick={getOption}>About</h1>
-      </fragment>
-    );
-  });
-export default about;

package/template-mettle-tsx-apps/src/template/home.tsx DELETED Viewed

@@ -1,45 +0,0 @@
-import { defineComponent } from 'mettle';
-import { linkTo } from 'mettle-router';
-import type { OptionsProps } from 'mettle';
-const home = () =>
-  defineComponent(({ setData }:OptionsProps) => {
-    const state = {
-      msg: 'hello',
-      arr: [1, 2],
-      count: 3,
-    };
-    function goAbout() {
-      linkTo({
-        path: '/about',
-        query: {
-          id: 1,
-          name: 'maomin',
-        },
-      });
-    }
-    function useChange() {
-      setData(() => {
-        state.msg = 'world';
-        state.count++;
-        state.arr.unshift(state.count);
-      });
-    }
-    return () => (
-      <fragment>
-        <button onClick={goAbout}>goAbout</button>
-        <h1>Home</h1>
-        <p onClick={useChange}>{state.msg}</p>
-        <ul>
-          {state.arr.map((item) => (
-            <li key={item}>{item}</li>
-          ))}
-        </ul>
-      </fragment>
-    );
-  });
-export default home;