{"_id":"@deptdk/liquidjs-preset-webpack","_rev":"3-3b5d74db6d061a24141bc4b29a60d50a","name":"@deptdk/liquidjs-preset-webpack","dist-tags":{"latest":"0.2.5"},"versions":{"0.2.2":{"name":"@deptdk/liquidjs-preset-webpack","version":"0.2.2","description":"Storybook for LiquidJS: View LiquidJS Components in isolation with Hot Reloading.","repository":{"type":"git","url":"git+https://github.com/tflx/storybook.git","directory":"packages/liquidjs-preset-webpack"},"license":"MIT","exports":{".":{"require":"./dist/index.js","import":"./dist/index.mjs","types":"./dist/index.d.ts"},"./preset":{"require":"./dist/index.js","import":"./dist/index.mjs","types":"./dist/index.d.ts"},"./package.json":{"require":"./package.json","import":"./package.json","types":"./package.json"}},"main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"check":"tsc --noEmit","build":"../../scripts/prepare/bundle.ts"},"dependencies":{"@storybook/core-webpack":"^7.0.0","@types/node":"^16.0.0","html-loader":"^2.1.2","react":"16.14.0","react-dom":"16.14.0","webpack":"5"},"devDependencies":{"typescript":"~4.6.3"},"peerDependencies":{"@babel/core":"*"},"engines":{"node":">=16"},"publishConfig":{"access":"public"},"bundler":{"entries":["./src/index.ts"],"platform":"node"},"gitHead":"169ec775d6e7474fa3735a81ef21f2f680714489","bugs":{"url":"https://github.com/tflx/storybook/issues"},"homepage":"https://github.com/tflx/storybook#readme","_id":"@deptdk/liquidjs-preset-webpack@0.2.2","_nodeVersion":"20.3.0","_npmVersion":"lerna/6.6.2/node@v20.3.0+x64 (darwin)","dist":{"integrity":"sha512-N2BdB+ko+KCg23vZdOVa8Nb9/NThozDALTsECW01+QQOsHPWS5m/oKWyUB6pbMdVMA+NU6xMOo5lGl4cQkygGw==","shasum":"fdac9c8bc1064dc6d024021dd6665950d18e3274","tarball":"https://registry.npmjs.org/@deptdk/liquidjs-preset-webpack/-/liquidjs-preset-webpack-0.2.2.tgz","fileCount":6,"unpackedSize":4377,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC1//Gfs04R/NbCXP5FZgouhFdb2U6Zz2tM2/ywAQmnzAiEAncJAXgQ1VmY9bSScPGzU7ccGm5SgngAzaeYNmUsoCPM="}]},"_npmUser":{"name":"tflx","email":"torben@torbenlarsen.com"},"directories":{},"maintainers":[{"name":"tflx","email":"torben@torbenlarsen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/liquidjs-preset-webpack_0.2.2_1707127553565_0.4497318840945348"},"_hasShrinkwrap":false},"0.2.3":{"name":"@deptdk/liquidjs-preset-webpack","version":"0.2.3","description":"Storybook for LiquidJS: View LiquidJS Components in isolation with Hot Reloading.","homepage":"https://github.com/sorthvidk/storybook-liquidjs-framework","repository":{"type":"git","url":"git+https://github.com/sorthvidk/storybook-liquidjs-framework.git","directory":"packages/liquidjs-preset-webpack"},"license":"MIT","exports":{".":{"require":"./dist/index.js","import":"./dist/index.mjs","types":"./dist/index.d.ts"},"./preset":{"require":"./dist/index.js","import":"./dist/index.mjs","types":"./dist/index.d.ts"},"./package.json":{"require":"./package.json","import":"./package.json","types":"./package.json"}},"main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"check":"tsc --noEmit","build":"../../scripts/prepare/bundle.ts"},"dependencies":{"@storybook/core-webpack":"^7.0.0","@types/node":"^16.0.0","html-loader":"^2.1.2","react":"16.14.0","react-dom":"16.14.0","webpack":"5"},"devDependencies":{"typescript":"~4.6.3"},"peerDependencies":{"@babel/core":"*"},"engines":{"node":">=16"},"publishConfig":{"access":"public"},"bundler":{"entries":["./src/index.ts"],"platform":"node"},"gitHead":"351dde7f408847dd816aac0ae90c6d6279d482d3","bugs":{"url":"https://github.com/sorthvidk/storybook-liquidjs-framework/issues"},"_id":"@deptdk/liquidjs-preset-webpack@0.2.3","_nodeVersion":"20.3.0","_npmVersion":"lerna/6.6.2/node@v20.3.0+x64 (darwin)","dist":{"integrity":"sha512-/bto+qYJFwb7zondSVFIL7itL6SJUO1VmcS75dc4Jm6zeCIIfr2fguuvmDdSdsnXRR4AE7ywcQM9rHtyM79VhA==","shasum":"cd512c3cf0c9b1336ade4910171186b2c859df17","tarball":"https://registry.npmjs.org/@deptdk/liquidjs-preset-webpack/-/liquidjs-preset-webpack-0.2.3.tgz","fileCount":6,"unpackedSize":4476,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICulDZW7fjZkr0beu2dm452EII3ySPt1CpZ7UejX5XBoAiEAtlmwPcmUf5ehTgb6JWjPGlX9XzPoya/AgoZjH9evfg0="}]},"_npmUser":{"name":"tflx","email":"torben@torbenlarsen.com"},"directories":{},"maintainers":[{"name":"tflx","email":"torben@torbenlarsen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/liquidjs-preset-webpack_0.2.3_1707128195478_0.8500006740222874"},"_hasShrinkwrap":false},"0.2.4":{"name":"@deptdk/liquidjs-preset-webpack","version":"0.2.4","description":"Storybook for LiquidJS: View LiquidJS Components in isolation with Hot Reloading.","homepage":"https://github.com/sorthvidk/storybook-liquidjs-framework","repository":{"type":"git","url":"git+https://github.com/sorthvidk/storybook-liquidjs-framework.git","directory":"packages/liquidjs-preset-webpack"},"license":"MIT","exports":{".":{"require":"./dist/index.js","import":"./dist/index.mjs","types":"./dist/index.d.ts"},"./preset":{"require":"./dist/index.js","import":"./dist/index.mjs","types":"./dist/index.d.ts"},"./package.json":{"require":"./package.json","import":"./package.json","types":"./package.json"}},"main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"check":"tsc --noEmit","build":"../../scripts/prepare/bundle.ts"},"dependencies":{"@storybook/core-webpack":"^7.0.0","@types/node":"^16.0.0","html-loader":"^2.1.2","react":"16.14.0","react-dom":"16.14.0","webpack":"5"},"devDependencies":{"typescript":"~4.6.3"},"peerDependencies":{"@babel/core":"*"},"engines":{"node":">=16"},"publishConfig":{"access":"public"},"bundler":{"entries":["./src/index.ts"],"platform":"node"},"gitHead":"c99e1a68da5b0e2632a5bcb62ea973f9bf8e8004","bugs":{"url":"https://github.com/sorthvidk/storybook-liquidjs-framework/issues"},"_id":"@deptdk/liquidjs-preset-webpack@0.2.4","_nodeVersion":"20.3.0","_npmVersion":"lerna/6.6.2/node@v20.3.0+x64 (darwin)","dist":{"integrity":"sha512-BTF0PP8lPf7BZ+TYqhLV9hfWrxYo+Lq9NUWjYH5haPi++2sjOiMuGjQ9F4MmxIUgXzu+b92Uai64coCmFArOqg==","shasum":"3e232b3081856afae83f771cf0d2a26385f3deb4","tarball":"https://registry.npmjs.org/@deptdk/liquidjs-preset-webpack/-/liquidjs-preset-webpack-0.2.4.tgz","fileCount":6,"unpackedSize":6139,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC37MiG08gMV6wP4YgJFcX1TNEvX4GQFU0r1E6SNTZ4QAIhAIAIs55MOpBMLP/x1h6hu7dgwZIX2EZJy8bYkdzAXWIr"}]},"_npmUser":{"name":"tflx","email":"torben@torbenlarsen.com"},"directories":{},"maintainers":[{"name":"tflx","email":"torben@torbenlarsen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/liquidjs-preset-webpack_0.2.4_1707128313817_0.3557110917534827"},"_hasShrinkwrap":false},"0.2.5":{"name":"@deptdk/liquidjs-preset-webpack","version":"0.2.5","description":"Storybook for LiquidJS: View LiquidJS Components in isolation with Hot Reloading.","homepage":"https://github.com/sorthvidk/storybook-liquidjs-framework","repository":{"type":"git","url":"git+https://github.com/sorthvidk/storybook-liquidjs-framework.git","directory":"packages/liquidjs-preset-webpack"},"license":"MIT","exports":{".":{"require":"./dist/index.js","import":"./dist/index.mjs","types":"./dist/index.d.ts"},"./preset":{"require":"./dist/index.js","import":"./dist/index.mjs","types":"./dist/index.d.ts"},"./package.json":{"require":"./package.json","import":"./package.json","types":"./package.json"}},"main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"check":"tsc --noEmit","build":"../../scripts/prepare/bundle.ts"},"dependencies":{"@storybook/core-webpack":"^7.0.0","@types/node":"^16.0.0","html-loader":"^2.1.2","react":"16.14.0","react-dom":"16.14.0","webpack":"5"},"devDependencies":{"typescript":"~4.6.3"},"peerDependencies":{"@babel/core":"*"},"engines":{"node":">=16"},"publishConfig":{"access":"public"},"bundler":{"entries":["./src/index.ts"],"platform":"node"},"keywords":["storybook","liquidjs","framework"],"gitHead":"bc42fdfd7155c61d8bef4766a97b060c5ddd9d60","bugs":{"url":"https://github.com/sorthvidk/storybook-liquidjs-framework/issues"},"_id":"@deptdk/liquidjs-preset-webpack@0.2.5","_nodeVersion":"20.3.0","_npmVersion":"lerna/6.6.2/node@v20.3.0+x64 (darwin)","dist":{"integrity":"sha512-Nwo13bu5G41n3KgsKzqyVVtXDetSXLrtsGHDXIhLF2lRp06BBbCzkMiWTABRJBA8XmU8OXHQjq9eCpzzFHBW/g==","shasum":"20995aff2c3ea6e5f8e405187cfa80997f5e4638","tarball":"https://registry.npmjs.org/@deptdk/liquidjs-preset-webpack/-/liquidjs-preset-webpack-0.2.5.tgz","fileCount":6,"unpackedSize":6209,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChigdCVpEE1sVwZti3XtloLQg/J1Gw4TQ1EajQC7ZkiwIgBy4dP7jbH7l0wm0WZD/OfqvDF+4I4fGi/Buy94qxGoM="}]},"_npmUser":{"name":"tflx","email":"torben@torbenlarsen.com"},"directories":{},"maintainers":[{"name":"tflx","email":"torben@torbenlarsen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/liquidjs-preset-webpack_0.2.5_1707128825371_0.1928036232244248"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-05T10:05:53.442Z","0.2.2":"2024-02-05T10:05:53.739Z","modified":"2024-02-05T10:27:05.703Z","0.2.3":"2024-02-05T10:16:35.620Z","0.2.4":"2024-02-05T10:18:33.984Z","0.2.5":"2024-02-05T10:27:05.532Z"},"maintainers":[{"name":"tflx","email":"torben@torbenlarsen.com"}],"description":"Storybook for LiquidJS: View LiquidJS Components in isolation with Hot Reloading.","homepage":"https://github.com/sorthvidk/storybook-liquidjs-framework","repository":{"type":"git","url":"git+https://github.com/sorthvidk/storybook-liquidjs-framework.git","directory":"packages/liquidjs-preset-webpack"},"bugs":{"url":"https://github.com/sorthvidk/storybook-liquidjs-framework/issues"},"license":"MIT","readme":"# Storybook for LiquidJS\n\n---\n\nStorybook for LiquidJS is a UI development environment for your LiquidJS Components.\nWith it, you can visualize different states of your Components and develop them interactively.\n\n![Storybook Screenshot](https://raw.githubusercontent.com/storybookjs/brand/37c5e9bde5c56b69a8c4312de7d60fb3a9d7de9d/icon/icon-storybook-default.svg)\n\nStorybook runs outside of your app.\nSo you can develop UI components in isolation without worrying about app specific dependencies and requirements.\n\n## Getting Started\n\n\n```sh\ncd my-app\nnpx storybook@latest init --type html\n```\n\nRemove HTML framework/renderer and install LiquidJS framework/renderer:\n\n```sh\nnpm remove @storybook/html @storybook/html-webpack5\nnpm install @deptdk/liquidjs-framework-webpack5 --save-dev\n```\n\n…or if you wanna use Vite\n```sh\nnpm remove @storybook/html @storybook/html-webpack5\nnpm install @deptdk/liquidjs-framework-vite --save-dev\n```\n\nReplace `.storybook/main.js` with the below, setting up the correct paths as necessary.\n\n```javascript\nmodule.exports = {\n  // ...\n  stories: ['RELATIVE_PATH_TO_STORIES'],\n  framework: '@deptdk/liquidjs-framework-webpack5', // or '@deptdk/liquidjs-framework-vite'\n};\n```\n\nReplace `.storybook/preview.js` with:\n\n```javascript\nexport const parameters = { \n  liquidjs: {\n    //These options are passed to LiquidJS\n  },\n};\n```\nRead more about LiquidJS options in the [LiquidJS Docs](https://liquidjs.com/tutorials/options.html)\n\n---\n\nStorybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.\nYou can also build a [static version](https://storybook.js.org/docs/html/sharing/publish-storybook) of your Storybook and deploy it anywhere you want.\n","readmeFilename":"README.md","keywords":["storybook","liquidjs","framework"]}