@moneko/solid 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Moneko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @moneko/solid
+
+> solid JS

package/base.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "downlevelIteration": true,
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+    "isolatedModules": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "forceConsistentCasingInFileNames": true,
+    "skipLibCheck": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "removeComments": false,
+    "preserveConstEnums": true,
+    "sourceMap": false,
+    "newLine": "lf",
+    "listEmittedFiles": false,
+    "listFiles": false,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "traceResolution": false
+  }
+}

package/env.d.ts

@@ -0,0 +1,224 @@
+declare module '*.less';
+declare module '*.css';
+declare module '*.js';
+declare module '*.jsx';
+declare module '*.cjs';
+declare module '*.mjs';
+declare module '*.json';
+declare module '*.ts';
+declare module '*.png';
+declare module '*.svg';
+declare module '*.woff2';
+declare module './index.less' {
+  const styles: { readonly [key: string]: string };
+
+  export default styles;
+}
+
+declare module '*.mdx' {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let MDXComponent: (props: any) => JSX.Element;
+
+  export default MDXComponent;
+}
+
+declare module '*?raw' {
+  export default string;
+}
+declare module '@app/docs' {
+  import { JSX } from 'solid-js';
+
+  interface ApiEntry {
+    [key: string]: (() => JSX.Element)[];
+  }
+  const entry: ApiEntry;
+
+  export default entry;
+}
+declare module '@app' {
+  interface App {
+    /** 应用名称 */
+    name: string;
+    /** 应用描述 */
+    description: string;
+    /** 应用版本 */
+    version: string;
+    /** 应用类型 */
+    type: 'single-component' | 'mobile' | 'site' | 'back-stage' | 'single-spa' | 'library';
+    /** 开发者 */
+    author: {
+      name: string;
+      url?: string;
+      email?: string;
+    };
+    /** 存储库 */
+    repository: {
+      type?: string;
+      url?: string;
+      directory?: string;
+    };
+    /** 路由模式 */
+    routerMode: 'hash' | 'browser' | 'memory';
+    /** 根路由 */
+    base: string;
+    /** 设计尺寸 */
+    designSize: number;
+    /** 本地化 */
+    locales: boolean;
+    /** 渲染模式 */
+    mode: 'ssr' | 'csr';
+  }
+  const app: App;
+
+  export default app;
+}
+declare module '@app/routes' {
+  import { RouteDefinition } from '@solidjs/router';
+  interface IRouteDefinition extends Omit<RouteDefinition, 'children'> {
+    children?: RouteConfig[];
+  }
+
+  export interface RouteConfig extends IRouteDefinition {
+    /** 菜单id */
+    key?: string;
+    path: string;
+    /** 菜单图标 */
+    icon?: string;
+    dynamicTitle?: string;
+    /** 菜单名 */
+    label?: string | null;
+    hideMenu?: boolean;
+    hideTab?: boolean;
+    onlyLogin?: boolean;
+    /** 菜单父id */
+    parentId?: string;
+    /** 可否关闭标签 */
+    closable?: boolean;
+    /** 子菜单 */
+    // children?: RouterProps[];
+    props?: {
+      path: string;
+      [key: string]: Any;
+    };
+    meta?: Record<string, string | number | boolean>;
+  }
+  const routes: RouteConfig[];
+
+  export default routes;
+}
+declare module '@app/example' {
+  export interface ExampleModule {
+    codes: Record<string, string>;
+    title?: string;
+    description?: string;
+    col?: string;
+    order?: number;
+    [key: string]: unknown;
+  }
+  const example: Record<string, ExampleModule[]>;
+
+  export default example;
+}
+declare module '@app/coverage' {
+  export type CoverageType = {
+    /** 语句(statement coverage) */
+    statements: string;
+    /** 语句覆盖: 是不是每个语句都执行了 */
+    coveredstatements: string;
+    /** 条件(branch coverage) */
+    conditionals: string;
+    /** 条件覆盖: 是不是每个条件代码块都执行了 */
+    coveredconditionals: string;
+    /** 函数(function coverage) */
+    methods: string;
+    /** 函数覆盖: 是不是每个函数都调用了 */
+    coveredmethods: string;
+  };
+  export type ProjectCoverageType = {
+    /** 元素 */
+    elements: string;
+    /** 覆盖元素 */
+    coveredelements: string;
+    complexity: string;
+    loc: string;
+    ncloc: string;
+    /** 经过测试的组件 */
+    packages: string;
+    /** 经过测试的文件 */
+    files: string;
+    /** 经过测试的类 */
+    classes: string;
+  };
+  const coverage: Record<string, CoverageType & Partial<ProjectCoverageType>>;
+
+  export default coverage;
+}
+declare module '@app/fallback' {
+  import { JSX } from 'solid-js';
+  const Fallback: null | (() => JSX.Element);
+
+  export default Fallback;
+}
+
+declare let __webpack_public_path__: string | undefined;
+
+interface Window {
+  areaPaddingTop?: number;
+  areaPaddingBottom?: number;
+}
+interface ICustomElement {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [prop: string]: any;
+  __initialized?: boolean;
+  __released: boolean;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  __releaseCallbacks: any[];
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  __propertyChangedCallbacks: any[];
+  __updating: {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    [prop: string]: any;
+  };
+  props: {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    [prop: string]: any;
+  };
+  lookupProp(attrName: string): string | undefined;
+  renderRoot: Element | Document | ShadowRoot | DocumentFragment;
+  addReleaseCallback(fn: () => void): void;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  addPropertyChangedCallback(fn: (name: string, value: any) => void): void;
+}
+type IEvent<T> = (e: CustomEvent<T>) => void;
+type ICustomEvent<T, K extends keyof T> = T extends { [key in K]?: (v: infer V) => void }
+  ? IEvent<V>
+  : T extends { [key in K]?: (...args: infer Args) => void }
+  ? IEvent<Args>
+  : never;
+
+type IOmit<T, Keys extends keyof T> = Omit<T, Keys> & {
+  [K in Keys]?: ICustomEvent<T, K>;
+};
+
+type CustomElement<T extends Partial<ICustomElement> = ICustomElement> = IOmit<
+  T,
+  | 'onChange'
+  | 'onOpenChange'
+  | 'onErrorRecorder'
+  | 'onStopRecorder'
+  | 'onStartRecorder'
+  | 'onRecorderDataAvailable'
+  | 'onErrorCapture'
+  | 'onStopCapture'
+  | 'onStartCapture'
+  | 'onSaveRecorder'
+> & {
+  ref?: CustomElement<T> | { current: CustomElement<T> | null };
+  shadowRoot?: ShadowRoot | Element | null;
+  offsetWidth?: number;
+  part?: string;
+};
+
+interface ComponentOptions<T> {
+  element: T & ICustomElement;
+}

