@kitconcept/website 1.0.0-alpha.1

package/.changelog.draft

@@ -0,0 +1,11 @@
+## 1.0.0-alpha.1 (2025-09-04)
+
+### Feature
+
+- Initial release of @kitconcept/website. @ericof 
+
+### Internal
+
+- Rename the package to @kitconcept/website. @ericof 
+
+

package/.release-it.json

@@ -0,0 +1,21 @@
+{
+  "hooks": {
+    "after:bump": [
+      "pipx run towncrier build --draft --yes --version ${version} > .changelog.draft",
+      "pipx run towncrier build --yes --version ${version}",
+      "cp ../../README.md ./ && cp CHANGELOG.md ../../CHANGELOG.md",
+      "git add ../../CHANGELOG.md"
+    ],
+    "after:release": "rm .changelog.draft README.md"
+  },
+  "git": {
+    "changelog": "pipx run towncrier build --draft --yes --version 0.0.0",
+    "commit": false,
+    "tag": false
+  },
+  "github": {
+    "release": false,
+    "releaseName": "${version}",
+    "releaseNotes": "cat .changelog.draft"
+  }
+}

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# Changelog
+
+<!-- You should *NOT* be adding new change log entries to this file.
+     You should create a file in the news directory instead.
+     For helpful instructions, please see:
+     https://6.docs.plone.org/volto/developer-guidelines/contributing.html#create-a-pull-request
+-->
+
+<!-- towncrier release notes start -->
+
+## 1.0.0-alpha.1 (2025-09-04)
+
+### Feature
+
+- Initial release of @kitconcept/website. @ericof 
+
+### Internal
+
+- Rename the package to @kitconcept/website. @ericof

package/README.md

