@moneko/core 3.0.0-beta.12 → 3.0.0-beta.14

package/build/module.config.js

@@ -1 +1 @@
-import e from"mini-css-extract-plugin";import s from"mini-svg-data-uri";import{CONFIG as o,PUBLICPATH as t}from"./common.js";import{hasPkg as r}from"./has-pkg.js";import l from"./modifyVars.js";import{APPTYPE as a,DEV as i,pkgName as c}from"./process-env.js";import n from"./swcrc.js";import p from"./tsloader.config.js";import{resolveNodeModulesPath as m,resolveProgramPath as d}from"./utils.js";let u="single-spa"===a?t:"../",f={loader:e.loader,options:{publicPath:"/"!==u?u:"../"}},y=r("@moneko/postcss")&&{loader:"postcss-loader",options:{postcssOptions:await import("@moneko/postcss")}};i&&(f="style-loader");let x=[...o.cssModules,c,"neko-ui"].map(m),g=[m(`${c}/lib/styles/eval/*.less`),...["src/styles/variables/*.less","src/styles/mixins/*.less","site/styles/variables/*.less","site/styles/mixins/*.less"].map(d)],j=["components","example","mock","site","src"].map(d),$=[f,{loader:"css-loader",options:{modules:{auto:e=>{for(let s=0,o=x.length;s<o;s++)if(e&&e?.includes(x[s]))return/(.*(?<!\.global\.(le|c)ss)$)/i.test(e);return/(^(?!.*node_modules))(.*(?<!\.global\.(le|c)ss)$)/i.test(e)},localIdentName:"[path][name]__[local]",exportLocalsConvention:"dashesOnly"},importLoaders:2}},y,"css-unicode-loader",{loader:"less-loader",options:{sourceMap:!!o.sourceMap,lessOptions:{modifyVars:l,javascriptEnabled:!0}}},{loader:"style-resources-loader",options:{patterns:g}}].filter(Boolean),b={loader:"tsc"===o.compiler?"ts-loader":"swc-loader",options:"tsc"===o.compiler?p:n(i)},h={rules:[{oneOf:[{resourceQuery:/raw/,type:"asset/source"},{resourceQuery:/\.wasm$/,type:"webassembly/async"},{test:/\.less$/,use:$,include:j.concat(o.rulesInclude?.less?.map(m)||[])},{test:/\.css$/,use:[f,"css-loader",y,"css-unicode-loader"].filter(Boolean),include:j.concat(o.rulesInclude?.css?.map(m)||[])},{test:/\.(gif|png|jpe?g|ico|mp4)$/i,type:"asset",generator:{filename:"assets/images/[name][ext][query]"},include:j.concat(o.rulesInclude?.media?.map(m)||[])},{test:/\.(eot|ttf|otf|woff(|2))$/,type:"asset",generator:{filename:"assets/fonts/[name][ext][query]"},include:j.concat(o.rulesInclude?.fonts?.map(m)||[])},{test:/\.svg$/,type:"asset/inline",generator:{dataUrl:e=>s("string"!=typeof e?e.toString():e)}},{test:/\.txt$/,type:"asset/source"},{test:/\.(cj|mj|t|j)s(|x)$/,use:[...o.prefixJsLoader,b].filter(Boolean),include:j.concat(o.rulesInclude?.js?.map(m)||[])},{test:/\.mdx?$/,use:[...o.prefixJsLoader,b,{loader:"@mdx-js/loader",options:{jsxImportSource:"solid-js/h",rehypePlugins:[[await import("@mapbox/rehype-prism"),{ignore:!0}],(await import("rehype-accessible-emojis")).rehypeAccessibleEmojis,await import("rehype-figure")],remarkPlugins:[]}}].filter(Boolean),include:j,exclude:[/(.+)\/examples\/(.+).mdx?$/i]},{test:/\.mdx?$/,type:"asset/source",include:[/(.+)\/examples\/(.+).mdx?$/i]},{type:"asset/source",include:[/(.+)\/examples\/(.+).*?$/i]}]},...o.moduleRules]};export default h;
+import e from"mini-css-extract-plugin";import s from"mini-svg-data-uri";import o from"remark-frontmatter";import t from"remark-gfm";import r from"remark-mdx-frontmatter";import{CONFIG as a,PUBLICPATH as l}from"./common.js";import{hasPkg as i}from"./has-pkg.js";import m from"./modifyVars.js";import{APPTYPE as n,DEV as c,pkgName as p}from"./process-env.js";import d from"./swcrc.js";import u from"./tsloader.config.js";import{resolveNodeModulesPath as f,resolveProgramPath as y}from"./utils.js";let x="single-spa"===n?l:"../",g={loader:e.loader,options:{publicPath:"/"!==x?x:"../"}},j=i("@moneko/postcss")&&{loader:"postcss-loader",options:{postcssOptions:await import("@moneko/postcss")}};c&&(g="style-loader");let $=[...a.cssModules,p,"neko-ui"].map(f),b=[f(`${p}/lib/styles/eval/*.less`),...["src/styles/variables/*.less","src/styles/mixins/*.less","site/styles/variables/*.less","site/styles/mixins/*.less"].map(y)],h=["components","example","mock","site","src"].map(y),w=[g,{loader:"css-loader",options:{modules:{auto:e=>{for(let s=0,o=$.length;s<o;s++)if(e&&e?.includes($[s]))return/(.*(?<!\.global\.(le|c)ss)$)/i.test(e);return/(^(?!.*node_modules))(.*(?<!\.global\.(le|c)ss)$)/i.test(e)},localIdentName:"[path][name]__[local]",exportLocalsConvention:"dashesOnly"},importLoaders:2}},j,"css-unicode-loader",{loader:"less-loader",options:{sourceMap:!!a.sourceMap,lessOptions:{modifyVars:m,javascriptEnabled:!0}}},{loader:"style-resources-loader",options:{patterns:b}}].filter(Boolean),k={loader:"tsc"===a.compiler?"ts-loader":"swc-loader",options:"tsc"===a.compiler?u:d(c)},v={rules:[{oneOf:[{resourceQuery:/raw/,type:"asset/source"},{resourceQuery:/\.wasm$/,type:"webassembly/async"},{test:/\.less$/,use:w,include:h.concat(a.rulesInclude?.less?.map(f)||[])},{test:/\.css$/,use:[g,"css-loader",j,"css-unicode-loader"].filter(Boolean),include:h.concat(a.rulesInclude?.css?.map(f)||[])},{test:/\.(gif|png|jpe?g|ico|mp4)$/i,type:"asset",generator:{filename:"assets/images/[name][ext][query]"},include:h.concat(a.rulesInclude?.media?.map(f)||[])},{test:/\.(eot|ttf|otf|woff(|2))$/,type:"asset",generator:{filename:"assets/fonts/[name][ext][query]"},include:h.concat(a.rulesInclude?.fonts?.map(f)||[])},{test:/\.svg$/,type:"asset/inline",generator:{dataUrl:e=>s("string"!=typeof e?e.toString():e)}},{test:/\.txt$/,type:"asset/source"},{test:/\.(cj|mj|t|j)s(|x)$/,use:[...a.prefixJsLoader,k].filter(Boolean),include:h.concat(a.rulesInclude?.js?.map(f)||[])},{test:/\.mdx?$/,use:[...a.prefixJsLoader,k,{loader:"@mdx-js/loader",options:{jsxImportSource:"solid-js/h",rehypePlugins:[[(await import("@mapbox/rehype-prism")).default,{ignore:!0}],(await import("rehype-accessible-emojis")).rehypeAccessibleEmojis,(await import("rehype-figure")).default],remarkPlugins:[o,[r,{name:"matter"}],t]}}].filter(Boolean),include:h,exclude:[/(.+)\/examples\/(.+).mdx?$/i]},{test:/\.mdx?$/,type:"asset/source",include:[/(.+)\/examples\/(.+).mdx?$/i]},{type:"asset/source",include:[/(.+)\/examples\/(.+).*?$/i]}]},...a.moduleRules]};export default v;

