@bigbinary/neeto-seo-frontend 3.0.0

package/README.md

@@ -0,0 +1,170 @@
+# neeto-seo-nano
+
+The `neeto-seo-nano` manages SEO settings across Neeto applications.
+
+## Contents
+
+1. [Development with Host Application](#development-with-host-application)
+2. [Instructions for Publishing](#instructions-for-publishing)
+
+## Development with Host Application
+
+#### Installation
+
+1. Add this line to your application's Gemfile:
+
+   ```ruby
+    source "NEETO_GEM_SERVER_URL" do
+      # ..existing gems
+
+      gem "neeto-seo-engine"
+    end
+   ```
+
+2. And then execute:
+
+   ```shell
+   bundle install
+   ```
+
+3. Run migrations
+
+   ```shell
+   bundle exec rails neeto_seo_engine:install:migrations
+   bundle exec rails db:migrate
+   ```
+
+#### Usage
+
+1. Add association
+
+   ```ruby
+   class BlogPost > ApplicationRecord
+     has_one :seo_setting, as: :entity, class_name: "NeetoSeoEngine::SeoSetting", dependent: :destroy
+   end
+   ```
+
+2. Add controller
+
+   All common controller logic is extracted to the engine. However, we still
+   need to load some records from the host app controller.
+
+   ```ruby
+   class Api::V1::Admin::BlogPosts::SeoSettingsController < NeetoSeoEngine::Api::V1::SeoSettingsController
+     private
+
+       def load_entity!
+         @entity = @organization.blog_posts.find(params[:blog_post_id])
+       end
+   end
+   ```
+
+3. Include the following module to your application's `config/routes.rb` file:
+
+   ```ruby
+   include NeetoSeoEngine::Routes::Draw
+
+   ```
+
+4. Define required routes.
+
+```ruby
+
+# routes/admin.rb
+seo_setting_routes
+```
+
+5. Create a file in the host app under `app/lib/neeto_seo_engine/callbacks.rb` &
+   provide the permission (If you don't have permissions, then simply return
+   true)
+
+   ```ruby
+   module NeetoSeoEngine
+     class Callbacks
+       def self.can_manage_seo_settings?(user)
+         user.has_permission?("neeto_seo_engine.manage_seo_settings")
+       end
+     end
+   end
+   ```
+
+   Note: If this implementation is missing in the host application, the policy
+   will default to checking
+   `user.has_permission?("neeto_seo_engine.manage_seo_settings")`.
+
+6. Add the frontend component to your desired path. There are two components in
+   the package:
+
+   1. [SeoSettingsPane](app/javascript/src/components/SeoSettings/Pane/index.jsx)
+   2. [SeoSettingsPage](app/javascript/src/components/SeoSettings/Page.jsx)
+
+   The `SeoSettingsPage` includes the `SeoSettingsPane` within it. The
+   `SeoSettingsPage` is used for entities that require a full-page component,
+   while the `SeoSettingsPane` is intended for cases where only a pane is
+   required.
+
+   Here is an example of the usage of `SeoSettingsPane`:
+
+   ```jsx
+   const SeoSettings = ({ isOpen, onClose }) => {
+     const { blogPostId } = useParams();
+
+     const SEO_FORM_FIELDS = [
+       {
+         name: "title",
+         helpDocUrl: "https://help.neetopublish.com/#1-page-title",
+         maxLength: 80,
+       },
+       {
+         name: "description",
+         altLabel: "Meta Description",
+         altPlaceholder: "Enter meta Description",
+         helpDocUrl: "https://help.neetopublish.com/#2-meta-description",
+         maxLength: 150,
+       },
+       {
+         name: "keywords",
+         helpDocUrl: "https://help.neetopublish.com/#3-keywords",
+         maxLength: 150,
+         popOverDescription: "Some description about Meta keywords",
+       },
+       { name: "allowSearchEngineCrawl" },
+       { name: "googleAnalyticsTrackingId" },
+       { name: "coverImage" },
+     ];
+
+     return (
+       <SeoSettingsPane
+         {...{ isOpen, onClose }}
+         apiEndpointUrl={`${BASE_API_V1_URL}/admin/blog_posts/${blogPostId}/seo_setting`}
+         defaultHelpDocUrl="https://help.neetopublish.com/search-engine-optimization"
+         entity="Page"
+         seoFormFields={SEO_FORM_FIELDS}
+         additionalComponent={<ImageUploader />}
+       />
+     );
+   };
+   ```
+
+   You need to build SEO form fields with the desired fields required in your
+   engine. The allowed fields are `title`, `titleSuffix`, `keywords`, and
+   `description`, `allowSearchEngineToCrawl`, `googleAnalyticsTrackingId`, and
+   `coverImage`. These components will be generated accordingly. You can pass
+   the corresponding `helpDocUrl`, `popOverDescription`, and `maxLength`. The
+   `name` is mandatory to generate the component.
+
+   You can also pass an `additionalComponent` prop to append an additional
+   component of your choice in the `SeoSettingsPane`.
+
+   You must pass the `entity` prop, which can be **Page**, **Article**,
+   **Site**, or any other entity of your choice.
+
+   The [SeoSettingsPage](app/javascript/src/components/SeoSettings/Page.jsx) has
+   similar props. Additionally, you can pass the `breadcrumbs` and
+   `helpPopoverDescription` of the page.
+
+## Instructions for Publishing
+
+Consult the
+[building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages)
+guide for details on how to publish.

package/app/javascript/src/translations/en.json

@@ -0,0 +1,45 @@
+{
+  "neetoSeo": {
+    "title": "Search engine optimization",
+    "manageSeoSettings": "Manage SEO settings",
+    "readHelpArticle": "<Link>Read more</Link> to learn more about configuring the SEO settings",
+    "buttons": {
+      "configure": "Configure"
+    },
+    "helpPopovers": {
+      "seo": "You can configure SEO settings by using the meta description, keywords to improve visibility, and more.",
+      "title": "Specifies the title of the web page. It is displayed as part of the search snippet on the search engine results page. It appears as a clickable headline for the search result.",
+      "titleSuffix": "It is added as the suffix to page titles on all the pages.",
+      "description": "Meta description provides a summary of the web page. It is displayed as part of the search snippet on the search engine results page. It is meant to give the user a brief idea of what the {{entity}} is about and how it relates to their search query.",
+      "keywords": "Keywords assist search engines in understanding the content of the {{entity}}, thereby enhancing its ranking in search results.",
+      "googleAnalytics": "Connect your Google Analytics account & monitor the performance of your {{entity}} using Google Analytics.",
+      "coverImage": "Cover image is the image that appears on the top of the web page. It is displayed as part of search snippet in search engine results page.",
+      "allowSearchEngineCrawl": "Enable search engine indexing, helping them appear in search results. "
+    },
+    "labels": {
+      "viewHelpArticle": "View help article",
+      "title": "{{entity}} title",
+      "titleSuffix": "{{entity}} title suffix",
+      "description": "Meta description",
+      "keywords": "Keywords",
+      "allowSearchEngineCrawl": "Allow search engines to index this {{entity}}",
+      "googleAnalytics": "Google analytics",
+      "googleAnalyticsTrackingId": "Google analytics tracking ID",
+      "coverImage": "Cover image"
+    },
+    "placeholders": {
+      "title": "Enter {{entity}} title",
+      "titleSuffix": "Enter {{entity}} title suffix",
+      "description": "Enter meta description",
+      "keywords": "Enter keywords",
+      "googleAnalyticsTrackingId": "UA-000000-2"
+    },
+    "validations": {
+      "valid": "{{what}} must be valid",
+      "required": "{{what}} is required"
+    },
+    "subLabels": {
+      "keywords": "Keywords need to be comma separated"
+    }
+  }
+}

package/app/javascript/src/translations/index.js

@@ -0,0 +1,3 @@
+import en from "./en.json";
+
+export { en };

package/dist/SeoSettingsPage.js

@@ -0,0 +1,132 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useState } from 'react';
+import Container from '@bigbinary/neeto-molecules/Container';
+import Typography from '@bigbinary/neetoui/Typography';
+import Button from '@bigbinary/neetoui/Button';
+import { useTranslation, Trans } from 'react-i18next';
+import NeetoHeader from '@bigbinary/neeto-molecules/Header';
+import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import Pane from './SeoSettingsPane.js';
+import '@bigbinary/neeto-molecules/PageLoader';
+import '@bigbinary/neetoui/Pane';
+import '@bigbinary/neetoui/formik/Form';
+import '@bigbinary/neetoui/formik/ActionBlock';
+import 'ramda';
+import '@babel/runtime/helpers/defineProperty';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
+import 'axios';
+import 'i18next';
+import 'yup';
+import '@bigbinary/neeto-image-uploader-frontend/ImageUploader';
+import 'classnames';
+import 'formik';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neetoui/Label';
+import '@bigbinary/neetoui/formik/Switch';
+import '@bigbinary/neetoui/formik/Input';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import '@bigbinary/neetoui/formik/Textarea';
+
+var Header = function Header(_ref) {
+  var breadcrumbs = _ref.breadcrumbs,
+    helpDocUrl = _ref.helpDocUrl,
+    _ref$helpPopoverDescr = _ref.helpPopoverDescription,
+    helpPopoverDescription = _ref$helpPopoverDescr === void 0 ? "" : _ref$helpPopoverDescr;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var title = /*#__PURE__*/jsxs("div", {
+    className: "flex items-center gap-x-2",
+    children: [/*#__PURE__*/jsx(Typography, {
+      style: "h2",
+      children: t("neetoSeo.title")
+    }), /*#__PURE__*/jsx(HelpPopover, {
+      description: helpPopoverDescription || t("neetoSeo.helpPopovers.seo"),
+      helpLinkProps: {
+        href: helpDocUrl
+      },
+      popoverProps: {
+        position: "top"
+      },
+      title: t("neetoSeo.title")
+    })]
+  });
+  return /*#__PURE__*/jsx(NeetoHeader, {
+    breadcrumbs: breadcrumbs,
+    title: title,
+    size: "large"
+  });
+};
+var Header$1 = /*#__PURE__*/memo(Header);
+
+var Page = function Page(_ref) {
+  var breadcrumbs = _ref.breadcrumbs,
+    helpDocUrl = _ref.helpDocUrl,
+    entity = _ref.entity,
+    seoFormFields = _ref.seoFormFields,
+    apiEndpointUrl = _ref.apiEndpointUrl,
+    _ref$helpPopoverDescr = _ref.helpPopoverDescription,
+    helpPopoverDescription = _ref$helpPopoverDescr === void 0 ? "" : _ref$helpPopoverDescr,
+    _ref$additionalCompon = _ref.additionalComponent,
+    additionalComponent = _ref$additionalCompon === void 0 ? null : _ref$additionalCompon;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPaneOpen = _useState2[0],
+    setIsPaneOpen = _useState2[1];
+  var openPane = function openPane() {
+    return setIsPaneOpen(true);
+  };
+  var closePane = function closePane() {
+    return setIsPaneOpen(false);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs(Container, {
+      children: [/*#__PURE__*/jsx(Header$1, {
+        breadcrumbs: breadcrumbs,
+        helpDocUrl: helpDocUrl,
+        helpPopoverDescription: helpPopoverDescription
+      }), /*#__PURE__*/jsx("div", {
+        className: "mt-10 flex w-full justify-center",
+        children: /*#__PURE__*/jsxs("div", {
+          className: "neeto-ui-border-gray-300 neeto-ui-rounded w-1/2 space-y-4 border p-6",
+          children: [/*#__PURE__*/jsx(Typography, {
+            style: "h2",
+            children: t("neetoSeo.manageSeoSettings")
+          }), /*#__PURE__*/jsx(Button, {
+            label: t("neetoSeo.buttons.configure"),
+            onClick: openPane
+          }), /*#__PURE__*/jsx("div", {
+            className: "space-y-1"
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body2",
+            children: /*#__PURE__*/jsx(Trans, {
+              i18nKey: "neetoSeo.readHelpArticle",
+              components: {
+                Link: /*#__PURE__*/jsx(Button, {
+                  href: helpDocUrl,
+                  rel: "noreferrer",
+                  style: "link",
+                  target: "_blank"
+                })
+              }
+            })
+          })]
+        })
+      })]
+    }), /*#__PURE__*/jsx(Pane, {
+      additionalComponent: additionalComponent,
+      apiEndpointUrl: apiEndpointUrl,
+      entity: entity,
+      seoFormFields: seoFormFields,
+      defaultHelpDocUrl: helpDocUrl,
+      isOpen: isPaneOpen,
+      onClose: closePane
+    })]
+  });
+};
+
+export { Page as default };
+//# sourceMappingURL=SeoSettingsPage.js.map

