muffin-admin 1.29.0 → 1.31.1

package/dist/resources.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var icons = _interopRequireWildcard(require("@mui/icons-material"));
+
+var _utils = require("./utils");
+
+require("./views/list");
+
+require("./views/show");
+
+require("./views/edit");
+
+require("./views/create");
+
+var _excluded = ["create", "edit", "icon", "list", "name", "show"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// Initialize Resources Components
+(0, _utils.setupAdmin)('resources', function (resources) {
+  return resources.map(function (res) {
+    return (0, _utils.processAdmin)('resource', res, res.name);
+  });
+}); // Initialize a resource's component
+
+(0, _utils.setupAdmin)('resource', (0, _utils.checkParams)(function (props, res) {
+  var create = props.create,
+      edit = props.edit,
+      icon = props.icon,
+      list = props.list,
+      name = props.name,
+      show = props.show,
+      resProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_reactAdmin.Resource, (0, _extends2["default"])({
+    key: name,
+    name: name,
+    icon: icons[icon],
+    create: (0, _utils.processAdmin)('create', create, res),
+    edit: (0, _utils.processAdmin)('edit', edit, res),
+    list: (0, _utils.processAdmin)('list', list, res),
+    show: (0, _utils.processAdmin)('show', show, res)
+  }, resProps));
+}));

