oc 0.50.44 → 0.50.47

package/test-components/test/package.json

@@ -1,25 +0,0 @@
-{
-  "name": "test",
-  "description": "",
-  "version": "1.0.0",
-  "scripts": {
-    "dev": "oc-server dev",
-    "start": "oc dev .. --components test"
-  },
-  "oc": {
-    "files": {
-      "data": "src/server.ts",
-      "static": [
-        "public"
-      ],
-      "template": {
-        "src": "src/view.ts",
-        "type": "oc-template-es6"
-      }
-    }
-  },
-  "devDependencies": {
-    "oc-server": "^3.0.0",
-    "oc-template-es6-compiler": "^7.0.0"
-  }
-}

package/test-components/test/src/server.ts

@@ -1,66 +0,0 @@
-import { Server } from 'oc-server';
-
-const userDatabase = [
-  { name: 'John Doe', born: 1986, hobbies: ['Swimming', 'Basketball'] },
-  { name: 'Jane Doe', born: 1991, hobbies: ['Running', 'Rugby'] },
-];
-
-const yearsFunFactDatabase: Record<number, string> = {
-  1986: "Halley's Comet made its closest approach to Earth in 1986, visible to the naked eye.",
-  1987: 'The first Final Fantasy game was released in 1987.',
-  1991: 'The first web page was created in 1991 by Tim Berners-Lee.',
-};
-
-async function getUser(userId: number) {
-  return userDatabase[userId];
-}
-
-async function getFunFact(year: number) {
-  return yearsFunFactDatabase[year];
-}
-
-export const server = new Server({
-  development: {
-    // Echo console logs from the browser to the server
-    console: true,
-  },
-})
-  .withParameters({
-    userId: {
-      default: 1,
-      description: 'The user id from the user database',
-      example: 1,
-      mandatory: true,
-      type: 'number',
-    },
-  })
-  .handler(async (params) => {
-    const { userId } = params;
-    const user = await getUser(userId);
-    const [firstName, lastName] = user.name.split(/\s+/);
-
-    if (firstName === 'Invalid') {
-      return;
-    }
-
-    return {
-      firstName,
-      lastName,
-      born: user.born,
-      hobbies: user.hobbies,
-    };
-  })
-  .action('funFact', async (params: { year: number }) => {
-    const { year } = params;
-    const funFact = await getFunFact(year);
-
-    return {
-      funFact,
-    };
-  });
-
-declare module 'oc-server' {
-  interface Register {
-    server: typeof server;
-  }
-}

package/test-components/test/src/styles.css

@@ -1,30 +0,0 @@
-.container {
-  background-color: #3b246c;
-  color: #fff;
-  font-family: sans-serif;
-  padding: 40px;
-}
-
-.button {
-  background-color: #a97613;
-  border: none;
-  padding: 15px 32px;
-  text-align: center;
-  font-size: 16px;
-  text-decoration: none;
-  display: inline-block;
-  color: inherit;
-  cursor: pointer;
-}
-
-.info {
-  margin-bottom: 20px;
-}
-
-.block {
-  margin: 6px 0;
-}
-
-.button:hover {
-  background-color: #c79535;
-}

package/test-components/test/src/view.ts

@@ -1,46 +0,0 @@
-import { InitialData, serverClient } from 'oc-server';
-import styles from './styles.css';
-import logo from '../public/logo.png';
-import { getSettings } from 'oc-server';
-
-const onRender = (cb: (element: HTMLElement) => void) => {
-  const isBrowser = typeof window !== 'undefined';
-  if (isBrowser) {
-    const { id } = getSettings();
-    window.oc.events.on('oc:rendered', (e, data) => {
-      if (String(data.id) === id) {
-        cb(data.element);
-      }
-    });
-  }
-};
-
-export default ({ firstName, lastName, hobbies, born }: InitialData) => {
-  onRender((element) => {
-    element
-      .querySelector(`.${styles.button}`)
-      ?.addEventListener('click', async () => {
-        const { funFact } = await serverClient.funFact({ year: born });
-        element.querySelector('#fun-year-fact')!.innerHTML = funFact;
-      });
-  });
-
-  return /* html */ `
-    <div class="${styles.container}">
-      <img width="50" height="50" src="${logo}" alt="Logo" />
-      <h1 style="margin: 0 0 20px 0;">
-        Hello, <span style="text-decoration: underline;">${firstName}</span> ${lastName}
-      </h1>
-      <div class=${styles.info}>
-        <div class=${styles.block}>Born: ${born}</div>
-        <div class=${styles.block}>
-          <div>Hobbies: ${hobbies.map((x) => x.toLowerCase()).join(', ')}</div>
-        </div>
-      </div>
-      <div id="fun-year-fact"></div>
-      <button class=${styles.button}>
-        Fun year fact
-      </button>
-    </div>
-  `;
-};

package/test-components/test/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "strict": true,
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true
-  }
-}