package/dist/SeoSettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoSettingsPage.js","sources":["../app/javascript/src/components/SeoSettings/Header.jsx","../app/javascript/src/components/SeoSettings/Page.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport NeetoHeader from \"neetomolecules/Header\";\nimport HelpPopover from \"neetomolecules/HelpPopover\";\nimport { Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Header = ({ breadcrumbs, helpDocUrl, helpPopoverDescription = \"\" }) => {\n  const { t } = useTranslation();\n\n  const title = (\n    <div className=\"flex items-center gap-x-2\">\n      <Typography style=\"h2\">{t(\"neetoSeo.title\")}</Typography>\n      <HelpPopover\n        description={helpPopoverDescription || t(\"neetoSeo.helpPopovers.seo\")}\n        helpLinkProps={{ href: helpDocUrl }}\n        popoverProps={{ position: \"top\" }}\n        title={t(\"neetoSeo.title\")}\n      />\n    </div>\n  );\n\n  return <NeetoHeader {...{ breadcrumbs, title }} size=\"large\" />;\n};\n\nexport default memo(Header);\n","import { useState } from \"react\";\n\nimport Container from \"neetomolecules/Container\";\nimport { Typography, Button } from \"neetoui\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport Header from \"./Header\";\nimport Pane from \"./Pane\";\n\nconst Page = ({\n  breadcrumbs,\n  helpDocUrl,\n  entity,\n  seoFormFields,\n  apiEndpointUrl,\n  helpPopoverDescription = \"\",\n  additionalComponent = null,\n}) => {\n  const { t } = useTranslation();\n\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n\n  const openPane = () => setIsPaneOpen(true);\n  const closePane = () => setIsPaneOpen(false);\n\n  return (\n    <>\n      <Container>\n        <Header {...{ breadcrumbs, helpDocUrl, helpPopoverDescription }} />\n        <div className=\"mt-10 flex w-full justify-center\">\n          <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded w-1/2 space-y-4 border p-6\">\n            <Typography style=\"h2\">\n              {t(\"neetoSeo.manageSeoSettings\")}\n            </Typography>\n            <Button\n              label={t(\"neetoSeo.buttons.configure\")}\n              onClick={openPane}\n            />\n            <div className=\"space-y-1\" />\n            <Typography style=\"body2\">\n              <Trans\n                i18nKey=\"neetoSeo.readHelpArticle\"\n                components={{\n                  Link: (\n                    <Button\n                      href={helpDocUrl}\n                      rel=\"noreferrer\"\n                      style=\"link\"\n                      target=\"_blank\"\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          </div>\n        </div>\n      </Container>\n      <Pane\n        {...{ additionalComponent, apiEndpointUrl, entity, seoFormFields }}\n        defaultHelpDocUrl={helpDocUrl}\n        isOpen={isPaneOpen}\n        onClose={closePane}\n      />\n    </>\n  );\n};\n\nexport default Page;\n"],"names":["Header","_ref","breadcrumbs","helpDocUrl","_ref$helpPopoverDescr","helpPopoverDescription","_useTranslation","useTranslation","t","title","_jsxs","className","children","_jsx","Typography","style","HelpPopover","description","helpLinkProps","href","popoverProps","position","NeetoHeader","size","memo","Page","entity","seoFormFields","apiEndpointUrl","_ref$additionalCompon","additionalComponent","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","openPane","closePane","_Fragment","Container","Button","label","onClick","Trans","i18nKey","components","Link","rel","target","Pane","defaultHelpDocUrl","isOpen","onClose"],"mappings":"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"}