package/lib/normalize.css

@@ -0,0 +1,254 @@
+/* @import url('tailwindcss/utilities'); */
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+  inline-size: 100vi;
+  font-size: var(--font-size, 14px);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    'Noto Color Emoji', Helvetica, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans';
+  color: var(--text-color, rgb(0 0 0 / 65%));
+  line-height: 1.8;
+  transition-duration: var(--transition-duration, 0.3s);
+  transition-property: background-color, color;
+  transition-timing-function: var(--transition-timing-function, cubic-bezier(0.94, -0.1, 0.1, 1.2));
+}
+
+#root {
+  display: flex;
+  -webkit-overflow-scrolling: touch;
+}
+
+#root > main {
+  animation: route-in var(--transition-duration, 0.3s);
+}
+
+input,
+textarea {
+  caret-color: inherit;
+}
+
+h1 {
+  margin: 0.67em 0;
+  font-size: 2em;
+}
+
+hr {
+  overflow: visible;
+  block-size: 0;
+  box-sizing: content-box;
+}
+
+pre {
+  font-size: 1em;
+  font-family: monospace;
+}
+
+a {
+  text-decoration: none;
+  background-color: transparent;
+  cursor: pointer;
+}
+
+abbr[title] {
+  border-block-end: none;
+  text-decoration: underline;
+  text-decoration: underline dotted;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+code,
+kbd,
+samp {
+  font-size: 1em;
+  font-family: monospace;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  inset-block-end: -0.25em;
+}
+
+sup {
+  inset-block-start: -0.5em;
+}
+
+img {
+  border-style: none;
+}
+
+img,
+button {
+  outline: 1px solid transparent;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin: 0;
+  font-size: 100%;
+  font-family: inherit;
+  line-height: 1.15;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  appearance: button;
+}
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+  outline: 1px dotted var(--primary-outline);
+}
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+legend {
+  display: table;
+  padding: 0;
+  max-inline-size: 100%;
+  white-space: normal;
+  color: inherit;
+  box-sizing: border-box;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+textarea {
+  overflow: auto;
+}
+
+details {
+  display: block;
+}
+
+summary {
+  display: list-item;
+}
+
+template,
+[hidden] {
+  display: none;
+}
+
+[type='checkbox'],
+[type='radio'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  block-size: auto;
+}
+
+[type='search'] {
+  appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type='search']::-webkit-search-decoration {
+  appearance: none;
+}
+
+::-webkit-file-upload-button {
+  appearance: button;
+  font: inherit;
+}
+
+::-webkit-scrollbar {
+  inline-size: 4px;
+  block-size: 4px;
+}
+
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background-color: transparent;
+}
+
+:hover::-webkit-scrollbar-thumb {
+  background-color: var(--primary-selection);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: var(--primary-hover);
+}
+
+::-webkit-scrollbar-thumb:active {
+  background-color: var(--primary-active);
+}
+
+::-webkit-scrollbar-button {
+  display: none;
+}
+
+@keyframes route-in {
+  from {
+    transform: translate3d(0, 16px, 0);
+    opacity: 0;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes route-out {
+  from {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+
+  to {
+    z-index: -1;
+    transform: translate3d(0, 1rem, 0);
+    opacity: 0;
+  }
+}

package/lib/packages/library/bootstrap.jsx

@@ -1,7 +1,6 @@
 import { Router } from '@solidjs/router';
 import { render } from 'solid-js/web';
 import App from '@/index';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, no-unused-vars
 function isFunction(target) {
     return [
         '[object Function]',
@@ -13,18 +12,17 @@ function isFunction(target) {
 const appEntry = APPENTRY ? await import(APPENTRY) : null;
 const container = document.getElementById('root');
 if (appEntry && isFunction(appEntry.bootstrap)) {
-    appEntry.bootstrap?.();
+    appEntry.bootstrap();
 }
-const Main = () => (<Router>
-    <App />
-  </Router>);
 window.rootInstance = {
     unmount: () => null,
-    render(ele) {
-        window.rootInstance.unmount = render(ele, container);
+    render() {
+        window.rootInstance.unmount = render(() => (<Router>
+          <App />
+        </Router>), container);
     },
 };
-window.rootInstance.render(Main);
+window.rootInstance.render();
 if (appEntry && isFunction(appEntry.mount)) {
-    appEntry.mount?.();
+    appEntry.mount();
 }

package/lib/router/{index.jsx → index.js}

@@ -35,10 +35,14 @@ export const mdxComponents = {};
 //   return c;
 // }
 if (APPTYPE === 'library') {
-    const models = require.context('@pkg/', true, /README\.mdx?$/);
+    const models = import.meta.webpackContext?.('@pkg/', {
+        recursive: true,
+        regExp: /README\.mdx?$/,
+        mode: 'sync',
+    });
     let overrideComps = {};
     try {
-        overrideComps = await import('@/components/components');
+        overrideComps = (await import('@/components/components')).default;
     }
     catch (error) {
         /* empty */
@@ -65,7 +69,7 @@ if (APPTYPE === 'library') {
         // pre: pre,
         ...overrideComps,
     });
-    models.keys()?.forEach(function (item) {
+    models?.keys()?.forEach(function (item) {
         const key = item.substring(2).split('/').slice(0, -1).join('/');
         const { basic, default: Child } = models(item);
         myPkgs.push({
@@ -79,8 +83,12 @@ if (APPTYPE === 'library') {
             },
         });
     });
-    const allDemo = require.context('@pkg/', true, /\/examples\/(.+)\.mdx$/);
-    allDemo.keys()?.forEach(function (e) {
+    const allDemo = import.meta.webpackContext?.('@pkg/', {
+        recursive: true,
+        regExp: /\/examples\/(.+)\.mdx$/,
+        mode: 'sync',
+    });
+    allDemo?.keys()?.forEach(function (e) {
         const k = e.substring(2), arr = k.split('/'), name = arr[0];
         if (!Array.isArray(myDemoKv[name])) {
             myDemoKv[name] = [];
@@ -105,8 +113,7 @@ if (APPTYPE === 'library') {
 }
 let list = [];
 try {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    list = require('@/router').default;
+    list = (await import('@/router')).default;
 }
 catch (error) {
     // eslint-disable-next-line no-console
@@ -116,7 +123,11 @@ function prefixKey(path, prev) {
     // eslint-disable-next-line no-undefined
     return [prev === '*' && path !== '*' ? undefined : prev, path].filter(Boolean).join('/');
 }
-const models = require.context('@/pages/', true, /\.(t|j)sx$/, 'lazy');
+const models = import.meta.webpackContext?.('@/pages/', {
+    recursive: true,
+    regExp: /\.(t|j)sx$/,
+    mode: 'lazy',
+});
 function pathToTree(input) {
     const root = [];
     for (let i = 0; i < input.length; i++) {
@@ -165,9 +176,9 @@ function pathToTree(input) {
     }
     return root;
 }
-const routers = pathToTree(models.keys().map(function (item) {
+const routers = pathToTree(models?.keys().map(function (item) {
     return item.replace(/\$/g, ':');
-}));
+}) || []);
 function merge(source, child, prev) {
     const _ = source.find(function (item) {
         return item.path === child.path;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@moneko/core",
-  "version": "3.0.0-beta.12",
+  "version": "3.0.0-beta.14",
   "description": "core",
   "main": "lib/index.js",
   "type": "module",
   "scripts": {
     "build": "npm run build-conf && npm run build:types",
-    "build-conf": "swc config -d build -C module.type=nodenext -C jsc.target=esnext -C jsc.loose=true -C jsc.minify.mangle=true -C jsc.minify.compress=true -C minify=true --copy-files",
-    "build-src": "swc src -d lib -C module.type=es6 -C jsc.loose=true -C jsc.minify.mangle=true -C jsc.minify.compress=true -C minify=true --copy-files",
+    "build-conf": "swc config -d build -C module.type=nodenext -C jsc.target=esnext -C jsc.loose=true -C jsc.minify.mangle=true -C jsc.minify.compress=true -C minify=true -D",
+    "build-src": "swc src -d lib --extensions=.ts --ignore=src/packages/library/*.tsx -C module.type=es6 -C jsc.loose=true -C jsc.minify.mangle=true -C jsc.minify.compress=true -C minify=true -D",
     "build:types": "tsc && tsc --project cli.json",
     "postbuild": "node ./copy.js ./prefix ./lib",
     "prebuild": "rm -rf ./build && rm -rf ./lib"
@@ -40,6 +40,9 @@
     "portfinder": "1.0.32",
     "rehype-accessible-emojis": "0.3.2",
     "rehype-figure": "1.0.1",
+    "remark-frontmatter": "^4.0.1",
+    "remark-gfm": "^3.0.1",
+    "remark-mdx-frontmatter": "^3.0.0",
     "style-loader": "3.3.2",
     "style-resources-loader": "1.5.0",
     "swc-loader": "0.2.3",