@embeddable.com/sdk-core 0.0.1

package/bin/embeddable

@@ -0,0 +1,15 @@
+#!/usr/bin/env node
+'use strict';
+
+const { push } = require("../src/push");
+const { build } = require("../src/build");
+
+async function main () {
+    const command = process.argv[2];
+
+    const runScript = command === 'build' ? build : push;
+
+    await runScript();
+}
+
+main()

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@embeddable.com/sdk-core",
+  "version": "0.0.1",
+  "description": "TODO.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/embeddable-hq/embeddable-sdk.git",
+    "directory": "packages/core"
+  },
+  "author": "Oleg Kapustin <oleg@trevor.io>",
+  "files": [
+    "src/"
+  ],
+  "bin": {
+    "embeddable": "bin/embeddable"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@stencil/core": "^4.0.0",
+    "js-yaml": "^4.1.0",
+    "prompt": "^1.3.0"
+  }
+}

package/src/build.js

@@ -0,0 +1,20 @@
+const path = require("path");
+const { prepare } = require("./prepare");
+const { generate } = require("./generate");
+const { cleanup } = require("./cleanup");
+const {createContext} = require("./createContext");
+
+async function build(pluginOptions = {}) {
+    const ctx = {
+        ...createContext(path.resolve(__dirname, '..'), process.cwd()),
+        pluginOptions
+    };
+
+    await prepare(ctx);
+
+    await generate(ctx);
+
+    await cleanup(ctx);
+}
+
+module.exports = { build };

package/src/cleanup.js

@@ -0,0 +1,30 @@
+const fs = require('fs/promises');
+const path = require("path");
+
+async function cleanup (ctx) {
+    await extractBuild(ctx);
+
+    await removeObsoleteDir(ctx.client.buildDir);
+
+    await moveBuildTOBuildDir(ctx);
+}
+
+module.exports = { cleanup };
+
+
+async function extractBuild(ctx) {
+    await fs.rename(
+        path.resolve(ctx.client.buildDir, ctx.client.stencilBuild),
+        ctx.client.tmpDir
+    );
+}
+
+
+async function removeObsoleteDir(dir) {
+    await fs.rm(dir, { recursive: true });
+}
+
+
+async function moveBuildTOBuildDir(ctx) {
+    await fs.rename(ctx.client.tmpDir, ctx.client.buildDir);
+}

package/src/createContext.js

@@ -0,0 +1,20 @@
+const path = require('path');
+
+function createContext (coreRoot, clientRoot) {
+    return {
+        core: {
+            rootDir: coreRoot,
+            templatesDir: path.resolve(coreRoot, 'templates'),
+            configsDir: path.resolve(coreRoot, 'configs')
+        },
+        client: {
+            rootDir: clientRoot,
+            buildDir: path.resolve(clientRoot, '.embeddable-build'),
+            tmpDir: path.resolve(clientRoot, '.embeddable-tmp'),
+            componentDir: path.resolve(clientRoot, '.embeddable-build', 'component'),
+            stencilBuild: path.resolve(clientRoot, '.embeddable-build', 'dist', 'embeddable-wrapper')
+        }
+    }
+}
+
+module.exports = { createContext };

package/src/generate.js

