@moneko/react 0.0.7 → 0.0.9

package/lib/entry.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{useEffect as o}from"react";import e from"@app";import t from"@app/fallback";import m,{setLang as a}from"@app/locales";import n from"@app/routes";import{createRoot as p}from"react-dom/client";import{RouterProvider as i,createBrowserRouter as l,createHashRouter as u}from"react-router-dom";export default function(c={}){let{container:f,basename:d=e.base,language:s,...w}=c,g="hash"===e.routerMode?u:l,b=f?.querySelector("#root")||document.getElementById("root"),x=p(b);return"micro"===e.type&&(window.mainApp={...w,container:b}),x.render(r(()=>{let{lang:e}=m;return o(()=>{s&&s!==e.language&&a(s)},[s,e.language]),r(i,{router:g(n,{basename:d,window:window}),fallbackElement:t&&r(t,{})})},{})),x.unmount};
+import{jsx as r}from"react/jsx-runtime";import"react";import o from"@app";import t from"@app/fallback";import e from"@app/routes";import{createRoot as m}from"react-dom/client";import{RouterProvider as a,createBrowserRouter as n,createHashRouter as p}from"react-router-dom";export default function(i={}){let{container:c,basename:u=o.base,language:d,...f}=i,l="hash"===o.routerMode?p:n,s=c?.querySelector("#root")||document.getElementById("root"),w=m(s);return"micro"===o.type&&(window.mainApp={...f,container:s}),w.render(r(()=>r(a,{router:l(e,{basename:u,window:window}),fallbackElement:t&&r(t,{})}),{})),w.unmount};
 //# sourceMappingURL=entry.js.map

