@embeddable.com/sdk-core 0.0.15 → 0.1.1

package/lib/embedOption.d.ts

@@ -0,0 +1 @@
+export declare const embedOption: (typeName: string, option: any) => void;

package/lib/embedType.d.ts

@@ -0,0 +1,4 @@
+export declare const embedType: (typeName: string, typeConfig: {
+    label: string;
+    toString: (_: any) => string;
+}) => void;

package/lib/index.cjs.js

@@ -2,6 +2,42 @@
 
 var axios = require('axios');
 
+var executeDataRequest = function (request, variables) {
+    var _a, _b, _c;
+    if (!request.from)
+        return Promise.reject('No dataset selected');
+    var dimensions = (_a = request.dimensions) === null || _a === void 0 ? void 0 : _a.filter(Boolean);
+    var measures = (_b = request.measures) === null || _b === void 0 ? void 0 : _b.filter(Boolean);
+    var timeDimensions = (_c = request.timeDimensions) === null || _c === void 0 ? void 0 : _c.filter(function (d) { return d.dimension; });
+    var query = {
+        datasetId: request.from.datasetId,
+        dimensions: (dimensions === null || dimensions === void 0 ? void 0 : dimensions.length) ? dimensions : undefined,
+        measures: (measures === null || measures === void 0 ? void 0 : measures.length) ? measures : undefined,
+        timeDimensions: (timeDimensions === null || timeDimensions === void 0 ? void 0 : timeDimensions.length) ? timeDimensions : undefined,
+        variableValues: variables
+    };
+    if (!query.dimensions && !query.timeDimensions)
+        return Promise.reject('No dimension selected');
+    return axios.post("".concat("https://api.embeddable.com", "/data-modeling/query"), query);
+};
+var loadData = function (requestParams) { return ({
+    requestParams: requestParams,
+    dataLoader: executeDataRequest
+}); };
+
+var UPDATE_VALUE_EVENT = "embeddable:value:changed";
+var setValue = function (value, componentId, eventName) {
+    var event = new CustomEvent(UPDATE_VALUE_EVENT, {
+        bubbles: false,
+        detail: {
+            componentId: componentId,
+            value: value,
+            eventName: eventName
+        },
+    });
+    window.dispatchEvent(event);
+};
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -19,73 +55,44 @@ PERFORMANCE OF THIS SOFTWARE.
 /* global Reflect, Promise, SuppressedError, Symbol */
 
 
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 
 typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-function loadData(request) {
-    var _a, _b, _c;
-    return __awaiter(this, void 0, void 0, function () {
-        var dimensions, measures, timeDimensions, query, response;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    dimensions = (_a = request.dimensions) === null || _a === void 0 ? void 0 : _a.filter(Boolean);
-                    measures = (_b = request.measures) === null || _b === void 0 ? void 0 : _b.filter(Boolean);
-                    timeDimensions = (_c = request.timeDimensions) === null || _c === void 0 ? void 0 : _c.filter(function (d) { return d.dimension; });
-                    query = {
-                        dimensions: (dimensions === null || dimensions === void 0 ? void 0 : dimensions.length) ? dimensions : undefined,
-                        measures: (measures === null || measures === void 0 ? void 0 : measures.length) ? measures : undefined,
-                        timeDimensions: (timeDimensions === null || timeDimensions === void 0 ? void 0 : timeDimensions.length) ? timeDimensions : undefined
-                    };
-                    if (!query.dimensions && !query.timeDimensions)
-                        return [2 /*return*/, null];
-                    return [4 /*yield*/, axios.post("".concat("https://api.embeddable.com", "/data-modeling/query?datasourceId=").concat(request.from), query)];
-                case 1:
-                    response = _d.sent();
-                    return [2 /*return*/, response.data];
-            }
-        });
-    });
-}
+var embedType = function (typeName, typeConfig) {
+    // @ts-ignore
+    window.__EMBEDDABLE__ = window.__EMBEDDABLE__ || {};
+    // @ts-ignore
+    window.__EMBEDDABLE__.types = window.__EMBEDDABLE__.types || {};
+    // @ts-ignore
+    window.__EMBEDDABLE__.types[typeName] = __assign({ name: typeName }, typeConfig);
+};
+
+var embedOption = function (typeName, option) {
+    // @ts-ignore
+    window.__EMBEDDABLE__ = window.__EMBEDDABLE__ || {};
+    // @ts-ignore
+    if (!window.__EMBEDDABLE__.types[typeName])
+        return;
+    // @ts-ignore
+    window.__EMBEDDABLE__.types[typeName].options = window.__EMBEDDABLE__.types[typeName].options || [];
+    // @ts-ignore
+    window.__EMBEDDABLE__.types[typeName].options.push(option);
+};
 
