svedit 0.1.0

package/dist/Node.svelte

@@ -0,0 +1,41 @@
+<script>
+  import { getContext } from 'svelte';
+
+  /** @import { NodeProps } from './types.d.ts'; */
+
+  const svedit = getContext('svedit');
+  let NodeCursorTrap = $derived(svedit.doc.config.system_components.NodeCursorTrap);
+
+  /** @type {NodeProps} */
+  let {
+    path,
+    children
+  } = $props();
+
+  // NOTE: When the next to last path segment is a node_array property, the node is wrapped in a node_array
+  let is_inside_node_array = $derived(path.length > 1 && svedit.doc.inspect(path.slice(0, -1))?.type === 'node_array');
+  let node = $derived(svedit.doc.get(path));
+  let is_first_node_array_child = $derived(is_inside_node_array && parseInt(String(path.at(-1)), 10) === 0);
+</script>
+
+<div
+  class="node"
+  data-node-id={node.id}
+  data-path={path.join('.')}
+  data-type="node"
+  style="anchor-name: --{path.join('-')};"
+>
+  {#if is_first_node_array_child}
+    <NodeCursorTrap {path} type="position-zero-cursor-trap" />
+  {/if}
+  {@render children()}
+  {#if is_inside_node_array}
+    <NodeCursorTrap {path} type="after-node-cursor-trap" />
+  {/if}
+</div>
+
+<style>
+  div {
+    position: relative;
+  }
+</style>

package/dist/Node.svelte.d.ts

@@ -0,0 +1,7 @@
+export default Node;
+type Node = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<NodeProps>): void;
+};
+declare const Node: import("svelte").Component<import("./types.d.ts").NodeProps, {}, "">;
+//# sourceMappingURL=Node.svelte.d.ts.map

package/dist/Node.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Node.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Node.svelte.js"],"names":[],"mappings":";;;;;AAuCA,yFAAmD"}

package/dist/NodeArrayProperty.svelte

@@ -0,0 +1,45 @@
+<script>
+  import { getContext } from 'svelte';
+  import UnknownNode from './UnknownNode.svelte';
+  import { snake_to_pascal } from './util.js';
+
+  /** @import { NodeArrayPropertyProps } from './types.d.ts'; */
+
+  const svedit = getContext('svedit');
+  let NodeCursorTrap = $derived(svedit.doc.config.system_components.NodeCursorTrap);
+
+  /** @type {NodeArrayPropertyProps} */
+  let {
+    path,
+    class: css_class,
+  } = $props();
+
+  let nodes = $derived(svedit.doc.get(path).map(/** @param {string} node_id */ (node_id) => svedit.doc.get(node_id)));
+</script>
+
+<div class={css_class} data-type="node_array" data-path={path.join('.')}>
+  {#if nodes.length === 0}
+    <!--
+    Experimental: We'll let .empty-node-array act like a node, so the existing
+    code paths for selection mapping will work as expected.
+
+    TODO: Need to figure out a way to make .empty-node-array customizable.
+    -->
+    <div
+      class="node empty-node-array"
+      data-path={[...path, 0].join('.')}
+      data-type="node"
+      style="anchor-name: --{[...path, 0].join('-')}; position: relative; min-height: 40px; min-width: 40px;"
+    >
+      <NodeCursorTrap path={[...path, 0]} type="position-zero-cursor-trap" />
+    </div>
+  {/if}
+  {#each nodes as node, index (index) }
+    {@const Component = svedit.doc.config.node_components[snake_to_pascal(node.type)]}
+    {#if Component}
+      <Component path={[...path, index]} />
+    {:else}
+      <UnknownNode path={[...path, index]} />
+    {/if}
+  {/each}
+</div>

package/dist/NodeArrayProperty.svelte.d.ts

@@ -0,0 +1,7 @@
+export default NodeArrayProperty;
+type NodeArrayProperty = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<NodeArrayPropertyProps>): void;
+};
+declare const NodeArrayProperty: import("svelte").Component<import("./types.d.ts").NodeArrayPropertyProps, {}, "">;
+//# sourceMappingURL=NodeArrayProperty.svelte.d.ts.map

package/dist/NodeArrayProperty.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeArrayProperty.svelte.d.ts","sourceRoot":"","sources":["../src/lib/NodeArrayProperty.svelte.js"],"names":[],"mappings":";;;;;AA6CA,mHAAgE"}