oc-template-react-compiler 6.0.0 → 6.0.2

package/dist/lib/compile.d.ts

@@ -1,3 +1 @@
-import { createCompile } from 'oc-generic-template-compiler';
-export type CompilerOptions = ReturnType<typeof createCompile>;
-export declare const compile: CompilerOptions;
+export declare const compile: (options: import("oc-generic-template-compiler").CompilerOptions, callback: (err: Error | null, data: unknown) => void) => void;

package/dist/lib/compile.js

@@ -4,33 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.compile = void 0;
-const oc_generic_template_compiler_1 = require("oc-generic-template-compiler");
-const oc_statics_compiler_1 = __importDefault(require("oc-statics-compiler"));
 const oc_template_react_1 = require("oc-template-react");
-const oc_vite_compiler_1 = require("oc-vite-compiler");
 const plugin_react_1 = __importDefault(require("@vitejs/plugin-react"));
+const oc_vite_compiler_1 = require("oc-vite-compiler");
 const reactOCProviderTemplate_1 = __importDefault(require("./reactOCProviderTemplate"));
-const htmlTemplate_1 = __importDefault(require("./htmlTemplate"));
-exports.compile = (0, oc_generic_template_compiler_1.createCompile)({
-    compileView: (options, cb) => (0, oc_vite_compiler_1.viteView)({
-        ...options,
-        plugins: [plugin_react_1.default()],
-        viewWrapper: ({ viewPath }) => (0, reactOCProviderTemplate_1.default)({ viewPath }),
-        htmlTemplate: htmlTemplate_1.default,
-        externals: (0, oc_template_react_1.getInfo)().externals
-    }, cb),
-    compileServer: oc_vite_compiler_1.viteServer,
-    compileStatics: oc_statics_compiler_1.default,
+exports.compile = (0, oc_vite_compiler_1.createCompile)({
+    plugins: [(0, plugin_react_1.default)()],
+    viewWrapper: reactOCProviderTemplate_1.default,
     getInfo: oc_template_react_1.getInfo
 });
-// OPTIONS
-// =======
-// componentPath
-// componentPackage,
-// logger,
-// minify
-// ocPackage
-// publishPath
-// verbose,
-// watch,
-// production

package/dist/lib/reactOCProviderTemplate.js

@@ -50,7 +50,23 @@ function reactOCProviderTemplate({ viewPath }) {
     }
   }
 
-  export default OCProvider
+  function renderer(props, element, ssr) {
+    if (window.ReactDOM.createRoot) {
+      if (ssr) {
+        window.ReactDOM.hydrateRoot(element, <OCProvider {...props} />);
+      } else {
+        window.ReactDOM.createRoot(element).render(<OCProvider {...props} />);
+      }
+    } else {
+      if (ssr) {
+        window.ReactDOM.hydrate(<OCProvider {...props} />, element);
+      } else {
+        window.ReactDOM.render(<OCProvider {...props} />, element);
+      }
+    }
+  }
+
+  export default renderer;
 `;
 }
 exports.default = reactOCProviderTemplate;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "oc-template-react-compiler",
-  "version": "6.0.0",
-  "description": "",
+  "version": "6.0.2",
+  "description": "Compiler for the React OC template",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -30,26 +30,18 @@
   "license": "MIT",
   "dependencies": {
     "@vitejs/plugin-react": "^4.0.0",
-    "chalk": "^3.0.0",
-    "cssesc": "^3.0.0",
-    "immer": "^9.0.6",
-    "oc-generic-template-compiler": "2.1.0",
-    "oc-statics-compiler": "2.1.1",
-    "oc-template-react": "4.0.0",
-    "oc-vite-compiler": "3.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "resolve": "^1.20.0"
+    "oc-template-react": "^4.0.0",
+    "oc-vite-compiler": "^3.2.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "files": [
     "dist/**",
     "scaffold"
   ],
   "devDependencies": {
-    "@types/cssesc": "^3.0.2",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
-    "lodash": "^4.17.4",
     "prettier": "^2.3.2",
     "prettier-config-guestline": "2.0.0"
   }

package/dist/lib/htmlTemplate.d.ts

@@ -1,10 +0,0 @@
-export default function viewTemplate({ templateId, css, externals, bundle, hash }: {
-    templateId: string;
-    css: string;
-    externals: Array<{
-        name: string;
-        global: string;
-    }>;
-    bundle: string;
-    hash: string;
-}): string;

package/dist/lib/htmlTemplate.js

@@ -1,51 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const cssesc_1 = __importDefault(require("cssesc"));
-function viewTemplate({ templateId, css, externals, bundle, hash }) {
-    return `function(model){
-  oc.reactComponents = oc.reactComponents || {};
-  oc.reactComponents['${hash}'] = oc.reactComponents['${hash}'] || (${bundle});
-  if (!model) return;
-  var modelHTML =  model.__html ? model.__html : '';
-  var staticPath = model.component.props._staticPath;
-  var props = JSON.stringify(model.component.props);
-  oc = oc || {};
-  oc.__typescriptReactTemplate = oc.__typescriptReactTemplate || { count: 0 };
-  var count = oc.__typescriptReactTemplate.count;
-  var templateId = "${templateId}-" + count;
-  oc.__typescriptReactTemplate.count++;
-  return '<div id="' + templateId + '" class="${templateId}">' + modelHTML + '</div>' +
-    '${css ? '<style>' + (0, cssesc_1.default)(css) + '</style>' : ''}' +
-    '<script>' +
-    'oc = oc || {};' +
-    'oc.cmd = oc.cmd || [];' +
-    'oc.cmd.push(function(oc){' +
-    '${css ? "oc.events.fire(\\'oc:cssDidMount\\', \\'" + css + "\\');" : ''}' +
-      'oc.requireSeries(${JSON.stringify(externals)}, function(){' +
-        'var targetNode = document.getElementById("' + templateId + '");' +
-        'targetNode.setAttribute("id","");' +
-        'var reactElement = React.createElement(oc.reactComponents["${hash}"],' +  props + ');' +
-        'if (ReactDOM.createRoot) {' +
-          'if (' + !!modelHTML  + ') {' + 
-            'var root = ReactDOM.hydrateRoot(targetNode, reactElement);' +
-            'root.render(reactElement);' +
-          '} else {' +
-            'var root = ReactDOM.createRoot(targetNode);' +
-            'root.render(reactElement);' +
-          '}' +
-        '} else {' +
-          'if (' + !!modelHTML  + ') {' + 
-            'ReactDOM.hydrate(reactElement, targetNode);' +
-          '} else {' +
-            'ReactDOM.render(reactElement, targetNode);' +
-          '}' +
-        '}' +
-      '});' +
-    '});' +
-  '</script>'
-}`;
-}
-exports.default = viewTemplate;