+exports.embedOption = embedOption;
+exports.embedType = embedType;
 exports.loadData = loadData;
+exports.setValue = setValue;

package/lib/index.d.ts

@@ -1 +1,4 @@
-export { loadData } from './loadData';
+export * from './loadData';
+export { setValue } from './setValue';
+export { embedType } from './embedType';
+export { embedOption } from './embedOption';

package/lib/index.esm.js

@@ -1,5 +1,41 @@
 import axios from 'axios';
 
+var executeDataRequest = function (request, variables) {
+    var _a, _b, _c;
+    if (!request.from)
+        return Promise.reject('No dataset selected');
+    var dimensions = (_a = request.dimensions) === null || _a === void 0 ? void 0 : _a.filter(Boolean);
+    var measures = (_b = request.measures) === null || _b === void 0 ? void 0 : _b.filter(Boolean);
+    var timeDimensions = (_c = request.timeDimensions) === null || _c === void 0 ? void 0 : _c.filter(function (d) { return d.dimension; });
+    var query = {
+        datasetId: request.from.datasetId,
+        dimensions: (dimensions === null || dimensions === void 0 ? void 0 : dimensions.length) ? dimensions : undefined,
+        measures: (measures === null || measures === void 0 ? void 0 : measures.length) ? measures : undefined,
+        timeDimensions: (timeDimensions === null || timeDimensions === void 0 ? void 0 : timeDimensions.length) ? timeDimensions : undefined,
+        variableValues: variables
+    };
+    if (!query.dimensions && !query.timeDimensions)
+        return Promise.reject('No dimension selected');
+    return axios.post("".concat("https://api.embeddable.com", "/data-modeling/query"), query);
+};
+var loadData = function (requestParams) { return ({
+    requestParams: requestParams,
+    dataLoader: executeDataRequest
+}); };
+
+var UPDATE_VALUE_EVENT = "embeddable:value:changed";
+var setValue = function (value, componentId, eventName) {
+    var event = new CustomEvent(UPDATE_VALUE_EVENT, {
+        bubbles: false,
+        detail: {
+            componentId: componentId,
+            value: value,
+            eventName: eventName
+        },
+    });
+    window.dispatchEvent(event);
+};
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -17,73 +53,41 @@ PERFORMANCE OF THIS SOFTWARE.
 /* global Reflect, Promise, SuppressedError, Symbol */
 
 
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 
 typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-function loadData(request) {
-    var _a, _b, _c;
-    return __awaiter(this, void 0, void 0, function () {
-        var dimensions, measures, timeDimensions, query, response;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    dimensions = (_a = request.dimensions) === null || _a === void 0 ? void 0 : _a.filter(Boolean);
-                    measures = (_b = request.measures) === null || _b === void 0 ? void 0 : _b.filter(Boolean);
-                    timeDimensions = (_c = request.timeDimensions) === null || _c === void 0 ? void 0 : _c.filter(function (d) { return d.dimension; });
-                    query = {
-                        dimensions: (dimensions === null || dimensions === void 0 ? void 0 : dimensions.length) ? dimensions : undefined,
-                        measures: (measures === null || measures === void 0 ? void 0 : measures.length) ? measures : undefined,
-                        timeDimensions: (timeDimensions === null || timeDimensions === void 0 ? void 0 : timeDimensions.length) ? timeDimensions : undefined
-                    };
-                    if (!query.dimensions && !query.timeDimensions)
-                        return [2 /*return*/, null];
-                    return [4 /*yield*/, axios.post("".concat("https://api.embeddable.com", "/data-modeling/query?datasourceId=").concat(request.from), query)];
-                case 1:
-                    response = _d.sent();
-                    return [2 /*return*/, response.data];
-            }
-        });
-    });
-}
+var embedType = function (typeName, typeConfig) {
+    // @ts-ignore
+    window.__EMBEDDABLE__ = window.__EMBEDDABLE__ || {};
+    // @ts-ignore
+    window.__EMBEDDABLE__.types = window.__EMBEDDABLE__.types || {};
+    // @ts-ignore
+    window.__EMBEDDABLE__.types[typeName] = __assign({ name: typeName }, typeConfig);
+};
+
+var embedOption = function (typeName, option) {
+    // @ts-ignore
+    window.__EMBEDDABLE__ = window.__EMBEDDABLE__ || {};
+    // @ts-ignore
+    if (!window.__EMBEDDABLE__.types[typeName])
+        return;
+    // @ts-ignore
+    window.__EMBEDDABLE__.types[typeName].options = window.__EMBEDDABLE__.types[typeName].options || [];
+    // @ts-ignore
+    window.__EMBEDDABLE__.types[typeName].options.push(option);
+};
 
-export { loadData };
+export { embedOption, embedType, loadData, setValue };

package/lib/index.umd.js