package/jest-preset.js

@@ -0,0 +1,84 @@
+const name = process.env.npm_package_name;
+
+export default {
+  coverageDirectory: "coverage",
+  testEnvironment: "jsdom",
+  roots: ["components"],
+  moduleFileExtensions: ["js", "jsx", "ts", "tsx"],
+  testMatch: ["<rootDir>/components/**/__tests__/**/*.{js,jsx,ts,tsx}"],
+  coveragePathIgnorePatterns: [
+    "<rootDir>/test/",
+    "<rootDir>/lib/",
+    "<rootDir>/es/",
+    "<rootDir>/docs/",
+    "<rootDir>/node_modules/",
+  ],
+  testPathIgnorePatterns: [
+    "<rootDir>/test/",
+    "<rootDir>/lib/",
+    "<rootDir>/es/",
+    "<rootDir>/docs/",
+    "<rootDir>/node_modules/",
+  ],
+  transformIgnorePatterns: [
+    "<rootDir>/lib/",
+    "<rootDir>/es/",
+    "<rootDir>/docs/",
+  ],
+  moduleNameMapper: {
+    [name]: "<rootDir>/components/index.ts",
+  },
+  transform: {
+    "^.+\\.(t|j)sx?$": [
+      "@swc/jest",
+      {
+        module: {
+          type: "es6",
+        },
+        jsc: {
+          parser: {
+            syntax: "typescript",
+            decorators: true,
+            dynamicImport: true,
+            tsx: true,
+          },
+          target: "es2022",
+          transform: {
+            legacyDecorator: true,
+            decoratorMetadata: true,
+            react: {
+              refresh: false,
+              importSource: "solid-js/h",
+            },
+          },
+          experimental: {
+            plugins: [
+              [
+                "@moneko/jsx-dom-expressions",
+                {
+                  moduleName: "solid-js/web",
+                  builtIns: [
+                    "For",
+                    "Show",
+                    "Switch",
+                    "Match",
+                    "Suspense",
+                    "SuspenseList",
+                    "Portal",
+                    "Index",
+                    "Dynamic",
+                    "ErrorBoundary",
+                  ],
+                  contextToCustomElements: true,
+                  wrapConditionals: true,
+                  generate: "dom",
+                  hydratable: false,
+                },
+              ],
+            ],
+          },
+        },
+      },
+    ],
+  },
+};

package/lib/entry.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/entry.js

@@ -0,0 +1,2 @@
+import{createComponent as r}from"solid-js/web";import{Router as e,useRoutes as o}from"@solidjs/router";import{createRoot as t,getOwner as m}from"solid-js";import{render as i}from"solid-js/web";import p from"@app";import s from"@app/routes";t(()=>{let t=document.getElementById("root");t.replaceChildren(),i(function(){let t=o(s);return r(e,{get base(){return p.base},get children(){return r(t,{})}})},t)},m());
+//# sourceMappingURL=entry.js.map

package/lib/entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/entry.tsx"],"sourcesContent":["import { type RouteDefinition, Router, useRoutes } from '@solidjs/router';\nimport { createRoot, getOwner } from 'solid-js';\nimport { render } from 'solid-js/web';\nimport app from '@app';\nimport routeDefinition from '@app/routes';\n\ncreateRoot(() => {\n  const root = document.getElementById('root') as HTMLElement;\n\n  function App() {\n    const Routes = useRoutes(routeDefinition as RouteDefinition[]);\n\n    return (\n      <Router base={app.base}>\n        <Routes />\n      </Router>\n    );\n  }\n  root.replaceChildren();\n  render(App, root);\n}, getOwner());\n"],"names":["Router","useRoutes","createRoot","getOwner","render","app","routeDefinition","root","document","getElementById","replaceChildren","Routes","base"],"mappings":"8CAAA,QAA+BA,UAAAA,CAAM,CAAEC,aAAAA,CAAS,KAAQ,iBAAkB,AAC1E,QAASC,cAAAA,CAAU,CAAEC,YAAAA,CAAQ,KAAQ,UAAW,AAChD,QAASC,UAAAA,CAAM,KAAQ,cAAe,AACtC,QAAOC,MAAS,MAAO,AACvB,QAAOC,MAAqB,aAAc,CAE1CJ,EAAW,KACT,IAAMK,EAAOC,SAASC,eAAe,QAWrCF,EAAKG,kBACLN,EAVA,WACE,IAAMO,EAASV,EAAUK,GAEzB,SACGN,qBAAaK,EAAIO,8BACfD,QAGP,EAEYJ,EACd,EAAGJ"}

package/lib/get-pathname.d.ts

@@ -0,0 +1,3 @@
+import { type Location } from '@solidjs/router';
+declare function getPathName(location: Location): string;
+export default getPathName;

package/lib/get-pathname.js

@@ -0,0 +1,2 @@
+import t from"@app";let e=t.base.length,n=e>1?t.base.endsWith("/")?e:e+1:e;export default function(t){return t.pathname.substring(n)};
+//# sourceMappingURL=get-pathname.js.map

package/lib/get-pathname.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/get-pathname.ts"],"sourcesContent":["import { type Location } from '@solidjs/router';\nimport app from '@app';\n\nconst len = app.base.length;\nconst prefix = len > 1 ? (app.base.endsWith('/') ? len : len + 1) : len;\n\nfunction getPathName(location: Location) {\n  return location.pathname.substring(prefix);\n}\n\nexport default getPathName;\n"],"names":["app","len","base","length","prefix","endsWith","location","pathname","substring"],"mappings":"AACA,OAAOA,MAAS,MAAO,CAEvB,IAAMC,EAAMD,EAAIE,KAAKC,OACfC,EAASH,EAAM,EAAKD,EAAIE,KAAKG,SAAS,KAAOJ,EAAMA,EAAM,EAAKA,CAMpE,gBAJA,SAAqBK,CAAkB,EACrC,OAAOA,EAASC,SAASC,UAAUJ,EACrC,CAE2B"}

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export * from '@solidjs/router';
+export { default as getPathName } from './get-pathname.js';
+export { default as SuspenseComp } from './suspense-comp.js';

package/lib/index.js

@@ -0,0 +1,2 @@
+export*from"@solidjs/router";export{default as getPathName}from"./get-pathname.js";export{default as SuspenseComp}from"./suspense-comp.js";
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from '@solidjs/router';\nexport { default as getPathName } from './get-pathname.js';\nexport { default as SuspenseComp } from './suspense-comp.js';\n"],"names":["default","getPathName","SuspenseComp"],"mappings":"AAAA,WAAc,iBAAkB,AAChC,QAASA,WAAWC,WAAW,KAAQ,mBAAoB,AAC3D,QAASD,WAAWE,YAAY,KAAQ,oBAAqB"}

package/lib/merge.d.ts

@@ -0,0 +1,5 @@
+declare function merge<T extends object & {
+    children?: T[];
+    meta?: object;
+}>(route: T[], key: keyof T): T[] | undefined;
+export default merge;

