Skip to content

Commit

Permalink
chore(#63): update blog post
Browse files Browse the repository at this point in the history
  • Loading branch information
Decipher committed May 1, 2022
1 parent c9af800 commit 21fe694
Show file tree
Hide file tree
Showing 12 changed files with 274 additions and 32 deletions.
81 changes: 81 additions & 0 deletions drupal/content/linky.1e4c705e-8054-4e09-9389-94232e06894e.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
{
"uuid": [
{
"value": "1e4c705e-8054-4e09-9389-94232e06894e"
}
],
"langcode": [
{
"value": "en"
}
],
"user_id": [
{
"target_type": "user",
"target_uuid": "fb85df17-bbd5-4b75-890e-e010d6410ac0"
}
],
"revision_created": [
{
"value": "2022-05-01T21:59:21+00:00",
"format": "Y-m-d\\TH:i:sP"
}
],
"revision_uid": [
{
"target_type": "user",
"target_uuid": "fb85df17-bbd5-4b75-890e-e010d6410ac0"
}
],
"revision_log": [
{
"value": "Created new Managed Link"
}
],
"link": [
{
"uri": "https:\/\/discord.druxtjs.org",
"title": "https:\/\/discord.druxtjs.org",
"options": []
}
],
"created": [
{
"value": "2022-05-01T21:59:21+00:00",
"format": "Y-m-d\\TH:i:sP"
}
],
"changed": [
{
"value": "2022-05-01T21:59:21+00:00",
"format": "Y-m-d\\TH:i:sP"
}
],
"checked": [
{
"value": "1970-01-01T00:00:00+00:00",
"format": "Y-m-d\\TH:i:sP"
}
],
"internal": [],
"http_method": [],
"http_status": [],
"message": [],
"destination": [],
"excluded": [
{
"value": false
}
],
"reason": [],
"error": [
{
"value": false
}
],
"error_count": [
{
"value": 0
}
]
}
14 changes: 12 additions & 2 deletions drupal/content/meta/index.json
Original file line number Diff line number Diff line change
Expand Up @@ -277,7 +277,9 @@
"paragraph.e18a69ed-d762-4105-892e-804c432b43f3",
"paragraph.b8f1f275-6e5a-458d-b386-8dc6cf4935b5",
"paragraph.fb9b578f-e3fc-4947-b171-51b513dff749",
"paragraph.928573ff-b9cc-4fed-92e3-0b70545d7339"
"paragraph.928573ff-b9cc-4fed-92e3-0b70545d7339",
"paragraph.0fb35e1a-1a5e-4ad9-9cf4-7a72497f87f5",
"paragraph.8d45f4f1-16ba-436d-ba8a-9b2ff6e0e989"
],
"path_alias.41f977f5-adec-4a4f-9005-87db478eb467": [
"node.80b10f09-d311-41c0-932c-9873d0f51ef3"
Expand Down Expand Up @@ -343,5 +345,13 @@
"linky.85350f0a-6eb0-4f20-a2d4-a9d395d48169": [
"user.fb85df17-bbd5-4b75-890e-e010d6410ac0"
],
"paragraph.928573ff-b9cc-4fed-92e3-0b70545d7339": []
"paragraph.928573ff-b9cc-4fed-92e3-0b70545d7339": [],
"paragraph.0fb35e1a-1a5e-4ad9-9cf4-7a72497f87f5": [],
"paragraph.8d45f4f1-16ba-436d-ba8a-9b2ff6e0e989": [],
"redirect.a12126aa-b2c1-4ac3-8d0f-8a7f296629c4": [
"user.fb85df17-bbd5-4b75-890e-e010d6410ac0"
],
"linky.1e4c705e-8054-4e09-9389-94232e06894e": [
"user.fb85df17-bbd5-4b75-890e-e010d6410ac0"
]
}
16 changes: 12 additions & 4 deletions drupal/content/node.80b10f09-d311-41c0-932c-9873d0f51ef3.json
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
],
"revision_timestamp": [
{
"value": "2022-04-25T10:27:06+00:00",
"value": "2022-05-01T21:59:21+00:00",
"format": "Y-m-d\\TH:i:sP"
}
],
Expand Down Expand Up @@ -51,13 +51,13 @@
],
"created": [
{
"value": "2022-04-23T02:20:24+00:00",
"value": "2022-05-02T09:53:00+00:00",
"format": "Y-m-d\\TH:i:sP"
}
],
"changed": [
{
"value": "2022-04-25T10:27:06+00:00",
"value": "2022-05-01T21:59:21+00:00",
"format": "Y-m-d\\TH:i:sP"
}
],
Expand All @@ -83,7 +83,7 @@
],
"path": [
{
"alias": "\/articles\/virtual-reality-and-druxt-20220423",
"alias": "\/articles\/virtual-reality-and-druxt-20220502",
"langcode": "en",
"pathauto": 1
}
Expand Down Expand Up @@ -206,6 +206,14 @@
{
"target_type": "paragraph",
"target_uuid": "928573ff-b9cc-4fed-92e3-0b70545d7339"
},
{
"target_type": "paragraph",
"target_uuid": "0fb35e1a-1a5e-4ad9-9cf4-7a72497f87f5"
},
{
"target_type": "paragraph",
"target_uuid": "8d45f4f1-16ba-436d-ba8a-9b2ff6e0e989"
}
],
"field_content_supplementary": [],
Expand Down
55 changes: 55 additions & 0 deletions drupal/content/paragraph.0fb35e1a-1a5e-4ad9-9cf4-7a72497f87f5.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
{
"uuid": [
{
"value": "0fb35e1a-1a5e-4ad9-9cf4-7a72497f87f5"
}
],
"langcode": [
{
"value": "en"
}
],
"type": [
{
"target_id": "section",
"target_type": "paragraphs_type",
"target_uuid": "36879357-96f7-4b56-8bf3-f91b01e4638d"
}
],
"status": [
{
"value": true
}
],
"created": [
{
"value": "2022-05-01T21:40:25+00:00",
"format": "Y-m-d\\TH:i:sP"
}
],
"behavior_settings": [
{
"value": {
"layout_paragraphs": {
"layout": "layout_onecol",
"config": {
"label": ""
},
"parent_uuid": null,
"region": null
}
}
}
],
"default_langcode": [
{
"value": true
}
],
"revision_translation_affected": [],
"field_title": [
{
"value": "The Next Experiment"
}
]
}
56 changes: 56 additions & 0 deletions drupal/content/paragraph.8d45f4f1-16ba-436d-ba8a-9b2ff6e0e989.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
{
"uuid": [
{
"value": "8d45f4f1-16ba-436d-ba8a-9b2ff6e0e989"
}
],
"langcode": [
{
"value": "en"
}
],
"type": [
{
"target_id": "text_formatted",
"target_type": "paragraphs_type",
"target_uuid": "71da2b1b-bfa1-4dae-8638-7f791512512d"
}
],
"status": [
{
"value": true
}
],
"created": [
{
"value": "2022-05-01T21:52:46+00:00",
"format": "Y-m-d\\TH:i:sP"
}
],
"behavior_settings": [
{
"value": {
"layout_paragraphs": {
"parent_uuid": "0fb35e1a-1a5e-4ad9-9cf4-7a72497f87f5",
"region": "content"
}
}
}
],
"default_langcode": [
{
"value": true
}
],
"revision_translation_affected": [
{
"value": true
}
],
"field_text_formatted": [
{
"value": "<p>The above examples are enough to prove the concept; A-Frame can be run within Nuxt using data provided by Drupal and consumed by Druxt.<\/p>&#13;\n&#13;\n<p>But this is only scratching the surface of the potential of VR Druxt integrations. Both examples are simple demonstration of taking a Drupal field and wrapping a small embedded scene to present the field data.<\/p>&#13;\n&#13;\n<p>The next example, to truly test the possibilities of A-Frame, would be to create a fully immersive VR interface to navigate through multiples scenes worth of full entity data. Some of the options I've considered so far:<\/p>&#13;\n&#13;\n<ul>&#13;\n\t<li><strong>UmamiVR<\/strong>; A fully VR responsive frontend for the Drupal Umami demonstration profile.<\/li>&#13;\n\t<li><strong>SphereMe<\/strong>; A self-hostable, sphere photography service to create and share virtual sphere galleries.<\/li>&#13;\n\t<li><strong>CommerceVR<\/strong>; A fully VR shopping experience using the Commerce Kickstart demo.<\/li>&#13;\n<\/ul>&#13;\n&#13;\n<p>Unfortunately, an example of that size takes more time than I currently have availability at the moment. But if you're interested in getting involved and helping build something truly amazing, find me @ <a href=\"\/admin\/content\/linky\/20\">https:\/\/discord.druxtjs.org<\/a>, I'm always happy to help others Experiment with Druxt!<\/p>&#13;\n",
"format": "formatted"
}
]
}
Original file line number Diff line number Diff line change
Expand Up @@ -42,11 +42,7 @@
"value": true
}
],
"revision_translation_affected": [
{
"value": true
}
],
"revision_translation_affected": [],
"field_code": [
{
"value": "<ClientOnly>\r\n <a-scene embedded>\r\n <a-assets>\r\n <NuxtImg :id=\"file.id\" :src=\"src\" \/>\r\n <\/a-assets>\r\n <a-sky :src=\"`#${file.id}`\" \/>\r\n <\/a-scene>\r\n <template #placeholder>\r\n <NuxtImg :id=\"file.id\" :src=\"src\" \/>\r\n <\/template>\r\n<\/ClientOnly>"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -42,11 +42,7 @@
"value": true
}
],
"revision_translation_affected": [
{
"value": true
}
],
"revision_translation_affected": [],
"field_text_formatted": [
{
"value": "<p>360\u00b0 panoramic drone photography is a passion of mine, but it's a much harder medium to share. Being able to immerse yourself in the photo, looking anywhere from the Drones vantage point is a pretty amazing thing.<\/p>&#13;\n&#13;\n<p>The <a href=\"\/admin\/content\/linky\/17\">a-sky<\/a> element provides an easy way to map an image to the \"sky\", which can be used for this exact scenario.<\/p>&#13;\n",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -42,11 +42,7 @@
"value": true
}
],
"revision_translation_affected": [
{
"value": true
}
],
"revision_translation_affected": [],
"field_code": [
{
"value": "<template>\r\n <div>\r\n <ClientOnly>\r\n <a-scene embedded>\r\n <a-sky :src=\"src\" \/>\r\n <\/a-scene>\r\n <\/ClientOnly>\r\n <\/div>\r\n<\/template>\r\n\r\n<script>\r\nimport { DruxtEntityMixin } from 'druxt-entity'\r\n\r\n\/\/ Import A-Frame library client-side only.\r\nif (process.client) require('aframe')\r\n\r\nexport default {\r\n mixins: [DruxtEntityMixin],\r\n\r\n computed: {\r\n \/\/ Find the file resource.\r\n file: ({ entity }) => entity.included.find((o) => o.type === 'file--file'),\r\n \/\/ Get the URL from the file.\r\n src: ({ file }) => file.attributes.uri.url,\r\n },\r\n\r\n druxt: {\r\n query: {\r\n \/\/ Include the image file resource.\r\n include: ['field_media_image'],\r\n }\r\n }\r\n}\r\n<\/script>"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -42,11 +42,7 @@
"value": true
}
],
"revision_translation_affected": [
{
"value": true
}
],
"revision_translation_affected": [],
"field_text_formatted": [
{
"value": "<p><strong>In Drupal:<\/strong><\/p>\r\n\r\n<ol>\r\n\t<li>Create a new Media type: <strong>Sphere<\/strong><\/li>\r\n\t<li>Setup media type as per <strong>Image<\/strong>&nbsp;type (field_media_image) or as required.<\/li>\r\n<\/ol>\r\n",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -42,11 +42,7 @@
"value": true
}
],
"revision_translation_affected": [
{
"value": true
}
],
"revision_translation_affected": [],
"field_text_formatted": [
{
"value": "<p>Full disclosure, I ran into an issue on this experiment; the proof of concept was easy enough, but as this blog is serverless and the component is dealing with images, it didn't initially work on Netlify.<\/p>&#13;\n&#13;\n<p>In a serverless Druxt build, the Nuxt Image module is used to download images from Drupals to the Nuxt generated output (see <a href=\"\/admin\/content\/linky\/18\">What, no images?<\/a> for context) but Nuxt generate doesn't process anything inside the <strong>ClientOnly<\/strong> component.<\/p>&#13;\n",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
],
"alias": [
{
"value": "\/articles\/virtual-reality-and-druxt-20220423"
"value": "\/articles\/virtual-reality-and-druxt-20220502"
}
],
"status": [
Expand Down
Loading

0 comments on commit 21fe694

Please sign in to comment.