@@ -0,0 +1,68 @@
+const fs = require("fs/promises");
+const path = require("path");
+
+const stencilNodeApi = require("@stencil/core/sys/node");
+const stencil = require("@stencil/core/cli");
+
+
+const STYLE_IMPORTS_TOKEN = '{{STYLES_IMPORT}}';
+const RENDER_IMPORT_TOKEN = '{{RENDER_IMPORT}}';
+
+const NODE_LOGGER = stencilNodeApi.createNodeLogger({ process: process });
+const NODE_SYS = stencilNodeApi.createNodeSys({ process: process, logger: NODE_LOGGER });
+
+async function generate(ctx) {
+    await injectCSS(ctx);
+
+    await injectBundleRender(ctx);
+
+    await runStencil(ctx);
+}
+
+module.exports = { generate };
+
+async function injectCSS (ctx) {
+    const CUSTOMER_BUILD = path.resolve(ctx.client.buildDir, ctx.pluginOptions.outDir);
+    const allFiles = await fs.readdir(CUSTOMER_BUILD);
+
+    const cssFilesImportsStr = allFiles
+        .filter(fileName => fileName.endsWith('.css'))
+        .map(fileName => `@import '../${ctx.pluginOptions.outDir}/${fileName}';`).join('\n');
+
+    const content = await fs.readFile(
+        path.resolve(ctx.core.templatesDir, 'style.css.template'),
+        'utf8'
+    );
+
+    await fs.writeFile(
+        path.resolve(ctx.client.componentDir, 'style.css'),
+        content.replace(STYLE_IMPORTS_TOKEN, cssFilesImportsStr)
+    );
+}
+
+
+async function injectBundleRender(ctx) {
+    const importStr = `import render from '../${ctx.pluginOptions.outDir}/${ctx.pluginOptions.renderFunctionFileName}.js';`;
+
+    const content = await fs.readFile(
+        path.resolve(ctx.core.templatesDir, 'component.tsx.template'),
+        'utf8'
+    );
+
+    await fs.writeFile(
+        path.resolve(ctx.client.componentDir, 'component.tsx'),
+        content.replace(RENDER_IMPORT_TOKEN, importStr)
+    );
+}
+
+
+async function runStencil(ctx) {
+    process.chdir(ctx.client.buildDir);
+
+    await stencil.run({
+        args: ['build'],
+        logger: NODE_LOGGER,
+        sys: NODE_SYS,
+        checkVersion: stencilNodeApi.checkVersion,
+    });
+}

package/src/prepare.js

@@ -0,0 +1,26 @@
+const fsSync = require('fs');
+const fs = require('fs/promises');
+
+async function prepare (ctx) {
+    await removeIfExists(ctx);
+
+    await copyStencilConfigsToClient(ctx);
+
+    await createComponentDir(ctx.client.componentDir);
+}
+
+module.exports = { prepare }
+
+async function removeIfExists(ctx) {
+    if (ctx.pluginOptions) return;
+
+    if (fsSync.existsSync(ctx.client.buildDir)) await fs.rm(ctx.client.buildDir, { recursive: true });
+}
+
+async function copyStencilConfigsToClient(ctx) {
+    await fs.cp(ctx.core.configsDir, ctx.client.buildDir, { recursive: true });
+}
+
+async function createComponentDir(dir) {
+    await fs.mkdir(dir);
+}

package/src/push.js

@@ -0,0 +1,40 @@
+const  fsSync = require("fs");
+const { execSync } = require("child_process");
+const prompt = require('prompt');
+const {createContext} = require("./createContext");
+const path = require("path");
+
+const PROMPT_SCHEMA = {
+    properties: {
+        clientName: {
+            description: 'Client name',
+            type: 'string',
+            default: 'customer-1'
+        }
+    }
+};
+
+/**
+ * TODO:
+ * 1. use client id from the login session instead of prompting clientName.
+ * 2. use our API endpoint to send archived bundle files + meta yaml files.
+ */
+async function push () {
+    const ctx = createContext(path.resolve(__dirname, '..'), process.cwd());
+
+    prompt.start();
+
+    const { clientName } = await prompt.get(PROMPT_SCHEMA);
+
+
+    if (!fsSync.existsSync(ctx.client.buildDir)) {
+        console.error('No embeddable build was produced.');
+        process.exit(1);
+    }
+
+    execSync(`gsutil -m rm -r gs://embeddable-bundle-tmp/${clientName}`, {cwd: ctx.client.rootDir});
+    execSync(`gsutil -m cp -r .embeddable-build gs://embeddable-bundle-tmp/${clientName}`, {cwd: ctx.client.rootDir});
+    execSync(`gsutil -m setmeta -h "Cache-Control: no-store" gs://embeddable-bundle-tmp/${clientName}/**`);
+}
+
+module.exports = { push }