@@ -4,6 +4,42 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.embeddableSdk = {}, global.axios));
 })(this, (function (exports, axios) { 'use strict';
 
+    var executeDataRequest = function (request, variables) {
+        var _a, _b, _c;
+        if (!request.from)
+            return Promise.reject('No dataset selected');
+        var dimensions = (_a = request.dimensions) === null || _a === void 0 ? void 0 : _a.filter(Boolean);
+        var measures = (_b = request.measures) === null || _b === void 0 ? void 0 : _b.filter(Boolean);
+        var timeDimensions = (_c = request.timeDimensions) === null || _c === void 0 ? void 0 : _c.filter(function (d) { return d.dimension; });
+        var query = {
+            datasetId: request.from.datasetId,
+            dimensions: (dimensions === null || dimensions === void 0 ? void 0 : dimensions.length) ? dimensions : undefined,
+            measures: (measures === null || measures === void 0 ? void 0 : measures.length) ? measures : undefined,
+            timeDimensions: (timeDimensions === null || timeDimensions === void 0 ? void 0 : timeDimensions.length) ? timeDimensions : undefined,
+            variableValues: variables
+        };
+        if (!query.dimensions && !query.timeDimensions)
+            return Promise.reject('No dimension selected');
+        return axios.post("".concat("https://api.embeddable.com", "/data-modeling/query"), query);
+    };
+    var loadData = function (requestParams) { return ({
+        requestParams: requestParams,
+        dataLoader: executeDataRequest
+    }); };
+
+    var UPDATE_VALUE_EVENT = "embeddable:value:changed";
+    var setValue = function (value, componentId, eventName) {
+        var event = new CustomEvent(UPDATE_VALUE_EVENT, {
+            bubbles: false,
+            detail: {
+                componentId: componentId,
+                value: value,
+                eventName: eventName
+            },
+        });
+        window.dispatchEvent(event);
+    };
+
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -21,75 +57,46 @@
     /* global Reflect, Promise, SuppressedError, Symbol */
 
 
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f) throw new TypeError("Generator is already executing.");
-            while (g && (g = 0, op[0] && (_ = 0)), _) try {
-                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                if (y = 0, t) op = [op[0] & 2, t.value];
-                switch (op[0]) {
-                    case 0: case 1: t = op; break;
-                    case 4: _.label++; return { value: op[1], done: false };
-                    case 5: _.label++; y = op[1]; op = [0]; continue;
-                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                    default:
-                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                        if (t[2]) _.ops.pop();
-                        _.trys.pop(); continue;
-                }
-                op = body.call(thisArg, _);
-            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
+    var __assign = function() {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
 
     typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
         var e = new Error(message);
         return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
     };
 
-    function loadData(request) {
-        var _a, _b, _c;
-        return __awaiter(this, void 0, void 0, function () {
-            var dimensions, measures, timeDimensions, query, response;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        dimensions = (_a = request.dimensions) === null || _a === void 0 ? void 0 : _a.filter(Boolean);
-                        measures = (_b = request.measures) === null || _b === void 0 ? void 0 : _b.filter(Boolean);
-                        timeDimensions = (_c = request.timeDimensions) === null || _c === void 0 ? void 0 : _c.filter(function (d) { return d.dimension; });
-                        query = {
-                            dimensions: (dimensions === null || dimensions === void 0 ? void 0 : dimensions.length) ? dimensions : undefined,
-                            measures: (measures === null || measures === void 0 ? void 0 : measures.length) ? measures : undefined,
-                            timeDimensions: (timeDimensions === null || timeDimensions === void 0 ? void 0 : timeDimensions.length) ? timeDimensions : undefined
-                        };
-                        if (!query.dimensions && !query.timeDimensions)
-                            return [2 /*return*/, null];
-                        return [4 /*yield*/, axios.post("".concat("https://api.embeddable.com", "/data-modeling/query?datasourceId=").concat(request.from), query)];
-                    case 1:
-                        response = _d.sent();
-                        return [2 /*return*/, response.data];
-                }
-            });
-        });
-    }
+    var embedType = function (typeName, typeConfig) {
+        // @ts-ignore
+        window.__EMBEDDABLE__ = window.__EMBEDDABLE__ || {};
+        // @ts-ignore
+        window.__EMBEDDABLE__.types = window.__EMBEDDABLE__.types || {};
+        // @ts-ignore
+        window.__EMBEDDABLE__.types[typeName] = __assign({ name: typeName }, typeConfig);
+    };
+
+    var embedOption = function (typeName, option) {
+        // @ts-ignore
+        window.__EMBEDDABLE__ = window.__EMBEDDABLE__ || {};
+        // @ts-ignore
+        if (!window.__EMBEDDABLE__.types[typeName])
+            return;
+        // @ts-ignore
+        window.__EMBEDDABLE__.types[typeName].options = window.__EMBEDDABLE__.types[typeName].options || [];
+        // @ts-ignore
+        window.__EMBEDDABLE__.types[typeName].options.push(option);
+    };
 