@@ -0,0 +1,197 @@
+# kitconcept Site (@kitconcept/website)
+
+A CMS solution for public websites. Created by kitconcept.
+
+[![npm](https://img.shields.io/npm/v/website)](https://www.npmjs.com/package/website)
+[![](https://img.shields.io/badge/-Storybook-ff4785?logo=Storybook&logoColor=white&style=flat-square)](https://kitconcept.github.io/website/)
+[![Code analysis checks](https://github.com/kitconcept/website/actions/workflows/code.yml/badge.svg)](https://github.com/kitconcept/website/actions/workflows/code.yml)
+[![Unit tests](https://github.com/kitconcept/website/actions/workflows/unit.yml/badge.svg)](https://github.com/kitconcept/website/actions/workflows/unit.yml)
+
+## Features
+
+<!-- List your awesome features here -->
+
+## Installation
+
+To install your project, you must choose the method appropriate to your version of Volto.
+
+
+### Volto 17 and earlier
+
+Create a new Volto project (you can skip this step if you already have one):
+
+```
+npm install -g yo @plone/generator-volto
+yo @plone/volto my-volto-project --addon website
+cd my-volto-project
+```
+
+Add `website` to your package.json:
+
+```JSON
+"addons": [
+    "website"
+],
+
+"dependencies": {
+    "website": "*"
+}
+```
+
+Download and install the new add-on by running:
+
+```
+yarn install
+```
+
+Start volto with:
+
+```
+yarn start
+```
+
+### Volto 18 and later
+
+Add `website` to your `package.json`:
+
+```json
+"dependencies": {
+    "website": "*"
+}
+```
+
+Add `website` to your `volto.config.js`:
+
+```javascript
+const addons = ['website'];
+```
+
+If this package provides a Volto theme, and you want to activate it, then add the following to your `volto.config.js`:
+
+```javascript
+const theme = 'website';
+```
+
+## Test installation
+
+Visit http://localhost:3000/ in a browser, login, and check the awesome new features.
+
+
+## Development
+
+The development of this add-on is done in isolation using a new approach using pnpm workspaces and latest `mrs-developer` and other Volto core improvements.
+For this reason, it only works with pnpm and Volto 18 (currently in alpha).
+
+
+### Pre-requisites
+
+-   [Node.js](https://6.docs.plone.org/install/create-project.html#node-js)
+-   [Make](https://6.docs.plone.org/install/create-project.html#make)
+-   [Docker](https://6.docs.plone.org/install/create-project.html#docker)
+
+
+### Make convenience commands
+
+Run `make help` to list the available commands.
+
+```text
+help                                 Show this help
+install                              Installs the dev environment using mrs-developer
+i18n                                 Sync i18n
+format                               Format codebase
+lint                                 Lint Codebase
+test                                 Run unit tests
+test-ci                              Run unit tests in CI
+storybook-start                      Start Storybook server on port 6006
+storybook-build                      Build Storybook
+start-backend-docker                 Starts a Docker-based backend for developing
+start-test-acceptance-frontend-dev   Start acceptance frontend in dev mode
+start-test-acceptance-frontend       Start acceptance frontend in prod mode
+start-test-acceptance-server         Start acceptance server
+test-acceptance                      Start Cypress in interactive mode
+test-acceptance-headless             Run cypress tests in headless mode for CI
+```
+
+### Development environment set up
+
+Install package requirements.
+
+```shell
+make install
+```
+
+### Start developing
+
+Start the backend.
+
+```shell
+make backend-start-docker
+```
+
+In a separate terminal session, start the frontend.
+
+```shell
+pnpm start
+```
+
+### Lint code
+
+Run ESlint, Prettier, and Stylelint in analyze mode.
+
+```shell
+make lint
+```
+
+### Format code
+
+Run ESlint, Prettier, and Stylelint in fix mode.
+
+```shell
+make format
+```
+
+### i18n
+
+Extract the i18n messages to locales.
+
+```shell
+make i18n
+```
+
+### Unit tests
+
+Run unit tests.
+
+```shell
+make test
+```
+
+### Run Cypress tests
+
+Run each of these steps in separate terminal sessions.
+
+In the first session, start the frontend in development mode.
+
+```shell
+make start-test-acceptance-frontend-dev
+```
+
+In the second session, start the backend acceptance server.
+
+```shell
+make start-test-acceptance-server
+```
+
+In the third session, start the Cypress interactive test runner.
+
+```shell
+make test-acceptance
+```
+
+## License
+
+The project is licensed under the MIT license.
+
+## Credits and Acknowledgements 🙏
+
+Crafted with care by **This was generated by [cookiecutter-volto](https://github.com/plone/cookiecutter-volto/frontend_addon) on 2024-05-28 22:07:18**. A special thanks to all contributors and supporters!

package/babel.config.js

@@ -0,0 +1,17 @@
+module.exports = function (api) {
+  api.cache(true);
+  const presets = ['razzle'];
+  const plugins = [
+    [
+      'react-intl', // React Intl extractor, required for the whole i18n infrastructure to work
+      {
+        messagesDir: './build/messages/',
+      },
+    ],
+  ];
+
+  return {
+    plugins,
+    presets,
+  };
+};

package/locales/de/LC_MESSAGES/volto.po

@@ -0,0 +1,14 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: de\n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+

package/locales/en/LC_MESSAGES/volto.po

@@ -0,0 +1,14 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: en\n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+

package/locales/es/LC_MESSAGES/volto.po

@@ -0,0 +1,21 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2023-05-09 11:45-0400\n"
+"PO-Revision-Date: 2023-05-10 11:34-0400\n"
+"Last-Translator: Leonardo J. Caballero G. <leonardocaballero@gmail.com>\n"
+"Language: es\n"
+"Language-Team: ES <LL@li.org>\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"Preferred-Encodings: utf-8\n"
+"MIME-Version: 1.0\n"
+"Language-Code: es\n"
+"Language-Name: Español\n"
+"Domain: volto\n"
+"X-Is-Fallback-For: es-ar es-bo es-cl es-co es-cr es-do es-ec es-es es-sv es-gt es-hn es-mx es-ni es-pa es-py es-pe es-pr es-us es-uy es-ve\n"
+"X-Generator: Poedit 2.2.1\n"
+
+

package/locales/pt_BR/LC_MESSAGES/volto.po

@@ -0,0 +1,19 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2023-04-06T16:01:32.969Z\n"
+"PO-Revision-Date: \n"
+"Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Language: \n"
+"Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+"MIME-Version: 1.0\n"
+"Language-Code: pt_BR\n"
+"Language-Name: Português do Brasil\n"
+"Preferred-Encodings: utf-8\n"
+"Domain: volto\n"
+
+

package/locales/volto.pot

@@ -0,0 +1,16 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"POT-Creation-Date: 2024-06-24T18:49:09.950Z\n"
+"Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+"MIME-Version: 1.0\n"
+"Language-Code: en\n"
+"Language-Name: English\n"
+"Preferred-Encodings: utf-8\n"
+"Domain: volto\n"
+
+

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@kitconcept/website",
+  "version": "1.0.0-alpha.1",
+  "description": "A CMS solution for public websites. Created by kitconcept.",
+  "main": "src/index.ts",
+  "license": "MIT",
+  "keywords": [
+    "volto-addon",
+    "volto",
+    "plone",
+    "react"
+  ],
+  "author": "kitconcept GmbH",
+  "homepage": "https://github.com/kitconcept/kitconcept-website#readme",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:kitconcept/kitconcept-website.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "i18n": "rm -rf build/messages && NODE_ENV=production i18n --addon",
+    "dry-release": "release-it --dry-run",
+    "release": "release-it",
+    "release-major-alpha": "release-it major --preRelease=alpha",
+    "release-alpha": "release-it --preRelease=alpha"
+  },
+  "peerDependencies": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-intl": "^3.12.1",
+    "react-redux": "^8.1.2"
+  },
+  "devDependencies": {
+    "@plone/scripts": "workspace:*",
+    "@plone/types": "workspace:*",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "release-it": "^17.7.0"
+  },
+  "addons": [
+    "@kitconcept/core"
+  ],
+  "dependencies": {
+    "@plone/components": "workspace:*",
+    "@kitconcept/core": "1.0.0-alpha.22"
+  }
+}

package/src/config/settings.ts

@@ -0,0 +1,13 @@
+import { ConfigType } from '@plone/registry';
+
+export default function install(config: ConfigType) {
+  config.settings.isMultilingual = false;
+  config.settings.supportedLanguages = ['en'];
+  config.settings.defaultLanguage = 'en';
+
+  // Volto Light Theme Configuration
+  config.settings.siteHeader = true;
+  config.settings.siteLabel = 'Site';
+
+  return config;
+}

package/src/config/slots.ts

@@ -0,0 +1,12 @@
+import { ConfigType } from '@plone/registry';
+import CustomCSS from '../slots/CustomCSS/CustomCSS';
+
+export default function install(config: ConfigType) {
+  config.registerSlotComponent({
+    slot: 'aboveHeader',
+    name: 'CustomCSS',
+    component: CustomCSS,
+  });
+
+  return config;
+}

package/src/index.ts

@@ -0,0 +1,17 @@
+import { ConfigType } from '@plone/registry';
+import installSettings from './config/settings';
+import installSlots from './config/slots';
+
+declare module '@plone/types' {
+  export interface GetSiteResponse {
+    'kitconcept.website.custom_css': string;
+  }
+}
+
+const applyConfig = (config: ConfigType) => {
+  installSettings(config);
+  installSlots(config);
+  return config;
+};
+
+export default applyConfig;

package/src/slots/CustomCSS/CustomCSS.tsx

@@ -0,0 +1,22 @@
+import Helmet from '@plone/volto/helpers/Helmet/Helmet';
+import { useSelector } from 'react-redux';
+import type { GetSiteResponse } from '@plone/types';
+
+type FormState = {
+  site: { data: GetSiteResponse };
+};
+
+const CustomCSS = () => {
+  const site = useSelector<FormState, GetSiteResponse>(
+    (state) => state.site.data,
+  );
+  const customCSS = site['kitconcept.website.custom_css'];
+
+  return customCSS ? (
+    <Helmet>
+      <style>{customCSS}</style>
+    </Helmet>
+  ) : null;
+};
+
+export default CustomCSS;

package/towncrier.toml

@@ -0,0 +1,38 @@
+[tool.towncrier]
+filename = "CHANGELOG.md"
+directory = "news/"
+title_format = "## {version} ({project_date})"
+underlines = ["", "", ""]
+template = "./node_modules/@plone/scripts/templates/towncrier_template.jinja"
+start_string = "<!-- towncrier release notes start -->\n"
+issue_format = "[#{issue}](https://github.com/kitconcept/kitconcept-website/issue/{issue})"
+
+[[tool.towncrier.type]]
+directory = "breaking"
+name = "Breaking"
+showcontent = true
+
+[[tool.towncrier.type]]
+directory = "feature"
+name = "Feature"
+showcontent = true
+
+[[tool.towncrier.type]]
+directory = "bugfix"
+name = "Bugfix"
+showcontent = true
+
+[[tool.towncrier.type]]
+directory = "internal"
+name = "Internal"
+showcontent = true
+
+[[tool.towncrier.type]]
+directory = "documentation"
+name = "Documentation"
+showcontent = true
+
+[[tool.towncrier.type]]
+directory = "test"
+name = "Test"
+showcontent = true

package/tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "module": "commonjs",
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "strictPropertyInitialization": false,
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "paths": {
+      "@plone/volto/*": ["../../core/packages/volto/src/*"],
+      "@kitconcept/website/*": ["./src/*"]
+    }
+  },
+  "include": ["src", "src/**/*.js"],
+  "exclude": [
+    "node_modules",
+    "build",
+    "public",
+    "coverage",
+    "src/**/*.test.{js,jsx,ts,tsx}",
+    "src/**/*.spec.{js,jsx,ts,tsx}",
+    "src/**/*.stories.{js,jsx,ts,tsx}"
+  ]
+}