Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@reactioncommerce/admin-core

Package Overview
Dependencies
Maintainers
5
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@reactioncommerce/admin-core

Reaction admin core library

  • 1.3.2
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
5
Created
Source

Reaction Admin Core

Installation and usage

Install dependencies

# Install the Admin Core package
`npm i @reactioncommerce/admin-core`

# Install all required peer-dependencies
`npx install-peerdeps --only-peers @reactioncommerce/admin-core`

Create a folder called src at the base of your repo

Add the file src/index.html using the following template

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Reaction Admin</title>
</head>
<body>
  <div id="app"></div>
</body>
</html>

Add the file src/index.js using the following template

/* eslint-disable react/no-multi-comp */
import React from "react";
import { Reaction, registerPlugin, App } from "@reactioncommerce/admin-core";

// Register fake plugins for testing
registerPlugin(() => ({
  route: "/test-1",
  navTitle: "Test 1",
  // eslint-disable-next-line react/display-name
  MainComponent: () => (<span>Route Test 1</span>)
}));

registerPlugin(() => ({
  route: "/test-2",
  navTitle: "Test 2",
  // eslint-disable-next-line react/display-name
  MainComponent: () => (<span>Route Test 2</span>)
}));

// Configure and "start" the Reaction webapp
Reaction({
  AppComponent: App,
  title: "Reaction Admin Core Lib",

  // Ideally these config variables will come from the ENV.
  // dotenv is provided as part of admin-core if you wish yo use it.
  config: {
    PUBLIC_GRAPHQL_API_URL: "http://localhost:3000/graphql",
    PUBLIC_OIDC_CLIENT_ID: "reaction-admin-core",
    PUBLIC_OIDC_URL: "http://localhost:4444",
    PUBLIC_ROOT_URL: "http://localhost:8080"
  }
});

Add the start script to your package.json scripts

"scripts": {
  ...
  "start": "reaction --port 8080"
  ...
}

Run your app

npm start

Open http://localhost:8080 to view your site.

License

Copyright 2020 Reaction Commerce

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

FAQs

Package last updated on 14 Apr 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc