oc-template-preact-compiler 0.3.0-beta.3 → 0.3.1

package/dist/lib/compile.js

@@ -10,27 +10,14 @@ const oc_template_preact_1 = require("oc-template-preact");
 const oc_vite_compiler_1 = require("oc-vite-compiler");
 const preset_vite_1 = require("@preact/preset-vite");
 const preactOCProviderTemplate_1 = __importDefault(require("./preactOCProviderTemplate"));
-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: [(0, preset_vite_1.preact)()],
-        viewWrapper: ({ viewPath }) => (0, preactOCProviderTemplate_1.default)({ viewPath }),
-        htmlTemplate: htmlTemplate_1.default,
+        viewWrapper: preactOCProviderTemplate_1.default,
         externals: (0, oc_template_preact_1.getInfo)().externals
     }, cb),
     compileServer: oc_vite_compiler_1.viteServer,
     compileStatics: oc_statics_compiler_1.default,
     getInfo: oc_template_preact_1.getInfo
 });
-// OPTIONS
-// =======
-// componentPath
-// componentPackage,
-// logger,
-// minify
-// ocPackage
-// publishPath
-// verbose,
-// watch,
-// production

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "oc-template-preact-compiler",
-  "version": "0.3.0-beta.3",
-  "description": "",
+  "version": "0.3.1",
+  "description": "Compiler for the Preact OC template",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -31,12 +31,11 @@
   "dependencies": {
     "@preact/preset-vite": "^2.5.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-preact": "0.1.0-beta.0",
-    "oc-vite-compiler": "3.0.0-beta.2",
+    "oc-template-preact": "^0.1.0",
+    "oc-vite-compiler": "^3.1.1",
     "preact": "^10",
     "resolve": "^1.20.0"
   },

package/dist/lib/htmlTemplate.d.ts

@@ -1,6 +0,0 @@
-export default function viewTemplate({ templateId, css, bundle, hash }: {
-    templateId: string;
-    css: string;
-    bundle: string;
-    hash: string;
-}): string;

package/dist/lib/htmlTemplate.js

@@ -1,33 +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, bundle, hash }) {
-    return `function(model){
-  var modelHTML =  model.__html ? model.__html : '';
-  var staticPath = model.component.props._staticPath;
-  var props = JSON.stringify(model.component.props);
-  window.oc = window.oc || {};
-  window.oc.__typescriptReactTemplate = window.oc.__typescriptReactTemplate || { count: 0 };
-  oc.preactComponents = oc.preactComponents || {};
-  oc.preactComponents['${hash}'] = oc.preactComponents['${hash}'] || (${bundle});
-  var count = window.oc.__typescriptReactTemplate.count;
-  var templateId = "${templateId}-" + count;
-  window.oc.__typescriptReactTemplate.count++;
-  return '<div id="' + templateId + '" class="${templateId}">' + modelHTML + '</div>' +
-    '${css ? '<style>' + (0, cssesc_1.default)(css) + '</style>' : ''}' +
-    '<script>' +
-    'window.oc = window.oc || {};' +
-    'oc.cmd = oc.cmd || [];' +
-    'oc.cmd.push(function(oc){' +
-    '${css ? "oc.events.fire(\\'oc:cssDidMount\\', \\'" + css + "\\');" : ''}' +
-      'var targetNode = document.getElementById("' + templateId + '");' +
-      'targetNode.setAttribute("id","");' +
-      'oc.preactComponents["${hash}"](' + props + ', targetNode);' +
-    '});' +
-  '</script>'
-}`;
-}
-exports.default = viewTemplate;

package/dist/scaffold/src/src/App.d.ts

@@ -1,2 +0,0 @@
-declare const App: () => import("react/jsx-runtime").JSX.Element;
-export default App;

package/dist/scaffold/src/src/App.js

@@ -1,30 +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 jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("preact/hooks");
-const useData_1 = require("oc-template-preact-compiler/utils/useData");
-const styles_css_1 = __importDefault(require("./styles.css"));
-const App = () => {
-    const { firstName, lastName, userId, getData, getSetting } = (0, useData_1.useData)();
-    const staticPath = getSetting('staticPath');
-    const [additionalData, setAdditionalData] = (0, hooks_1.useState)(null);
-    const [error, setError] = (0, hooks_1.useState)('');
-    const fetchMoreData = async () => {
-        setError('');
-        try {
-            const data = await getData({ userId, getMoreData: true });
-            setAdditionalData(data);
-        }
-        catch (err) {
-            setError(String(err));
-        }
-    };
-    if (error) {
-        return (0, jsx_runtime_1.jsx)("div", { children: "Something wrong happened!" });
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_css_1.default.container, children: [(0, jsx_runtime_1.jsx)("img", { width: "50", height: "50", src: `${staticPath}/public/logo.png`, alt: "Logo" }), (0, jsx_runtime_1.jsxs)("h1", { style: { margin: '0 0 20px 0' }, children: ["Hello, ", (0, jsx_runtime_1.jsx)("span", { style: { textDecoration: 'underline' }, children: firstName }), " ", lastName] }), additionalData && ((0, jsx_runtime_1.jsxs)("div", { className: styles_css_1.default.info, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_css_1.default.block, children: ["Age: ", additionalData.age] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_css_1.default.block, children: ["Hobbies: ", additionalData.hobbies.map((x) => x.toLowerCase()).join(', ')] })] })), (0, jsx_runtime_1.jsx)("button", { className: styles_css_1.default.button, onClick: fetchMoreData, children: "Get extra information" })] }));
-};
-exports.default = App;

package/dist/scaffold/src/src/App.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/scaffold/src/src/App.test.js

@@ -1,25 +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 jsx_runtime_1 = require("react/jsx-runtime");
-const vitest_1 = require("vitest");
-const react_1 = require("@testing-library/react");
-const useData_1 = require("oc-template-preact-compiler/utils/useData");
-const App_1 = __importDefault(require("./App"));
-const getData = vitest_1.vi.fn();
-(0, vitest_1.describe)('App - Page', () => {
-    (0, vitest_1.beforeEach)(() => {
-        window.oc = { events: { on: vitest_1.vi.fn(), fire: vitest_1.vi.fn() } };
-    });
-    (0, vitest_1.afterEach)(() => {
-        vitest_1.vi.restoreAllMocks();
-    });
-    (0, vitest_1.it)('Gets more data when clicking the button', () => {
-        getData.mockImplementationOnce(() => Promise.resolve({}));
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(useData_1.DataProvider, { value: { firstName: 'firstName', lastName: 'lastName', userId: 0, getData }, children: (0, jsx_runtime_1.jsx)(App_1.default, { firstName: "firstName", lastName: "lastName", userId: 0 }) }));
-        const extraInfoButton = react_1.screen.getByText(/Get extra information/i);
-        (0, vitest_1.expect)(extraInfoButton).toBeTruthy();
-    });
-});

package/dist/scaffold/src/src/server.d.ts

@@ -1,3 +0,0 @@
-import { Context } from 'oc-template-preact-compiler';
-import { AdditionalData, ClientProps, OcParameters } from './types';
-export declare function data(context: Context<OcParameters>, callback: (error: any, data: ClientProps | AdditionalData) => void): Promise<void>;

package/dist/scaffold/src/src/server.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.data = void 0;
-const database = [
-    { name: 'John Doe', age: 34, hobbies: ['Swimming', 'Basketball'] },
-    { name: 'Jane Doe', age: 35, hobbies: ['Running', 'Rugby'] }
-];
-async function getUser(userId) {
-    return database[userId];
-}
-async function data(context, callback) {
-    const { userId } = context.params;
-    const user = await getUser(userId);
-    const shouldGetMoreData = context.params.getMoreData;
-    const [firstName, lastName] = user.name.split(/\s+/);
-    if (shouldGetMoreData) {
-        return callback(null, {
-            age: user.age,
-            hobbies: user.hobbies
-        });
-    }
-    return callback(null, {
-        userId,
-        firstName,
-        lastName
-    });
-}
-exports.data = data;

package/dist/scaffold/src/src/types.d.ts

@@ -1,13 +0,0 @@
-export interface OcParameters {
-    userId: number;
-    getMoreData?: boolean;
-}
-export interface AdditionalData {
-    hobbies: string[];
-    age: number;
-}
-export interface ClientProps extends Partial<AdditionalData> {
-    userId: number;
-    firstName: string;
-    lastName: string;
-}

package/dist/scaffold/src/src/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/scaffold/src/vite.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vite").UserConfig & Promise<import("vite").UserConfig> & import("vite").UserConfigFnObject & import("vite").UserConfigExport;
-export default _default;

package/dist/scaffold/src/vite.config.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const vite_1 = require("vite");
-// https://vitejs.dev/config/
-exports.default = (0, vite_1.defineConfig)({
-    // Add your own plugins here for thinkgs like eslint or typecheckers
-    plugins: [],
-    // @ts-ignore Missing test property
-    test: {
-        environment: 'jsdom'
-    }
-});