@bigbinary/neeto-themes-frontend 1.1.11

package/README.md

@@ -0,0 +1,105 @@
+# neeto-themes-nano
+
+The `neeto-themes-nano` acts as the source of truth for the new nano's structure,
+configs, data etc.
+
+## Contents
+
+1. [Development with Host Application](#development-with-host-application)
+   - [Engine](#engine)
+     - [Installation](#installation)
+     - [Usage](#usage)
+   - [Frontend package](#frontend-package)
+     - [Installation](#installation-1)
+     - [Instructions for development](#instructions-for-development)
+     - [Usage](#usage-1)
+2. [Instructions for Publishing](#instructions-for-publishing)
+
+## Development with Host Application
+
+### Engine
+
+#### Installation
+
+1. Add this line to your application's Gemfile:
+
+   ```ruby
+    source "NEETO_GEM_SERVER_URL" do
+      # ..existing gems
+
+      gem 'neeto-themes-engine'
+    end
+   ```
+
+2. And then execute:
+
+   ```shell
+   bundle install
+   ```
+
+3. Add this line to your application's `config/routes.rb` file
+
+   ```ruby
+    mount NeetoThemesEngine::Engine => "/neeto_themes_engine"
+   ```
+
+4. Add required migrations in the `db/migrate` folder. Run the following
+   commands to copy the migrations from the engine to the host application.
+
+   ```shell
+   bundle exec rails neeto_themes_engine:install:migrations
+   bundle exec rails db:migrate
+   ```
+
+#### Usage
+
+1. Replace NeetoThemesNano with your project name
+
+   Create a `script.rb` file in the project root and paste the script from the
+   following file.
+
+   [Replace project name script](./docs/engine/replace-project-name-script.md)
+
+2. Run the file using the following command:
+
+   ```shell
+      ruby script.rb
+   ```
+
+Notes ⚠️
+
+- Don't commit this file.
+- Project name should be given in PascalCase.
+
+### Frontend package
+
+#### Installation
+
+1. Add the `neeto-themes-frontend` package to the `package.json`
+
+   ```shell
+   yarn add @bigbinary/neeto-themes-frontend
+   ```
+
+### Instructions for development
+Check the [Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0) for step-by-step instructions to develop the frontend package.
+
+#### Usage
+
+1. Import `WelcomeScreen` component from "@bigbinary/neeto-themes-frontend"
+
+   ```javascript
+   import React from "react";
+
+   import { WelcomeScreen } from "@bigbinary/neeto-themes-frontend";
+
+   const App = () => <WelcomeScreen />;
+
+   export default App;
+   ```
+
+## 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,108 @@
+{
+  "neetoThemes": {
+    "common": {
+      "design": "Design",
+      "preview": "Preview",
+      "save": "Save",
+      "done": "Done",
+      "cancel": "Cancel",
+      "continue": "Continue",
+      "retry": "Retry",
+      "active": "Active",
+      "apply": "Apply",
+      "edit": "Edit",
+      "noResultsFound": "No results found!",
+      "searchThemes": "Search themes",
+      "style": "Style",
+      "images": "Images",
+      "name": "Name",
+      "left": "Left",
+      "logo": "Logo"
+    },
+    "buttons": {
+      "saveChanges": "Save changes",
+      "addNewTheme": "Add new theme",
+      "backToThemes": "Back to themes",
+      "save": "Save",
+      "reset": "Reset"
+    },
+    "alerts": {
+      "title": {
+        "deleteTheme": "Confirm delete theme"
+      },
+      "message": {
+        "deleteTheme_zero": "You are permanently deleting the \"{{name, anyCase}}\" theme. Are you sure you want to proceed?",
+        "deleteTheme_one": "You are permanently deleting the \"{{name, anyCase}}\" theme. This theme is being used in one {{entityType, anyCase}}. {{entityType, anyCase}} using this theme would fall back to using the default \"Plain blue\" theme. Are you sure you want to proceed?",
+        "deleteTheme_other": "You are permanently deleting the \"{{name, anyCase}}\" theme. This theme is being used in {{count}} {{entityType, anyCase}}. {{entityType, anyCase}}s using this theme would fall back to using the default \"Plain blue\" theme. Are you sure you want to proceed?"
+      }
+    },
+    "build": {
+      "leftSideBar": {
+        "headerTabs": {
+          "themes": "Themes"
+        },
+        "themes": {
+          "systemThemes": "System themes",
+          "customThemes": "Custom themes",
+          "themeOptions": {
+            "clone": "Clone",
+            "delete": "Delete"
+          },
+          "themeCard": {
+            "primary": "Primary",
+            "secondary": "Secondary"
+          },
+          "editTheme": {
+            "title": "Edit theme",
+            "imageUpload": "Drag and drop or <span>Browse</span> a file"
+          },
+          "createTheme": {
+            "title": "New theme",
+            "newThemeName": "My theme"
+          },
+          "themeCloned": "Theme has been cloned successfully.",
+          "themeCloneFailed": "Failed to clone theme, please try after some time."
+        }
+      }
+    },
+    "form": {
+      "build": {
+        "logoPosition": "Logo position",
+        "font": "Font",
+        "left": "Left",
+        "connect": "Connect",
+        "update": "Update",
+        "confirmationText": "Confirmation text",
+        "enterConfirmationText": "Enter confirmation text",
+        "questions": "Questions",
+        "right": "Right",
+        "uploadCSV": "Upload CSV",
+        "answerColor": "Answer color",
+        "buttons": "Buttons",
+        "allAnswers": "All answers",
+        "searchSubmissions": "Search submissions",
+        "buttonBorderRadius": "Button border radius",
+        "backgroundColor": "Background color",
+        "enableContentBackground": "Enable content background",
+        "contentBackgroundColor": "Content background color",
+        "backgroundImage": "Background image",
+        "backgroundOverlay": "Background overlay",
+        "enableDominantBackgroundColor": "Enable dominant<br/> background color",
+        "enableDominantBackgroundColorInfo": "Enabling this option will update the background color to the dominant color from the background image.",
+        "thankYouTextAlignment": "Thank you text alignment",
+        "welcomeTextAlignment": "Welcome text alignment",
+        "questionsTextAlignment": "Questions text alignment",
+        "addNewElement": "Add new element",
+        "addOption": "Add option",
+        "addBulk": "Add bulk",
+        "buttonText": "Button text",
+        "buttonUrl": "Button URL",
+        "bulkOption": {
+          "title": "Bulk add options",
+          "label": "Enter options",
+          "helpText": "Separate options using commas or line breaks. <Link>View help article</Link> for more information."
+        }
+      }
+    }
+  }
+}

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

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