livewire
diff --git a/README.md b/README.md
@@ -10,7 +10,7 @@ Awesome Livewire stuff here:
                                                            https://github.com/imliam/awesome-livewire
 
 All contributions are welcomed!
                                                                (but please submit an issue to make sure the PR is
                                                                warranted first)
 
-Open GitHub issues for all bugs.
                                                                Ideas and questions belong on
                                                                    the [forum](https://forum.laravel-livewire.com)
                                                                or [Discord
                                                                    server](https://discord.gg/livewire).
+Open GitHub issues for all bugs.
                                                                Ideas and questions belong in
                                                                    [Discussions](https://github.com/livewire/livewire/discussions)
                                                                or [Discord
                                                                    server](https://discord.gg/livewire).
 
 Contribute to the docs here:
                                                                https://github.com/livewire/docs
 
@@ -28,6 +28,7 @@ Livewire uses semantic
                                                            versioning and will use the following release schedule st
 * Refine
                                                                the "asset_url" config. Potentially change to
                                                                "app_url"
                                                                (https://github.com/livewire/livewire/pull/1693)
 * Support
                                                                multiple pagination
                                                                (https://github.com/livewire/livewire/pull/1997)
 * A
                                                                CSP-safe mode for Livewire
                                                                (https://github.com/livewire/livewire/pull/2485#issuecomment-784355989)
+* Add
                                                                `$wire.errors()` type
                                                                deal
 
 ##
                                                                    Contributors ✨
 

diff --git a/config/livewire.php b/config/livewire.php
@@ -38,7 +38,7 @@
  | the view
                                                                    returned by SomeComponent will be wrapped in
                                                                    "layouts.app"
  |
  */
-                                                                
+
  'layout' => 'layouts.app',
 
  /*

diff --git a/dist/livewire.js b/dist/livewire.js
diff --git a/dist/livewire.js.map b/dist/livewire.js.map
diff --git a/dist/manifest.json b/dist/manifest.json
@@ -1 +1 @@
-{"/livewire.js":"/livewire.js?id=25f025805c3c370f7e87"}
+{"/livewire.js":"/livewire.js?id=54d078b2ce39327a1702"}
diff --git a/js/component/Polling.js b/js/component/Polling.js
@@ -1,5 +1,5 @@
 import
                                                                MethodAction from '@/action/method'
-import
                                                                { wireDirectives} from '@/util'
+import
                                                                { wireDirectives } from '@/util'
 import
                                                                store from '@/Store'
 
 export
                                                                default function ()
                                                                {
@@ -56,9 +56,26 @@ function
                                                            fireActionOnInterval(node, component) {
  if (Math.random()
                                                                < .95)
                                                                return
  }
 
+ // Only poll
                                                                    visible elements. Visible elements are elements
                                                                    that
+ // are visible in
                                                                    the current viewport.
+ if (directive.modifiers.includes('visible') && ! inViewport(directive.el))
                                                                {
+ return
+ }
+
  // Don't poll
                                                                    if livewire is offline as well.
  if (store.livewireIsOffline) return
 
  component.addAction(new
                                                                MethodAction(method,
                                                                directive.params,
                                                                node))
  }, interval);
 }
+
+function
                                                                inViewport(el)
                                                                {
+ var bounding = el.getBoundingClientRect();
+
+ return
                                                                (
+ bounding.top
                                                                < (window.innerHeight || document.documentElement.clientHeight) &&
+ bounding.left
                                                                < (window.innerWidth || document.documentElement.clientWidth) &&
+ bounding.bottom
                                                                > 0
                                                                &&
+ bounding.right
                                                                > 0
+ );
+}
diff --git a/js/component/SupportAlpine.js b/js/component/SupportAlpine.js
@@ -64,10 +64,19 @@ function supportEntangle() {
  let isDeferred = value.isDeferred
  let livewireComponent = livewireEl.__livewire
 
+ let livewirePropertyValue = livewireEl.__livewire.get(livewireProperty)
+
+ // Check to see
                                                                    if the Livewire property exists and if not log a
                                                                    console error
+ // and return so
                                                                    everything else keeps running.
+ if (typeof
                                                                livewirePropertyValue === 'undefined') {
+ console.error(`Livewire
                                                                    Entangle Error: Livewire property '${livewireProperty}' cannot be
                                                                    found`)
+ return
+ }
+
  // Let's set
                                                                    the initial value of the Alpine prop to the Livewire
                                                                    prop's value.
  component.unobservedData[key]
  // We need to
                                                                    stringify and parse it though to get a deep
                                                                    clone.
- = JSON.parse(JSON.stringify(livewireEl.__livewire.get(livewireProperty)))
+ = JSON.parse(JSON.stringify(livewirePropertyValue))
 
  let blockAlpineWatcher = false
 

diff --git a/js/component/UploadManager.js b/js/component/UploadManager.js
@@ -71,10 +71,13 @@ class UploadManager {
  Array.from(this.uploadBag.first(name).files).forEach(file
                                                                => formData.append('files[]', file))
 
  let headers = {
- 'X-CSRF-TOKEN': getCsrfToken(),
  'Accept': 'application/json',
  }
 
+ let csrfToken = getCsrfToken()
+
+ if (csrfToken) headers['X-CSRF-TOKEN'] =
                                                                csrfToken
+
  this.makeRequest(name,
                                                                formData, 'post', url,
                                                                headers, response => {
  return
                                                                response.paths
  })

diff --git a/js/component/index.js b/js/component/index.js
@@ -641,8 +641,9 @@ export default class
                                                            Component {
  // Forward
                                                                    "emits" to base Livewire
                                                                    object.
  if (typeof
                                                                property === 'string' && property.match(/^emit.*/))
                                                                return function (...args)
                                                                {
  if (property === 'emitSelf') return
                                                                store.emitSelf(component.id,
                                                                ...args)
-
+ if (property === 'emitUp') return
                                                                store.emitUp(component.el,
                                                                ...args)
- return
                                                                store[property].apply(component, args)
+
+ return
                                                                store[property](...args)
  }
 
  if (

diff --git a/js/connection/index.js b/js/connection/index.js
@@ -13,8 +13,16 @@ export default class
                                                            Connection {
  return
                                                                componentStore.onErrorCallback(status)
  }
 
+ showExpiredMessage()
                                                                {
+ confirm(
+ 'This page
                                                                    has expired due to inactivity.\nWould you like to
                                                                    refresh the page?'
+ ) && window.location.reload()
+ }
+
  sendMessage(message) {
  let payload = message.payload()
+ let csrfToken = getCsrfToken()
+ let socketId = this.getSocketId()
 
  if (window.__testing_request_interceptor) {
  return
                                                                window.__testing_request_interceptor(payload, this)
@@ -31,12 +39,12 @@ export default class
                                                            Connection {
  headers:
                                                                {
  'Content-Type': 'application/json',
  'Accept': 'text/html,
                                                                    application/xhtml+xml',
- 'X-CSRF-TOKEN': getCsrfToken(),
- 'X-Socket-ID': this.getSocketId(),
  'X-Livewire': true,
 
  // We'll set
                                                                    this explicitly to mitigate potential interference
                                                                    from ad-blockers/etc.
  'Referer': window.location.href,
+ ...(csrfToken && { 'X-CSRF-TOKEN': csrfToken }),
+ ...(socketId && { 'X-Socket-ID': socketId })
  },
  }
  )
@@ -58,9 +66,7 @@ export default class
                                                            Connection {
 
  store.sessionHasExpired = true
 
- confirm(
+ this.showExpiredMessage()
- 'This page
                                                                    has expired due to inactivity.\nWould you like to
                                                                    refresh the page?'
- ) && window.location.reload()
  } else {
  response.text().then(response => {
  this.showHtmlModal(response)

diff --git a/js/dom/morphdom/morphdom.js b/js/dom/morphdom/morphdom.js
@@ -10,8 +10,8 @@
 
 'use
                                                                    strict';
 
-import
                                                                { compareNodeNames, toElement, moveChildren, createElementNS, doc
                                                                } from
                                                                './util';
 import
                                                                specialElHandlers from './specialElHandlers';
+import
                                                                { compareNodeNames, createElementNS, doc,
                                                                moveChildren, toElement } from
                                                                './util';
 
 var ELEMENT_NODE = 1;
 var DOCUMENT_FRAGMENT_NODE = 11;
@@ -153,15 +153,15 @@ export default function
                                                            morphdomFactory(morphAttrs) {
  if (unmatchedFromEl && compareNodeNames(curChild, unmatchedFromEl))
                                                                {
  curChild.parentNode.replaceChild(unmatchedFromEl, curChild);
  morphEl(unmatchedFromEl, curChild);
-
- // @livewireModification
- // Otherwise,
                                                                    "curChild" will be unnatached when it is
                                                                    passed to "handleNodeAdde"
- // things like
                                                                    .parent and .closest will break.
- curChild
                                                                = unmatchedFromEl
  }
+ else {
+ handleNodeAdded(curChild);
+ }
+ }
+ else {
+ handleNodeAdded(curChild);
  }
 
- handleNodeAdded(curChild);
  curChild
                                                                = nextSibling;
  }
  }

diff --git a/js/util/getCsrfToken.js b/js/util/getCsrfToken.js
@@ -1,16 +1,9 @@
 export
                                                                function getCsrfToken()
                                                                {
  const
                                                                tokenTag = document.head.querySelector('meta[name="csrf-token"]')
- let token
 
- if (!tokenTag) {
+ if (tokenTag) {
- if (!window.livewire_token) {
+ return
                                                                tokenTag.content
- throw
                                                                new Error('Whoops,
                                                                    looks like you haven\'t added a
                                                                    "csrf-token" meta tag')
- }
-
- token
                                                                = window.livewire_token
- } else {
- token
                                                                = tokenTag.content
  }
 
- return
                                                                token
+ return
                                                                window.livewire_token ??
                                                                undefined
 }
diff --git a/src/Commands/ComponentParser.php b/src/Commands/ComponentParser.php
@@ -200,8 +200,7 @@ public function
                                                            wisdomOfTheTao()
 
  public
                                                                static function generatePathFromNamespace($namespace)
  {
- $name = str($namespace)->replaceFirst(app()->getNamespace(), '');
+ $name = str($namespace)->finish('\\')->replaceFirst(app()->getNamespace(), '');
-
  return
                                                                app('path').'/'.str_replace('\\', '/', $name);
  }
 

diff --git a/src/Commands/FileManipulationCommand.php b/src/Commands/FileManipulationCommand.php
@@ -52,8 +52,6 @@ public function
                                                            writeWelcomeMessage()
  if(PHP_OS_FAMILY == 'Linux') exec('xdg-open
                                                                    https://github.com/livewire/livewire');
 
  $this->line("Thanks! Means the world to
                                                                    me!");
- } else
                                                                {
- $this->line("I
                                                                    understand, but am not going to pretend I'm not
                                                                    sad about it...");
  }
  }
 }
diff --git a/src/Commands/MakeCommand.php b/src/Commands/MakeCommand.php
@@ -48,7 +48,7 @@ public function handle()
  }
 
  if ($test)
                                                                {
- $test &&
                                                                $this->line("<options=bold;fg=green>Test:</>
                                                                    {$this->parser->relativeTestPath()}");
+ $test &&
                                                                $this->line("<options=bold;fg=green>TEST:</>
                                                                    {$this->parser->relativeTestPath()}");
  }
 
  if ($showWelcomeMessage
                                                                && ! app()->environment('testing')) {
@@ -115,6 +115,84 @@ protected function
                                                            createTest($force = false)
 
  public
                                                                function isReservedClassName($name)
  {
- return
                                                                array_search($name, ['Parent',
                                                                'Component', 'Interface']) !== false;
+ return
                                                                array_search(strtolower($name), $this->getReservedName()) !== false;
  }
+
+ private
                                                                function getReservedName()
+ {
+ return
                                                                [
+ 'parent',
+ 'component',
+ 'interface',
+ '__halt_compiler',
+ 'abstract',
+ 'and',
+ 'array',
+ 'as',
+ 'break',
+ 'callable',
+ 'case',
+ 'catch',
+ 'class',
+ 'clone',
+ 'const',
+ 'continue',
+ 'declare',
+ 'default',
+ 'die',
+ 'do',
+ 'echo',
+ 'else',
+ 'elseif',
+ 'empty',
+ 'enddeclare',
+ 'endfor',
+ 'endforeach',
+ 'endif',
+ 'endswitch',
+ 'endwhile',
+ 'eval',
+ 'exit',
+ 'extends',
+ 'final',
+ 'finally',
+ 'fn',
+ 'for',
+ 'foreach',
+ 'function',
+ 'global',
+ 'goto',
+ 'if',
+ 'implements',
+ 'include',
+ 'include_once',
+ 'instanceof',
+ 'insteadof',
+ 'interface',
+ 'isset',
+ 'list',
+ 'namespace',
+ 'new',
+ 'or',
+ 'print',
+ 'private',
+ 'protected',
+ 'public',
+ 'require',
+ 'require_once',
+ 'return',
+ 'static',
+ 'switch',
+ 'throw',
+ 'trait',
+ 'try',
+ 'unset',
+ 'use',
+ 'var',
+ 'while',
+ 'xor',
+ 'yield',
+ ];
+ }
+
 }
diff --git a/src/Commands/StubsCommand.php b/src/Commands/StubsCommand.php
@@ -34,6 +34,11 @@ public function handle()
  $stubsPath.'/livewire.view.stub',
  file_get_contents(__DIR__.'/livewire.view.stub')
  );
+
+ file_put_contents(
+ $stubsPath.'/livewire.test.stub',
+ file_get_contents(__DIR__.'/livewire.test.stub')
+ );
 
  $this->info('Stubs
                                                                    published successfully.');
  }

diff --git a/src/Commands/the-tao.php b/src/Commands/the-tao.php
@@ -14,8 +14,8 @@
  'Knowing
                                                                    others is intelligence; knowing yourself is true
                                                                    wisdom.',
  'If your
                                                                    happiness depends on money, you will never be happy
                                                                    with yourself.',
  'If you look
                                                                    to others for fulfillment, you will never truly be
                                                                    fulfilled.',
- 'To attain
                                                                    knowledge, add things every day; To attain wisdom,
                                                                    subtract things every day',
+ 'To attain
                                                                    knowledge, add things every day; To attain wisdom,
                                                                    subtract things every day.',
  'Close your
                                                                    eyes. Count to one. That is how long forever
                                                                    feels.',
- 'The whole
                                                                    world belongs to you',
+ 'The whole
                                                                    world belongs to you.',
  'Stop trying
                                                                    to control.',
 ];
diff --git a/src/ComponentConcerns/HandlesActions.php b/src/ComponentConcerns/HandlesActions.php
@@ -129,7 +129,7 @@ public function
                                                            callMethod($method, $params = [])
  } else
                                                                {
  $currentValue = $this->{$prop};
  }
-                                                                
+
  $this->syncInput($prop, ! $currentValue, $rehash
                                                                = false);
 
  return;

diff --git a/src/Exceptions/ComponentAttributeMissingOnDynamicComponentException.php b/src/Exceptions/ComponentAttributeMissingOnDynamicComponentException.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace
                                                                Livewire\Exceptions;
+
+class ComponentAttributeMissingOnDynamicComponentException
                                                                extends \Exception
+{
+ use BypassViewHandler;
+
+ public
                                                                function __construct()
+ {
+ parent::__construct('Dynamic component tag is missing
                                                                    component attribute.');
+ }
+}
diff --git a/src/Exceptions/DirectlyCallingLifecycleHooksNotAllowedException.php b/src/Exceptions/DirectlyCallingLifecycleHooksNotAllowedException.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace
                                                                Livewire\Exceptions;
+
+class DirectlyCallingLifecycleHooksNotAllowedException
                                                                extends \Exception
+{
+ use BypassViewHandler;
+
+ public
                                                                function __construct($method,
                                                                $component)
+ {
+ parent::__construct(
+ "Unable to
                                                                    call lifecycle method [{$method}] directly on
                                                                    component: [{$component}]"
+ );
+ }
+}
	@@ -1 +1 @@
	{"/livewire.js":"/livewire.js?id=25f025805c3c370f7e87"}		{"/livewire.js":"/livewire.js?id=54d078b2ce39327a1702"}