package/dist/ui.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _AvatarField = _interopRequireDefault(require("./fields/AvatarField"));
+
+var _FKField = _interopRequireDefault(require("./fields/FKField"));
+
+var _FKInput = _interopRequireDefault(require("./inputs/FKInput"));
+
+var _JsonField = _interopRequireDefault(require("./fields/JsonField"));
+
+var _JsonInput = _interopRequireDefault(require("./inputs/JsonInput"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var ui = {
+  // Fields
+  BooleanField: _reactAdmin.BooleanField,
+  ChipField: _reactAdmin.ChipField,
+  DateField: _reactAdmin.DateField,
+  EmailField: _reactAdmin.EmailField,
+  ImageField: _reactAdmin.ImageField,
+  FileField: _reactAdmin.FileField,
+  NumberField: _reactAdmin.NumberField,
+  RichTextField: _reactAdmin.RichTextField,
+  TextField: _reactAdmin.TextField,
+  UrlField: _reactAdmin.UrlField,
+  SelectField: _reactAdmin.SelectField,
+  ArrayField: _reactAdmin.ArrayField,
+  ReferenceField: _reactAdmin.ReferenceField,
+  ReferenceManyField: _reactAdmin.ReferenceManyField,
+  ReferenceArrayField: _reactAdmin.ReferenceArrayField,
+  AvatarField: _AvatarField["default"],
+  JsonField: _JsonField["default"],
+  FKField: _FKField["default"],
+  // Inputs
+  BooleanInput: _reactAdmin.BooleanInput,
+  NullableBooleanInput: _reactAdmin.NullableBooleanInput,
+  DateInput: _reactAdmin.DateInput,
+  DateTimeInput: _reactAdmin.DateTimeInput,
+  ImageInput: _reactAdmin.ImageInput,
+  FileInput: _reactAdmin.FileInput,
+  NumberInput: _reactAdmin.NumberInput,
+  PasswordInput: _reactAdmin.PasswordInput,
+  TextInput: _reactAdmin.TextInput,
+  AutocompleteInput: _reactAdmin.AutocompleteInput,
+  RadioButtonGroupInput: _reactAdmin.RadioButtonGroupInput,
+  SelectInput: _reactAdmin.SelectInput,
+  ArrayInput: _reactAdmin.ArrayInput,
+  AutocompleteArrayInput: _reactAdmin.AutocompleteArrayInput,
+  CheckboxGroupInput: _reactAdmin.CheckboxGroupInput,
+  ReferenceArrayInput: _reactAdmin.ReferenceArrayInput,
+  ReferenceInput: _reactAdmin.ReferenceInput,
+  JsonInput: _JsonInput["default"],
+  FKInput: _FKInput["default"]
+};
+
+var initRAItems = function initRAItems(itemsProps) {
+  return itemsProps.map(function (item) {
+    var _props$fullWidth;
+
+    var Item = ui[item[0]],
+        props = _objectSpread({}, item[1]);
+
+    if (props.required) {
+      props.validate = (0, _reactAdmin.required)();
+      delete props.required;
+    }
+
+    props.fullWidth = (_props$fullWidth = props.fullWidth) !== null && _props$fullWidth !== void 0 ? _props$fullWidth : true;
+    if (props.children) props.children = initRAItems(props.children)[0];
+    return /*#__PURE__*/_react["default"].createElement(Item, (0, _extends2["default"])({
+      key: props.source
+    }, props));
+  });
+};
+
+var _default = initRAItems;
+exports["default"] = _default;

package/dist/utils.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setupAdmin = exports.requestHeaders = exports.processAdmin = exports.makeRequest = exports.checkParams = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("react");
+
+var _raCore = require("ra-core");
+
+var _queryString = require("query-string");
+
+var _excluded = ["data", "query"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var parts = {};
+
+var setupAdmin = function setupAdmin(part, gen) {
+  return parts[part] = gen;
+};
+
+exports.setupAdmin = setupAdmin;
+
+var checkParams = function checkParams(fn) {
+  return function (props, res) {
+    if (!props || /*#__PURE__*/(0, _react.isValidElement)(props)) return props;
+    return fn(props, res);
+  };
+};
+
+exports.checkParams = checkParams;
+
+var processAdmin = function processAdmin(type, props, res) {
+  if (process.env.NODE_ENV == 'development') console.log("".concat(type).concat(res ? '-' + res : ''), props);
+  if (parts["".concat(type, "-").concat(res)]) return parts["".concat(type, "-").concat(res)](props, res);
+  if (parts[type]) return parts[type](props, res);
+};
+
+exports.processAdmin = processAdmin;
+var requestHeaders = {};
+exports.requestHeaders = requestHeaders;
+
+var makeRequest = function makeRequest(url, params) {
+  var _ref = params || {},
+      data = _ref.data,
+      query = _ref.query,
+      opts = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+
+  if (data) opts.body = JSON.stringify(data);
+  if (query) url = "".concat(url, "?").concat((0, _queryString.stringify)(query));
+  opts = _objectSpread(_objectSpread({}, opts), {}, {
+    headers: new Headers(_objectSpread(_objectSpread({}, requestHeaders), opts.headers))
+  });
+  return _raCore.fetchUtils.fetchJson(url, opts);
+};
+
+exports.makeRequest = makeRequest;

package/dist/views/create.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _ui = _interopRequireDefault(require("../ui"));
+
+var _utils = require("../utils");
+
+// Initialize a create component
+(0, _utils.setupAdmin)('create', (0, _utils.checkParams)(function (inputs, res) {
+  return function MACreate(props) {
+    var Actions = /*#__PURE__*/_react["default"].createElement(_reactAdmin.TopToolbar, null, /*#__PURE__*/_react["default"].createElement(_reactAdmin.ListButton, null));
+
+    return /*#__PURE__*/_react["default"].createElement(_reactAdmin.Create, (0, _extends2["default"])({
+      actions: Actions
+    }, props), /*#__PURE__*/_react["default"].createElement(_reactAdmin.SimpleForm, null, (0, _utils.processAdmin)('create-inputs', inputs, res)));
+  };
+}));
+(0, _utils.setupAdmin)('create-inputs', _ui["default"]);

package/dist/views/edit.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _ui = _interopRequireDefault(require("../ui"));
+
+var _utils = require("../utils");
+
+var _ActionButton = require("../buttons/ActionButton");
+
+var _excluded = ["basePath", "resource"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+// Initialize an edit component
+(0, _utils.setupAdmin)('edit', (0, _utils.checkParams)(function (_ref, res) {
+  var actions = _ref.actions,
+      inputs = _ref.inputs;
+  return function MAEdit(props) {
+    var Actions = function Actions(_ref2) {
+      var basePath = _ref2.basePath,
+          resource = _ref2.resource,
+          baseProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+      return /*#__PURE__*/_react["default"].createElement(_reactAdmin.TopToolbar, null, actions.map(function (props, idx) {
+        var aProps = _objectSpread(_objectSpread({
+          resource: resource,
+          basePath: basePath
+        }, baseProps), props);
+
+        return /*#__PURE__*/_react["default"].createElement(_ActionButton.ActionButton, (0, _extends2["default"])({
+          key: idx
+        }, aProps));
+      }), /*#__PURE__*/_react["default"].createElement(_reactAdmin.ListButton, null), /*#__PURE__*/_react["default"].createElement(_reactAdmin.ShowButton, null));
+    };
+
+    return /*#__PURE__*/_react["default"].createElement(_reactAdmin.Edit, (0, _extends2["default"])({
+      actions: /*#__PURE__*/_react["default"].createElement(Actions, null)
+    }, props), /*#__PURE__*/_react["default"].createElement(_reactAdmin.SimpleForm, null, (0, _utils.processAdmin)('edit-inputs', inputs, res)));
+  };
+}));
+(0, _utils.setupAdmin)('edit-inputs', _ui["default"]);

package/dist/views/list.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _uniq = _interopRequireDefault(require("lodash/uniq"));
+
+var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
+
+var _ui = _interopRequireDefault(require("../ui"));
+
+var _utils = require("../utils");
+
+var _ActionButton = require("../buttons/ActionButton");
+
+var _excluded = ["children", "filters", "edit", "pagination", "show", "limit", "limitMax", "actions"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var defaultPagination = /*#__PURE__*/_react["default"].createElement(_reactAdmin.Pagination, {
+  rowsPerPageOptions: [10, 25, 50, 100]
+}); // Initiliaze a list component
+
+
+(0, _utils.setupAdmin)('list', (0, _utils.checkParams)(function (props, res) {
+  var children = props.children,
+      filters = props.filters,
+      edit = props.edit,
+      pagination = props.pagination,
+      show = props.show,
+      limit = props.limit,
+      limitMax = props.limitMax,
+      actions = props.actions,
+      listProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  children = (0, _utils.processAdmin)('list-fields', children, res);
+  if (edit) children.push( /*#__PURE__*/_react["default"].createElement(_reactAdmin.EditButton, {
+    key: "edit-button"
+  }));
+  pagination = pagination || /*#__PURE__*/_react["default"].createElement(_reactAdmin.Pagination, {
+    rowsPerPageOptions: (0, _sortBy["default"])((0, _uniq["default"])([10, 25, 50, 100, limit, limitMax]))
+  });
+  return function MAList(props) {
+    var Filters = function Filters(props) {
+      return /*#__PURE__*/_react["default"].createElement(_reactAdmin.Filter, props, (0, _utils.processAdmin)('list-filters', filters, res));
+    };
+
+    var Actions = (0, _utils.processAdmin)('list-bulkActions', actions);
+    props = _objectSpread(_objectSpread({}, props), listProps);
+    return /*#__PURE__*/_react["default"].createElement(_reactAdmin.List, (0, _extends2["default"])({
+      filters: /*#__PURE__*/_react["default"].createElement(Filters, null),
+      bulkActionButtons: /*#__PURE__*/_react["default"].createElement(Actions, null),
+      perPage: limit,
+      pagination: pagination || defaultPagination
+    }, props), /*#__PURE__*/_react["default"].createElement(_reactAdmin.Datagrid, {
+      rowClick: show ? 'show' : null
+    }, children));
+  };
+}));
+(0, _utils.setupAdmin)('list-bulkActions', function (actions) {
+  return function MABulkActions(props) {
+    var buttons = actions.map(function (action, idx) {
+      var aProps = _objectSpread(_objectSpread({}, action), props);
+
+      return /*#__PURE__*/_react["default"].createElement(_ActionButton.BulkActionButton, (0, _extends2["default"])({
+        key: idx
+      }, aProps));
+    });
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, buttons, /*#__PURE__*/_react["default"].createElement(_reactAdmin.BulkDeleteButton, props));
+  };
+});
+(0, _utils.setupAdmin)('list-filters', _ui["default"]);
+(0, _utils.setupAdmin)('list-fields', _ui["default"]);

package/dist/views/show.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _ui = _interopRequireDefault(require("../ui"));
+
+var _utils = require("../utils");
+
+var _ActionButton = require("../buttons/ActionButton");
+
+// Initiliaze a show component
+(0, _utils.setupAdmin)('show', (0, _utils.checkParams)(function (_ref, resource) {
+  var actions = _ref.actions,
+      fields = _ref.fields;
+  return function MAShow(props) {
+    var Actions = function Actions() {
+      return /*#__PURE__*/_react["default"].createElement(_reactAdmin.TopToolbar, null, actions.map(function (props, idx) {
+        return /*#__PURE__*/_react["default"].createElement(_ActionButton.ActionButton, (0, _extends2["default"])({
+          key: idx,
+          resource: resource
+        }, props));
+      }), /*#__PURE__*/_react["default"].createElement(_reactAdmin.ListButton, null), /*#__PURE__*/_react["default"].createElement(_reactAdmin.EditButton, null));
+    };
+
+    return /*#__PURE__*/_react["default"].createElement(_reactAdmin.Show, (0, _extends2["default"])({
+      actions: /*#__PURE__*/_react["default"].createElement(Actions, null)
+    }, props), /*#__PURE__*/_react["default"].createElement(_reactAdmin.SimpleShowLayout, null, (0, _utils.processAdmin)('show-fields', fields, resource)));
+  };
+}));
+(0, _utils.setupAdmin)('show-fields', _ui["default"]);

package/dist/web.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+Object.defineProperty(exports, "processAdmin", {
+  enumerable: true,
+  get: function get() {
+    return _utils.processAdmin;
+  }
+});
+Object.defineProperty(exports, "setupAdmin", {
+  enumerable: true,
+  get: function get() {
+    return _utils.setupAdmin;
+  }
+});
+
+var _client = require("react-dom/client");
+
+var _utils = require("./utils");
+
+require("./admin");
+
+var initAdmin = globalThis.initAdmin = function (props) {
+  var container = document.getElementById('root');
+  var root = (0, _client.createRoot)(container);
+  root.render((0, _utils.processAdmin)('admin', props));
+};
+
+var _default = initAdmin;
+exports["default"] = _default;

package/jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "noImplicitAny": false,
+    "target": "ESNext",
+    "moduleResolution": "node",
+    "checkJs": true,
+    "jsx": "react-jsx"
+  }
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "muffin-admin",
-  "version": "1.29.0",
+  "version": "1.31.1",
   "description": "NPM package for https://github.com/klen/muffin-admin",
-  "main": "index.js",
+  "main": "dist/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -17,22 +17,34 @@
   },
   "homepage": "https://github.com/klen/muffin-admin#readme",
   "dependencies": {
-    "@material-ui/core": "^4.12.4",
-    "@material-ui/icons": "^4.11.3",
+    "@mui/icons-material": "^5.6.2",
+    "@mui/material": "^5.6.3",
     "js-cookie": "^3.0.1",
-    "react": "17.0.2",
-    "react-admin": "3.19.11",
-    "react-admin-json-view": "^1.2.1",
-    "react-dom": "17.0.2"
+    "react": "^18.1.0",
+    "react-admin": "^4.0.1",
+    "react-dom": "^18.1.0",
+    "validator": "^13.7.0"
   },
   "devDependencies": {
+    "@babel/cli": "^7.17.10",
     "@babel/core": "^7.17.8",
+    "@babel/eslint-parser": "^7.17.0",
     "@babel/plugin-transform-runtime": "^7.17.0",
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
     "babel-loader": "^8.2.4",
+    "eslint-plugin-react": "^7.29.4",
     "webpack": "^5.24.4",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.3.1"
+  },
+  "babel": {
+    "presets": [
+      "@babel/preset-env",
+      "@babel/preset-react"
+    ],
+    "plugins": [
+      "@babel/plugin-transform-runtime"
+    ]
   }
 }

package/webpack.config.js

@@ -3,7 +3,7 @@ const path = require('path'),
   mode = process.env.NODE_ENV
 
 module.exports = {
-  entry: '.',
+  entry: './src/web',
 
   output: {
     filename: 'main.js',
@@ -14,13 +14,10 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.jsx$/,
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
         use: {
           loader: 'babel-loader',
-          options: {
-            presets: ['@babel/preset-env', '@babel/preset-react'],
-            plugins: ['@babel/plugin-transform-runtime'],
-          },
         },
       },
     ],
@@ -31,8 +28,13 @@ module.exports = {
   mode: mode || 'production',
   devtool: mode == 'development' && 'inline-source-map',
 
+  resolve: {
+    extensions: ['.jsx', '.js'],
+  },
+
   devServer: {
     hot: true,
+    open: true,
     proxy: [
       {
         context: ['!*.js'],

package/admin.jsx

@@ -1,56 +0,0 @@
-import React from "react"
-
-import { Admin, AppBar, Layout, Login } from "react-admin"
-import { IconButton, SvgIcon, Tooltip, Typography } from "@material-ui/core"
-import * as icons from "@material-ui/icons"
-
-import authProvider from "./authprovider"
-import dataProvider from "./dataprovider"
-import { processAdmin, setupAdmin } from './utils'
-
-import './dashboard.jsx';
-import './resources.jsx';
-
-
-// Initialize the admin
-setupAdmin('admin', props => {
-    const { apiUrl, auth, adminProps, appBarLinks, dashboard, resources } = props;
-
-    let appBar = props => (
-        <AppBar {...props}>
-            <Typography
-                variant="h6"
-                color="inherit"
-                id="react-admin-title"
-                style={{
-                  flex: 1,
-                  textOverflow: 'ellipsis',
-                  whiteSpace: 'nowrap',
-                  overflow: 'hidden',
-                }}
-            />
-          { appBarLinks.map( info => (
-            <Tooltip key={ info.url } title={ info.title }>
-              <IconButton color="inherit" href={ info.url }>
-                <SvgIcon component={ icons[info.icon] }/>
-              </IconButton>
-            </Tooltip>
-          ))}
-        </AppBar>
-    )
-
-    return <Admin authProvider={ processAdmin('auth', auth) }
-                  dataProvider={ processAdmin('data', apiUrl) }
-                  dashboard={ processAdmin('dashboard', dashboard) }
-                  loginPage={ processAdmin('login', auth) }
-                  layout={ props => <Layout appBar={appBar} {...props} /> }
-                  children={ processAdmin('resources', resources) }
-                  { ...adminProps } />
-});
-
-// Initialize authentication and data providers
-setupAdmin('auth', authProvider);
-setupAdmin('data', dataProvider);
-
-// Initialize login page
-setupAdmin('login', (params, res) => (props) => <Login {...props}  />);