package/lib/merge.js

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

package/lib/merge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/merge.ts"],"sourcesContent":["function merge<T extends object & { children?: T[]; meta?: object }>(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 = [...(arr[idx].children || []), ...(e.children || [])];\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, key),\n          },\n        ),\n      );\n    }\n  });\n\n  return arr;\n}\n\nexport default merge;\n"],"names":["merge","route","key","length","arr","forEach","e","idx","findIndex","i","ctree","children","Object","assign","meta","push","Array","isArray"],"mappings":"AAsCA,eAtCA,SAASA,EAA4DC,CAAU,CAAEC,CAAY,EAC3F,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,EAAQ,IAAKN,CAAG,CAACG,EAAI,CAACI,UAAY,EAAE,IAAOL,EAAEK,UAAY,EAAE,CAAE,AAEnEP,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,SAAUT,EAC9B,GAIR,GAEOE,CACT,CAEqB"}

package/lib/normalize.css

@@ -0,0 +1,252 @@
+html,
+body {
+  margin: 0;
+  padding: 0;
+  inline-size: 100vi;
+  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: 0.3s;
+  transition-property: background-color, color;
+  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, 16px, 0);
+    opacity: 0;
+  }
+}

package/lib/suspense-comp.d.ts

@@ -0,0 +1,7 @@
+import { type Component } from 'solid-js';
+declare function SuspenseComp(props: {
+    comp: () => Promise<{
+        default: Component;
+    }>;
+}): import("solid-js").JSX.Element;
+export default SuspenseComp;

package/lib/suspense-comp.js

@@ -0,0 +1,2 @@
+import"solid-js/web";import{createComponent as o}from"solid-js/web";import r from"@app/fallback";import t from"@app/mdx-scope";import{Suspense as e,lazy as p}from"solid-js";export default function(m){let i=p(m.comp);return o(e,{get fallback(){return r&&o(r,{})},get children(){return o(i,{components:t})}})};
+//# sourceMappingURL=suspense-comp.js.map

package/lib/suspense-comp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/suspense-comp.tsx"],"sourcesContent":["import Fallback from '@app/fallback';\nimport scope from '@app/mdx-scope';\nimport { type Component, Suspense, lazy } from 'solid-js';\n\nfunction SuspenseComp(props: { comp: () => Promise<{ default: Component }> }) {\n  const Lazy: Component<Record<string, unknown>> = lazy(props.comp);\n\n  return (\n    <Suspense fallback={Fallback && <Fallback />}>\n      <Lazy components={scope} />\n    </Suspense>\n  );\n}\n\nexport default SuspenseComp;\n"],"names":["Fallback","scope","Suspense","lazy","props","Lazy","comp"],"mappings":"mEAAA,QAAOA,MAAc,eAAgB,AACrC,QAAOC,MAAW,gBAAiB,AACnC,QAAyBC,YAAAA,CAAQ,CAAEC,QAAAA,CAAI,KAAQ,UAAW,AAY1D,gBAVA,SAAsBC,CAAsD,EAC1E,IAAMC,EAA2CF,EAAKC,EAAME,MAE5D,SACGJ,yBAAmBF,KAAaA,+BAC9BK,cAAiBJ,MAGxB,CAE4B"}

package/lib.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../lib"
+  },
+  "include": ["../../../components", "../../../typings"],
+  "exclude": ["../../../*/**/__tests__/*"]
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@moneko/solid",
+  "version": "1.0.0",
+  "description": "Solid js",
+  "main": "lib/index.js",
+  "scripts": {
+    "prebuild": "rm -rf ./lib",
+    "build": "swc src -d lib -D && tsc"
+  },
+  "author": "moneko",
+  "type": "module",
+  "license": "MIT",
+  "dependencies": {
+    "@moneko/jsx-dom-expressions": "0.1.0",
+    "@solidjs/router": "0.8.3",
+    "eslint-plugin-solid": "0.12.1"
+  },
+  "devDependencies": {
+    "@swc/cli": "0.1.62",
+    "@swc/core": "1.3.62",
+    "@types/webpack-env": "1.18.1",
+    "eslint-config-neko": "1.1.2",
+    "solid-js": "1.7.11",
+    "stylelint-config-moneko": "1.0.17",
+    "swc-plugin-another-transform-imports": "0.2.4",
+    "typescript": "5.0.4"
+  },
+  "files": [
+    "lib",
+    "jest-preset.js",
+    "base.json",
+    "lib.json",
+    "env.d.ts"
+  ]
+}