+    exports.embedOption = embedOption;
+    exports.embedType = embedType;
     exports.loadData = loadData;
+    exports.setValue = setValue;
 
 }));

package/lib/loadData.d.ts

@@ -1,12 +1,22 @@
+import axios from 'axios';
 export type TimeDimensions = {
     dimension: string;
     granularity: string;
 };
+export type Dataset = {
+    datasetId: string;
+};
 export type LoadDataRequest = {
-    from: string;
+    from: Dataset;
     measures?: string[];
     dimensions: string[];
     timeDimensions?: TimeDimensions[];
     orderBy?: string[];
 };
-export declare function loadData(request: LoadDataRequest): Promise<any>;
+export type LoadDataParams = {
+    requestParams: LoadDataRequest;
+    dataLoader: typeof executeDataRequest;
+};
+declare const executeDataRequest: (request: LoadDataRequest, variables?: Record<string, any>) => Promise<axios.AxiosResponse<any, any>>;
+export declare const loadData: (requestParams: LoadDataRequest) => LoadDataParams;
+export {};

package/lib/setValue.d.ts

@@ -0,0 +1 @@
+export declare const setValue: <T>(value: T, componentId: string, eventName?: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embeddable.com/sdk-core",
-  "version": "0.0.15",
+  "version": "0.1.1",
   "description": "Core Embeddable SDK module responsible for web-components bundling and publishing.",
   "keywords": [
     "embeddable",

package/scripts/buildTypes.js

@@ -0,0 +1,52 @@
+const fs = require("node:fs/promises");
+const path = require("node:path");
+const vite = require("vite");
+
+const { findEmbFiles } = require("./findEmbFiles");
+
+
+const EMB_TYPE_FILE_REGEX = /^(.*)\.type\.emb\.[jt]s$/;
+
+async function buildTypes(ctx) {
+    await generate(ctx);
+
+    await build(ctx);
+
+    await cleanup(ctx);
+}
+
+module.exports = { buildTypes };
+
+
+async function generate(ctx) {
+    const typeFiles = await findEmbFiles(ctx.client.srcDir, EMB_TYPE_FILE_REGEX);
+
+    const typeImports = typeFiles.map(([fileName, filePath]) =>
+        `import './${path.relative(ctx.client.rootDir, filePath)}';`
+    ).join('\n');
+
+    await fs.writeFile(
+        path.resolve(ctx.client.rootDir, ctx.outputOptions.typesEntryPointFilename),
+        typeImports
+    );
+}
+
+async function build(ctx) {
+    process.chdir(ctx.client.rootDir);
+
+    await vite.build({
+        build: {
+            emptyOutDir: false,
+            lib: {
+                entry: `./${ctx.outputOptions.typesEntryPointFilename}`,
+                formats: ['es'],
+                fileName: 'embeddable-types'
+            },
+            outDir: '.embeddable-build/'
+        },
+    });
+}
+
+async function cleanup(ctx) {
+    await fs.rm(path.resolve(ctx.client.rootDir, 'embeddable-types-entry-point.js'));
+}

package/scripts/generate.js

@@ -4,7 +4,6 @@ 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}}';
 

package/scripts/index.js

@@ -1,10 +1,12 @@
 const { build } = require("./build");
+const { buildTypes } = require("./buildTypes");
 const { findEmbFiles } = require("./findEmbFiles");
 const { login } = require("./login");
 const { push } = require("./push");
 
 module.exports = {
     build,
+    buildTypes,
     findEmbFiles,
     login,
     push

package/scripts/login.js

@@ -32,7 +32,7 @@ async function login () {
     const { username, password } = await prompt.get(PROMPT_SCHEMA);
 
     const authResponse = await axios.post(
-        'http://localhost:8080/auth/token', // TODO: hardcoded for now.
+        'https://metadata.embeddable.com/auth/token', // TODO: hardcoded for now.
         { username, password }
     );
 

package/scripts/push.js

@@ -81,7 +81,7 @@ async function sendBuild(ctx, token) {
     form.set('file', file, 'embeddable-build.zip');
 
     await axios.post(
-        'http://localhost:8080/sdk/upload-files',
+        'https://metadata.embeddable.com/sdk/upload-files',
         form,
         {
             headers: {

package/templates/component.tsx.template

@@ -13,6 +13,11 @@ export class EmbeddableComponent {
   @Prop() componentName: string;
   @Prop() props: string = '{}';
 
+  @Watch('componentName')
+  watchComponentName() {
+    this.handlePops();
+  }
+
   componentDidLoad() {
     this.handlePops();
   }