Skip to content

Commit

Permalink
Fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@guillemcordoba
guillemcordoba committed Apr 18, 2024
1 parent 7c72373 commit dc5f7ad
Show file tree
Hide file tree
Showing 4 changed files with 40 additions and 40 deletions.
50 changes: 25 additions & 25 deletions flake.lock
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

22 changes: 11 additions & 11 deletions ... (plural ..¡entry_type.name)}}-for-{{kebab_case linked_from.name}}.md{{¡if}}{{¡each}}.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
1. Import the `{{kebab_case (plural ../entry_type.name)}}-for-{{kebab_case linked_from.name}}` element somewhere in the javascript side of your web-app like this:

```js
import '@holochain-open-dev/{{kebab_case app_name}}/dist/elements/{{kebab_case (plural ../entry_type.name)}}-for-{{kebab_case linked_from.name}}.js'
import '@holochain-open-dev/{{kebab_case ../app_name}}/dist/elements/{{kebab_case (plural ../entry_type.name)}}-for-{{kebab_case linked_from.name}}.js'
```

2. Use it in the html side of your web-app like this:
Expand All @@ -18,7 +18,7 @@ import '@holochain-open-dev/{{kebab_case app_name}}/dist/elements/{{kebab_case (
```

> [!WARNING]
> Like all the elements in this module, `<{{kebab_case (plural ../entry_type.name)}}-for-{{kebab_case linked_from.name}}>` needs to be placed inside an initialized `<{{kebab_case app_name}}-context>`.
> Like all the elements in this module, `<{{kebab_case (plural ../entry_type.name)}}-for-{{kebab_case linked_from.name}}>` needs to be placed inside an initialized `<{{kebab_case ../app_name}}-context>`.

## Demo

Expand All @@ -29,8 +29,8 @@ Here is an interactive demo of the element:

<script setup>
import { onMounted } from "vue";
import { {{pascal_case app_name}}ZomeMock, sample{{pascal_case ../entry_type.name}} } from "@holochain-open-dev/{{kebab_case app_name}}/dist/mocks.js";
import { {{pascal_case app_name}}Store, {{pascal_case app_name}}Client } from "@holochain-open-dev/{{kebab_case app_name}}";
import { {{pascal_case ../app_name}}ZomeMock, sample{{pascal_case ../entry_type.name}} } from "@holochain-open-dev/{{kebab_case ../app_name}}/dist/mocks.js";
import { {{pascal_case ../app_name}}Store, {{pascal_case ../app_name}}Client } from "@holochain-open-dev/{{kebab_case ../app_name}}";
import { decodeHashFromBase64 } from '@holochain/client';
import { render, html } from "lit";
Expand All @@ -39,24 +39,24 @@ onMounted(async () => {
// Reference: https://vitepress.dev/guide/ssr-compat#importing-in-mounted-hook
await import('@api-viewer/docs/lib/api-docs.js');
await import('@api-viewer/demo/lib/api-demo.js');
await import('@holochain-open-dev/{{kebab_case app_name}}/dist/elements/{{kebab_case app_name}}-context.js');
await import('@holochain-open-dev/{{kebab_case app_name}}/dist/elements/{{kebab_case (plural ../entry_type.name)}}-for-{{kebab_case linked_from.name}}.js');
await import('@holochain-open-dev/{{kebab_case ../app_name}}/dist/elements/{{kebab_case ../app_name}}-context.js');
await import('@holochain-open-dev/{{kebab_case ../app_name}}/dist/elements/{{kebab_case (plural ../entry_type.name)}}-for-{{kebab_case linked_from.name}}.js');
const mock = new {{pascal_case app_name}}ZomeMock();
const client = new {{pascal_case app_name}}Client(mock);
const mock = new {{pascal_case ../app_name}}ZomeMock();
const client = new {{pascal_case ../app_name}}Client(mock);
const {{camel_case ../entry_type.name}} = await sample{{pascal_case ../entry_type.name}}(client);
const record = await mock.create_{{snake_case ../entry_type.name}}({{camel_case ../entry_type.name}});
const store = new {{pascal_case app_name}}Store(client);
const store = new {{pascal_case ../app_name}}Store(client);
render(html`
<{{kebab_case app_name}}-context .store=${store}>
<{{kebab_case ../app_name}}-context .store=${store}>
<api-demo src="custom-elements.json" only="{{kebab_case (plural ../entry_type.name)}}-for-{{kebab_case linked_from.name}}" exclude-knobs="store">
<{{kebab_case (plural ../entry_type.name)}}-for-{{kebab_case linked_from.name}} {{#if (eq cardinality "vector")}}.{{camel_case linked_from.name}}=${ {{camel_case ../entry_type.name}}.{{field_name}}[0] }{{else}}.{{camel_case linked_from.name}}=${ {{camel_case ../entry_type.name}}.{{field_name}} } {{/if}}></{{kebab_case (plural ../entry_type.name)}}-for-{{kebab_case linked_from.name}}>
</api-demo>
</{{kebab_case app_name}}-context>
</{{kebab_case ../app_name}}-context>
`, document.querySelector('element-demo'))
})
Expand Down
4 changes: 2 additions & 2 deletions ...y-type/docs/elements/{{#if crud.update}}edit-{{kebab_case entry_type.name}}.md{{¡if}}.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ Here is an interactive demo of the element:

<script setup>
import { onMounted } from "vue";
import { {{pascal_case app_name}}ZomeMock, sample{{pascal_case referenceable.name}} } from "@holochain-open-dev/{{kebab_case app_name}}/dist/mocks.js";
import { {{pascal_case app_name}}ZomeMock, sample{{pascal_case entry_type.name}} } from "@holochain-open-dev/{{kebab_case app_name}}/dist/mocks.js";
import { {{pascal_case app_name}}Store, {{pascal_case app_name}}Client } from "@holochain-open-dev/{{kebab_case app_name}}";
import { decodeHashFromBase64 } from '@holochain/client';
import { render, html } from "lit";
Expand All @@ -46,7 +46,7 @@ onMounted(async () => {
const mock = new {{pascal_case app_name}}ZomeMock();
const client = new {{pascal_case app_name}}Client(mock);
const {{camel_case referenceable.name}} = await sample{{pascal_case entry_type.name}}(client);
const {{camel_case entry_type.name}} = await sample{{pascal_case entry_type.name}}(client);
const record = await mock.create_{{snake_case entry_type.name}}({{camel_case entry_type.name}});
Expand Down
4 changes: 2 additions & 2 deletions templates/module/entry-type/docs/elements/{{kebab_case entry_type.name}}-summary.md.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ Here is an interactive demo of the element:

<script setup>
import { onMounted } from "vue";
import { {{pascal_case app_name}}ZomeMock, sample{{pascal_case referenceable.name}} } from "@holochain-open-dev/{{kebab_case app_name}}/dist/mocks.js";
import { {{pascal_case app_name}}ZomeMock, sample{{pascal_case entry_type.name}} } from "@holochain-open-dev/{{kebab_case app_name}}/dist/mocks.js";
import { {{pascal_case app_name}}Store, {{pascal_case app_name}}Client } from "@holochain-open-dev/{{kebab_case app_name}}";
import { decodeHashFromBase64 } from '@holochain/client';
import { render, html } from "lit";
Expand All @@ -45,7 +45,7 @@ onMounted(async () => {
const mock = new {{pascal_case app_name}}ZomeMock();
const client = new {{pascal_case app_name}}Client(mock);
const {{camel_case referenceable.name}} = await sample{{pascal_case entry_type.name}}(client);
const {{camel_case entry_type.name}} = await sample{{pascal_case entry_type.name}}(client);
const record = await mock.create_{{snake_case entry_type.name}}({{camel_case entry_type.name}});
Expand Down

0 comments on commit dc5f7ad

Please sign in to comment.