{"_id":"@codux-pond/component-templates","_rev":"2-ec7b9359c063eab2dc9b875712c008f5","name":"@codux-pond/component-templates","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@codux-pond/component-templates","version":"1.0.0","_id":"@codux-pond/component-templates@1.0.0","maintainers":[{"name":"cijoe","email":"cijoe@wix.com"},{"name":"ariki","email":"arikishon1@gmail.com"}],"dist":{"shasum":"679c39196e593d25aba7f90e0886676958a3535b","tarball":"https://registry.npmjs.org/@codux-pond/component-templates/-/component-templates-1.0.0.tgz","fileCount":6,"integrity":"sha512-YnPFM9m7doXZnrhzo8EWRfQfQJRnTRz4NvRad9NeNQqZ1cpUnag8UpKAiDyc79iP8qie0e8+1uktQAF23m4xvA==","signatures":[{"sig":"MEQCIAK+MOKk5ZN4g5UZqawftH+jVS3+pWxt/N2m1vz8u7phAiBGLqisACPeVpjt0RuMpg0WYTWP7PCAOO9TVjVf/z3zmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15473},"gitHead":"93c7d73dabb96466f9c12a721daae434110b55fe","scripts":{},"_npmUser":{"name":"ariki","email":"arikishon1@gmail.com"},"_npmVersion":"10.8.1","directories":{},"_nodeVersion":"20.16.0","dependencies":{},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1"},"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/component-templates_1.0.0_1730281906468_0.7868585823852523","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@codux-pond/component-templates","version":"1.0.1","_id":"@codux-pond/component-templates@1.0.1","maintainers":[{"name":"cijoe","email":"cijoe@wix.com"},{"name":"ariki","email":"arikishon1@gmail.com"}],"dist":{"shasum":"e5c18d07cb2d256c213bfd0e724f2e470fa88345","tarball":"https://registry.npmjs.org/@codux-pond/component-templates/-/component-templates-1.0.1.tgz","fileCount":6,"integrity":"sha512-ahZZwZ3tvd5trmGur50DY7hvmpgfCOXw8MCpebfCCEqtuC4i4E878kEv3epTh3FgjobEQ+6jRh1YgMFpfWtLeg==","signatures":[{"sig":"MEUCIQDcvXr2Ww2WMQFd4Cfc4Cr4nFCHrKAAi6MalGOhkUKIWgIgcYdSNNx8CZLBrMfV0jxIj4FEhFEb3LakPwzmSnIFVH4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15473},"gitHead":"7b61d0ea176bf90572ce33145c19af0a726cbf63","scripts":{},"_npmUser":{"name":"ariki","email":"arikishon1@gmail.com"},"_npmVersion":"10.7.0","directories":{},"_nodeVersion":"18.20.4","dependencies":{},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1"},"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/component-templates_1.0.1_1730283536406_0.037932337499451574","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@codux-pond/component-templates","version":"1.0.2","scripts":{},"publishConfig":{"access":"public"},"dependencies":{},"devDependencies":{"react":"^18.3.1","@radix-ui/react-tabs":"^1.1.1"},"peerDependencies":{"react":"^18.3.1","@radix-ui/react-tabs":"^1.1.1"},"peerDependenciesMeta":{"react":{"optional":true},"@radix-ui/react-tabs":{"optional":true}},"_id":"@codux-pond/component-templates@1.0.2","gitHead":"1d71e7924594e33d081aa520ee68f4f1ffb87d7a","description":"

Codux Component Templates

","_nodeVersion":"18.20.5","_npmVersion":"10.8.2","dist":{"integrity":"sha512-06eDmYvB5QgswU9oZKq4lSFxZ7qPEdwkN4tV285HavYg1N0GsgMt5EPxLp/iatpaq7JLaG3nUJyyU3d013WVCQ==","shasum":"6200a415ca9eec7ad9208427622e21b793469edb","tarball":"https://registry.npmjs.org/@codux-pond/component-templates/-/component-templates-1.0.2.tgz","fileCount":11,"unpackedSize":26236,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSZ2uO+gYNTX3RdXklOC7MbZA7seM0RQ21O588i4n/zAIgZQExQJiiG//FS/sSS+06Zrs5h4jvgEBSDBuC+YPescc="}]},"_npmUser":{"name":"ariki","email":"ariki@wix.com"},"directories":{},"maintainers":[{"name":"ariki","email":"ariki@wix.com"},{"name":"cijoe","email":"cijoe@wix.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/component-templates_1.0.2_1735206320880_0.17749010077199023"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-30T09:51:46.355Z","modified":"2024-12-26T09:45:21.272Z","1.0.0":"2024-10-30T09:51:46.695Z","1.0.1":"2024-10-30T10:18:56.655Z","1.0.2":"2024-12-26T09:45:21.049Z"},"maintainers":[{"name":"ariki","email":"ariki@wix.com"},{"name":"cijoe","email":"cijoe@wix.com"}],"readme":"
\n \n

Codux Component Templates

\n
\n\n## Component Templates\n\nThis project is a collection of component templates that can be used to create new components for the Codux.\nIt is also contains a catalog of the components that are created using these templates as the main app.\n\n### How to create a new component template\n\nCreate a new folder in the `src/component-templates` directory with the component name in snake case **all lowercase** and **dashed**. (e.g. `fancy-button`, `fine-card`, `tpl-input`, etc.)\n\nThe folder should contain the following files:\nwhere `COMPONENT_NAME` is the name of the component. (same as the folder name)\n\n- `COMPONENT_NAME.tsx` - The component template.\n- `COMPONENT_NAME.module.css` - The component styles.\n- `COMPONENT_NAME.component.json` - The component packer metadata entry.\n- `metadata` - Directory containing the component metadata (will not be included in the installation).\n\n#### Code Template Variables\n\nThe component template can contain variables that will be replaced with the actual values when the component is created.\nCurrently, the following variables are supported:\n\n- `___COMPONENT_NAME___` - The name of the component.\n\nNote:\n\nWe do not replace variables in all text files. We only replace variables in `typescript`, `.css`, `.md` and `.json` files. (this can be changed according to the requirement)\n\n#### Casing Convention\n\nThere is a casing convention for the variables:\n\n- if the variable is title case, we replace it with the title case value.\n- if the variable starts with lower case, we replace it with the camel case value.\n- if the variable is in snake case, we replace it with the snake case value.\n\n## Components Catalog Scripts\n\nIn the project directory, you can run:\n\n### `npm run build`\n\nBuild the application in production mode into a folder named `dist`. This folder can be served using any HTTP server.\n\n### `npm run dev`\n\nStart dev server, aliases: `vite dev`, `vite serve`.\\\nOpen [http://127.0.0.1:5173/](http://127.0.0.1:5173/) to view it in the browser.\n\n### `npm run preview`\n\nBoots up a local static web server that serves the files from dist at [`http://localhost:4173`](http://localhost:4173) . It's an easy way to check if the production build looks OK in your local environment.\n","readmeFilename":"README.md","description":"

Codux Component Templates

"}