kitchen-simulator 5.0.0-test.10 → 5.0.0-test.13

package/README.md

@@ -10,7 +10,7 @@ yarn
 yarn start
 ```
 
-You need to check **demo/webpack.config.js** to change the API server.
+You need to check **webpack.config.js** to change the API server.
 
 ```
   if (isProduction) {

package/package.json

@@ -1,9 +1,7 @@
 {
   "name": "kitchen-simulator",
-  "version": "5.0.0-test.10",
+  "version": "5.0.0-test.13",
   "description": "It is a kitchen simulator.",
-  "type": "module",
-
   "main": "src/index.js",
   "module": "src/index.js",
   "exports": {
@@ -16,8 +14,17 @@
   },
 
   "files": [
-    "src/*.js",
-    "src/*.jsx",
+    "src/_renderer.jsx",
+    "src/AppContext.js",
+    "src/constants.js",
+    "src/index.js",
+    "src/index.html.ejs",
+    "src/KitchenConfigurator.jsx",
+    "src/KitchenConfiguratorApp.jsx",
+    "src/models.js",
+    "src/shared-style.js",
+    "src/version.js",
+
     "src/catalog",
     "src/utils",
     "src/actions",
@@ -29,7 +36,7 @@
     "README.md",
     "LICENSE",
 
-    "src/components/export.js",
+    "src/components/_export.js",
     "src/components/atoms",
     "src/components/button",
     "src/components/molecules",
@@ -38,7 +45,8 @@
     "src/components/viewer2d",
     "src/components/viewer3d",
     "src/components/content.jsx",
-    "src/components/catalog-view.jsx"
+    "src/components/catalog-view.jsx",
+    "src/components/project-configurator.jsx"
   ],
 
   "sideEffects": [
@@ -48,14 +56,13 @@
   ],
 
   "scripts": {
-    "start": "webpack-dev-server --config demo/webpack.config.js --port 9000 --mode development",
-    "start9010": "webpack-dev-server --config demo/webpack.config.js --port 9010 --mode development",
-    "start9020": "webpack-dev-server --config demo/webpack.config.js --port 9020 --mode development",
-    "build-demo": "webpack --config demo/webpack.config.js --mode production",
-    "build": "npm run build-demo && mkdir -p demo/dist && cp -R demo/src/catalog demo/dist/ && cp -R demo/src/assets demo/dist/",
-    "clean": "rimraf demo/dist",
+    "start": "webpack-dev-server --config ./webpack.config.js --port 9000 --mode development",
+    "start9010": "webpack-dev-server --config ./webpack.config.js --port 9010 --mode development",
+    "start9020": "webpack-dev-server --config ./webpack.config.js --port 9020 --mode development",
+    "build": "npm run build-. && mkdir -p ./dist && cp -R ./src/catalog ./dist/ && cp -R ./src/assets ./dist/",
+    "clean": "rimraf ./dist",
     "update-version-file": "const-version ./package.json ./src/version.js",
-    "version": "npm run update-version-file && npm run build && git add -A src/version.js && git add -A demo/dist",
+    "version": "npm run update-version-file && npm run build && git add -A src/version.js && git add -A ./dist",
     "test": "echo \"Error: no test specified\" && exit 1",
     "server": "node server.js",
     "prepack": "npm run clean"

package/src/_renderer.jsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import KitchenConfiguratorApp from './KitchenConfiguratorApp.jsx'; // webpack alias points to ../src
+import mockProps from './mocks/mockProps.json';
+import mockCategoryData from './mocks/categoryData.json';
+import mockDataBundle from './mocks/dataBundle.json';
+import ReactDOM from 'react-dom';
+
+// --- renderer props ---
+const options = { unit: 'in', enable3D: true };
+
+const onSave = ({ payload }) => {
+  console.log('SAVE triggered:', payload.scene);
+};
+
+const onEvent = evt => {
+  console.log('EVENT:', evt.type, evt.payload);
+};
+
+const onError = err => {
+  console.error('ERROR:', err);
+};
+
+document.getElementById('app').style.display = 'block';
+
+ReactDOM.render(
+  <KitchenConfiguratorApp
+    width={1264}
+    height={1164}
+    projectElement={mockProps.projectElement}
+    categoryData={mockCategoryData}
+    dataBundle={mockDataBundle}
+    configData={mockProps.configData}
+    options={options}
+    logoImg="/assets/logo.png"
+    companyUrl="https://example.com"
+    toolbarButtons={[]}
+    onSave={onSave}
+    onEvent={onEvent}
+    onError={onError}
+  />,
+  document.getElementById('app')
+);

package/src/catalog/areas/area/planner-element.jsx

@@ -1,4 +1,4 @@
-import { ElementsFactories } from 'KitchenConfigurator';
+import { ElementsFactories } from '../../../index';
 
 let info = {
   title: 'area',

package/src/catalog/lines/wall/planner-element.jsx

@@ -1,4 +1,4 @@
-import { ElementsFactories } from 'KitchenConfigurator';
+import { ElementsFactories } from '../../../index';
 
 const info = {
   title: 'wall',

package/src/catalog/mycatalog.js

@@ -0,0 +1,26 @@
+import { Catalog } from '../index';
+import * as Areas from './areas/**/planner-element.jsx';
+import * as Lines from './lines/**/planner-element.jsx';
+import * as Holes from './holes/**/planner-element.jsx';
+
+let catalog = new Catalog();
+// import * as Items from './Items/**/*.jsx';
+for (let x in Areas) catalog.registerElement(Areas[x]);
+for (let x in Lines) catalog.registerElement(Lines[x]);
+for (let x in Holes) catalog.registerElement(Holes[x]);
+// for (let x in Items) catalog.registerElement(Items[x]);
+catalog.registerCategory('Windows', 'Windows', [
+  Holes.windowClear,
+  Holes.windowCross,
+  Holes.windowDoubleHung,
+  Holes.windowVertical
+]);
+catalog.registerCategory('Doors', 'Doors', [
+  Holes.doorInterior,
+  Holes.doorExterior,
+  Holes.doorCloset,
+  Holes.doorSliding,
+  Holes.doorwayFramed,
+  Holes.doorwayFrameless
+]);
+export default catalog;

package/src/index.html.ejs

@@ -0,0 +1,226 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title><%= htmlWebpackPlugin.options.title %></title>
+    <link rel="stylesheet" type="text/css" href="/assets/fonts/style.css" />
+    <link
+      rel="icon"
+      type="image/jpg"
+      href="/assets/img/rta/rta_logo_box_blue_ico.jpg"
+      id="favicon_icon_jpg"
+    />
+    <link
+      rel="icon"
+      type="image/svg"
+      href="/assets/img/rta/rta_logo_box_blue_ico.svg"
+      id="favicon_icon_svg"
+    />
+    <link
+      rel="shortcut icon"
+      type="image/jpg"
+      href="/assets/img/rta/rta_logo_box_blue_ico.jpg"
+      id="favicon_shortcut_jpg"
+    />
+    <link
+      rel="shortcut icon"
+      type="image/svg"
+      href="/assets/img/rta/rta_logo_box_blue_ico.svg"
+      id="favicon_shortcut_svg"
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"
+      rel="stylesheet"
+    />
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+
+      html,
+      body,
+      #app {
+        width: 100%;
+        height: 100%;
+        padding: 0;
+        margin: 0;
+        font-family: 'Milliard Book';
+        font-weight: normal;
+        position: absolute;
+        left: 0;
+        top: 0;
+      }
+
+      #error {
+        position: relative;
+      }
+
+      ::-webkit-scrollbar {
+        width: 2px;
+        border-radius: 2px;
+        position: absolute;
+      }
+
+      ::-webkit-scrollbar-track-piece {
+        background-color: #fff;
+        border-radius: 1px;
+        position: absolute;
+      }
+
+      ::-webkit-scrollbar-thumb:vertical {
+        height: 30px;
+        background-color: rgb(193, 202, 228);
+      }
+      ::-webkit-scrollbar-thumb {
+        background-color: rgb(220, 220, 220);
+        border-radius: 5px;
+        transition: all 0.3s;
+      }
+
+      ::-webkit-scrollbar-thumb:hover {
+        background-color: rgb(193, 202, 228);
+        border-radius: 5px;
+        transition: all 0.3s;
+      }
+    </style>
+    <!-- Hotjar Tracking Code for New DIY -->
+    <script>
+      (function (h, o, t, j, a, r) {
+        h.hj =
+          h.hj ||
+          function () {
+            (h.hj.q = h.hj.q || []).push(arguments);
+          };
+        h._hjSettings = { hjid: 5088152, hjsv: 6 };
+        a = o.getElementsByTagName('head')[0];
+        r = o.createElement('script');
+        r.async = 1;
+        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
+        a.appendChild(r);
+      })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
+    </script>
+  </head>
+
+  <body>
+    <div id="app" style="display: none">
+      <div
+        style="
+          width: 100vw;
+          height: 100vh;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+        "
+      >
+        <img
+          id="kc_spinner"
+          style="height: 60px"
+          alt="Loading"
+          src="/assets/img/loading/loading.gif"
+        />
+      </div>
+    </div>
+    <div id="error" style="z-index: -1"></div>
+    <!-- Start of LiveChat (www.livechat.com) code -->
+    <script>
+      function injectThertastore() {
+        // --- LiveChat SCRIPT ---
+        const liveScript = document.createElement('script');
+        liveScript.innerHTML = `
+          window.__lc = window.__lc || {};
+          window.__lc.license = 3185312;
+          (function (n, t, c) {
+            function i(n) { return e._h ? e._h.apply(null, n) : e._q.push(n); }
+            var e = {
+              _q: [], _h: null, _v: '2.0',
+              on: function () { i(['on', c.call(arguments)]); },
+              once: function () { i(['once', c.call(arguments)]); },
+              off: function () { i(['off', c.call(arguments)]); },
+              get: function () {
+                if (!e._h)
+                  throw new Error("[LiveChatWidget] You can't use getters before load.");
+                return i(['get', c.call(arguments)]);
+              },
+              call: function () { i(['call', c.call(arguments)]); },
+              init: function () {
+                var n = t.createElement('script');
+                n.async = true;
+                n.type = 'text/javascript';
+                n.src = 'https://cdn.livechatinc.com/tracking.js';
+                t.head.appendChild(n);
+              }
+            };
+            !n.__lc.asyncInit && e.init();
+            n.LiveChatWidget = n.LiveChatWidget || e;
+          })(window, document, [].slice);
+        `;
+        document.body.appendChild(liveScript);
+
+        // --- LiveChat NOSCRIPT ---
+        const noscript = document.createElement('noscript');
+        noscript.innerHTML = `
+          <a href="https://www.livechat.com/chat-with/3185312/" rel="nofollow">
+            Chat with us
+          </a>, powered by
+          <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">
+            LiveChat
+          </a>
+        `;
+        document.body.appendChild(noscript);
+      }
+
+      function injectPrimecabinetry() {
+        // --- Richpanel SCRIPT ---
+        const richpanelScript = document.createElement('script');
+        richpanelScript.innerHTML = `
+          window.richpanel||(window.richpanel=[]),window.richpanel.q=[],
+          mth=["track","debug","atr"],
+          sk=function(e){return function(){
+            a=Array.prototype.slice.call(arguments);
+            a.unshift(e);
+            window.richpanel.q.push(a)
+          }};
+          for(var i=0;mth.length>i;i++)window.richpanel[mth[i]]=sk(mth[i]);
+          window.richpanel.load=function(e){
+            var i=document,
+              n=i.getElementsByTagName("script")[0],
+              r=i.createElement("script");
+            r.type="text/javascript";
+            r.async=true;
+            r.src="https://cdn.richpanel.com/js/richpanel-root.js?appClientId=primecabinetry2965";
+            n.parentNode.insertBefore(r,n)
+          };
+          window.richpanel.ensure_rpuid="";
+          richpanel.load("primecabinetry2965");
+        `;
+        document.body.appendChild(richpanelScript);
+      }
+
+      // brand → injection function mapping
+      const brandInjectors = {
+        thertastore: injectThertastore,
+        primecabinetry: injectPrimecabinetry
+        // future brands go here
+      };
+
+      // extract brand from URL
+      const brand = window.location.pathname.split('/')[1];
+
+      // pick injector
+      const injector = brandInjectors[brand];
+
+      if (injector) {
+        injector();
+      } else {
+        console.warn(
+          `[Brand Injection] Unknown brand "${brand}". Defaulting to Thertastore.`
+        );
+        brandInjectors['thertastore']();
+      }
+    </script>
+    <!-- End of LiveChat code -->
+  </body>
+</html>

package/src/@history.js

@@ -1,3 +0,0 @@
-import * as history from 'history';
-
-export default history.createBrowserHistory();