GithubHelp home page GithubHelp logo

exfabrica / strapi-plugin-awesome-help Goto Github PK

View Code? Open in Web Editor NEW
8.0 0.0 2.0 361 KB

This plugin enable creation of contextual helps for your Strapi documents!

License: Other

JavaScript 98.20% CSS 1.80%

strapi-plugin-awesome-help's Introduction

Strapi plugin Awesome Help

This plugin is not intended to be used in production. This is a learning aid. Nevertheless, we will try to go as far as possible in its design and deployment.

This plugin includes all code you need to follow this technical articles: A Strapi plugin from scratch to production

DESCRIPTION

The purpose of this plugin is to display an icon on each form label present in each document to display contextual help. When the user over the icon, the plugin displays a tooltip with a helpful text.

Awesome Help in document

Awesome Help main UI

FEATURES

  • Add contextual Help on your Strapi documents.
  • Scan the Strapi Structure to get all textual and numerical fields.

INSTALLATION

#npm
npm install @exfabrica/strapi-plugin-awesome-help
#yarn
yarn add @exfabrica/strapi-plugin-awesome-help

CONFIGURATION

Just go inside the general settings of Awesome Help to enable / disable the contextual help.

Awesome Help

strapi-plugin-awesome-help's People

Contributors

gtaexfab avatar prokopsimek avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

strapi-plugin-awesome-help's Issues

Does this work with V4?

Hi,

I installed the plugin on Strapi v4.8.2 and I even enabled it from config/plugins.ts

The plugin is listed in /admin/list-plugins however I cannot see its menu under the Media Library, nor the settings panel

image

Is this plugin compatible with V4? Or am I doing something wrong?

Tooltip only goes two levels deep

Hello!

I wanted to suggest adding a feature for the tooltip to work with nested components.
For example: api::hr-section.hr-section/sections/why-join-us/description <- writing on this field works

But levels deeper than that, won't work: api::hr-section.hr-section/hr-sections/why-join-us/cards/description and it breaks the application

Thanks! ;)

Doesn't run with the latest Strapi 4.17.0

Creating admin[ERROR] Module not found: Error: Can't resolve '@strapi/design-system/Portal' in '/xxx/xxx/development/xxx/app/node_modules/@exfabrica/strapi-plugin-awesome-help/admin/src/components/Injected'
[ERROR] There seems to be an unexpected error, try again with --debug for more information

[ERROR] Command failed with exit code 1: /xxx/xxx/.nvm/versions/node/v18.18.2/bin/node /home/xxx/development/xxx/app/node_modules/.bin/strapi develop

Add support for json fields

Could it be possible to add this feature for json fields ? They are the one which usually require extensive documentation to avoid making mistake

There is no "Scan your Strapi internal structure" button inside admin and all fields information

image

"dependencies": {
    "@exfabrica/strapi-plugin-awesome-help": "^1.0.8",
    "@notum-cz/strapi-plugin-content-versioning": "^0.4.0",
    "@strapi/plugin-graphql": "4.2.0",
    "@strapi/plugin-i18n": "4.2.0",
    "@strapi/plugin-sentry": "4.2.0",
    "@strapi/plugin-seo": "^1.7.2",
    "@strapi/plugin-users-permissions": "4.2.0",
    "@strapi/strapi": "4.2.0",
    "react-if": "^4.1.4",
    "sqlite3": "^5.0.5",
    "strapi-plugin-comments": "^2.1.7",
    "strapi-plugin-config-sync": "^1.0.1",
    "strapi-plugin-placeholder": "^4.1.7",
    "strapi-plugin-preview-button": "^0.3.4",
    "strapi-plugin-rest-cache": "^4.2.4",
    "strapi-plugin-slugify": "^2.2.2",
    "strapi-provider-rest-cache-memory": "^4.2.4"
  }
"engines": {
    "node": ">=12.x.x <=16.x.x",
    "npm": ">=6.0.0"
  }

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.