@lvce-editor/component-state-worker 0.1.1 → 0.2.0

package/dist/componentStateWorkerMain.js

@@ -54,6 +54,49 @@ class VError extends Error {
   }
 }
 
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const Object$1 = 1;
+const Number$1 = 2;
+const Array$1 = 3;
+const String$1 = 4;
+const Boolean = 5;
+const Function = 6;
+const Null = 7;
+const Unknown = 8;
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return Number$1;
+    case 'function':
+      return Function;
+    case 'string':
+      return String$1;
+    case 'object':
+      if (value === null) {
+        return Null;
+      }
+      if (Array.isArray(value)) {
+        return Array$1;
+      }
+      return Object$1;
+    case 'boolean':
+      return Boolean;
+    default:
+      return Unknown;
+  }
+};
+const object = value => {
+  const type = getType(value);
+  if (type !== Object$1) {
+    throw new AssertionError('expected value to be of type object');
+  }
+};
+
 const isMessagePort = value => {
   return value && value instanceof MessagePort;
 };
@@ -967,6 +1010,9 @@ const {
   invoke,
   set: set$1
 } = create$2(RendererWorker);
+const getComponents = async () => {
+  return invoke('ComponentState.getComponents');
+};
 
 const toCommandId = key => {
   const dotIndex = key.indexOf('.');
@@ -1267,11 +1313,6 @@ const getUid = uri => {
 };
 const toUri = uid => `live-component-state:///${uid}.json`;
 
-const assertObject = value => {
-  if (!value || typeof value !== 'object' || Array.isArray(value)) {
-    throw new TypeError('Component state must be a JSON object');
-  }
-};
 const readFile = async uri => {
   const uid = getUid(uri);
   const state = await invoke('ComponentState.getState', uid);
@@ -1280,11 +1321,11 @@ const readFile = async uri => {
 const writeFile = async (uri, content) => {
   const uid = getUid(uri);
   const state = JSON.parse(content);
-  assertObject(state);
+  object(state);
   await invoke('ComponentState.setState', uid, state);
 };
 const readDirWithFileTypes = async () => {
-  const components = await invoke('ComponentState.getComponents');
+  const components = await getComponents();
   return components.filter(component => component.editable).map(component => ({
     name: `${component.uid}.json`,
     type: File
@@ -1293,7 +1334,7 @@ const readDirWithFileTypes = async () => {
 const isReadonly = () => false;
 const exists = async uri => {
   const uid = getUid(uri);
-  const components = await invoke('ComponentState.getComponents');
+  const components = await getComponents();
   return components.some(component => component.uid === uid && component.editable);
 };
 
@@ -1303,7 +1344,7 @@ const handleClick = async (state, uid) => {
 };
 
 const loadContent = async state => {
-  const components = await invoke('ComponentState.getComponents');
+  const components = await getComponents();
   return {
     ...state,
     components,
@@ -1319,46 +1360,64 @@ const text = data => {
   };
 };
 
+const Card = 'ComponentStateCard';
+const CardStatus = 'ComponentStateCardStatus';
+const CardTitle = 'ComponentStateCardTitle';
+const CardUid = 'ComponentStateCardUid';
+const Description = 'ComponentStateDescription';
+const Grid = 'ComponentStateGrid';
+const Heading = 'ComponentStateHeading';
+const View = 'ComponentStateView';
+
+const HandleClick = 1;
+
+const titleNode = {
+  childCount: 1,
+  className: CardTitle,
+  type: Strong
+};
+const uidNode = {
+  childCount: 1,
+  className: CardUid,
+  type: Span
+};
+const statusNode = {
+  childCount: 1,
+  className: CardStatus,
+  type: Span
+};
 const getCard = component => {
   const status = component.editable ? 'Open JSON state' : 'State API unavailable';
   return [{
     childCount: 3,
-    className: 'ComponentStateCard',
+    className: Card,
     'data-uid': String(component.uid),
     disabled: !component.editable,
-    onClick: 1,
+    onClick: HandleClick,
     type: Button
-  }, {
-    childCount: 1,
-    className: 'ComponentStateCardTitle',
-    type: Strong
-  }, text(component.moduleId), {
-    childCount: 1,
-    className: 'ComponentStateCardUid',
-    type: Span
-  }, text(`uid ${component.uid}`), {
-    childCount: 1,
-    className: 'ComponentStateCardStatus',
-    type: Span
-  }, text(status)];
+  }, titleNode, text(component.moduleId), uidNode, text(`uid ${component.uid}`), statusNode, text(status)];
+};
+
+const viewNode = {
+  childCount: 3,
+  className: View,
+  type: Div
+};
+const headingNode = {
+  childCount: 1,
+  className: Heading,
+  type: H2
+};
+const descriptionNode = {
+  childCount: 1,
+  className: Description,
+  type: Div
 };
 const getComponentStateVirtualDom = (components, loaded) => {
   const description = loaded ? `${components.length} live components` : 'Loading live components…';
-  return [{
-    childCount: 3,
-    className: 'ComponentStateView',
-    type: Div
-  }, {
-    childCount: 1,
-    className: 'ComponentStateHeading',
-    type: H2
-  }, text('Live Component State'), {
-    childCount: 1,
-    className: 'ComponentStateDescription',
-    type: Div
-  }, text(description), {
+  return [viewNode, headingNode, text('Live Component State'), descriptionNode, text(description), {
     childCount: components.length,
-    className: 'ComponentStateGrid',
+    className: Grid,
     type: Div
   }, ...components.flatMap(getCard)];
 };
@@ -1375,7 +1434,7 @@ const render2 = (uid, diffResult) => {
 };
 
 const renderEventListeners = () => [{
-  name: 1,
+  name: HandleClick,
   params: ['handleClick', 'event.currentTarget.dataset.uid'],
   preventDefault: true
 }];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/component-state-worker",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Inspect and edit live LVCE component state",
   "keywords": [
     "component-state",