{"_id":"@arksouthern/jsx","_rev":"1-cb04f8bd084af789213e24c66c67f09f","name":"@arksouthern/jsx","dist-tags":{"latest":"0.9.2"},"versions":{"0.9.1":{"name":"@arksouthern/jsx","version":"0.9.1","keywords":["solid","jsx","pattern-matching","ui","components"],"author":{"name":"arksouthern"},"license":"MIT","_id":"@arksouthern/jsx@0.9.1","maintainers":[{"name":"arksouthern","email":"arksouthern@outlook.com"}],"contributors":[],"homepage":"https://github.com/arksouthern/jsx#readme","bugs":{"url":"https://github.com/arksouthern/jsx/issues"},"dist":{"shasum":"77fa2e4aadcd1bd8c63dcdf1407c32b0ca8ac0af","tarball":"https://registry.npmjs.org/@arksouthern/jsx/-/jsx-0.9.1.tgz","fileCount":26,"integrity":"sha512-gIfemV/Jfy/ooUbMx/R3FHEpj9uTTr8IZo5uRP+p5gKO81K4bXDqFNjWXP4oH6pUSSItvtElja34453wv2KWTg==","signatures":[{"sig":"MEUCIQDRQvxPGhBgfV1hH/wzV9pJrNpRdkDv+pJCpBRQIrD8vQIgUwciEo5wmuc8g51VhBBlJClarjaQk5c0NCD/zQ5KL+U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58547},"main":"./dist/ax/index.js","type":"module","types":"./dist/ax/index.d.ts","module":"./dist/ax/index.js","browser":{},"engines":{"node":">=18","pnpm":">=9.0.0"},"exports":{"./ax":{"solid":{"import":"./dist/ax/index.jsx","development":"./dist/ax/dev.jsx"},"import":{"types":"./dist/ax/index.d.ts","default":"./dist/ax/index.js"},"development":{"import":{"types":"./dist/ax/index.d.ts","default":"./dist/ax/dev.js"}}},"./hx":{"solid":{"import":"./dist/hx/index.jsx","development":"./dist/hx/dev.jsx"},"import":{"types":"./dist/hx/index.d.ts","default":"./dist/hx/index.js"},"development":{"import":{"types":"./dist/hx/index.d.ts","default":"./dist/hx/dev.js"}}},"./mx":{"solid":{"import":"./dist/mx/index.jsx","development":"./dist/mx/dev.jsx"},"import":{"types":"./dist/mx/index.d.ts","default":"./dist/mx/index.js"},"development":{"import":{"types":"./dist/mx/index.d.ts","default":"./dist/mx/dev.js"}}},"./vx":{"solid":{"import":"./dist/vx/index.jsx","development":"./dist/vx/dev.jsx"},"import":{"types":"./dist/vx/index.d.ts","default":"./dist/vx/index.js"},"development":{"import":{"types":"./dist/vx/index.d.ts","default":"./dist/vx/dev.js"}}}},"gitHead":"078c9ed31060badb2fc04c1d975004b577b31e71","private":false,"scripts":{"dev":"vite serve dev","lint":"concurrently pnpm:lint:*","test":"concurrently pnpm:test:*","build":"tsup","format":"prettier --ignore-path .gitignore -w \"src/**/*.{js,ts,json,css,tsx,jsx}\" \"dev/**/*.{js,ts,json,css,tsx,jsx}\"","test:ssr":"pnpm run test:client --mode ssr","lint:code":"eslint --ignore-path .gitignore --max-warnings 0 src/**/*.{js,ts,tsx,jsx}","lint:types":"tsc --noEmit","test:client":"vitest","update-deps":"pnpm up -Li","prepublishOnly":"npm run build"},"_npmUser":{"name":"arksouthern","email":"arksouthern@outlook.com"},"repository":{"url":"git+https://github.com/arksouthern/jsx.git","type":"git"},"_npmVersion":"10.8.3","description":"Four core JSX tools designed for Solid JS","directories":{},"sideEffects":false,"_nodeVersion":"22.9.0","typesVersions":{"*":{"ax":["./dist/ax/index.d.ts"],"hx":["./dist/hx/index.d.ts"],"mx":["./dist/mx/index.d.ts"],"vx":["./dist/vx/index.d.ts"]}},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.1","devDependencies":{"tsup":"^8.0.2","vite":"^5.2.11","jsdom":"^24.0.0","eslint":"^8.56.0","vitest":"^1.6.0","esbuild":"^0.21.3","prettier":"3.0.0","solid-js":"^1.8.17","typescript":"^5.4.5","@types/node":"^20.12.12","concurrently":"^8.2.2","tsup-preset-solid":"^2.2.0","vite-plugin-solid":"^2.10.2","esbuild-plugin-solid":"^0.6.0","@typescript-eslint/parser":"^7.9.0","eslint-plugin-no-only-tests":"^3.1.0","eslint-plugin-eslint-comments":"^3.2.0","@typescript-eslint/eslint-plugin":"^7.9.0"},"peerDependencies":{"solid-js":"^1.6.0"},"_npmOperationalInternal":{"tmp":"tmp/jsx_0.9.1_1731103685033_0.6116289741444452","host":"s3://npm-registry-packages"}},"0.9.2":{"name":"@arksouthern/jsx","version":"0.9.2","description":"Four core JSX tools designed for Solid JS","license":"MIT","author":{"name":"arksouthern"},"keywords":["solid","jsx","pattern-matching","ui","components"],"scripts":{"dev":"vite serve dev","build":"tsup","test":"concurrently pnpm:test:*","test:client":"vitest","test:ssr":"pnpm run test:client --mode ssr","format":"prettier --ignore-path .gitignore -w \"src/**/*.{js,ts,json,css,tsx,jsx}\" \"dev/**/*.{js,ts,json,css,tsx,jsx}\"","lint":"concurrently pnpm:lint:*","lint:code":"eslint --ignore-path .gitignore --max-warnings 0 src/**/*.{js,ts,tsx,jsx}","lint:types":"tsc --noEmit","update-deps":"pnpm up -Li"},"contributors":[],"repository":{"type":"git","url":"git+https://github.com/arksouthern/jsx.git"},"homepage":"https://github.com/arksouthern/jsx#readme","bugs":{"url":"https://github.com/arksouthern/jsx/issues"},"private":false,"sideEffects":false,"type":"module","main":"./dist/ax/index.js","module":"./dist/ax/index.js","types":"./dist/ax/index.d.ts","browser":{},"exports":{"./ax":{"solid":{"development":"./dist/ax/dev.jsx","import":"./dist/ax/index.jsx"},"development":{"import":{"types":"./dist/ax/index.d.ts","default":"./dist/ax/dev.js"}},"import":{"types":"./dist/ax/index.d.ts","default":"./dist/ax/index.js"}},"./hx":{"solid":{"development":"./dist/hx/dev.jsx","import":"./dist/hx/index.jsx"},"development":{"import":{"types":"./dist/hx/index.d.ts","default":"./dist/hx/dev.js"}},"import":{"types":"./dist/hx/index.d.ts","default":"./dist/hx/index.js"}},"./mx":{"solid":{"development":"./dist/mx/dev.jsx","import":"./dist/mx/index.jsx"},"development":{"import":{"types":"./dist/mx/index.d.ts","default":"./dist/mx/dev.js"}},"import":{"types":"./dist/mx/index.d.ts","default":"./dist/mx/index.js"}},"./vx":{"solid":{"development":"./dist/vx/dev.jsx","import":"./dist/vx/index.jsx"},"development":{"import":{"types":"./dist/vx/index.d.ts","default":"./dist/vx/dev.js"}},"import":{"types":"./dist/vx/index.d.ts","default":"./dist/vx/index.js"}}},"typesVersions":{"*":{"ax":["./dist/ax/index.d.ts"],"hx":["./dist/hx/index.d.ts"],"mx":["./dist/mx/index.d.ts"],"vx":["./dist/vx/index.d.ts"]}},"peerDependencies":{"solid-js":"^1.6.0"},"devDependencies":{"@types/node":"^20.12.12","@typescript-eslint/eslint-plugin":"^7.9.0","@typescript-eslint/parser":"^7.9.0","concurrently":"^8.2.2","esbuild":"^0.21.3","esbuild-plugin-solid":"^0.6.0","eslint":"^8.56.0","eslint-plugin-eslint-comments":"^3.2.0","eslint-plugin-no-only-tests":"^3.1.0","jsdom":"^24.0.0","prettier":"3.0.0","solid-js":"^1.8.17","tsup":"^8.0.2","tsup-preset-solid":"^2.2.0","typescript":"^5.4.5","vite":"^5.2.11","vite-plugin-solid":"^2.10.2","vitest":"^1.6.0"},"packageManager":"pnpm@9.1.1","engines":{"node":">=18","pnpm":">=9.0.0"},"_id":"@arksouthern/jsx@0.9.2","gitHead":"078c9ed31060badb2fc04c1d975004b577b31e71","_nodeVersion":"22.9.0","_npmVersion":"10.8.3","dist":{"integrity":"sha512-JO93LrbN/ULSk0i1t6mmT7dRfs7GiADd524Inl4C63bMgi5Jrrm9BotdFEGXhhYV9I8Bju6EBDtf3cyfkOFYVA==","shasum":"f137ea1c59843eaa9931ed14a3a7276777a743f7","tarball":"https://registry.npmjs.org/@arksouthern/jsx/-/jsx-0.9.2.tgz","fileCount":23,"unpackedSize":14257,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNRnr3+0xdhW0bWn8eKf9H9PZT0/Kyrz7e0MgItmQqCwIgC9PnGizXmmc8b5n8gfugdYxyjwu54PBIq621MjdEAIo="}]},"_npmUser":{"name":"arksouthern","email":"arksouthern@outlook.com"},"directories":{},"maintainers":[{"name":"arksouthern","email":"arksouthern@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/jsx_0.9.2_1731123416527_0.5344473421213016"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-08T22:08:04.931Z","modified":"2024-11-09T03:36:56.884Z","0.9.1":"2024-11-08T22:08:05.225Z","0.9.2":"2024-11-09T03:36:56.723Z"},"bugs":{"url":"https://github.com/arksouthern/jsx/issues"},"author":{"name":"arksouthern"},"license":"MIT","homepage":"https://github.com/arksouthern/jsx#readme","keywords":["solid","jsx","pattern-matching","ui","components"],"repository":{"type":"git","url":"git+https://github.com/arksouthern/jsx.git"},"description":"Four core JSX tools designed for Solid JS","contributors":[],"maintainers":[{"name":"arksouthern","email":"arksouthern@outlook.com"}],"readme":"<p>\n  <img width=\"100%\" src=\"https://assets.solidjs.com/banner?type=@arksouthern/jsx&background=tiles&project=%20\" alt=\"jsx\">\n</p>\n\nFour core JSX tools designed for Solid JS\n\n## HandleSet\n\n```tsx\nimport HandleSet from \"@arksouthern/jsx/hx\";\n```\n```tsx\n<div>\n  <HandleSet handlers={{\n    caroselNext: () => {...},\n    caroselBack: () => {...},\n    cardHovering: () => {...},\n    cardHoveringEnd: () => {...},\n  }}>\n    {handlers => \n      <div>\n        <button onClick={handlers.caroselBack}>\n          Back\n        </button>\n\n        <img \n          src={images[currentlySelected]}\n          onMouseEnter={handlers.cardHovering} \n          onMouseLeave={handlers.cardHoveringEnd}\n        />\n\n        <button onClick={handlers.caroselNext}>\n          Next\n        </button>\n      </div>\n    }\n  </HandleSet>\n</div>\n```\n\n## MatchAs\n\n```tsx\nimport MatchAs from \"@arksouthern/jsx/mx\";\n```\n```tsx\ntype FriendStatus =\n  | {as: \"followsYou\"}\n  | {as: \"youFollow\"}\n  | {as: \"mutual\", daysMutual: number}\n  | {as: \"none\"}\n```\n```tsx\n<div>\n  <MatchAs over={friendStatus} match={{\n    followsYou: () => (\n      <span>Following you</span>\n    ),\n    youFollow: () => (\n      <span>You are following</span>\n    ),\n    mutual: x => (\n      <span>Mutual {x.daysMutual} for days</span>\n    ),\n    none: () => <></>,\n  }} />\n</div>\n```\n\n## A.* Div\n\n```tsx\nimport A from \"@arksouthern/jsx/ax\";\n```\n### Not Using A.* Div\n```tsx\n<div>\n  <div>\n    <div>\n      <input placeholder=\"Search\" />\n    </div>\n    <div>\n      <div>\n        <button> Back </button>\n        <button> Next </button>\n      </div>\n      <div>\n        <button> Help </button>\n      </div>\n    </div>\n  </div>\n  <div>\n    <MainContent>\n  </div>\n</div>\n```\n### A.* Div Example\n```tsx\n<A.AppPage>\n  <A.NavBar>\n    <A.LeftSide>\n      <input placeholder=\"Search\" />\n    </A.LeftSide>\n    <A.RightSide>\n      <A.HistoryButtons>\n        <button> Back </button>\n        <button> Next </button>\n      </A.HistoryButtons>\n      <A.HelpOpener>\n        <button> Help </button>\n      </A.HelpOpener>\n    </A.RightSide>\n  </A.NavBar>\n  <A.Main>\n    <MainContent>\n  </A.Main>\n</A.AppPage>\n```\n\n## VarSet\n\n```tsx\nimport VarSet from \"@arksouthern/jsx/vx\";\n```\n```tsx\n<div>\n  <VarSet \n    imageUrl={images[currentlySelected].url}\n    profile={friends[currentlySelected].profile}\n    recentPost={posts.filter(bySelected).sort(byNewest)[0]}\n  >\n    {props => \n      <a href={props.profile.url}>\n        <img src={props.imageUrl}>\n        <p>{props.recentPost.previewText}</p>\n      </a>\n    }\n  </HandleSet>\n</div>\n```","readmeFilename":"README.md"}