package/lib/entry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/entry.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport app from '@app';\nimport Fallback from '@app/fallback';\nimport localizable, { setLang } from '@app/locales';\nimport routes from '@app/routes';\nimport { createRoot } from 'react-dom/client';\nimport { RouterProvider, createBrowserRouter, createHashRouter } from 'react-router-dom';\n\ntype RenderAppProps = {\n  container?: HTMLElement;\n  basename?: string;\n  fallback?: React.ReactElement;\n  language?: string;\n};\n\nfunction renderApp(props: RenderAppProps = {}) {\n  const { container, basename = app.base, language, ...args } = props;\n  const createRouter = app.routerMode === 'hash' ? createHashRouter : createBrowserRouter;\n  const _container = container?.querySelector('#root') || document.getElementById('root');\n  const instance = createRoot(_container as HTMLElement);\n\n  if (app.type === 'micro') {\n    window.mainApp = {\n      ...args,\n      container: _container as HTMLElement,\n    };\n  }\n  const App = () => {\n    const { lang } = localizable;\n\n    useEffect(() => {\n      if (language && language !== lang.language) {\n        setLang(language);\n      }\n    }, [language, lang.language]);\n    return (\n      <RouterProvider\n        router={createRouter(routes, {\n          basename: basename,\n          window: window,\n        })}\n        fallbackElement={Fallback && <Fallback />}\n      />\n    );\n  };\n\n  instance.render(<App />);\n  return instance.unmount;\n}\n\nexport default renderApp;\n"],"names":["useEffect","app","Fallback","localizable","setLang","routes","createRoot","RouterProvider","createBrowserRouter","createHashRouter","props","container","basename","base","language","args","createRouter","routerMode","_container","querySelector","document","getElementById","instance","type","window","mainApp","render","lang","router","fallbackElement","unmount"],"mappings":"uCAAA,QAAgBA,aAAAA,CAAS,KAAQ,OAAQ,AACzC,QAAOC,MAAS,MAAO,AACvB,QAAOC,MAAc,eAAgB,AACrC,QAAOC,GAAeC,WAAAA,CAAO,KAAQ,cAAe,AACpD,QAAOC,MAAY,aAAc,AACjC,QAASC,cAAAA,CAAU,KAAQ,kBAAmB,AAC9C,QAASC,kBAAAA,CAAc,CAAEC,uBAAAA,CAAmB,CAAEC,oBAAAA,CAAgB,KAAQ,kBAAmB,AA4CzF,gBAnCA,SAAmBC,EAAwB,CAAC,CAAC,EAC3C,GAAM,CAAEC,UAAAA,CAAS,CAAEC,SAAAA,EAAWX,EAAIY,IAAI,CAAEC,SAAAA,CAAQ,CAAE,GAAGC,EAAM,CAAGL,EACxDM,EAAef,AAAmB,SAAnBA,EAAIgB,WAAwBR,EAAmBD,EAC9DU,EAAaP,GAAWQ,cAAc,UAAYC,SAASC,eAAe,QAC1EC,EAAWhB,EAAWY,SAEX,UAAbjB,EAAIsB,MACNC,CAAAA,OAAOC,QAAU,CACf,GAAGV,CAAI,CACPJ,UAAWO,CACb,CAAA,EAqBFI,EAASI,OAAO,EAnBJ,KACV,GAAM,CAAEC,KAAAA,CAAI,CAAE,CAAGxB,EAOjB,OALAH,EAAU,KACJc,GAAYA,IAAaa,EAAKb,UAChCV,EAAQU,EAEZ,EAAG,CAACA,EAAUa,EAAKb,SAAS,EAE1B,EAACP,GACCqB,OAAQZ,EAAaX,EAAQ,CAC3BO,SAAUA,EACVY,OAAQA,MACV,GACAK,gBAAiB3B,GAAY,EAACA,OAGpC,OAGOoB,EAASQ,OAClB,CAEyB"}
+{"version":3,"sources":["../src/entry.tsx"],"sourcesContent":["import React from 'react';\nimport app from '@app';\nimport Fallback from '@app/fallback';\nimport routes from '@app/routes';\nimport { createRoot } from 'react-dom/client';\nimport { RouterProvider, createBrowserRouter, createHashRouter } from 'react-router-dom';\n\ntype RenderAppProps = {\n  container?: HTMLElement;\n  basename?: string;\n  fallback?: React.ReactElement;\n  language?: string;\n};\n\nfunction renderApp(props: RenderAppProps = {}) {\n  const { container, basename = app.base, language, ...args } = props;\n  const createRouter = app.routerMode === 'hash' ? createHashRouter : createBrowserRouter;\n  const _container = container?.querySelector('#root') || document.getElementById('root');\n  const instance = createRoot(_container as HTMLElement);\n\n  if (app.type === 'micro') {\n    window.mainApp = {\n      ...args,\n      container: _container as HTMLElement,\n    };\n  }\n  const App = () => {\n    return (\n      <RouterProvider\n        router={createRouter(routes, {\n          basename: basename,\n          window: window,\n        })}\n        fallbackElement={Fallback && <Fallback />}\n      />\n    );\n  };\n\n  instance.render(<App />);\n  return instance.unmount;\n}\n\nexport default renderApp;\n"],"names":["app","Fallback","routes","createRoot","RouterProvider","createBrowserRouter","createHashRouter","props","container","basename","base","language","args","createRouter","routerMode","_container","querySelector","document","getElementById","instance","type","window","mainApp","render","router","fallbackElement","unmount"],"mappings":"uCAAA,OAAkB,OAAQ,AAC1B,QAAOA,MAAS,MAAO,AACvB,QAAOC,MAAc,eAAgB,AACrC,QAAOC,MAAY,aAAc,AACjC,QAASC,cAAAA,CAAU,KAAQ,kBAAmB,AAC9C,QAASC,kBAAAA,CAAc,CAAEC,uBAAAA,CAAmB,CAAEC,oBAAAA,CAAgB,KAAQ,kBAAmB,AAqCzF,gBA5BA,SAAmBC,EAAwB,CAAC,CAAC,EAC3C,GAAM,CAAEC,UAAAA,CAAS,CAAEC,SAAAA,EAAWT,EAAIU,IAAI,CAAEC,SAAAA,CAAQ,CAAE,GAAGC,EAAM,CAAGL,EACxDM,EAAeb,AAAmB,SAAnBA,EAAIc,WAAwBR,EAAmBD,EAC9DU,EAAaP,GAAWQ,cAAc,UAAYC,SAASC,eAAe,QAC1EC,EAAWhB,EAAWY,SAEX,UAAbf,EAAIoB,MACNC,CAAAA,OAAOC,QAAU,CACf,GAAGV,CAAI,CACPJ,UAAWO,CACb,CAAA,EAcFI,EAASI,OAAO,EAZJ,IAER,EAACnB,GACCoB,OAAQX,EAAaX,EAAQ,CAC3BO,SAAUA,EACVY,OAAQA,MACV,GACAI,gBAAiBxB,GAAY,EAACA,aAM7BkB,EAASO,OAClB,CAEyB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moneko/react",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "react",
   "main": "lib/index.js",
   "scripts": {

package/lib/merge.d.ts

@@ -1,10 +0,0 @@
-type Prefix = {
-    children?: Prefix[];
-    meta?: object;
-    element?: any;
-    path: string;
-};
-declare function merge<T extends Prefix>(route: T[], key: keyof T): ({
-    key: string;
-} & T)[] | undefined;
-export default merge;

package/lib/merge.js

@@ -1,2 +0,0 @@
-import{createElement as e,isValidElement as r}from"react";export default function t(n,l){if(!n.length)return;let i=[];return n.forEach(e=>{let r=i.findIndex(r=>r[l]==e[l]);if(r>-1){let n=[...i[r].children||[],...e.children||[]];i[r]=Object.assign(e,i[r],i[r].meta&&{meta:{...i[r].meta,...e.meta}}),n.length&&(i[r].children=t(n,l))}else i.push(Object.assign(e,Array.isArray(e.children)&&{children:t(e.children,l)}))}),function t(n){return n.map(n=>{let l=Object.assign({key:n.path},n);return l.element&&!r(l.element)&&(l.element=e(l.element,l.meta)),Array.isArray(l.children)&&(l.children=t(l.children)),l})}(i)};
-//# sourceMappingURL=merge.js.map

package/lib/merge.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/merge.ts"],"sourcesContent":["import { createElement, isValidElement } from 'react';\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Prefix = { children?: Prefix[]; meta?: object; element?: any; path: string };\n\nfunction prefix<T extends Prefix>(list: T[]) {\n  return list.map((r) => {\n    const _ = Object.assign({ key: r.path }, r);\n\n    if (_.element && !isValidElement(_.element)) {\n      _.element = createElement(_.element, _.meta);\n    }\n    if (Array.isArray(_.children)) {\n      _.children = prefix(_.children);\n    }\n    return _;\n  });\n}\nfunction merge<T extends Prefix>(route: T[], key: keyof T) {\n  if (!route.length) return void 0;\n  const arr: T[] = [];\n\n  route.forEach((e) => {\n    const idx = arr.findIndex((i) => i[key] == e[key]);\n\n    if (idx > -1) {\n      const ctree: T[] = [...(arr[idx].children || []), ...(e.children || [])] as T[];\n\n      arr[idx] = Object.assign(\n        e,\n        arr[idx],\n        arr[idx].meta && {\n          meta: {\n            ...arr[idx].meta,\n            ...e.meta,\n          },\n        },\n      );\n      if (ctree.length) {\n        arr[idx].children = merge(ctree, key);\n      }\n    } else {\n      arr.push(\n        Object.assign(\n          e,\n          Array.isArray(e.children) && {\n            children: merge(e.children as T[], key),\n          },\n        ),\n      );\n    }\n  });\n\n  return prefix(arr);\n}\n\nexport default merge;\n"],"names":["createElement","isValidElement","merge","route","key","length","arr","forEach","e","idx","findIndex","i","ctree","children","Object","assign","meta","push","Array","isArray","prefix","list","map","r","_","path","element"],"mappings":"AAAA,OAASA,iBAAAA,CAAa,CAAEC,kBAAAA,CAAc,KAAQ,OAAQ,AAuDtD,gBAtCA,SAASC,EAAwBC,CAAU,CAAEC,CAAY,EACvD,GAAI,CAACD,EAAME,OAAQ,OACnB,IAAMC,EAAW,EAAE,CAiCnB,OA/BAH,EAAMI,QAAQ,AAACC,IACb,IAAMC,EAAMH,EAAII,UAAU,AAACC,GAAMA,CAAC,CAACP,EAAI,EAAII,CAAC,CAACJ,EAAI,EAEjD,GAAIK,EAAM,GAAI,CACZ,IAAMG,EAAa,IAAKN,CAAG,CAACG,EAAI,CAACI,UAAY,EAAE,IAAOL,EAAEK,UAAY,EAAE,CAAE,AAExEP,CAAAA,CAAG,CAACG,EAAI,CAAGK,OAAOC,OAChBP,EACAF,CAAG,CAACG,EAAI,CACRH,CAAG,CAACG,EAAI,CAACO,MAAQ,CACfA,KAAM,CACJ,GAAGV,CAAG,CAACG,EAAI,CAACO,IAAI,CAChB,GAAGR,EAAEQ,IAAI,AACX,CACF,GAEEJ,EAAMP,QACRC,CAAAA,CAAG,CAACG,EAAI,CAACI,SAAWX,EAAMU,EAAOR,EAAG,CAExC,MACEE,EAAIW,KACFH,OAAOC,OACLP,EACAU,MAAMC,QAAQX,EAAEK,WAAa,CAC3BA,SAAUX,EAAMM,EAAEK,SAAiBT,EACrC,GAIR,GAEOgB,AAhDT,SAASA,EAAyBC,CAAS,EACzC,OAAOA,EAAKC,IAAI,AAACC,IACf,IAAMC,EAAIV,OAAOC,OAAO,CAAEX,IAAKmB,EAAEE,IAAK,EAAGF,GAQzC,OANIC,EAAEE,SAAW,CAACzB,EAAeuB,EAAEE,UACjCF,CAAAA,EAAEE,QAAU1B,EAAcwB,EAAEE,QAASF,EAAER,KAAI,EAEzCE,MAAMC,QAAQK,EAAEX,WAClBW,CAAAA,EAAEX,SAAWO,EAAOI,EAAEX,SAAQ,EAEzBW,CACT,EACF,EAoCgBlB,EAChB,CAEqB"}

package/lib/normalize.css

@@ -1,208 +0,0 @@
-html,
-body {
-  margin: 0;
-  padding: 0;
-  line-height: 1.8;
-}
-
-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: 5px;
-  block-size: 5px;
-}
-
-::-webkit-scrollbar-track,
-::-webkit-scrollbar-thumb {
-  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;
-}